@charset "utf-8";

.zanka-mainimg{background: #FFF100;text-align: center;box-shadow:none;padding-bottom: 0;}
.section-inner{max-width: 1000px;}
.zanka-mainimg .section-inner{padding: 0;position: relative;}
.mainimg{max-width: 1000px;}

.movie{position: absolute;bottom: -10px;width: 38%;left: 33%;border: solid 5px #0052A5;}
.movie iframe{width: 100%;max-width: 560px;max-height:315px;height: 214px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);}
@media screen and (max-width:900px){
.movie{position: static;width: 100%;text-align: center;background: #003972;padding: 10px;}
.movie iframe{width: 100%;max-width: 560px;max-height: 300px;}
}

.zanka-title{font-size: 250%;text-align: center;margin-bottom: 20px;}
.zanka-title .en{font-size: 60%;line-height: 1;font-weight: bold;margin-top: 5px;}
.zanka-title.dark{color: #fff;}
.zanka-title.dark .en{color: #ff0;}
.zanka-title.light{color: #111;}
.zanka-title.light .en{color: #004497;}
@media screen and (max-width:640px){
.zanka-title{font-size: 200%;}
}

.zanka-about{background: #0052A5;text-align: center;color: #fff;padding: 40px 0;}
.zanka-about h1{width: 80%;margin: 0 auto 20px;}
.zanka-about h1 img{max-width: 600px;}
.zanka-about .about-img{max-width: 550px;}
.zanka-about .text{color: #fff;text-align: left;}
.zanka-about strong{color: #ff0;}
@media screen and (min-width:641px){
.zanka-about .left{width: 52%;}
.zanka-about .right{width: 48%;}
}
@media screen and (max-width:640px){
.zanka-about{padding: 0;text-align: center;}
.zanka-about .section-inner{padding: 20px 20px 40px;}
.zanka-about .about-img{max-width: 80%;margin-left: 10%;}
.zanka-about .text{font-size: 90%;}
.zanka-about h1{background-size: 200%;padding: 0;}
.zanka-about h1 img{max-width: 70%;}
}

.zanka-reason h1 img{max-width: 800px;}

.zanka-reason .reason-list{padding: 20px 0;}
.zanka-reason .reason-list li{position: relative;}
.zanka-reason .reason-list .number{position: absolute;max-width: 25%;top: -8%;left: -8%;display: block;z-index: 99;}

.zanka-reason .reason-single{text-align: center;padding-top: 0;background: #fff;border: 0;margin-bottom: 20px;}
.zanka-reason .reason-single .reason-title{position: relative;background: #0052A5;color: #fff;padding: 20px;margin-bottom: 40px;}
.zanka-reason .reason-single .reason-title .number{position: absolute;max-width: 100px;
top: -0.5em;left: -2%;display: block;}
.zanka-reason .reason-single .reason-title strong{color: #ff0;}

.zanka-reason .reason-single .reason-img{max-width: 600px;margin-bottom: 10px;}
.zanka-reason .reason-single .text{margin-bottom: 20px;font-size: 112%;text-align: left;}
.zanka-reason .notice{padding: 10px;font-size: 80%;font-weight: normal;margin: 0 auto 20px;color: #666;box-shadow:none;display: inline-block;text-align: left;width: 100%;}
.zanka-reason .caution{padding: 20px;font-size: 90%;font-weight: normal;text-align: left;background: #f2f2f2;}
.zanka-reason .caution-icon{width: 15%;text-align: center;}
.zanka-reason .caution-text{width: 83%;}
.zanka-reason .caution i{color: #004497;font-size: 500%;margin-top: 50px;}
.zanka-reason .caution-text h4{margin-bottom: 10px;}
.zanka-reason .caution dt{display: block;color: #004497;border-bottom: solid 1px #004497;padding-bottom: 5px;margin-bottom: 5px;}
.zanka-reason .caution dd{margin-bottom: 10px;}
@media screen and (min-width:641px){
.zanka-reason .reason-single .left{width: 30%;}
.zanka-reason .reason-single .right{width: 68%;}
}
@media screen and (max-width:640px){
.zanka-reason .reason-list li{width: 32%;float: left;margin-right: 2%;}
.zanka-reason .reason-list li:last-child{margin-right: 0;}

.zanka-reason .reason-single .reason-title{padding: 10px 10px 10px 30px;margin-bottom: 20px;text-align: left;}
.zanka-reason .reason-single .reason-title .number{max-width: 50px;top: -0.8em;left: -5%;}
.zanka-reason .reason-single .reason-img{max-width:80%;margin-bottom: 10px;}

.zanka-reason .reason-single .text{font-size: 100%;text-align: left;}
.zanka-reason .notice{font-size: 60%;}
.zanka-reason .caution{font-size: 70%;}
.zanka-reason .caution-icon{display: none;}
.zanka-reason .caution-text{width: 100%;}
.zanka-reason .caution-text h4{font-size: 90%;}
}

.zanka-flow{background: #004497;}
.zanka-flow .zanka-flow-single{background: #fff;width: 48.5%;float: left;margin-bottom: 3%;padding: 10px 20px 20px;border-radius:5px;}
.zanka-flow .zanka-flow-single:nth-child(2n){float: right;}
.zanka-flow .zanka-flow-single:last-child{float: none;width: 100%;clear: both;}
.zanka-flow .zanka-flow-single h3{text-align: center;font-size: 24px;margin-bottom: 10px;color: #004497;border-bottom: solid 1px  #004497;padding-bottom: 5px;}
.zanka-flow .zanka-flow-single i{font-size: 300%;color: #004497;width: 20%;display: inline-block;margin-right: 0;text-align: center;}
.zanka-flow .zanka-flow-single:last-child i{font-size: 400%;}
.zanka-flow .zanka-flow-single .text{width: 78%;font-size: 90%;}
.zanka-flow .zanka-flow-single .text strong{color: #004497;}
@media screen and (max-width:640px){
.zanka-flow .zanka-flow-single{width: 100%;float: none;text-align: center;}
.zanka-flow .zanka-flow-single:nth-child(2n){float: none;}
.zanka-flow .zanka-flow-single i{width: 100%;margin-bottom: 10px;}
.zanka-flow .zanka-flow-single .text{width: 100%;text-align: left;font-size: 80%;}
}

.zanka-faq .faq-single{width: 48.5%;float: left;margin-bottom: 3%;}
.zanka-faq .faq-single:nth-child(2n){float: right;}
.zanka-faq .faq-single dt,
.zanka-faq .faq-single dd{padding: 15px;border-radius:5px; border: solid 1px rgba(0,0,0,.05);}
.zanka-faq .faq-single dt{color: #fff;background: #004497;margin-top: 20px;text-shadow:-1px -1px 1px rgba(0,0,0,.1);}
.zanka-faq .faq-single dt .faq-q{background: #00316b;border-radius:3px;padding: 3px 10px;display: inline-block;margin-right: 10px;vertical-align: top;}
.zanka-faq .faq-single dt .faq-title{width: 70%;display: inline-block;}
.zanka-faq .faq-single dd{font-weight: normal;background: #f6f6f6;line-height: 1.6;margin: 0 3px;border-radius:0px 0px 5px 5px;}
.zanka-faq .faq-single dd strong{color: #000;font-weight: bold;}

@media screen and (max-width:640px){
.zanka-faq .faq-single{width: 100%;float: none;}
.zanka-faq .faq-single:nth-child(2n){float: none;}
.zanka-faq .faq-single dt .faq-title{width: 80%;}
.zanka-faq .faq-single dd{font-size: 90%;}
}