@charset "utf-8";

header nav ul li.m1 a{
	color:#3D62AD;
	}
header nav ul li.m1:after{
	display:block;
	}
#header2 nav ul li.m1 a{
	background-color:#3D62AD;
	}
#header2 nav ul li.m1 ul li a{
	background:none;
	}
#headbg.index:after{
	display:none;
	}

#index1{
	position:relative;
	padding:450px 70px 0 70px;
	}
#index1:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	margin-left:5%;
	width:95%;
	height:450px;
	background:url(../img/home/sec1bg.webp) no-repeat center bottom;
	-webkit-background-size:cover;
	background-size:cover;
	-webkit-background-size:120% auto;
	background-size:120% auto;
	overflow:hidden;
	zoom:1;
	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;
	}
#index1:after{
	content:"";
	display:block;
	width:100%;
	height:-webkit-calc(100% - 640px);
	height:calc(100% - 640px);
	background:url(../img/gaiyo/index1bg.webp) no-repeat center bottom;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	position:absolute;
	left:0;
	top:640px;
	z-index:-2;
	}
#index1 ul{
	overflow:hidden;
	zoom:1;
	max-width:900px;
	margin:0 auto;
	padding:70px 40px 0 40px;
	}
#index1 ul:after{
	content:"";
	display:block;
	width:100%;
	height:200px;
	position:absolute;
	left:0;
	top:640px;
	z-index:-1;
	background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
	}
#index1 ul:before{
	content:"";
	display:block;
	width:100%;
	height:160px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
	background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
	}
#index1 ul li{
	font-size:0;
	position:relative;
	float:left;
	width:21%;
	text-align:center;
	}
#index1 ul li:nth-of-type(2){
	width:16%;
	}
#index1 ul li a{
	font-size:17px;
	font-weight:500;
	color:#32281E;
	position:relative;
	padding-left:18px;
	display:inline-block;
	letter-spacing:0.05em;
	}
#index1 ul li a:after{
	content:"";
	width:5px;
	height:5px;
	border-top:2px solid #3D62AD;
	border-right:2px solid #3D62AD;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(135deg);
	display:block;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-3px;
	}
#index1 ul li:before{
	content:"";
	width:1px;
	height:18px;
	display:block;
	position:absolute;
	right:0;
	top:4px;
	background-color:#BEBEBE;
	}
#index1 ul li:nth-of-type(5):before{
	display:none;
	}
#index1 div{
	max-width:920px;
	margin:120px auto 0 auto;
	background-color:#FFF;
	padding:0px 70px 100px 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;
	}
#index1 div:nth-of-type(1){
	margin-top:190px;
	padding:0px 70px 70px 70px;
	}
#index1 div h2{
	text-align:center;
	font-size:0;
	}
#index1 div h2 strong{
	letter-spacing:0.05em;
	display:inline-block;
	background-color:#32281E;
	color:#FAFAFA;
	font-size:40px;
	font-weight:700;
	padding:3px 22px 3px 22px;
	margin-top:-30px;
	}
#index1 div h2 strong span{
	display:inline-block;
	margin-left:20px;
	}
#index1 div h3{
	width:280px;
	margin:75px auto 0 auto;
	}
#index1 div h4{
	text-align:center;
	font-size:36px;
	padding-top:55px;
	font-weight:400;
	font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","小塚明朝 Std","Kozuka Mincho Std","MS P明朝","MS PMincho",serif;
	}
#index1 div h4 br{
	display:none;
	}
#index1 div p{
	font-size:18px;
	max-width:700px;
	margin:0 auto;
	text-align:left;
	padding-top:25px;
	}
#index1 div:nth-of-type(2) p{
	padding-top:40px;
	}
#index2{
	overflow:hidden;
	zoom:1;
	}
#index2 ul{
	display:flex;
	min-width:100%;
	width:min-content;
	animation:44s linear infinite sliderAnimation;
	}
#index2 ul li{
	height:320px;
	margin-right:15px;
	float:left;
	overflow:hidden;
	zoom:1;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-o-border-radius:14px;
	-ms-border-radius:14px;
	}
#index2 ul li img{
	height:100%;
	width:auto;
	max-width:none;
	}
@keyframes sliderAnimation{ 100%{ transform:translateX(-50%); }}
.index3{
	background-color:#F0F0F0;
	padding:20px 70px 110px 70px;
	margin-top:250px;
	}
.index3 h2,
.index5 h2{
	text-align:center;
	margin-top:-85px;
	}
.index3 h2 span,
.index5 h2 span{
	display:inline-block;
	font-size:16px;
	color:#E57547;
	font-family:'Montserrat';
	font-weight:500;
	letter-spacing:0.12em;
	position:relative;
	padding:0 35px;
	}
.index3 h2 span:after,
.index5 h2 span:after{
	content:"";
	display:block;
	width:25px;
	height:1px;
	position:absolute;
	right:0;
	top:10px;
	background-color:#E57547;
	}
.index3 h2 span:before,
.index5 h2 span:before{
	content:"";
	display:block;
	width:25px;
	height:1px;
	position:absolute;
	left:0;
	top:10px;
	background-color:#E57547;
	}
.index3 h2 strong,
.index5 h2 strong{
	display:block;
	font-size:38px;
	font-weight:700;
	padding-top:12px;
	letter-spacing:0.05em;
	}
.index3 ul{
	max-width:1040px;
	margin:55px auto 0 auto;
	}
.index3 ul li{
	background-color:#FFF;
	padding:25px 50px 40px 330px;
	position:relative;
	margin-top:30px;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-o-border-radius:14px;
	-ms-border-radius:14px;
	}
.index3 ul li:before{
	content:"";
	display:block;
	width:1px;
	height:100%;
	background-color:#309E6E;
	position:absolute;
	left:54px;
	top:53px;
	}
.index3 ul li:last-of-type:before{
	display:none;
	}
.index3 ul li strong{
	display:block;
	position:absolute;
	left:50px;
	padding-left:20px;
	top:38px;
	font-size:20px;
	font-weight:700;
	color:#309E6E;
	}
.index3 ul li strong span{
	font-size:28px;
	font-family:'Montserrat';
	font-weight:500;
	display:inline-block;
	margin:0 2px 0 4px;
	}
.index3 ul li strong:after{
	content:"";
	display:block;
	width:9px;
	height:9px;
	background-color:#309E6E;
	position:absolute;
	left:0;
	top:15px;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-o-border-radius:40px;
	-ms-border-radius:40px;
	}
.index3 ul li ul{
	margin:0;
	}
.index3 ul li ul li{
	padding:0;
	list-style-type:disc;
	margin:18px 0 0 20px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	}
.index3 ul li ul li:before{
	display:none;
	}
#index4{
	max-width:1180px;
	margin:0 auto;
	padding:180px 70px 0 70px;
	overflow:hidden;
	zoom:1;
	}
#index4 div{
	float:left;
	width:46%;
	margin-right:8%;
	}
#index4 div:last-of-type{
	margin-right:0;
	}
#index4 div h2{
	text-align:center;
	font-size:0;
	}
#index4 div h2 strong{
	letter-spacing:0.05em;
	display:inline-block;
	background-color:#32281E;
	color:#FAFAFA;
	font-size:40px;
	font-weight:700;
	padding:3px 22px 3px 22px;
	}
#index4 div table{
	width:100%;
	margin-top:40px;
	}
#index4 div table:nth-of-type(2){
	margin-top:70px;
	}
.index5{
	background-color:#F0F0F0;
	padding:20px 70px 80px 70px;
	margin-top:250px;
	}
.index5 div{
	max-width:1100px;
	margin:50px auto 0 auto;
	overflow:hidden;
	zoom:1;
	}
.index5 div h3{
	float:right;
	width:47%;
	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:40px;
	font-size:17px;
	font-weight:500;
	text-align:center;
	}
.index5 div h3 img{
	margin-bottom:20px;
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-o-border-radius:14px;
	-ms-border-radius:14px;
	}
.index5 div p{
	font-size:20px;
	letter-spacing:0;
	padding-top:20px;
	line-height:2.1;
	}
.index5 div p strong{
	display:inline-block;
	margin:50px 0 8px 10px;
	font-size:19px;
	font-weight:700;
	background-color:#32281E;
	color:#FAFAFA;
	padding:4px 11px 4px 11px;
	line-height:1.5;
	}
#index6{
	padding:130px 70px 0 70px;
	}
#index6 h4{
	width:420px;
	max-width:100%;
	line-height:1.2;
	border:1px solid #E1E1E1;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	margin:0 auto;
	}
#index6 h4 a{
	color:#3D62AD;
	overflow:hidden;
	zoom:1;
	display:block;
	position:relative;
	padding-right:50px;
	}
#index6 h4 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration:none;
	}
#index6 h4 a span{
	display:table;
	}
#index6 h4 a strong{
	display:table-cell;
	vertical-align:middle;
	font-size:21px;
	font-weight:700;
	color:#3D62AD;
	letter-spacing:0;
	}
#index6 h4 a strong br{
	display:none;
	}
#index6 h4 a:after{
	content:"";
	display:block;
	width:30px;
	height:30px;
	background-color:#3D62AD;
	border-radius:400px;
	-webkit-border-radius:400px;
	-moz-border-radius:400px;
	-o-border-radius:400px;
	-ms-border-radius:400px;
	position:absolute;
	right:22px;
	top:50%;
	margin-top:-15px;
	}
#index6 h4 a:before{
	content:"";
	width:4px;
	height:4px;
	border-top:2px solid #FAFAFA;
	border-right:2px solid #FAFAFA;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	display:block;
	position:absolute;
	right:35px;
	top:50%;
	z-index:1;
	margin-top:-3px;
	}
#index6 h4 a img{
	float:left;
	margin-right:25px;
	}
#index6 h4 a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
#information1{
	max-width:940px;
	padding:10px 70px 0 70px;
	margin:0 auto;
	}
#information1 h2{
	margin-top:110px;
	}
#information1 ul{
	padding-top:15px;
	}
#information1 ul li{
	font-size:20px;
	font-weight:700;
	margin-top:20px;
	padding-left:16px;
	position:relative;
	}
#information1 ul li span{
	font-size:17px;
	}
#information1 ul li:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:12px;
	width:4px;
	height:4px;
	border-top:2px solid #3D62AD;
	border-right:2px solid #3D62AD;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	}
#information1 ul li:after{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/common/pdf.webp) no-repeat left top;
	vertical-align:-1px;
	margin-left:5px;
	}
@media screen and (max-width:900px){
#index1{
	padding:200px 7% 0 7%;
	}
#index1:before{
	margin-left:7%;
	width:93%;
	height:180px;
	-webkit-background-size:150% auto;
	background-size:150% auto;
	background-position:25% bottom;
	border-radius: 25px 0px 0px 25px / 25px 0px 0px 25px;
	-moz-border-radius: 25px 0px 0px 25px / 25px 0px 0px 25px;
	-webkit-border-radius: 25px 0px 0px 25px / 25px 0px 0px 25px;
	-o-border-radius: 25px 0px 0px 25px / 25px 0px 0px 25px;
	-ms-border-radius: 25px 0px 0px 25px / 25px 0px 0px 25px;
	}
#index1:after{
	height:-webkit-calc(100% - 300px);
	height:calc(100% - 300px);
	top:300px;
	}
#index1 ul{
	padding:0px 0 0 0;
	}
#index1 ul:after{
	height:100px;
	top:300px;
	}
#index1 ul:before{
	height:100px;
	}
#index1 ul li{
	width:36%;
	margin-top:30px;
	}
#index1 ul li:nth-of-type(2){
	width:28%;
	}
#index1 ul li:nth-of-type(4),
#index1 ul li:nth-of-type(5){
	width:50%;
	}
#index1 ul li a{
	padding-left:16px;
	}
#index1 ul li a:after{
	margin-top:-4px;
	}
#index1 ul li:before{
	display:none;
	}
#index1 div{
	margin:80px auto 0 auto;
	padding:0px 8% 80px 8%;
	}
#index1 div:nth-of-type(1){
	margin-top:110px;
	padding:0px 7% 30px 7%;
	}
#index1 div h2 strong{
	font-size:24px;
	padding:3px 15px 4px 15px;
	margin-top:-20px;
	}
#index1 div h2 strong span{
	margin-left:15px;
	}
#index1 div h3{
	width:200px;
	margin:40px auto 0 auto;
	}
#index1 div h4{
	font-size:26px;
	letter-spacing:0;
	padding-top:45px;
	}
#index1 div h4 br{
	display:block;
	}
#index1 div p{
	font-size:17px;
	padding-top:12px;
	}
#index1 div:nth-of-type(2) p{
	padding-top:20px;
	}
#index2 ul{
	animation:30s linear infinite sliderAnimation;
	}
#index2 ul li{
	height:200px;
	margin-right:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	}
.index3{
	padding:20px 7% 80px 7%;
	margin-top:160px;
	}
.index3 h2,
.index5 h2{
	margin-top:-75px;
	}
.index3 h2 span,
.index5 h2 span{
	font-size:15px;
	letter-spacing:0.1em;
	padding:0 32px;
	}
.index3 h2 span:after,
.index5 h2 span:after{
	width:20px;
	}
.index3 h2 span:before,
.index5 h2 span:before{
	width:20px;
	}
.index3 h2 strong,
.index5 h2 strong{
	font-size:28px;
	padding-top:10px;
	}
.index3 ul{
	margin:35px auto 0 auto;
	}
.index3 ul li{
	padding:24px 7% 22px 5%;
	margin-top:15px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	}
.index3 ul li:before{
	left:32px;
	top:58px;
	}
.index3 ul li strong{
	position:relative;
	left:auto;
	padding-left:0;
	top:auto;
	font-size:18px;
	}
.index3 ul li strong span{
	font-size:22px;
	margin:0 1px 0 3px;
	}
.index3 ul li strong:after{
	display:none;
	}
.index3 ul li ul{
	padding:0px 0 0 35px;
	}
.index3 ul li ul li{
	font-size:15px;
	margin:10px 0 0 20px;
	}
#index4{
	padding:0px 7% 0 7%;
	}
#index4 div{
	float:none;
	width:auto;
	margin:90px 0 0 0;
	}
#index4 div h2 strong{
	font-size:24px;
	padding:3px 15px 3px 15px;
	}
#index4 div table{
	margin-top:25px;
	}
#index4 div table:nth-of-type(2){
	margin-top:70px;
	}
.index5{
	padding:20px 7% 80px 7%;
	margin-top:160px;
	}
.index5 div{
	margin:40px auto 0 auto;
	}
.index5 div h3{
	float:none;
	width:600px;
	max-width:100%;
	padding-left:0px;
	font-size:16px;
	margin:0 auto;
	color:#786E64;
	}
.index5 div h3 img{
	width:100%;
	margin-bottom:12px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	}
.index5 div p{
	font-size:17px;
	padding-top:50px;
	line-height:2;
	}
.index5 div p strong{
	margin:35px 0 8px 5px;
	font-size:18px;
	padding:3px 10px 3px 10px;
	}
#index6{
	padding:90px 7% 0 7%;
	}
#index6 h4 a{
	padding-right:38px;
	}
#index6 h4 a strong{
	font-size:18px;
	}
#index6 h4 a:after{
	width:22px;
	height:22px;
	right:16px;
	margin-top:-11px;
	}
#index6 h4 a:before{
	right:25px;
	}
#index6 h4 a img{
	width:90px;
	margin-right:18px;
	}
#information1{
	padding:0px 7% 0 7%;
	}
#information1 h2{
	margin-top:70px;
	}
#information1 h2:nth-of-type(2){
	margin-top:90px;
	}
#information1 ul{
	padding-top:5px;
	}
#information1 ul li{
	font-size:17px;
	font-weight:500;
	}
#information1 ul li span{
	font-size:15px;
	}
#information1 ul li:before{
	top:10px;
	}
}