@charset "utf-8";

.more{
	display:none;
}
#hbox2{
	display:none;
}
/*-------------------------*/

.ccon p{
	margin:0 0 20px 0;
}

/*-------------------------*/
#mainvis{
	overflow:hidden;
	position:relative;
}
#mainvis #mbox1{
	position:relative;
}
#mainvis .ctext{
	position:absolute;
	left:calc(50% - 550px);
	right:calc(50% - 550px);
	top:0;
	bottom:50px;
}
#mainvis .ctext > *{
	position:absolute;
}
#mainvis .ctext .abs1{
	bottom:40px;
}
#mainvis .ctext .abs1 img{
	display:block;
	margin:20px 0 0 0;
}
#mainvis .ctext .abs2{
	right:0;
	top:10px;
}
#mainvis .ctext .abs2 li{
	position:relative;
}
#mainvis .ctext .abs21{
	left:-70px;
}
#mainvis .ctext .abs22{
	top:-10px;
}
#mainvis .ctext .abs23{
	left:-120px;
	top:-30px;
}

#mainvis .cimg img{
	width:100%;	
}

#mainvis #mbox2{
	background:#ededee;
}
#mainvis #mbox2 .mbox-frame{
	width:1100px;
	margin:0 auto;
}
#mainvis #mbox2 .mbox-inner{
	padding:10px 0;
}
#mainvis #mbox2 .mbox-inner *{
	display:inline-block;
	font-size:1.12em;
}
#mainvis #mbox2 h1,
#mainvis #mbox2 p{
	color:#104ab2;
	margin:0 10px 0 0;
}


#mf1{
	background:#fbf9d2;
}
#mf1 .mf-inner{
	padding:60px 0;
}
#mf1 .clist{
	justify-content:space-between;
}
#mf1 .cbox{
	width:350px;
}

#mf2 .mf-inner{
	padding:60px 0;
}
#mf2 p{
	text-align:center;
	font-size:1.37em;
	margin:0 0 20px 0;
	line-height:1.8em;
}

#mf2 ul{
	display:flex;
	justify-content:space-between;
}



#mf3 .mf-inner{
	padding:60px 0;
}
#mf3 p{
	text-align:center;
	font-size:1.37em;
	margin:0 0 40px 0;
}

#mf3 ul{
	display:flex;
	justify-content:space-between;
}
#mf3 li{
	width:350px;
	font-size:1.12em;
	line-height:1.8em;
}

#mf4{
	background:#ededee;
}
#mf4 .mf-inner{
	padding:60px 0;
}
#mf4 #int1{
	position:relative;
	margin:0 0 40px 0;
}
#mf4 #int1 .ctext{
	position:absolute;
	right:0;
	top:60px;
	background:rgba(1,65,144,0.7);
	color:#fff;
	padding:30px;
}
#mf4 #int1 .ctext .app{
	font-size:1.68em;
	font-weight:bold;
	border-bottom:#fff solid 2px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	line-height:1.5em;
}
#mf4 #int1 .ctext .name{
	font-size:1.56em;
}

#mf4 .clist{
	justify-content:space-between;
}
#mf4 .cboxs{
	width:520px;
	margin:0 0 50px 0;
	
}
#mf4 .cboxs:last-of-type{
	width:auto;
	margin:0;
}
#mf4 .cboxs#s-jimu{
	width:520px;
	margin:0 0 50px 0;
	
}
#mf4 .cboxs h3{
	color:#014190;
	font-size:1.56em;
	border-bottom:#014190 solid 2px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}


#mf5 .mf-inner{
	padding:60px 0;
}
#mf5 .clist{
	justify-content:center;
}
#mf5 .cbox{
	width:450px;
	margin:0 30px 40px 30px;
}
#mf5 .cbox h3{
	font-size:1.56em;
	color:#014190;
	margin:10px 0;
	line-height:1.5em;
}

#mf6 .mf-inner{
	padding:0 0 60px 0;
}
#mf7{
	background:#ededee;
}
#mf7 .mf-inner{
	padding:60px 0;
}
#mf7 table{
	width:800px;
	margin:0 auto;
}
#mf7 table tr{
	border-bottom:#014190 solid 1px;
}
#mf7 table th,
#mf7 table td{
	padding:30px 0;
	vertical-align:top;
}
#mf7 table th{
	width:190px;
	font-size:1.25em;
}



#mf8 .mf-inner{
	padding:60px 0;
}
#mf8 dl{
	width:700px;
	margin:0 auto 30px auto;
}
#mf8 dt{
	margin:0 10px 10px 0;
}
#mf8 dt span{
	display:inline-block;
	line-height:1em;
	background:#f00;
	color:#fff;
	font-size:0.81em;
	font-weight:bold;
	padding:5px;
	margin:0 0 0 10px;
	border-radius:5px;
}
#mf8 dd{
	font-size:1.125em;
}
#mf8 .list dt{
	float:left;
	margin:5px 20px 0 0;
}

#mf8 .list dd{
	font-size:1.75em;
	font-weight:bold;
	float:left;
}


#mf8 input[type="text"],
#mf8 textarea{
	width:100%;
	padding:15px;
	background:#ededee;
	border:none;
}
#mf8 input.w30{
	width:30%;
	margin:0 10px 0 0;
}
#mf8 input.w50{
	width:50%;
	margin:0 10px 0 0;
}

#mf8 input[type="radio"]{
	display:none;
}
#mf8 label{
	position:relative;
	padding:0 0 0 35px;
}
#mf8 label:before{
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:#ededee;
	border-radius:100%;
	margin:0 5px 0 0;
	position:absolute;
	left:0;
	top:-5px;
	box-sizing:border-box;
}
#mf8 input[type="radio"]:checked + label:before{
	background:#104ab2;
	border:8px solid #ededee;
}
#mf8 .sbtn{
	width:auto;
	margin:0 auto;
	text-align:center;
}
#mf8 .sbtn input{
	display:inline-block;
	cursor:pointer;

	border:none;
	position:relative;
	font-size:1.25em;
	color:#fff;
	font-weight:bold;
	line-height:1em;
	text-decoration:none;
	padding:20px 30px;
	padding-right:50px;
	background:#f3b2bf url(../img/gyousyu/ic2.png) calc(100% - 20px) center no-repeat;
}

















@media screen and (max-width: 800px) {
.more{
	display:block;

	position:absolute;
	left:20px;
	right:20px;
	bottom:60px;
	background:#fff;
	border:#ff99ad solid 2px;
	color:#ff99ad ;
	font-weight:bold;
	text-align:center;
	padding:10px;
	z-index:99;
}
.smpheader .gmenu li:nth-of-type(2){
	display:none;
}





#mainvis{
	margin:3vw 0 0 0;
	overflow:inherit;
}
#mainvis #mbox1{
	position:relative;
}
#mainvis .ctext{
	left:0;
	right:0;
	top:0;
	bottom:0;
}
#mainvis .ctext .abs1{
	position:static;
}
#mainvis .ctext .abs1 img{
	display:block;
	margin:0 auto;
}

#mainvis .ctext .abs11{
	position:absolute;
	left:3vw;
	top:3vw;
	width:40vw;
}
#mainvis .ctext .abs12{
	position:absolute;
	left:0;
	right:0;
	bottom:3vw;
	text-align:center;
	padding:0 17vw;
}

#mainvis .ctext .abs2{
	right:2vw;
	top:-3vw;
	width:15vw;
}
#mainvis .ctext .abs21{
	left:-7vw;
}
#mainvis .ctext .abs22{
	top:-1vw;
}
#mainvis .ctext .abs23{
	left:-14vw;
	top:-7vw;
}


#mainvis #mbox2 .mbox-frame{
	width:auto;
}
#mainvis #mbox2 .mbox-inner{
	padding:10px 2vw;
}



#main .mf .mf-inner{
	padding-left:2vw;
	padding-right:2vw;
}


#mf1 .clist{
	justify-content:center;
}
#mf1 .cbox{
	margin:0 0 30px 0;
}



#mf2 ul{
	flex-wrap:wrap;
	justify-content:center;
}
#mf2 ul li{
	margin:0 0 20px 0;
}




#mf3 p{
	line-height:1.5em;
}

#mf3 ul{
	flex-wrap:wrap;
	justify-content:center;
}
#mf3 li{
	margin:0 0 20px 0;
}




#mf4{
	height:50rem;
	overflow:hidden;
	position:relative;
}
#mf4:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:50%;
	bottom:0;
background: -moz-linear-gradient(top, rgba(255,255,255,0.00) 40%, #104ab2 80%, #104ab2);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.00) 40%, #104ab2 80%, #104ab2);
background: linear-gradient(to bottom, rgba(255,255,255,0.00) 40%, #104ab2 80%, #104ab2);
z-index:9;
}
#mf4.op{
	height:auto;
}
#mf4.op:after{
	display:none;
}


#main #mf4 .mf-inner{
	padding:60px 0;
}
#mf4 #int1{
}
#mf4 #int1 .ctext{
	position:static;
	background:#104ab2;
}

#mf4 .clist{
	justify-content:center;
}
#mf4 .cboxs{
	width:auto;
	margin:0 5vw 50px 5vw;
	
}




#mf5 .cbox{
	margin:0 0 40px 0;
}
#mf5 .cbox h3{
	font-size:1.56em;
	color:#014190;
	margin:10px 0;
	line-height:1.5em;
}


#mf7 table,
#mf7 table tbody,
#mf7 table tr,
#mf7 table th,
#mf7 table td{
	display:block;
	width:auto;
}
#mf7 table tr{
	padding:30px 0;
}
#mf7 table th,
#mf7 table td{
	padding:0;
}
#mf7 table th{
	width:auto;
	margin:0 0 10px 0;
}



#mf8 dl{
	width:auto;
}

#mf8 .list dt{
	float:none;
	margin:0 0 10px 0;
}

#mf8 .list dd{
	float:none;
	font-size:1.5em;
	line-height:1.5em;
}





}