@charset"UTF-8"  ;

/*●PC●@media (min-width:560px) {
xxxxxxxxx
}*/
/*●ｽﾏﾎ●@media screen and (max-width:560px){
xxxxxxxxx
}*/

/*---1200-----------*/

.l11{border-bottom:1px #cccccc solid ; margin:5px 0 ;}


/*--------------------------------------------*/
#c16 p{font-size:2.6em ; line-height:1.2 ; color:#ffffff ; padding-top:80px ; text-align:center  ;}
/*●PC●*/@media screen and (min-width:560px){
#c16 .bgscroll{width:100% ; min-width:1200px ; height:180px ; background:url("img/c16.jpg") repeat-x left top ;}
}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
#c16 p{font-size:1.8em ; padding-top:40px ;}
#c16 .bgscroll{width:100% ; height:115px ; background:url("img/c16_sph.jpg") repeat-x left top ;}
}
/*--------------------------------------------*/



/*--------------------------------------------*/
#c21>div{border-top:1px #80b1ce solid ; border-bottom:1px #80b1ce solid ; padding:30px 0 ;}
#c21 .t11{line-height:1.1 ; display:inline-block ;}
#c21 .t11 span:nth-of-type(1){display:block ;font-size:2.8em ; color:#00629d ; background:rgba(255,255,255,0.8) ; padding:0.2em 1em ; text-align:center ;}
#c21 .t11 span:nth-of-type(2){display:block ;font-size:1.4em ; color:#00629d ; background:rgba(179,208,226,0.5) ; padding:0.2em 1em ; text-align:center ;}
#c21 .t12{font-size:1.8em ; line-height:1.3 ; color:#00629d ; text-align:center ;}
#c21 .t13{font-size:1.6em ; line-height:1.3 ; text-align:center ;}

/*●PC●*/@media screen and (min-width:560px){
#c21>div{background-image:url("img/c21/1.jpg"),url("img/c21/2.jpg") ;
background-position:left center,right center ; background-size:25%,25% ; background-repeat:no-repeat,no-repeat ;}
#c21>div>div{min-height:200px ;}
}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
#c21>div{padding:40px 0 ;}
#c21>div{background-image:url("img/c21/1_sph.jpg"),url("img/c21/2_sph.jpg") ;
background-position:left center,right center ;background-size:30%,30% ;background-repeat:no-repeat,no-repeat ;}
#c21>div>div{min-height:100px ;}
}
/*--------------------------------------------*/


/*--------------------------------------------*/
#c25 .d11{background:#e7f1f8 ; padding:15px ;}
#c25 .t11{font-size:2.0em ; line-height:1.3 ; color:#00629d ; text-align:center ;}
#c25 .f11{font-size:1.5em ; line-height:1.4 ; text-align:center ; margin-left:auto ; margin-right:auto ;}
#c25 .l11{width:300px ; border-bottom:1px #80b1ce dotted ; margin-left:auto ; margin-right:auto ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
#c25 .d11{padding:10px ;}
#c25 .t11{font-size:1.8em }
#c25 .f11{font-size:1.4em ;text-align:left ;}
#c25 .l11{width:70% ;}
}
/*--------------------------------------------*/


/*--------------------------------------------*/
.z10 .f02{text-align:center ;}
.z10 table{width:auto ; background:#ffffff ; border-collapse:separate ; border-spacing:3px ; border:1px #cccccc solid ; margin-left:auto ; margin-right:auto ;}
.z10 th,
.z10 td{font-size:1.5em ; line-height:1.3 ; padding:0.5em 1em ;}
.z10 th{width:auto ; background:#d4f0ce ; text-align:center ;}
.z10 td:nth-of-type(1){width:200px ;background:#cee3f0 ;}
.z10 td:nth-of-type(2),
.z10 td:nth-of-type(3){width:350px ;background:#eeeeee ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
.z10 .f02{text-align:left ;}
.z10>div>div{overflow-x:auto;}
.z10>div>div table{min-width:700px ;}
}
/*--------------------------------------------*/

/*--------------------------------------------*/
#z21 .f02{text-align:center ;}
#z21 table{width:auto ; background:#ffffff ; border-collapse:separate ; border-spacing:3px ; border:1px #cccccc solid ; margin-left:auto ; margin-right:auto ;}
#z21 td{font-size:1.5em ; line-height:1.3 ; padding:0.5em 1em ;}
#z21 td:nth-of-type(1){width:300px ; background:#cee3f0 ;}
#z21 td:nth-of-type(2){width:150px ; background:#eeeeee ; text-align:right ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
#z21 .f02{text-align:left ;}
#z21 table{width:100% ;}
#z21 td:nth-of-type(1){width:7.5em ;}
#z21 td:nth-of-type(2){width:auto ;}
}
/*--------------------------------------------*/

/*--------------------------------------------*/
#c203>div>div{width:890px ; font-size:0px ; margin:0 auto ;}
#c203>div>div>div{width:140px ; display:inline-block ; font-size:10px ; position:relative ; margin:4px ;}
#c203>div>div>div p:nth-of-type(2){width:auto ; position:absolute ; bottom:2px ; left:2px ; z-index:2 ; font-size:1.1em ; line-height:1.1 ;
color:#ffffff ; text-shadow:0 0 5px #000000 ; background:rgba(0,0,0,0.6) ; padding:5px 10px ; text-align:left ;}
/*SPH*/@media screen and (max-width:560px){
#c203>div>div{width:auto ;}
#c203>div>div>div{width:calc(25% - 4px) ; margin:2px ;}
}
/*--------------------------------------------*/