@charset "utf-8";

header nav ul li.m2 a:before{
	transform:scale(1,1);
	}
#header2 nav ul li.m2 a{
	color:#FAFAFA;
	background-color:#28323C;
	}
#header2 nav ul li.m2 a:after{
	border-color:#FAFAFA;
	}
#headbg{
	background:url(../img/service/headbg.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}

#index1{
	max-width:1200px;
	margin:0 auto;
	padding:0 70px;
	overflow:hidden;
	zoom:1;
	}
#index1 p{
	margin-top:35px;
	max-width:700px;
	}
.index2{
	display:flex;
	max-width:1120px;
	margin:110px auto 0 auto;
	padding:120px 70px 0 70px;
	position:relative;
	}
.index2:after{
	content:"";
	display:block;
	width:1200px;
	height:1px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-600px;
	background-color:#E1E1E1;
	}
.index2 .main{
	width:-webkit-calc(100% - 200px);
	width:calc(100% - 200px);
	padding-top:15px;
	}
.index2 .side{
	width:200px;
	}
.index2 .side h2{
	top:60px;
	position:sticky;
	}
.index2 .side h2 span{
	font-size:46px;
	font-weight:700;
	white-space:pre;
	writing-mode:vertical-rl;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	display:inline-block;
	text-align:left;
	line-height:1.3;
	letter-spacing:0;
	font-family:Helvetica,Lucida Grande,Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	}
.index2 .main img:nth-of-type(1){
	margin-bottom:60px;
	}
.index2 .main .img{
	overflow:hidden;
	zoom:1;
	padding-top:30px;
	}
.index2 .main .img img{
	float:left;
	width:48%;
	margin:30px 4% 0 0;
	}
.index2 .main .img img:nth-of-type(2n){
	margin-right:0;
	}
.index2 .main h4{
	font-size:25px;
	font-weight:700;
	padding:50px 0 0 30px;
	overflow:hidden;
	zoom:1;
	position:relative;
	z-index:2;
	}
.index2 .main ul{
	background-color:#EBEBEB;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-o-border-radius:14px;
	-ms-border-radius:14px;
	padding:25px 20px 35px 45px;
	overflow:hidden;
	zoom:1;
	margin-top:-15px;
	}
.index2 .main ul li{
	font-size:16px;
	list-style-type:disc;
	margin:15px 0 0 20px;
	}
.index2 .main ul li strong{
	font-size:18px;
	}
.index2 .main .box{
	overflow:hidden;
	zoom:1;
	padding-top:95px;
	}
.index2 .main .box h3{
	font-size:28px;
	font-weight:700;
	margin-bottom:22px;
	}
.index2 .main .box img{
	float:right;
	margin:10px 0 0 35px;
	width:40%;
	}
@media screen and (max-width:1280px){
.index2:after{
	width:-webkit-calc(100% - 140px);
	width:calc(100% - 140px);
	left:70px;
	margin-left:0;
	}
}
@media screen and (max-width:900px){
#index1{
	padding:0 7%;
	}
#index1 p{
	margin-top:25px;
	}
.index2{
	display:block;
	margin:60px auto 0 auto;
	padding:60px 7% 0 7%;
	}
.index2:after{
	width:-webkit-calc(86%);
	width:calc(86%);
	left:7%;
	}
.index2 .main{
	width:-webkit-calc(100%);
	width:calc(100%);
	padding-top:0;
	}
.index2 .side{
	width:auto;
	}
.index2 .side h2{
	top:auto;
	position:relative;
	}
.index2 .side h2 span{
	font-size:32px;
	white-space:normal;
	writing-mode:horizontal-tb;
	-webkit-writing-mode:horizontal-tb;
	-ms-writing-mode:horizontal-tb;
	display:block;
	font-family:'Zen Kaku Gothic New';
	padding-bottom:25px;
	text-align:center;
	}
.index2 .main img:nth-of-type(1){
	margin-bottom:30px;
	}
.index2 .main .img{
	padding-top:20px;
	}
.index2 .main .img img{
	float:none;
	width:600px;
	max-width:100%;
	margin:20px auto 0 auto;
	}
.index2 .main .img img:nth-of-type(2n){
	margin-right:auto;
	}
.index2 .main h4{
	font-size:22px;
	padding:40px 0 0 20px;
	}
.index2 .main ul{
	padding:18px 5% 25px 6%;
	margin-top:-12px;
	}
.index2 .main ul li{
	font-size:14px;
	margin:15px 0 0 20px;
	}
.index2 .main ul li strong{
	font-size:17px;
	}
.index2 .main .box{
	padding-top:60px;
	}
.index2 .main .box h3{
	font-size:21px;
	margin-bottom:15px;
	}
.index2 .main .box img{
	float:none;
	width:600px;
	max-width:100%;
	margin:0px auto 15px auto;
	}
}