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

#index1bg{
	position:relative;
	margin-top:50px;
	}
#index1bg:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:0;
	height:25%;
	width:50%;
	width:-webkit-calc(50% - 200px);
	width:calc(50% - 200px);
	background:url(../img/about/ph1-1.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#index1bg:before{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:25%;
	height:25%;
	width:50%;
	width:-webkit-calc(50% - 200px);
	width:calc(50% - 200px);
	background:url(../img/about/ph1-2.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#index1bg .box{
	position:relative;
	}
#index1bg .box:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:50%;
	height:25%;
	width:50%;
	width:-webkit-calc(50% - 200px);
	width:calc(50% - 200px);
	background:url(../img/about/ph1-3.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#index1bg .box:before{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:75%;
	height:25%;
	width:50%;
	width:-webkit-calc(50% - 200px);
	width:calc(50% - 200px);
	background:url(../img/about/ph1-4.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#index1{
	max-width:1300px;
	margin:0 auto;
	padding:0 570px 180px 70px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	overflow:hidden;
	zoom:1;
	}
#index1 h2 span{
	font-size:21px;
	display:inline-block;
	position:relative;
	letter-spacing:0.1em;
	padding-left:30px;
	}
#index1 h2 span:after{
	content:"";
	display:block;
	width:18px;
	height:1px;
	background-color:#32281E;
	position:absolute;
	left:0;
	top:15px;
	}
#index1 h2 strong{
	font-size:40px;
	display:block;
	line-height:1.6;
	padding-top:28px;
	letter-spacing:0.08em;
	}
#index1 p{
	padding-top:70px;
	}
#index1 h3{
	font-size:20px;
	float:right;
	display:inline-block;
	padding-top:30px;
	line-height:2.3;
	}
#index1 h3 strong{
	font-size:28px;
	display:inline-block;
	margin-left:20px;
	vertical-align:-2px;
	}
.index2bg{
	overflow:hidden;
	zoom:1;
	background-color:#F5F5F5;
	position:relative;
	}
.index3bg{
	background:none;
	}
.index2bg h2.titleb{
	position:absolute;
	left:50%;
	margin-left:-580px;
	top:200px;
	}
.index2bg h2.titleb:after{
	z-index:1;
	}
.index2bg h2.titleb:before{
	background-color:#F5F5F5;
	z-index:2;
	}
.index3bg h2.titleb:before{
	background-color:#FFF;
	}
.index2bg h2.titleb span{
	position:relative;
	z-index:3;
	}
.index2{
	max-width:1300px;
	margin:0 auto;
	padding:232px 70px 160px 280px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	overflow:hidden;
	zoom:1;
	}
.index3bg .index2{
	padding-bottom:0;
	}
.index2 table{
	position:relative;
	z-index:3;
	width:100%;
	max-width:880px;
	float:right;
	border-top:1px solid #32281E;
	}
.index2 table th{
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #32281E;
	padding:35px 20px 35px 0;
	white-space:nowrap;
	vertical-align:top;
	width:210px;
	line-height:1.6;
	}
.index2 table th span{
	font-size:16px;
	vertical-align:1px;
	}
.index3bg .index2 table th{
	width:240px;
	}
.index2 table td{
	font-size:17px;
	text-align:left;
	border-bottom:1px solid #32281E;
	padding:37px 0px 35px 0;
	vertical-align:top;
	line-height:1.6;
	}
.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 td ul.ul{
	padding:0px 0 20px 25px;
	}
.index2 table td ul.ul li{
	margin:8px 0 0 0;
	position:relative;
	list-style-type:none;
	padding-left:20px;
	}
.index2 table td ul.ul li:after{
	content:"";
	display:block;
	width:10px;
	height:1px;
	background-color:#968C82;
	position:absolute;
	left:0;
	top:12px;
	}
.index2 table td a img{
	display:inline-block;
	margin-left:10px;
	}
.index2 table td ul.phul{
	overflow:hidden;
	zoom:1;
	padding-bottom:10px;
	}
.index2 table td ul.phul li{
	list-style-type:none;
	margin:40px 6% 0 0;
	font-size:14px;
	text-align:center;
	float:left;
	width:200px;
	max-width:47%;
	}
.index2 table td ul.phul li:nth-of-type(2n){
	margin-right:0;
	}
.index2 table td ul.phul li a{
	color:#32281E;
	letter-spacing:0em;
	}
.index2 table td ul.phul li a img{
	margin:0 0 10px 0;
	}
.index2 table td .fax{
	display:inline-block;
	margin-left:40px;
	}
.index2 table td #mapb{
	position:relative;
	width:100%;
	padding-top:50%;
	height:0;
	margin-top:35px;
	}
.index2 table td #mapb iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
@media screen and (max-width:1315px){
#index1{
	width:50%;
	width:-webkit-calc(50% + 80px);
	width:calc(50% + 80px);
	padding:0 0px 180px 70px;
	margin:0;
	}
.index2bg h2.titleb{
	left:70px;
	margin-left:0;
	}
}
@media screen and (max-width:900px){
#index1bg{
	margin-top:20px;
	}
#index1bg:after{
	right:auto;
	left:0;
	top:auto;
	height:200px;
	bottom:200px;
	width:-webkit-calc(50%);
	width:calc(50%);
	}
#index1bg:before{
	top:auto;
	bottom:200px;
	height:200px;
	width:-webkit-calc(50%);
	width:calc(50%);
	}
#index1bg .box:after{
	right:auto;
	left:0;
	top:auto;
	bottom:0px;
	height:200px;
	width:-webkit-calc(50%);
	width:calc(50%);
	}
#index1bg .box:before{
	top:auto;
	bottom:0px;
	height:200px;
	width:-webkit-calc(50%);
	width:calc(50%);
	}
#index1{
	width:100%;
	width:-webkit-calc(100%);
	width:calc(100%);
	padding:0 7% 520px 7%;
	}
#index1 h2 span{
	font-size:17px;
	letter-spacing:0.08em;
	padding-left:24px;
	}
#index1 h2 span:after{
	top:13px;
	width:14px;
	}
#index1 h2 strong{
	font-size:26px;
	padding-top:18px;
	letter-spacing:0.1em;
	}
#index1 p{
	padding-top:40px;
	}
#index1 h3{
	font-size:18px;
	padding-top:50px;
	line-height:2.1;
	}
#index1 h3 strong{
	font-size:24px;
	vertical-align:-1px;
	}
.index2bg{
	padding:120px 7% 0 7%;
	}
.index2bg h2.titleb{
	position:relative;
	top:auto;
	left:auto;
	}
.index2{
	padding:40px 0 110px 0;
	}
.index2 table{
	float:none;
	}
.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;
	font-size:17px;
	border-bottom:0;
	padding:25px 0 0px 0;
	}
.index2 table th span{
	font-size:15px;
	}
.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 0px 25px 0;
	}
.index2 table tr:last-of-type th,
.index2 table tr:last-of-type td{
	border-bottom:0;
	padding-bottom:0;
	}
.index2 table td ul{
	padding:5px 0 0 15px;
	}
.index2 table td ul li{
	font-size:16px;
	margin:5px 0 0 20px;
	}
.index2 table td ul.ul li{
	padding-left:16px;
	}
.index2 table td ul.ul li:after{
	width:8px;
	top:11px;
	}
.index2 table td ul.phul li{
	margin-top:30px;
	font-size:13px;
	}
.index2 table td .fax{
	margin-left:0;
	display:block;
	}
.index2 table td #mapb{
	padding-top:80%;
	margin-top:20px;
	}
}