@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{
	color:#998673;
	}
header nav ul li.m1:after{
	display:block;
	}
#header2 nav ul li.m1 a{
	background-color:#998673;
	color:#FAFAFA;
	}
#header2 nav ul li.m1 a:after{
	border-color:#FAFAFA;
	}

#index1{
	overflow:hidden;
	zoom:1;
	padding:190px 0 0px 0;
	position:relative;
	}
#index1:after{
	content:"";
	display:block;
	background:url(../img/home/sec2bg.webp) no-repeat center center;
	width:100%;
	height:520px;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	margin-top:210px;
	}
#index1 h2{
	max-width:1220px;
	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:0 70px;
	}
#index1 h3{
	max-width:1220px;
	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:40px 690px 0px 70px;
	text-align:right;
	position:relative;
	z-index:2;
	}
#index1 h3 span{
	font-size:19px;
	font-family:'Noto Serif JP';
	font-weight:500;
	line-height:1.8;
	display:inline-block;
	text-align:left;
	}
#index1 h3 span strong{
	display:inline-block;
	margin-left:20px;
	font-size:26px;
	font-family:'Noto Serif JP';
	font-weight:500;
	}
#index1 p{
	max-width:1220px;
	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:55px 690px 0 70px;
	font-size:16px;
	line-height:2.6;
	position:relative;
	z-index:2;
	}
#index1 div{
	width:-webkit-calc(50% - 40px);
	width:calc(50% - 40px);
	position:absolute;
	right:0;
	top:190px;
	z-index:2;
	}
#index1 div img:nth-of-type(2){
	float:left;
	width:280px;
	margin:20px 20px 0 0;
	}
#index1 div img:nth-of-type(3){
	float:left;
	width:280px;
	margin:20px 0 0 0;
	}
.index2{
	max-width:1140px;
	margin:0 auto;
	padding:180px 70px 0 70px;
	overflow:hidden;
	zoom:1;
	}
.index2 h2{
	float:left;
	}
.index2 table{
	width:820px;
	max-width:70%;
	float:right;
	margin-top:-25px;
	}
.index2 table th{
	font-size:17px;
	font-weight:700;
	padding:25px 60px 25px 0;
	border-bottom:1px solid #D8DADC;
	vertical-align:top;
	text-align:left;
	line-height:1.8;
	white-space:nowrap;
	}
.index2 table td{
	font-size:17px;
	font-weight:400;
	padding:25px 0px 25px 0;
	border-bottom:1px solid #D8DADC;
	vertical-align:top;
	text-align:left;
	line-height:1.8;
	}
.index2 table td ul li{
	list-style-type:disc;
	margin:12px 0 0 20px;
	}
.index2 table td ul li:first-of-type{
	margin-top:0;
	}
.index2 table tr:last-of-type th,
.index2 table tr:last-of-type td{
	border-bottom:0;
	}
.index2 ul.ph{
	clear:both;
	overflow:hidden;
	zoom:1;
	padding-top:60px;
	}
.index2 ul.ph li{
	float:left;
	width:48.5%;
	font-size:17px;
	color:#646E78;
	text-align:center;
	}
.index2 ul.ph li:last-of-type{
	float:right;
	}
.index2 ul.ph li img{
	margin-bottom:18px;
	}
#index3bg{
	background-color:#E2E4E6;
	padding-bottom:100px;
	margin-top:160px;
	}
#index3bg .index2{
	padding-top:130px;
	}
#index3bg .index2 table tr th,
#index3bg .index2 table tr td{
	border-color:#B0B2B4;
	}
@media screen and (max-width:1255px){
#index1:after{
	margin-top:160px;
	}
#index1 h2{
	padding-right:50%;
	}
#index1 h3{
	padding-right:50%;
	}
#index1 p{
	padding-right:50%;
	}
#index1 div{
	width:-webkit-calc(45%);
	width:calc(45%);
	}
#index1 div img:nth-of-type(2){
	width:48.5%;
	margin:20px 3% 0 0;
	}
#index1 div img:nth-of-type(3){
	width:48.5%;
	}
}
@media screen and (max-width:900px){
#index1{
	padding:110px 0 0px 0;
	}
#index1:after{
	height:200px;
	margin-top:130px;
	}
#index1 h2{
	padding:0 7%;
	}
#index1 h3{
	padding:50px 7% 0px 7%;
	}
#index1 h3 span{
	font-size:18px;
	}
#index1 h3 span strong{
	font-size:25px;
	}
#index1 p{
	padding:30px 7% 0 7%;
	line-height:2.1;
	font-size:17px;
	}
#index1 div{
	width:-webkit-calc(86%);
	width:calc(86%);
	position:relative;
	right:auto;
	top:auto;
	margin:70px 7% 0 7%;
	overflow:hidden;
	zoom:1;
	}
#index1 div img:nth-of-type(2){
	margin-top:15px;
	}
#index1 div img:nth-of-type(3){
	margin-top:15px;
	}
.index2{
	padding:120px 7% 0 7%;
	}
.index2 h2{
	float:none;
	}
.index2 table{
	width:100%;
	max-width:100%;
	float:none;
	margin-top:30px;
	}
.index2 table th{
	display:block;
	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;
	padding:20px 0 0px 0;
	border-bottom:0;
	line-height:1.6;
	}
.index2 table td{
	display:block;
	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;
	padding:5px 0 20px 0;
	line-height:1.6;
	}
.index2 table td ul li:first-of-type{
	margin-top:10px;
	}
.index2 ul.ph{
	max-width:600px;
	margin:0 auto;
	padding-top:0px;
	}
.index2 ul.ph li{
	float:none;
	width:auto;
	font-size:16px;
	margin-top:35px;
	}
.index2 ul.ph li:last-of-type{
	float:none;
	}
.index2 ul.ph li img{
	margin-bottom:12px;
	}
#index3bg{
	padding-bottom:90px;
	margin-top:120px;
	}
#index3bg .index2{
	padding-top:120px;
	}
#index3bg .index2 table tr th{
	font-size:19px;
	}
}