@charset "utf-8";

#headbg{
	background:url(../img/about/headbg.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
header nav ul li.m1 a:before{
	display:block;
	}
#header2 nav ul li.m1 a{
	color:#FAFAFA;
	background-color:#353E41;
	}
#header2 nav ul li.m1 a:after{
	border-color:#FAFAFA;
	}
#index1{
	max-width:1400px;
	margin:0 auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding-left:90px;
	overflow:hidden;
	zoom:1;
	}
#index1 .text{
	float:left;
	width:43%;
	margin-bottom:110px;
	}
#index1 .text h2{
	font-size:33px;
	font-weight:400;
	font-family:'Noto Serif JP';
	line-height:1.7;
	letter-spacing:0em;
	margin-bottom:55px;
	}
#index1 .text h2 span{
	font-family:'Noto Serif JP';
	line-height:1.7;
	font-weight:400;
	display:inline-block;
	}
#index1 .ph{
	float:right;
	width:51%;
	}
#index1 .ph img:nth-of-type(2){
	margin-top:30px;
	}
#index1 .face{
	position:relative;
	clear:left;
	}
#index1 .face img{
	width:270px;
	}
#index1 .face h3{
	font-size:19px;
	font-weight:400;
	font-family:'Noto Serif JP';
	line-height:1.7;
	position:absolute;
	bottom:30px;
	left:310px;
	}
#index1 .face h3 span{
	font-size:20px;
	font-weight:400;
	font-family:'Noto Serif JP';
	line-height:1.7;
	display:block;
	}
#index1 .face h3 strong{
	font-size:26px;
	font-weight:400;
	font-family:'Noto Serif JP';
	line-height:1.7;
	display:inline-block;
	margin-left:15px;
	vertical-align:-2px;
	}
#index2{
	margin-top:180px;
	position:relative;
	padding:0 110px 0 70px;
	}
#index2:after{
	content:"";
	display:block;
	width:100%;
	height:-webkit-calc(100% - 280px);
	height:calc(100% - 280px);
	position:absolute;
	left:0;
	top:30px;
	z-index:-1;
	background-color:#EEEEEE;
	}
#index2 h2{
	text-align:center;
	font-size:40px;
	font-weight:700;
	}
#index2 table{
	width:100%;
	max-width:980px;
	margin:60px auto 0 auto;
	}
#index2 table th{
	font-size:19px;
	font-weight:700;
	text-align:left;
	vertical-align:top;
	line-height:1.5;
	width:200px;
	padding:45px 10px 45px 0;
	white-space:nowrap;
	border-bottom:1px solid #C8C8C8;
	}
#index2 table td{
	font-size:17px;
	font-weight:500;
	text-align:left;
	vertical-align:top;
	line-height:1.5;
	padding:45px 0px 45px 0;
	border-bottom:1px solid #C8C8C8;
	}
#index2 table tr:last-of-type th,
#index2 table tr:last-of-type td{
	border-bottom:0;
	}
#index2 table td .mapb{
	position:relative;
	width:100%;
	padding-top:50%;
	height:0;
	margin-top:45px;
	border:1px solid #C8C8C8;
	}
#index2 table td .mapb iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
#index2 table td ul li{
	list-style-type:disc;
	margin:15px 0 0 20px;
	}
#index2 table td ul li:first-of-type{
	margin-top:0;
	}
#index2 table tr:last-of-type td ul li{
	position:relative;
	padding-left:140px;
	margin-top:25px;
	}
#index2 table tr:last-of-type td ul li:first-of-type{
	margin-top:0;
	}
#index2 table tr:last-of-type td ul li strong{
	font-weight:500;
	position:absolute;
	left:0;
	top:0;
	display:block;
	}
#index2 h3{
	max-width:980px;
	margin:90px auto 0 auto;
	}
@media screen and (max-width:1400px){
#index1{
	padding-left:70px;
	}
}
@media screen and (max-width:900px){
#index1{
	padding:0 0 920px 0;
	position:relative;
	}
#index1 .text{
	padding:0 7%;
	float:none;
	width:auto;
	margin-bottom:0;
	}
#index1 .text h2{
	font-size:26px;
	line-height:1.9;
	margin-bottom:40px;
	text-align:center;
	}
#index1 .text h2 span{
	line-height:1.9;
	}
#index1 .text p{
	font-size:15px;
	line-height:2.6;
	}
#index1 .ph{
	float:none;
	width:600px;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-300px;
	}
#index1 .ph img:nth-of-type(2){
	margin-top:0;
	}
#index1 .face{
	padding-top:60px;
	clear:both;
	}
#index1 .face img{
	width:240px;
	margin:0 auto;
	}
#index1 .face h3{
	font-size:16px;
	position:relative;
	bottom:auto;
	left:auto;
	padding-top:20px;
	text-align:center;
	}
#index1 .face h3 span{
	font-size:18px;
	}
#index1 .face h3 strong{
	font-size:22px;
	margin-left:10px;
	vertical-align:-1px;
	}
#index2{
	margin-top:120px;
	padding:0 7%;
	}
#index2:after{
	top:22px;
	height:-webkit-calc(100% - 110px);
	height:calc(100% - 110px);
	}
#index2 h2{
	font-size:28px;
	}
#index2 table{
	margin:30px auto 0 auto;
	}
#index2 table th{
	font-size:17px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	display:block;
	padding:25px 0 0px 0;
	border-bottom:0;
	}
#index2 table th br{
	display:none;
	}
#index2 table td{
	font-size:16px;
	padding:5px 0px 25px 0;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	display:block;
	}
#index2 table td .mapb{
	padding-top:75%;
	margin-top:25px;
	}
#index2 table td ul li{
	font-size:15px;
	}
#index2 table td ul li:first-of-type{
	margin-top:15px;
	}
#index2 table tr:last-of-type td ul li{
	padding-left:0;
	margin-top:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #C8C8C8;
	}
#index2 table tr:last-of-type td ul li:first-of-type{
	margin-top:10px;
	}
#index2 table tr:last-of-type td ul li:last-of-type{
	border-bottom:0;
	}
#index2 table tr:last-of-type td ul li strong{
	position:relative;
	left:auto;
	top:auto;
	font-size:16px;
	margin-bottom:5px;
	}
#index2 h3{
	margin:60px auto 0 auto;
	}
}
@media screen and (max-width:500px){
#index1{
	padding-bottom:680px;
	}
#index1 .ph{
	width:420px;
	margin-left:-210px;
	}
}