@charset "utf-8";

header nav ul li.m2:after{
	display:block;
	}
header nav ul li.m2 a{
	color:#005EB8;
	}
#header2 nav ul li.m2 a{
	color:#FAFAFA;
	background-color:#005EB8;
	}
#header2 nav ul li.m2 a:after{
	border-color:#FAFAFA;
	}
#headbg:after{
	background:url(../img/service/headbg.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#index1{
	max-width:1220px;
	margin:0 auto;
	padding:0 70px 0 70px;
	}
#index1 p{
	max-width:720px;
	margin:60px auto 0 auto;
	}
#index1 ul{
	overflow:hidden;
	zoom:1;
	padding-top:100px;
	}
#index1 ul li{
	float:left;
	width:21.4%;
	margin-right:4.8%;
	}
#index1 ul li:last-of-type{
	margin-right:0;
	}
#index1 ul li a{
	display:block;
	position:relative;
	padding-bottom:10px;
	}
#index1 ul li a:hover{
	text-decoration:none;
	}
#index1 ul li a:after{
	content:"";
	display:block;
	position:absolute;
	right:15px;
	bottom:18px;
	width:8px;
	height:8px;
	border-top:1px solid #FAFAFA;
	border-right:1px solid #FAFAFA;
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	transition:0.3s;
	z-index:2;
	}
#index1 ul li a:before{
	content:"";
	width:1px;
	height:14px;
	position:absolute;
	right:19px;
	bottom:17px;
	background-color:#FAFAFA;
	transition:0.3s;
	z-index:2;
	}
#index1 ul li a:hover:after{
	bottom:13px;
	}
#index1 ul li a:hover:before{
	bottom:12px;
	}
#index1 ul li a img{
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-o-border-radius:14px;
	-ms-border-radius:14px;
	}
#index1 ul li a strong{
	font-size:22px;
	font-weight:700;
	display:block;
	padding-top:20px;
	}
#index1 ul li a:hover strong{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#index1 ul li a strong:after{
	content:"";
	display:block;
	width:39px;
	height:39px;
	background-color:#005EB8;
	position:absolute;
	right:0;
	bottom:5px;
	z-index:1;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	transition:0.3s;
	}
#index1 ul li a:hover strong:after{
	bottom:0;
	}
.index2{
	margin-top:160px;
	padding-top:160px;
	position:relative;
	}
.index2:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:160px;
	width:-webkit-calc(50% + 350px);
	width:calc(50% + 350px);
	height:480px;
	background:url(../img/service/b1-main.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	border-radius: 40px 0px 0px 40px / 40px 0px 0px 40px;
	-moz-border-radius: 40px 0px 0px 40px / 40px 0px 0px 40px;
	-webkit-border-radius: 40px 0px 0px 40px / 40px 0px 0px 40px;
	-o-border-radius: 40px 0px 0px 40px / 40px 0px 0px 40px;
	-ms-border-radius: 40px 0px 0px 40px / 40px 0px 0px 40px;
	}
.index2#business2:after{
	background:url(../img/service/b2-main.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
.index2#business3:after{
	background:url(../img/service/b3-main.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
.index2#business4:after{
	background:url(../img/service/b4-main.webp) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
.index2:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-610px;
	width:1220px;
	height:1px;
	background-color:#D2D6D6;
	}
.index2 .cts{
	display:flex;
	max-width:1140px;
	margin:0 auto;
	}
.index2 .cts .main{
	width:920px;
    min-height:100vh;
	padding-top:550px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
.index2 .cts .side{
	width:220px;
	}
.index2 .cts .side h2{
	top:220px;
	position:sticky;
	}
.index2 .cts .side h2:before{
	content:"";
	display:block;
	position:absolute;
	right:220px;
	top:0;
	width:5000px;
	background-color:#F2D600;
	height:50px;
	}
.index2 .cts .side h2 span{
	font-size:44px;
	color:#FFF;
	font-family:'Raleway';
	font-weight:600;
	background-color:#F2D600;
	height:50px;
	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:inline-block;
	line-height:1;
	padding:2px 15px 0 0;
	position:relative;
	}
.index2 .cts .side h2 span:after{
	position:absolute;
	right:-15px;
	top:0;
	content:"";
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:50px 15px 0px 0px;
	border-color:#F2D600 transparent transparent transparent;
	}
.index2 .cts .side h2 strong{
	margin-top:28px;
	font-size:40px;
	font-weight:700;
	display:block;
	text-align:center;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	letter-spacing:0em;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	}
.index2 .cts .side h2 br{
	display:none;
	}
.index2 .cts .main .box1{
	overflow:hidden;
	zoom:1;
	margin-top:60px;
	position:relative;
	padding-top:40px;
	}
.index2 .cts .main .box1 h3{
	font-size:22px;
	font-weight:700;
	display:inline-block;
	color:#FFF;
	background-color:#231815;
	padding:5px 14px 7px 14px;
	position:absolute;
	left:0;
	top:0;
	}
.index2 .cts .main .box1 h4{
	float:right;
	width:39%;
	margin-top:-60px;
	}
.index2 .cts .main .box1 h4 img{
	margin-top:20px;
	}
.index2 .cts .main .box1 h4 img:first-of-type{
	margin-top:0;
	}
.index2 .cts .main .box1 ul{
	float:left;
	width:58%;
	position:relative;
	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:15px 0 65px 55px;
	}
.index2 .cts .main .box1 ul:after{
	content:"";
	display:block;
	width:150%;
	height:100%;
	position:absolute;
	left:0;
	top:-20px;
	z-index:-1;
	background-color:#F0F4F4;
	}
.index2 .cts .main .box1 ul li{
	font-size:19px;
	font-weight:700;
	list-style-type:disc;
	margin:20px 0 0 20px;
	}
.index2#business4 .cts .main .box1 ul{
	width:93%;
	}
.index2 .cts .main ul.phul{
	overflow:hidden;
	zoom:1;
	padding-top:30px;
	}
.index2 .cts .main ul.phul li{
	float:left;
	width:48%;
	margin-right:4%;
	font-size:16px;
	text-align:center;
	margin-top:60px;
	}
.index2 .cts .main ul.phul li:nth-of-type(2n){
	margin-right:0;
	}
.index2 .cts .main ul.phul li img{
	margin-bottom:16px;
	}
.index2 .cts .main .box2{
	margin-top:100px;
	overflow:hidden;
	zoom:1;
	}
.index2 .cts .main .box2 h3{
	font-size:20px;
	font-weight:700;
	}
.index2 .cts .main .box2 h3 br{
	display:none;
	}
.index2 .cts .main .box2 h3 strong{
	display:inline-block;
	vertical-align:1px;
	font-size:22px;
	font-weight:700;
	color:#FFF;
	background-color:#231815;
	padding:5px 14px 7px 14px;
	margin-right:25px;
	}
.index2 .cts .main .box2 h3 a:after{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/common/pdf.webp) no-repeat left top;
	margin-left:2px;
	}
.index2 .cts .main .box2 article{
	float:left;
	width:47%;
	margin:40px 6% 0 0;
	border-top:1px solid #D2D6D6;
	padding-top:40px;
	overflow:hidden;
	zoom:1;
	}
.index2 .cts .main .box2 article:nth-of-type(2n){
	margin-right:0;
	}
.index2 .cts .main .box2 article:nth-of-type(1),
.index2 .cts .main .box2 article:nth-of-type(2){
	border-top:0;
	margin-top:30px;
	}
.index2 .cts .main .box2 article h4{
	float:left;
	width:38%;
	}
.index2 .cts .main .box2 article h5{
	float:right;
	width:55%;
	font-size:19px;
	font-weight:700;
	}
.index2 .cts .main .box2 article h5 a:after{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/common/pdf.webp) no-repeat left top;
	margin-left:6px;
	}
.index2 .cts .main .box2 article h5 span{
	display:inline-block;
	}
.index2 .cts .main .box2 article ul{
	float:right;
	width:55%;
	padding-top:8px;
	}
.index2 .cts .main .box2 article ul li{
	font-size:15px;
	color:#7D726F;
	list-style-type:disc;
	margin:6px 0 0 20px;
	}
.index2 .cts .main .box3{
	margin-top:100px;
	padding:85px 60px 60px 60px;
	overflow:hidden;
	zoom:1;
	position:relative;
	}
.index2 .cts .main .box3:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:20px;
	z-index:-1;
	background-color:#F0F4F4;
	}
.index2 .cts .main .box3:before{
	content:"";
	display:block;
	width:1px;
	height:-webkit-calc(40% + 20px);
	height:calc(40% + 20px);
	position:absolute;
	left:50%;
	top:30%;
	z-index:1;
	background-color:#C8CCCC;
	}
.index2 .cts .main .box3 h3{
	display:inline-block;
	font-size:22px;
	font-weight:700;
	color:#FFF;
	background-color:#231815;
	padding:5px 14px 7px 14px;
	position:absolute;
	left:0;
	top:0;
	}
.index2 .cts .main .box3 h4{
	float:left;
	width:50%;
	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-right:6%;
	}
.index2 .cts .main .box3 h4:nth-of-type(2){
	padding:0 0 0 8%;
	}
.index2 .cts .main .box3 h4 strong{
	font-size:22px;
	font-weight:700;
	display:block;
	}
.index2 .cts .main .box3 h4:nth-of-type(1) a{
	font-size:40px;
	font-weight:700;
	display:inline-block;
	padding-left:52px;
	background:url(../img/common/tel.webp) no-repeat left 16px;
	color:#231815;
	margin-top:5px;
	}
.index2 .cts .main .box3 h4:nth-of-type(1) span{
	display:block;
	text-align:right;
	font-size:16px;
	padding-top:10px;
	}
.index2 .cts .main .box3 h4:nth-of-type(2) a{
	margin-top:18px;
	}
@media screen and (max-width:1380px){
.index2:before{
	left:70px;
	margin-left:0;
	width:-webkit-calc(100% - 140px);
	width:calc(100% - 140px);
	}
}
@media screen and (max-width:1300px){
.index2:after{
	width:-webkit-calc(81% - 50px);
	width:calc(81% - 50px);
	}
.index2 .cts{
	max-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:0 70px;
	}
.index2 .cts .main{
	width:81%;
    }
.index2 .cts .side{
	width:19%;
	}
.index2 .cts .side h2:before{
	right:auto;
	left:-70px;
	width:70px;
	}
}
@media screen and (max-width:1240px){
#index1 ul{
	max-width:720px;
	margin:0 auto;
	padding-top:20px;
	}
#index1 ul li{
	width:44%;
	margin:80px 12% 0 0;
	}
#index1 ul li:nth-of-type(2n){
	margin-right:0;
	}
}
@media screen and (max-width:1180px){
.index2 .cts .main .box3{
	padding-top:80px;
	}
.index2 .cts .main .box3:before{
	display:none;
	}
.index2 .cts .main .box3 h4{
	float:none;
	width:auto;
	padding:0 0 40px 0;
	text-align:center;
	}
.index2 .cts .main .box3 h4:nth-of-type(2){
	border-top:1px solid #C8CCCC;
	padding:40px 0 0 0;
	}
.index2 .cts .main .box3 h4:nth-of-type(1) span{
	text-align:center;
	}
}
@media screen and (max-width:900px){
#index1{
	padding:0 7%;
	}
#index1 p{
	margin:40px auto 0 auto;
	}
#index1 ul{
	padding:20px 8% 0 8%;
	max-width:600px;
	}
#index1 ul li{
	float:none;
	width:auto;
	margin:40px 0 0 0;
	}
#index1 ul li a{
	padding-bottom:0;
	}
#index1 ul li a:after{
	right:11px;
	bottom:10px;
	width:6px;
	height:6px;
	}
#index1 ul li a:before{
	height:12px;
	right:14px;
	bottom:9px;
	}
#index1 ul li a:hover:after{
	bottom:10px;
	}
#index1 ul li a:hover:before{
	bottom:9px;
	}
#index1 ul li a strong{
	font-size:19px;
	padding-top:12px;
	}
#index1 ul li a strong:after{
	width:30px;
	height:30px;
	bottom:0px;
	}
.index2{
	margin-top:100px;
	padding-top:300px;
	}
.index2:after{
	width:-webkit-calc(93%);
	width:calc(93%);
	top:100px;
	height:200px;
	border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	-moz-border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	-webkit-border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	-o-border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	-ms-border-radius: 14px 0px 0px 14px / 14px 0px 0px 14px;
	}
.index2:before{
	left:7%;
	width:-webkit-calc(86%);
	width:calc(86%);
	}
.index2 .cts{
	display:block;
	padding:0 7%;
	}
.index2 .cts .main{
	width:auto;
    min-height:auto;
	padding-top:0;
	}
.index2 .cts .side{
	width:auto;
	text-align:center;
	}
.index2 .cts .side h2{
	top:auto;
	margin-top:-20px;
	z-index:1;
	padding-bottom:40px;
	}
.index2 .cts .side h2:before{
	left:auto;
	right:50%;
	width:100%;
	height:40px;
	}
.index2 .cts .side h2 span{
	font-size:36px;
	height:40px;
	padding:0px 10px 0 0;
	}
.index2 .cts .side h2 span:after{
	border-width:40px 15px 0px 0px;
	}
.index2 .cts .side h2 strong{
	margin-top:15px;
	font-size:32px;
	display:inline-block;
	}
.index2 .cts .side h2 br{
	display:block;
	}
.index2 .cts .main p{
	font-size:16px;
	}
.index2 .cts .main .box1{
	background-color:#F0F4F4;
	padding:0 7% 30px 7%;
	overflow:visible;
	}
.index2 .cts .main .box1 h3{
	font-size:20px;
	padding:4px 10px 4px 10px;
	top:-15px;
	position:relative;
	left:auto;
	}
.index2 .cts .main .box1 h4{
	float:none;
	width:500px;
	max-width:90%;
	margin:40px auto 10px auto;
	}
.index2 .cts .main .box1 h4 img{
	margin-top:15px;
	}
.index2 .cts .main .box1 ul{
	float:none;
	width:auto;
	padding:0 0 0 5px;
	margin-top:-5px;
	}
.index2 .cts .main .box1 ul:after{
	display:none;
	}
.index2 .cts .main .box1 ul li{
	font-size:17px;
	font-weight:500;
	margin:15px 0 0 20px;
	}
.index2#business4 .cts .main .box1 ul{
	width:auto;
	}
.index2 .cts .main ul.phul{
	width:500px;
	max-width:90%;
	margin:0 auto;
	padding-top:20px;
	}
.index2 .cts .main ul.phul li{
	float:none;
	width:auto;
	margin:40px 0 0 0;
	font-size:15px;
	}
.index2 .cts .main ul.phul li img{
	margin-bottom:12px;
	}
.index2 .cts .main .box2{
	margin-top:80px;
	}
.index2 .cts .main .box2 h3{
	font-size:18px;
	}
.index2 .cts .main .box2 h3 br{
	display:block;
	}
.index2 .cts .main .box2 h3 strong{
	font-size:20px;
	padding:4px 10px 4px 10px;
	margin:0 0 12px 0;
	}
.index2 .cts .main .box2 article{
	float:none;
	width:auto;
	margin:30px 0 0 0;
	padding-top:30px;
	}
.index2 .cts .main .box2 article:nth-of-type(2){
	border-top:1px solid #D2D6D6;
	}
.index2 .cts .main .box2 article h4{
	width:30%;
	}
.index2 .cts .main .box2 article h5{
	width:62%;
	font-size:18px;
	}
.index2 .cts .main .box2 article h5 a:after{
	margin-left:4px;
	}
.index2 .cts .main .box2 article h5 span{
	display:inline;
	}
.index2 .cts .main .box2 article ul{
	width:62%;
	padding-top:5px;
	}
.index2 .cts .main .box2 article ul li{
	font-size:14px;
	margin:5px 0 0 20px;
	}
.index2 .cts .main .box3{
	margin-top:80px;
	padding:65px 7% 40px 7%;
	}
.index2 .cts .main .box3:after{
	top:15px;
	}
.index2 .cts .main .box3 h3{
	font-size:20px;
	padding:4px 10px 4px 10px;
	}
.index2 .cts .main .box3 h4{
	padding:0 0 30px 0;
	}
.index2 .cts .main .box3 h4:nth-of-type(2){
	padding:30px 0 0 0;
	}
.index2 .cts .main .box3 h4:nth-of-type(1) a{
	font-size:32px;
	padding-left:42px;
	background-position:left 13px;
	-webkit-background-size:30px auto;
	background-size:30px auto;
	}
.index2 .cts .main .box3 h4:nth-of-type(1) span{
	font-size:15px;
	padding-top:5px;
	}
.index2 .cts .main .box3 h4:nth-of-type(2) a{
	margin-top:20px;
	padding-right:70px;
	padding-left:22px;
	}
}