@charset "UTF-8";

#main{margin-top: 0;}
#module_titleArea,.head_local_nav{display: none;}
.main_visual_wrap{background-color: #ce3a00;text-align: center;}
.main_image {overflow: hidden;min-width: 0;}
.main_image img{width: auto;max-width: 100%;margin: 0 auto;}
.quiz_campaign_area{padding: 40px 0 100px;background-color: #fff0ea;}
.quiz_inner{max-width: 1000px;margin: 0 auto;padding: 0 15px;}
.quiz_gift_block{position: relative;margin-top: -12.25%;border: 6px solid #ce3a00;border-radius: 40px;background-color: #fff;}
.quiz_gift_block img{width: 100%;vertical-align: bottom;}
.gift_catalog{background-color: #fff0ea;padding-top: 34px;padding-bottom: 23px;padding-left: 34px;border-top-left-radius: 34px;border-top-right-radius: 34px;}
.quiz_col{display: flex;}
.gift_catalog .gift_circle{width: 18.868%;margin-right: 2.936%;}
.gift_catalog .gift_txt_block{width: 53.67%;}
.gift_catalog .gift_card{position: absolute;width: 26.013%;top: 4.5%;right: -15.4%;transform: translate(-50%,-50%);z-index: 1;}
.quiz_note{position:relative;font-size: 0.875em;margin-top: 16px;padding-left: 1em;}
.quiz_note span{position: absolute;left: 0;}
.quiz_question_block{background-color: #fff;padding: 40px 34px;}
.quiz_question_block .question_inner{border: 6px solid #fff;border-radius: 20px;box-shadow: 0px 0px 4px 8px rgba(243,243,243,0.71);-webkit-box-shadow: 0px 0px 4px 8px rgba(243,243,243,0.71);-moz-box-shadow: 0px 0px 4px 8px rgba(243,243,243,0.71);}
.quiz_question_block .quiz_product{padding: 62px 34px 40px;background-color: #f5f5f5;border-top-left-radius:20px;border-top-right-radius:20px;}
.quiz_question_block .quiz_ttl{text-align: center;}
.quiz_question_block .quiz_ttl{width: 62.144%;max-width: 522px;margin: 0 auto;}
.quiz_product .question_lead{margin-top: 27px;font-size: 1.5em;font-weight: bold;text-align: center;}
.color_circle{color: #ce3a00;}
.under_line{position: relative;display: inline-block;}
.under_line:after{content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom:3px;background-color: #ce3a00;}
.question_lead .under_line:after{height: 2px;}
.btn:hover{opacity: .7;}
.click_btn{max-width: 380px;margin: 0 auto;}
.apply_btn{max-width: 954px;margin: 0 auto;}
.cross_top_series{margin-top: 30px;padding: 40px;background-color: #fff;border-radius: 20px;}
.cross_top_series .lead_txt{margin-top: 25px;font-size: 2em;font-weight: bold;text-align: center;letter-spacing: -0.05em;}
.cross_top_series .lead_txt span{font-size: .75em;font-weight: normal;letter-spacing: normal;}
.cross_top_series .product_ttl{width: 64.475%;max-width: 490px;margin: 34px auto 0;padding-left: 36px;}
.cross_top_series .product_img{margin-top: 43px;}
.ques_answer_block{padding: 48px 34px 38px;}
.ques_answer_block .color_circle{font-weight: bold;}
.ques_block .inner_wrap{position: relative;padding-left: 40px;}
.ques_block .ques_circle{position: absolute;width: 92px;height: 92px;top:20%;left: -1.5%;transform: translate(-50%, -50%);}
.ques_block .ques_circle img{box-shadow: -10px 0 10px rgba(243,243,243,0.71);-webkit-box-shadow: -10px 0 10px rgba(243,243,243,0.71);-moz-box-shadow: -10px 0 10px rgba(243,243,243,0.71);
 border-radius: 50%;}
.ques_block .ques_text{font-size: 1.125em;line-height: 1.66666;}
.ques_block .ques_list{position: relative;display: flex;margin-top: 22px;}
.ques_block .ques_list li{position: relative;font-size: 1.125em;font-weight: bold;padding: 0 23px;}
.ques_block .ques_list:before,
.ques_block .ques_list li:after{content: '';position: absolute;width: 1px;height: 20px;top: 3px;right: 0;background-color: #8c8c8c;}
.ques_block .ques_list:before{left: 0;}
.ques_block+.ques_block{margin-top: 45px;padding-top: 45px;border-top:1px solid #e5e5e5;}
.application_btn_block{padding: 20px 15px 18px;background-color: #ce3a00;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.quiz_application{margin-top: 40px;}
.quiz_application .application_ttl{padding: 19px 20px;font-size: 1.75em;font-weight: bold;text-align: center;background-color: #ce3a00;color: #fff;}
.application_inner_block{background-color: #f5f5f5;padding: 58px 40px 34px;}
.quiz_application .application_txt{color: #ce3a00;font-size: 1.125em;font-weight: bold;}
.quiz_application .application_list{margin-top: 12px;}
.quiz_application .application_list li{font-size: 0.875em;position: relative;padding-left: 1em;line-height: 1.8;word-break: break-all;}
.application_list + .application_txt{margin-top: 52px;}
.quiz_application .application_list li span{position: absolute;left: 1px;}
.bottom_btn {width: 680px;margin: 97px auto 180px;}
.bottom_btn a {position: relative;display: flex;align-items: center;justify-content: center;padding: 20px 32px 18px;background-color: #fff;color:#000;letter-spacing: 0.15em;border: 1px solid #808080;border-radius: 6px;font-size: 0.938em;font-weight: bold;text-decoration: none;-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
.bottom_btn a:hover {color: #fff;background: #c00;}
.bottom_btn a:after {position: absolute;content: '';display: block;width: 14px;height: 14px;right: 36px;border-top: 2px solid #df0000;border-right: 2px solid #df0000;transform: rotate(45deg);-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
.bottom_btn a:hover:after {border-top: 2px solid #fff;border-right: 2px solid #fff;}

@media only screen and (min-width:768px) and (max-width:1440px){
.quiz_gift_block{margin-top: -8.542vw;}
}

@media only screen and (max-width:767px){
#module_titleArea{display: none;}
.link_techinfo{display: none;}
#main{margin-top: 0;}
.quiz_inner {width: auto;max-width: none;padding-right: 4vw;padding-left: 4vw;}
.main_image {min-width: 0;width: 100%;margin: 0 auto;}
.quiz_campaign_area{padding: 40px 0 48px;}
.quiz_gift_block{margin-top: -79px;border-radius: 15px;border: 3px solid #ce3a00;}
.gift_catalog{padding-top: 16px;padding-bottom: 22px;padding-left: 0;border-top-left-radius: 12px;border-top-right-radius: 12px;}
.gift_catalog .gift_card {width: 25.07vw;top: 1.84%;right: -17vw;}
.gift_catalog .gift_circle {width: 29.5%;margin-left: -13px;margin-right: 8px;}
.gift_catalog .gift_txt_block {width: 66.67%;}
.quiz_note{font-size: 2.267vw;margin-top: 5px;margin-right: -2.933vw; letter-spacing: -0.181vw;}
.quiz_question_block{padding: 30px 17px 25px;}
.quiz_question_block .question_inner{border: 3px solid #fff;border-radius: 15px;}
.quiz_question_block .quiz_product{border-top-left-radius:15px;border-top-right-radius:15px;}
.quiz_question_block .quiz_ttl{width: 70.67vw;max-width: 100%;}
.quiz_question_block .quiz_product{padding: 27px 17px 18px;}
.quiz_product .question_lead{font-size: 1.0025em;margin: 16px -8px 0;letter-spacing: -0.03em;}
.under_line:after{bottom: 0;}
.click_btn{width: 60vw;max-width: 100%;text-align: center;}
.cross_top_series{margin-top: 26px;padding: 20px 20px 18px;border-radius: 15px;}
.cross_top_series .lead_txt {font-size: 1.3158em;line-height: 1.45;margin: 8px -20px 0;}
.cross_top_series .lead_txt span{font-size: .7619em;}
.cross_top_series .product_ttl{width: 52.27vw;max-width: 100%;margin-top: 6px;padding-left: 15px;}
.cross_top_series .product_img{margin: 15px auto 0;}
.ques_answer_block{padding: 22px 20px;}
.ques_block .inner_wrap{padding-left: 0;}
.ques_block .ques_circle{width: 51px;height: 51px;top: 9%;left: -30px;}
.ques_block .ques_text,
.ques_block .ques_list li {font-size: 1.0025em;}
.ques_block .ques_text{line-height: 1.562;}
.ques_block .ques_list{display: block;margin-top: 16px;}
.ques_block .ques_list li{padding: 0;}
.ques_block+.ques_block{margin-top: 22px;padding-top: 22px;}
.ques_block .ques_list:before, .ques_block .ques_list li:after{display: none;}
.quiz_application {margin-top: 27px;}
.quiz_application .application_ttl {font-size: 1.25313em;padding: 5px 20px;}
.quiz_application .application_txt{font-size: 1.0025em;line-height: 1.25;}
.quiz_application .application_list li {font-size: 0.8146em;line-height: 1.539;letter-spacing: -0.03em;}
.quiz_application .application_list li span{font-size: 0.77em;left: 2px;top: 2px;}
.application_list + .application_txt {margin-top: 30px;}
.application_inner_block{padding: 28px 20px 22px;}
.application_btn_block {padding: 12px 0px 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.apply_btn{max-width: 100%;width: 88.267vw;}
.bottom_btn{width: 315px;margin: 50px auto 130px;}
.bottom_btn a{font-size: 1.0025em;padding: 18px 13px 18px;letter-spacing: -0.05em;}
.bottom_btn a:after{right: 16px;}
}