@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
main {width: 750px;margin: 0 auto;overflow: hidden;}
/*----- header -----*/
header {z-index: 5;position: relative;width: 100%;}
.header_img {width: 100%;}
/*----- fv -----*/
#fv {z-index: 1;position: relative;width: 100%;margin-top: -85px;padding-top: 30px;background-color: #203f78;}
.fv_img {width: 100%;}
.fv1_img {display: block;width: 80%;margin: -120px auto 0;}
/*----- content01 -----*/
#content01 {width: 100%;padding: 40px 0 30px;background-color: #203f78;}
#content14 {width: 100%;padding: 40px 0 30px;background-color: #011a3e;margin-top: -2px;}
.offer {width: 100%;position: relative;}
/* offer_01 */
.offer_01 {width: 92%;margin: 0 auto;}
.offer_01_img {width: 100%;}
.offer_bt {position: absolute;bottom: 140px;left: 50%;transform: translateX(-50%);width: 68%;overflow: hidden;border-radius: 12px;animation: cta-bounce 2.2s infinite;}
.offer_bt_img {width: 100%;display: block;}
.offer_bt::after {content: "";position: absolute;top: 0;left: -80%;width: 50%;height: 100%;background: linear-gradient(120deg,transparent,rgba(255,255,255,0.7),transparent);animation: cta-shine 2.2s infinite;}
.offer_tel {position: absolute;bottom: 35px;left: 50%;transform:translateX(-50%);width: 66%;}
.offer_tel:hover {transform: translateX(-50%) scale(0.95);}
.offer_bt_img,
.offer_tel_img {width:100%;display:block;}
/*----- content02 -----*/
#content02 {z-index: 5;position: relative;width: 100%;}
.problem {width: 100%;}
/* problem_01 */
.problem_01 {width: 100%;}
.problem_01_img {width: 100%;}
/*----- content03 -----*/
#content03 {z-index: 1;position: relative;width: 100%;margin-top: -85px;}
.cause {width: 100%;}
/* cause_01 */
.cause_01 {width: 100%;}
.cause_01_img {width: 100%;}
/*----- content04 -----*/
#content04 {width: 100%;}
.factor {width: 100%;}
/* factor_01 */
.factor_01 {width: 100%;}
.factor_01_img {width: 100%;}
/*----- content05 -----*/
#content05 {width: 100%;}
.nmn {width: 100%;}
/* nmn_01 */
.nmn_01 {width: 100%;}
.nmn_01_img {width: 100%;}
/*----- content06 -----*/
#content06 {width: 100%;}
.q10 {width: 100%;}
/* q10_01 */
.q10_01 {width: 100%;}
.q10_01_img {width: 100%;}
/*----- content07 -----*/
#content07 {width: 100%;}
.solution {width: 100%;}
/* solution_01 */
.solution_01 {width: 100%;}
.solution_01_img {width: 100%;}
/*----- content08 -----*/
#content08 {width: 100%;}
.comparison {width: 100%;}
/* comparison_01 */
.comparison_01 {width: 100%;}
.comparison_01_img {width: 100%;}
/*----- content09 -----*/
#content09 {z-index: 5;position: relative;width: 100%;}
.concept {width: 100%;}
/* concept_01 */
.concept_01 {width: 100%;}
.concept_01_img {width: 100%;}
/*----- content10 -----*/
#content10 {z-index: 4;position: relative;width: 100%;margin-top: -89px;}
.formula {width: 100%;}
/* formula_01 */
.formula_01 {width: 100%;}
.formula_01_img {width: 100%;}
/* offer */
#content10 .offer {width: 100%;position: absolute;bottom: 160px;}
#content10 .offer_01_img {width: 100%;filter: drop-shadow(5px 5px 5px #aaa);}
/*----- content11 -----*/
#content11 {z-index: 1;position: relative;width: 100%;margin-top: -89px;padding: 110px 0 45px;background-color: #203f78;}
.quality {width: 92%;margin: 0 auto;}
/* quality_01 */
.quality_01 {width: 100%;}
.quality_01_img {width: 100%;}
/* quality_02 */
.quality_02 {width: 100%;margin-top: 25px;}
.quality_02_img {width: 100%;}
/* quality_03 */
.quality_03 {width: 100%;margin-top: 25px;}
.quality_03_img {width: 100%;}
/* quality_04 */
.quality_04 {width: 100%;margin-top: 25px;}
.quality_04_img {width: 100%;}
/* quality_05 */
.quality_05 {width: 100%;margin-top: 25px;}
.quality_05_img {width: 100%;}
/*----- content12 -----*/
#content12 {width: 100%;background-image:url("../img/content12_bg.png");background-size: 100%;background-size:cover;background-repeat: repeat;background-position: center;}
.voice {width: 100%;}
/* voice_01 */
.voice_01 {width: 100%;}
.voice_011_img {width: 100%;}
.voice_012_img {width: 100%;}
.voice_013_img {width: 100%;}
.voice_014_img {width: 100%;}
.voice_015_img {width: 100%;}
/* voice_02 */
.voice_02 {width: 100%;padding: 25px 0;}
.voice_02_bt {position: relative;display: block;width: 85%;margin: 0 auto;border-radius: 12px;overflow: hidden;animation: cta-bounce-simple 2.2s infinite;}
.voice_02_bt_img {width: 100%;display: block;}
.voice_02_bt::after {content: "";position: absolute;top: 0;left: -80%;width: 50%;height: 100%;background: linear-gradient(120deg,transparent,rgba(255,255,255,0.7),transparent);animation: cta-shine 2.2s infinite;}
/*----- content13 -----*/
#content13 {width: 100%;}
.recommend {width: 100%;}
/* recommend_01 */
.recommend_01 {width: 100%;}
.recommend_01_img {width: 100%;}
/*----- content15 -----*/
#content15 {width: 100%;padding: 50px 0;background: #1b74ad;}
.faq {width: 92%;margin: 0 auto;}
.faq_01_t1 {margin: 0 0 30px;font-size: 64px;line-height: 140%;;color: #fff;text-align: center;}
.faq_02 {width: 100%;}
.faq_item {width: 100%;margin-bottom: 16px;padding: 20px 0;background: #fff;}
.faq_q {position: relative;width: 100%;padding: 0px 90px 0px 25px;font-size: 30px;line-height: 160%;background: #fff;border: none;color: #10234e;text-align: left;cursor: pointer;}
.faq_q::before {content: "";position: absolute;right: 37px;top: 50%;width: 4px;height: 42px;background: #3c97d3;border-radius: 3px;transform: translateY(-50%);transition: .3s ease;}
.faq_q::after {content: "";position: absolute;right: 18px;top: 50%;width: 42px;height: 4px;background: #3c97d3;border-radius: 3px;transform: translateY(-50%);}
.faq_q.active::before {transform: translateY(-50%) rotate(90deg);opacity: 0;}
.faq_a {display: none;padding: 20px 24px 0;}
.faq_a1 {margin: 0;padding-top: 20px;border-top: 1px dotted #3c97d3;color: #10234e;font-size: 25px;line-height: 160%;}
/*----- content16 -----*/
#content16 {width: 100%;}
.information {width: 100%;}
.information_01 {width: 100%;padding: 35px 0;background: #011a3e;}
.information_01_t1 {font-size: 56px;line-height: 100%;letter-spacing: 0.2vw;color: #fff;text-align: center;}
.information_02 {width: 95%;margin: 20px auto 0;padding: 20px 20px;border: solid 2px #000;}
.information_02_t1 {font-size: 22px;font-weight: 600;line-height: 160%;}
.information_03 {width: 95%;margin: 10px auto 20px;}
.information_03_t1 {font-size: 16px;font-weight: 600;line-height: 140%;color: #777;}
/*----- footer -----*/
footer {width: 100%;margin-top: 30px; padding: 40px 5vw 20px;background-color: #011a3e;text-align: center;box-sizing: border-box;}
.footer_01 {display: block;width: 250px;margin: 0 auto;}
.footer_01_img {width: 100%;}
.footer_02 {width: 100%;margin-top: 30px;font-size: 0;}
.footer_02_a {padding: 0 20px;font-size: 14px;border-right: solid 1px #fff;color: #fff;}
.footer_02_a:last-child {border-right: solid 0px #fff;}
.footer_03 {width: 100%;margin-top: 40px;text-align: center;}
.footer_03 small {font-size: 12px;line-height: 140%;color: #fff;}


@media screen and (max-width:750px) {
/*----- main -----*/
main {width: 100%;max-width: 750px;}
/*----- header -----*/
/*----- fv -----*/
#fv {margin-top: -11vw;}
.fv1_img {width: 80%;margin: -14vw auto 0;}
/*----- content01 -----*/
#content01 {padding: 6vw 0 5vw;}
#content14 {padding: 6vw 0 5vw;margin-top: -0.5vw;}
/* offer_01 */
.offer_01 {width: 92%;}
.offer_bt {position: absolute;bottom: 19vw;left: 50%;transform: translateX(-50%);width: 68%;overflow: hidden;border-radius: 1.5vw;animation: cta-bounce 2.2s infinite;}
.offer_bt_img {width: 100%;display: block;}
.offer_bt::after {content: "";position: absolute;top: 0;left: -80%;width: 50%;height: 100%;background: linear-gradient(120deg,transparent,rgba(255,255,255,0.7),transparent);animation: cta-shine 2.2s infinite;}
.offer_tel {position: absolute;bottom: 4vw;left: 50%;transform:translateX(-50%);width: 66%;}
.offer_tel:hover {transform: translateX(-50%) scale(0.95);}
/*----- content02 -----*/
/* problem_01 */
/*----- content03 -----*/
#content03 {margin-top: -11vw;}
/* cause_01 */
/*----- content04 -----*/
/* factor_01 */
/*----- content05 -----*/
/* nmn_01 */
/*----- content06 -----*/
/* q10_01 */
/*----- content07 -----*/
/* solution_01 */
/*----- content08 -----*/
/* comparison_01 */
/*----- content09 -----*/
/* concept_01 */
/*----- content10 -----*/
#content10 {margin-top: -12vw;}
/* formula_01 */
/* offer */
#content10 .offer {bottom: 21vw;}
/*----- content11 -----*/
#content11 {margin-top: -12vw;padding: 15vw 0 6vw;}
.quality {width: 92%;}
/* quality_01 */
/* quality_02 */
.quality_02 {margin-top: 4vw;}
/* quality_03 */
.quality_03 {margin-top: 4vw;}
/* quality_04 */
.quality_04 {margin-top: 4vw;}
/* quality_05 */
.quality_05 {margin-top: 4vw;}
/*----- content12 -----*/
/* voice_01 */
/* voice_02 */
.voice_02 {padding: 4vw 0;}
.voice_02_bt {width: 85%;border-radius: 1.5vw;overflow: hidden;animation: cta-bounce-simple 2.2s infinite;}
.voice_02_bt_img {width: 100%;display: block;}
.voice_02_bt::after {content: "";position: absolute;top: 0;left: -80%;width: 50%;height: 100%;background: linear-gradient(120deg,transparent,rgba(255,255,255,0.7),transparent);animation: cta-shine 2.2s infinite;}
/*----- content13 -----*/
/* recommend_01 */  
/*----- content15 -----*/
#content15 {padding: 6vw 0;}
.faq {width: 92%;margin: 0 auto;}
.faq_01_t1 {margin: 0 0 4vw;font-size: 8.4vw;}
.faq_item {;margin-bottom: 2.2vw;padding: 2.5vw 0;background: #fff;}
.faq_q {width: 100%;padding: 0px 11vw 0px 3vw;font-size: 3.8vw;line-height: 160%;}
.faq_q::before {content: "";position: absolute;right: 5vw;top: 50%;width: 0.6vw;height: 6vw;border-radius: 0.5vw;transform: translateY(-50%);transition: .3s ease;}
.faq_q::after {content: "";position: absolute;right: 2.4vw;top: 50%;width: 6vw;height: 0.6vw;border-radius: 0.5vw;transform: translateY(-50%);}
.faq_q.active::before {transform: translateY(-50%) rotate(90deg);opacity: 0;}
.faq_a {display: none;padding: 2.5vw 3vw 0;}
.faq_a1 {margin: 0;padding-top: 2.5vw;font-size: 3.2vw;line-height: 160%;}
/*----- content16 -----*/
.information_01 {padding: 4.5vw 0;}
.information_01_t1 {font-size: 7vw;}
.information_02 {width: 95%;margin: 3vw auto 0;padding: 2.5vw 2.5vw;}
.information_02_t1 {font-size: 2.8vw;line-height: 160%;}
.information_03 {width: 95%;margin: 2vw auto 3vw;}
.information_03_t1 {font-size: 2.2vw;}
/*----- footer -----*/
.footer_01 {display: block;width: 60%;margin: 0 auto;}
.footer_02_a {display: block;margin: 2vw 0;padding: 1vw 0 2vw;font-size: 3vw;border-right: solid 0px #fff;border-bottom: solid 1px #fff;}
.footer_03 small {font-size: 12px;}
}


@media screen and (max-width:500px) {
/*----- main -----*/
main {width: 100%;max-width: 750px;}
/*----- header -----*/
/*----- fv -----*/
#fv {margin-top: -11vw;}
.fv1_img {width: 80%;margin: -14vw auto 0;}
/*----- content01 -----*/
#content01 {padding: 6vw 0 5vw;}
#content14 {padding: 6vw 0 5vw;margin-top: -0.5vw;}
/* offer_01 */
.offer_01 {width: 92%;}
.offer_bt {position: absolute;bottom: 19vw;left: 50%;transform: translateX(-50%);width: 68%;overflow: hidden;border-radius: 1.5vw;animation: cta-bounce 2.2s infinite;}
.offer_bt_img {width: 100%;display: block;}
.offer_bt::after {content: "";position: absolute;top: 0;left: -80%;width: 50%;height: 100%;background: linear-gradient(120deg,transparent,rgba(255,255,255,0.7),transparent);animation: cta-shine 2.2s infinite;}
.offer_tel {position: absolute;bottom: 4vw;left: 50%;transform:translateX(-50%);width: 66%;}
.offer_tel:hover {transform: translateX(-50%) scale(0.95);}
/*----- content02 -----*/
/* problem_01 */
/*----- content03 -----*/
#content03 {margin-top: -11vw;}
/* cause_01 */
/*----- content04 -----*/
/* factor_01 */
/*----- content05 -----*/
/* nmn_01 */
/*----- content06 -----*/
/* q10_01 */
/*----- content07 -----*/
/* solution_01 */
/*----- content08 -----*/
/* comparison_01 */
/*----- content09 -----*/
/* concept_01 */
/*----- content10 -----*/
#content10 {margin-top: -12vw;}
/* formula_01 */
/* offer */
#content10 .offer {bottom: 21vw;}
/*----- content11 -----*/
#content11 {margin-top: -12vw;padding: 15vw 0 6vw;}
.quality {width: 92%;}
/* quality_01 */
/* quality_02 */
.quality_02 {margin-top: 4vw;}
/* quality_03 */
.quality_03 {margin-top: 4vw;}
/* quality_04 */
.quality_04 {margin-top: 4vw;}
/* quality_05 */
.quality_05 {margin-top: 4vw;}
/*----- content12 -----*/
/* voice_01 */
/* voice_02 */
.voice_02 {padding: 4vw 0;}
.voice_02_bt {width: 85%;border-radius: 1.5vw;overflow: hidden;animation: cta-bounce-simple 2.2s infinite;}
.voice_02_bt_img {width: 100%;display: block;}
.voice_02_bt::after {content: "";position: absolute;top: 0;left: -80%;width: 50%;height: 100%;background: linear-gradient(120deg,transparent,rgba(255,255,255,0.7),transparent);animation: cta-shine 2.2s infinite;}
/*----- content13 -----*/
/* recommend_01 */    
/*----- content15 -----*/
#content15 {padding: 6vw 0;}
.faq {width: 92%;margin: 0 auto;}
.faq_01_t1 {margin: 0 0 4vw;font-size: 8.4vw;}
.faq_item {;margin-bottom: 2.2vw;padding: 2.5vw 0;background: #fff;}
.faq_q {width: 100%;padding: 0px 11vw 0px 3vw;font-size: 3.8vw;line-height: 160%;}
.faq_q::before {content: "";position: absolute;right: 5vw;top: 50%;width: 0.6vw;height: 6vw;border-radius: 0.5vw;transform: translateY(-50%);transition: .3s ease;}
.faq_q::after {content: "";position: absolute;right: 2.4vw;top: 50%;width: 6vw;height: 0.6vw;border-radius: 0.5vw;transform: translateY(-50%);}
.faq_q.active::before {transform: translateY(-50%) rotate(90deg);opacity: 0;}
.faq_a {display: none;padding: 2.5vw 3vw 0;}
.faq_a1 {margin: 0;padding-top: 2.5vw;font-size: 3.2vw;line-height: 160%;}
/*----- content16 -----*/
.information_01 {padding: 4.5vw 0;}
.information_01_t1 {font-size: 8.4vw;}
.information_02 {width: 95%;margin: 3vw auto 0;padding: 3.5vw 3.5vw;}
.information_02_t1 {font-size: 3.8vw;line-height: 160%;}
.information_03 {width: 95%;margin: 2vw auto 3vw;}
.information_03_t1 {font-size: 3.2vw;} 
}