@charset "utf-8";




html>/**/body {
	font-size: 13px; /* Except IE */
	font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
}

body {
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
color: #5f5e5e;
}

body #menu a{
font-family: "KozGoPro-Medium Regular", "小塚ゴシック Pro L",  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
}

body .sub_images a,body .sub_images #name_e,body .works_sub_table *{
	font-size:11px;
  font-family: "KozGoPro-Medium Regular", "小塚ゴシック Pro L",  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
}

body #main *{
	color: #5f5e5e;
}

body * {
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
color: #5f5e5e;
letter-spacing:2px;
}

body .content_wrap,body .content_wrap *,body #title a,body .name_j a,body .works_sub .works_sub_copy *,body .past_list *,body .sub_area *{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}






/* ------------------------------------------------------
 文字サイズ 13px を 100%とした時の指令値


 サイズ	 指定値				 行高	 行高の指定値
 --------------------------------------------------------
							 12px	 line-height: 1.2;
 10px	 font-size: 77%;	 14px	 line-height: 1.401;
							 16px	 line-height: 1.6;
							 18px	 line-height: 1.801;
 --------------------------------------------------------
							 12px	 line-height: 1.091;
 11px	 font-size: 84.6%;	 14px	 line-height: 1.272;
							 16px	 line-height: 1.454;
							 18px	 line-height: 1.636;
 --------------------------------------------------------
							 14px	 line-height: 1.167;
	 						 16px	 line-height: 1.335;
 12px	 font-size: 92.4%;	 18px	 line-height: 1.5;
							 20px	 line-height: 1.666;
							 21px	 line-height: 1.75;
							 22px	 line-height: 1.833;
 --------------------------------------------------------
							 14px	 line-height: 1.077;
							 16px	 line-height: 1.231;
 13px	 font-size: 100%;	 18px	 line-height: 1.385;
							 20px	 line-height: 1.538;
							 22px	 line-height: 1.692;
 --------------------------------------------------------
							 16px	 line-height: 1.143;
 14px	 font-size: 107.8%;	 18px	 line-height: 1.286;
							 20px	 line-height: 1.429;
							 22px	 line-height: 1.571;
 --------------------------------------------------------
							 18px	 line-height: 1.2;
 15px	 font-size: 115.3%;	 20px	 line-height: 1.333;
							 22px	 line-height: 1.467;
 --------------------------------------------------------
							 18px	 line-height: 1.124;
 16px	 font-size: 123.1%;	 20px	 line-height: 1.244;
							 22px	 line-height: 1.374;
 --------------------------------------------------------
							 20px	 line-height: 1.112;
 18px	 font-size: 138.5%;	 22px	 line-height: 1.224;
							 24px	 line-height: 1.334;
							 
 * ------------------------------------------------------
 */




/*======================================

	Font setting
	
=======================================*/
p,
pre,
cite,
blockquote {
	font-size: 100%;
}

li,dt,dd {
	font-size: 100%;
}

a:link {
	color:#7d7d7d;
	text-decoration:none;
}

a:visited {
	color:#7d7d7d;
	text-decoration:none;
}

a:hover {
	color:#c5c5c5;
	text-decoration:none;
}

a:active {
	color:#7d7d7d;
	text-decoration:none;
}

/*======================================

	Structure Module
	
=======================================*/
* {
	margin: 0px;
}
html, body {
	text-align: left;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	min-width: 1000px;
	margin: 0px;
	padding: 0px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: high;
}

table	{
	border-collapse: collapse;	border-spacing: 0;
}

caption, th	{
	text-align: left;
}

q:before ,q:after {
	content: '';
}

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

img, abbr, acronym, fieldset {
	border: 0;
	vertical-align: bottom;
}

li {
	list-style-type: none;
}

.clear { clear:both; }  
.clear hr { display:none; } 

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a:focus{
	outline:none;
} 








/*======================================

	Layout
	
=======================================*/
#header, #wrapper {
	width: 740px;
	margin: 0 auto 0; 
}

#main {
	margin-top: 65px;
	width: 740px;
}

#left {
	float: left; 
	width: 190px;
}

#right {
	float: right;
	width: 500px;
	margin:0 5px 0 0;
}

/*======================================

	Contents
	
=======================================*/
#header {
	padding-top: 70px;
	margin-bottom: 80px;
}

#logo {
	margin-bottom: 10px;	
}

#menu { 
	float: left;
	position: relative;
}

#menu ul li {
   float:left;
   display: block;
   margin-right: 26px;
}

#menu span {
	background:#e0e0e0; 
	height:1px; 
	display:block; 
	position:absolute; 
	width:50px; 
	left:0
}

#sitemap {
	float: right;
	padding-left: 28px;
	color:#c5c5c5;
	font-size: 73%;
	letter-spacing: 1px;
	border-left: 1px solid #E0E0E0;
}






#breadcrumbs {
	font-size: 73%;
	margin: 60px 0 0 0;
	color: #a5a5a5;
	line-height: 160%;
}

#pagetitle {
	margin: 0 0 0 -2px;
	padding: 0;
}

.void_5 {
	height: 5px;
}
.void_10 {
	height: 10px;
}
.void_15 {
	height: 15px;
}
.void_20 {
	height: 20px;
}
.void_25 {
	height: 25px;
}
.void_30 {
	height: 30px;
}

.sp{display:none;}



@media screen and (max-width: 767px) {


	.pc{display:none;}

	.sp{display:block;}

	*{
		 box-sizing: border-box;
	}

	html body {
    min-width:320px;
	}

	#header, #wrapper {
	    width: 100%;
	    padding:0 20px;
	    min-width:320px;
	}

	#wrapper {
		padding-top:25px;
	}


.menu_open {
    position: absolute;
    top: 5px;
    right:6px;
    background-image: url(../image/menu/menu.png?2);
    background-repeat: no-repeat;
    background-size: 31px auto;
    background-position: 50% 50%;
    width: 40px;
    height: 40px;
}

	.menu_close{
		position:absolute;
		top: 5px;
    	right:6px;
		background-image:url("../image/menu/close.png?2");
		background-repeat:no-repeat;
		 background-size: 30px auto;
	    background-position: 50% 50%;
	    width: 40px;
	    height: 40px;
	}

	body #menu{
    position: fixed;
    top: 0;
    left:100%;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 1000;
    transition: left .5s;
	}

	body #menu.on{
		left:0;
	}

	body #menu span{
		display:none;
	}

	
	body #menu ul {
    width: 100%;
    display:block;
    text-align:center;
    padding-top:45px;
	}

	body #menu ul li{
		margin-bottom:45px;
		float:none;
		font-size:13px;
		margin-right:0;
	}

	body #header {
	margin-bottom: 30px;
    padding-top: 5px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: #FFF;
	}

	body #wrapper.topc {
    width: 100%;
	}

	body .content_wrap {
    text-align:left;
	}

	body #copyright {
    width: 100%;
    padding:0 20px 50px 20px;
	}
	body .slider_wrap {
    width: 100%;
	}

	body #main {
    margin-top:25px;
    width: 100%;
	}

	body #main .slider_wrap.under_slider .swiper-slide a {
    width: 100%;
    height: auto;
	}	

	body #main .swiper-slide a.img_v img {
    height:auto;
    width: 100%;
	}
	body #main .slider_wrap.under_slider {
    	height: auto;
    	margin-bottom:40px;
	}
	body .swiper-wrapper{
		height:auto;
	}

	body .swiper-slide{
		height:auto;
	}

	body .about_googlemap{
		width:100%;
	}

	body #left_text.about_detail {
    width: 100%;
    margin: 30px auto 0px;
	}

	body .past_list .text {
    padding-left:150px;
    position: relative;
    min-height: 120px;
    margin: 0px 0 25px 0;
	}

	body .past_list .text_img {
    position: absolute;
    top: 0;
    left: 0;
    background-size:130px auto;
    background-position:0 5px;
    height: 120px;
    width:150px;
    background-repeat: no-repeat;
	}

	body #main {
    width: 100%;
	}

	body #main ul {
    width: 100%;
    margin-bottom:10px;
    margin-right:0px;
    overflow: hidden;
	}



	body #main ul li {
    width: 50%;
    height: 30px;
    margin: 0 0px 35px 0;
	}

	body #main ul li:nth-child(even) {
		padding-left:10px;
	}
	body #main ul li:nth-child(odd) {
		padding-right:10px;
	}

	body .works_sub_table {
    width: 100%;
	}
	body .works_sub_table .works_one {
    padding-bottom: 10px;
    display: block;
	}

	body .works_sub_table th {
    display: block;
    width: 100%;
	}

	body .works_sub_table td {
    display: block;
    width: 100%;
	}

	body .submenu {
    width: 100%;
	}
	body .works_right {
		padding-top:5px;
		padding-bottom:10px;
	}
	body .works_right a{
		font-size:9px;
	}

	body .sub_area .sub_images div {
    width: 100%;
    margin-bottom:20px;
	}

	/*news*/
	body #main #beta-inner ul li{
		margin-bottom:10px;
		height:auto;
	}
	body #main #beta-inner ul li:nth-child(even){
		padding-left:0;
	}

	#right {
    float: none;
    width: 100%;
	}
	#right img{
	width: 100%;
	}

	#left {
    float: none;
    width: 100%;
	}

	.entry_body img{
		width:100%;
		height:auto;
    padding-top: 5px;
	}
	/*pub*/
	.pub_table table{
		width:100%;
	}

	.pub_table tr,.pub_table td{
		display:block;
		width:100%;
	}
	.pub_table td{
		padding-bottom:20px;
	}
	.pub_table td img{
		width:100%;
	}

	#wrapper.topc video{
		width:100%;
		height:250px;
	}


}