@charset "UTF-8";
#LUXCOJP{width:100%; display: block; overflow: hidden;}

._pc{display: none !important;}

/* behairsel */
.site_content .behairsel h1{background: #fff;}

.site_content .behairsel .message{background: url(/behairself/img/bg_message_sp.jpg) 50% 50% no-repeat; background-size: cover; padding: 50px 0 0 0; /* padding: 50px 6.5% 50px 6.5%; padding: 40px 6.5% 25px 6.5%; */}
.site_content .behairsel .message h2{margin: -10px 0 40px 0; padding: 0 6.5%; /*margin-bottom: 0; margin-bottom: 40px;*/}
.site_content .behairsel .message h3{margin-bottom: 40px;}
.site_content .behairsel .message p{margin-bottom: 40px;}
.site_content .behairsel .message .read_sub{/*font-size: 360%; font-weight: bold; line-height: 2; color: #997b3b; text-align: center;*/ margin:10px 0 40px 0;}
.site_content .behairsel .message .info{font-size: 280%; line-height: 1.6; color: #997b3b; margin-bottom: 0; text-align: center;}
.site_content .behairsel .message .note{font-size:200%; margin-bottom: 0; line-height: 1.5; color:#666;}

.site_content .behairsel .message .youtube{position: relative; width: 100%; padding-top: 56.25%; display: block;}
.site_content .behairsel .message .youtube iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.site_content .behairsel .message ul{display: flex; flex-wrap: wrap; align-items: center; background: url(/behairself/img/bg_nav.jpg) 50% 50% no-repeat; background-size: 100% 100%; font-size:308%; font-weight: normal; color:#997b3b; line-height: 1.2; /*line-height: 1.5;*/text-align: center; padding: 5px 0; margin:0 auto 0 auto; /*width:85%; margin:0 auto 40px auto;*/ width:100%; position: relative;}
.site_content .behairsel .message ul li{list-style: none; /*width: 50%; padding: 0%; margin-bottom: -10px;*/ width: calc(100%/3); padding: 0;}
.site_content .behairsel .message ul li:nth-last-child(1){border-left: #fff 1px solid;}
.site_content .behairsel .message ul li:nth-last-child(1):before{background: #fff; content: ''; width:1px; height: calc(100% - 14px); position: absolute; left:calc(100%/3); top:7px;}
.site_content .behairsel .message a{/*background: url(/behairself/img/btn_gold.png) 50% 50% no-repeat; background-size: 100% 100%; border-radius: 15px; padding: 20px 0 25px 0;*/ display: block; text-decoration: none; color:#fff; transition: all 0.2s ease; padding: 5px 0;}
.site_content .behairsel .message a span{background: url(/behairself/img/btn_nav_w.png) 50% 98% no-repeat; background-size: 20px 20px; padding: 0 0 25px 0; display: block;}
.site_content .behairsel .message a span span{padding: 0; margin: 0!important; background: none; font-size:75%; margin-right: 0.75em;}

.site_content .behairsel .hairself{background: url(/behairself/img/bg_hairself_sp.jpg) 50% 0% no-repeat; background-size: cover; padding: 50px 4% 40px 4%; position: relative;}
.site_content .behairsel .hairself:before{content:''; background: url(/behairself/img/bg_hairself_tag_sp.png) 0 0 no-repeat; background-size: 100% auto; width:20%; height:100%; position: absolute; top:0; right:0; display: block;}
.site_content .behairsel .hairself:after{content:''; background: url(/behairself/img/bg_hairself_tag_sp.png) 0 0 no-repeat;  background-size: 100% auto; width:20%; height:100%; position: absolute; bottom:0; left:0; transform: rotate(180deg); display: block;}
.site_content .behairsel .hairself h3{margin-bottom: 30px; padding-top: 90px; margin-top: -90px;}
.site_content .behairsel .hairself .read{font-size: 360%; line-height: 1.6; color: #997b3b; text-align: center; margin-bottom: 40px;}
.site_content .behairsel .hairself .note{font-size:200%; margin-bottom: 40px; line-height: 1.5; color:#333;}
.site_content .behairsel .hairself ul{margin: 0; padding: 0; position: relative; z-index: +1;}
.site_content .behairsel .hairself li{margin: 0 0 40px 0; padding: 0; list-style: none; width:87%; background: #fff; padding: 15px; position: relative;}
.site_content .behairsel .hairself li:before{content:''; width:100%; height: 100%; display: block; border: #fff 1px solid; position: absolute; top: 15px; right: -15px;}
.site_content .behairsel .hairself li .image{margin-bottom: 15px; display: block;}
.site_content .behairsel .hairself li .text{font-size:300%; font-weight: bold; line-height: 1.6; color:#997b3b; display: block; min-height:72px;}
.site_content .behairsel .hairself li .percent{font-size:400%; font-weight: bold; line-height: 1; /*line-height: 45px;*/ color:#997b3b; display: block; text-align: right;}
.site_content .behairsel .hairself li .percent img{width: auto; height:45px; margin-left: 10px; vertical-align: bottom;}
.site_content .behairsel .hairself li:nth-child(2n){margin-left: 13%;}
.site_content .behairsel .hairself li:nth-child(2n):before{right: 15px;}
.site_content .behairsel .hairself li:nth-last-child(1){margin-bottom: 0;}

.site_content .behairsel .hairself .btn{padding:40px 4% 0 4%; font-size:360%; font-weight: bold; color:#997b3b; line-height: 3; text-align: center;}
.site_content .behairsel .hairself .btn a{background: url(/behairself/img/btn_gold.png) 0 50% no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff;}
.site_content .behairsel .hairself .btn a span{background: url(/behairself/img/link_arrow_b.png) 0 48% no-repeat; background-size: 24px 24px; padding-left: 54px; display: inline-block; position: relative; top: -.1em;}

.site_content .signature{background: #fff; padding: 40px 6.5% 45px 6.5%;}
.site_content .signature p{font-size:360%; font-weight: normal; color:#997b3b; line-height: 1.5; text-align: center; margin-bottom: 15px;}
.site_content .signature p.btn{margin-bottom: 0;}
.site_content .signature p.btn a{background: url(/behairself/img/btn_gold.png) 0 0 no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff;}
.site_content .signature p.btn a span{background: url(/behairself/img/link_arrow.png) 0 50% no-repeat; background-size: 24px 24px; padding-left: 54px; line-height: 4.2; display: inline-block;}

.site_content .report{background: url(/behairself/img/bg_report_sp.jpg) 50% 100% no-repeat; background-size: cover; padding: 40px 0% 25px 0%; position: relative;}
.site_content .report h2{font-size:300%; line-height: 2; font-weight: normal; padding: 0 6.5%; color:#997b3b; text-align: center; margin-bottom: 25px; padding-top: 90px; margin-top: -90px;}
.site_content .report h3{font-size:360%; line-height: 2.5; font-weight: normal; color:#997b3b; text-align: center; width:80%; margin: 0 auto; background: #fff; border-radius: 30px; margin-bottom: 25px;}
.site_content .report .image{padding: 0 4%; margin-bottom: 20px;}
.site_content .report p{font-size:308%; font-weight: normal; color:#997b3b; line-height: 1.5; text-align: center; margin-bottom: 5px; padding: 0 4%;}
.site_content .report p.btn{margin-bottom: 40px; /*margin-bottom: 20px;*/ font-weight: bold;}
.site_content .report p.btn a{background: url(/behairself/img/btn_gold.png) 0 0 no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff;}
.site_content .report p.btn a span{background: url(/behairself/img/link_arrow.png) 0 52% no-repeat; background-size: 24px 24px; padding-left: 54px; line-height: 3.7; font-size:115%; display: inline-block;}
.site_content .report p.btn a span span{background: none; margin: 0; padding: 0; font-size: 50%; line-height: 1; display: block; position: relative; top:-2em;}

.site_content .report .box{width:92%; background: #fff; margin: 0 auto; position: relative;}
.site_content .report .box p{padding: 0;}
.site_content .report .box .thankyou{position: absolute; left: -.7em; top: -2em; width:37%; display: block;}
.site_content .report .box .num{padding: .5em 0 1em 0;}
.site_content .report .box .note{position: absolute; right: 0; bottom: -2.5em; display: block; font-size:200%; line-height: 1; font-weight: normal; color:#997b3b;}
.site_content .report .box h4{font-size:270%; line-height: 1; font-weight: normal; color:#997b3b; text-align: center; position: relative; top: -.5em;}

.site_content .voice{background: url(/behairself/img/bg_voice_sp.jpg) 50% 0 no-repeat; background-size: cover; padding: 25px 0 40px 0; position: relative;}
.site_content .voice .box{width:92%; background: #fff; margin: 0 auto; position: relative; padding: 30px 0 30px 0; overflow: hidden;}
.site_content .voice h4{font-size:360%; line-height: 1; font-weight: normal; color:#997b3b; border-bottom: 1px #bd9b60 solid; text-align: center; width:58%; margin: 0 auto 30px auto; padding-bottom: 10px;}
.site_content .voice ul{width:87%; margin: 0 auto;}
.site_content .voice ul li{list-style: none;}
.site_content .voice ul li .image{width:46%; text-align: center; display: block; margin: 0 auto 35px auto; position: relative;}
.site_content .voice ul li .image:before{content:''; width:100%; height: 100%; display: block; border: #ead2a1 1px solid; position: absolute; top: 10px; right: 10px;}
.site_content .voice ul li .name{font-size:425%; line-height: 1; font-weight: bold; color: #bd9b60; display: block; margin-bottom: 5px;}
.site_content .voice ul li .name span{font-size:72%; margin-left: .5em;}
.site_content .voice ul li .job{font-size:240%; line-height: 1; font-weight: normal; color: #bd9b60; display: block; margin-bottom: 10px;}
.site_content .voice ul li .read{font-size:270%; line-height: 1.7; font-weight: normal; color: #666; display: block; position: relative; padding: 2.5em 0; margin-bottom: 40px;}
.site_content .voice ul li .read:before{content:''; width:10%; height:0; padding-top: 7.7%; background: url(/behairself/img/img_voice_read.png) 50% 0 no-repeat; background-size: cover; position: absolute; top: 0; left: 0; display: block;}
.site_content .voice ul li .read:after{content:''; width:10%; height:0; padding-top: 7.7%; background: url(/behairself/img/img_voice_read.png) 50% 0 no-repeat; background-size: cover; position: absolute; bottom: 0; right: 0; display: block; transform: rotate(180deg);}
.site_content .voice ul li:nth-last-child(1) .read{margin-bottom: 0;}

.site_content .voice .swiper-container-voice{position: relative;}
.site_content .voice .swiper-container-voice .swiper-wrapper{margin-bottom: 25px;}
.site_content .voice .swiper-container-voice .swiper-slide{padding: 0%; /*padding: 0 10%;*/ -webkit-box-sizing: border-box; box-sizing: border-box;}
.site_content .voice .swiper-container-voice .swiper-slide span{display: block; text-align: center;}
.site_content .voice .swiper-container-voice .swiper-slide .image{width:46%; text-align: center; display: block; margin: 0 auto 35px auto; position: relative;}
.site_content .voice .swiper-container-voice .swiper-slide .image:before{content:''; width:100%; height: 100%; display: block; border: #ead2a1 1px solid; position: absolute; top: 10px; right: 10px;}
.site_content .voice .swiper-container-voice .swiper-slide .name{font-size:425%; line-height: 1; font-weight: bold; color: #bd9b60; display: block; margin-bottom: 5px;}
.site_content .voice .swiper-container-voice .swiper-slide .name span{font-size:72%; margin-left: .5em; display: inline-block;}
.site_content .voice .swiper-container-voice .swiper-slide .job{font-size:240%; line-height: 1.5; font-weight: normal; color: #bd9b60; display: block; margin-bottom: 10px; min-height:3em;}

.site_content .voice .swiper-container-voice .swiper-slide .btn{padding:20px 4% 17px 4%; background: #fff; font-size:360%; font-weight: bold; color:#997b3b; line-height: 3; text-align: center;}
.site_content .voice .swiper-container-voice .swiper-slide .btn a{background: url(/behairself/img/btn_gold.png) 0 50% no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff;}
.site_content .voice .swiper-container-voice .swiper-slide .btn a span{background: url(/behairself/img/link_arrow.png) 0 48% no-repeat; background-size: 24px 24px; padding-left: 54px; display: inline-block; position: relative; top: -.1em;}

.site_content .voice .swiper-container-voice .swiper-pagination-voice{text-align: center; display: block;}
.site_content .voice .swiper-container-voice .swiper-pagination-voice .swiper-pagination-bullet{background: #fbf5e8; border: none; width: 12px; height: 12px; margin: 0 8px; opacity: 1;}
.site_content .voice .swiper-container-voice .swiper-pagination-voice .swiper-pagination-bullet-active{background: #997b3b; border: none;}

.site_content .sns{background: url(/behairself/img/bg_sns_sp.jpg) 50% 100% no-repeat; background-size: cover; padding: 40px 0 50px 0; position: relative;}
.site_content .sns h2{font-size:360%; line-height: 2.5; font-weight: normal; color:#997b3b; text-align: center; width:80%; margin: 0 auto 25px auto; background: #fff; border-radius: 30px;}
.site_content .sns .image{padding: 0 4%;}

.site_content .information{background: #fff; padding: 50px 0 40px 0;}
.site_content .information h2{width:37%; display: block; margin: -90px auto 40px auto; padding-top: 90px;}
.site_content .information h3{font-size:425%; line-height: 1; font-weight: bold; color: #997b3b; display: block; text-align: center; margin-bottom: 20px;}
.site_content .information .box + h3{padding-top: 40px;}
.site_content .information .youtube{position: relative; width: 100%; padding-top: 56.25%; display: block;}
.site_content .information .youtube iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.site_content .information .making{margin: 40px 0 0 0; background: #fbf5e8; padding: 25px 4%;}
.site_content .information .making h3{font-size:360%; line-height: 1.3; color:#bd9b60;}

.site_content .advertisement{background: #fff; padding: 60px 0;}
.site_content .advertisement h2{font-size:425%; line-height: 1.4; font-weight: bold; color:#997b3b; text-align: center; margin-bottom: 20px; padding: 0 4%;}
.site_content .advertisement h2 span{font-size:50%; display: block; padding-top: 5px;}
.site_content .advertisement .image{margin-bottom: 25px;}
.site_content .advertisement .read{font-size:310%; line-height: 1.6; color:#997b3b; padding: 0 4%;}

.site_content .advertisement .swiper-container-advertisement{position: relative;}
.site_content .advertisement .swiper-container-advertisement .swiper-wrapper{margin-bottom: 25px;}
.site_content .advertisement .swiper-container-advertisement .swiper-slide{padding: 0%; /*padding: 0 10%;*/ -webkit-box-sizing: border-box; box-sizing: border-box;}
.site_content .advertisement .swiper-container-advertisement .swiper-slide span{display: block; text-align: center;}
.site_content .advertisement .swiper-container-advertisement .swiper-slide .image{margin-bottom: 0;}
.site_content .advertisement .swiper-container-advertisement .swiper-slide .btn{padding:20px 4% 17px 4%; background: #fff; font-size:360%; font-weight: bold; color:#997b3b; line-height: 3;}
.site_content .advertisement .swiper-container-advertisement .swiper-slide .btn a{background: url(/behairself/img/btn_gold.png) 0 50% no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff;}
.site_content .advertisement .swiper-container-advertisement .swiper-slide .btn a span{background: url(/behairself/img/link_arrow.png) 0 48% no-repeat; background-size: 24px 24px; padding-left: 54px; display: inline-block; position: relative; top: -.1em;}
/*.site_content .advertisement .swiper-container-advertisement .swiper-button-prev{display: block; background: url(/images/icon_arrow.png) 50% 50% no-repeat; background-size: auto 35px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); left: 5px; z-index: +1; width: 20px;}
.site_content .advertisement .swiper-container-advertisement .swiper-button-prev:after{display: none;}
.site_content .advertisement .swiper-container-advertisement .swiper-button-next{display: block; background: url(/images/icon_arrow.png) 50% 50% no-repeat; background-size: auto 35px; right: 5px; z-index: +1;}
.site_content .advertisement .swiper-container-advertisement .swiper-button-next:after{display: none;} */
.site_content .advertisement .swiper-container-advertisement .swiper-pagination-advertisement{text-align: center; display: block;}
.site_content .advertisement .swiper-container-advertisement .swiper-pagination-advertisement .swiper-pagination-bullet{background: #fbf5e8; border: none; width: 12px; height: 12px; margin: 0 8px; opacity: 1;}
.site_content .advertisement .swiper-container-advertisement .swiper-pagination-advertisement .swiper-pagination-bullet-active{background: #997b3b; border: none;}

.site_content .project{background: #fbf5e8; padding: 40px 4% 40px 4%; position: relative;}
.site_content .project h2{font-size:425%; line-height: 1.6; font-weight: bold; color:#997b3b; text-align: center; display: block; position: absolute; top: -.75em; left: 0; width:100%;}
.site_content .project h3{font-size:425%; line-height: 1.6; font-weight: bold; color:#bd9b60; text-align: center; display: block; margin-bottom: 15px;}

.site_content .participation{background: url(/behairself/img/bg_twitter_sp_new.jpg) 50% 0 no-repeat; background-size: cover; padding: 0 4% 50px 4%; /*padding: 50px 4% 30px 4%;*/ position: relative;}

.site_content .participation .box{/*background: #fff;*/}

.site_content .participation h2{width:92%; /*background: #fff;*/ margin: 0 auto 5px auto; /*margin: 0 auto 25px auto;*/ position: relative;}
.site_content .participation h2 .theme{position: absolute; left: -2em; top: -7em; width:25%; display: block;}
.site_content .participation h2 .sub{font-size:240%; line-height: 2.6; /*line-height: 2.2;*/ font-weight: normal; color:#fff; text-align: center; position: relative; top: -1.2em; background: url(/behairself/img/bg_twitter_sub_sp.png) 50% 50% no-repeat; background-size: auto 100%; text-align: center; display: block;}
.site_content .participation h2 .title{font-size:480%; line-height: 1.5; font-weight: bold; color:#997b3b; text-align: center; display: block; position: relative; top : -.3em;}

.site_content .participation p.image{width:100%; margin: 0 auto;}

.site_content .participation p.btn{padding:20px 4% 17px 4%; background: #fff; font-size:360%; font-weight: bold; color:#997b3b; line-height: 3; text-align: center;}
.site_content .participation p.btn a{background: url(/behairself/img/btn_gold.png) 0 50% no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff;}
.site_content .participation p.btn a span{background: url(/behairself/img/link_arrow.png) 0 48% no-repeat; background-size: 24px 24px; padding-left: 54px; display: inline-block; position: relative; top: -.1em;}
.site_content .participation p.note{font-size:240%; font-weight: bold; color:#997b3b; line-height: 1.7; text-align: center; padding-bottom: 20px; background: #fff;}

.site_content .participation .swiper-container-twitter{position: relative;}
.site_content .participation .swiper-container-twitter .swiper-wrapper{margin-bottom: 25px;}
.site_content .participation .swiper-container-twitter .swiper-slide{padding: 0 4%; /*padding: 0 10%;*/ -webkit-box-sizing: border-box; box-sizing: border-box;}
.site_content .participation .swiper-container-twitter .swiper-slide span{display: block; text-align: center;}
.site_content .participation .swiper-container-twitter .swiper-slide .image{margin-bottom: 0;}
.site_content .participation .swiper-container-twitter .swiper-slide .btn{padding:20px 4% 17px 4%; background: #fff; font-size:360%; font-weight: bold; color:#997b3b; line-height: 3;}
.site_content .participation .swiper-container-twitter .swiper-slide .btn a{background: url(/behairself/img/btn_gold.png) 0 50% no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff;}
.site_content .participation .swiper-container-twitter .swiper-slide .btn a span{background: url(/behairself/img/link_arrow.png) 0 48% no-repeat; background-size: 24px 24px; padding-left: 54px; display: inline-block; position: relative; top: -.1em;}
/*.site_content .participation .swiper-container-twitter .swiper-button-prev{display: block; background: url(/images/icon_arrow.png) 50% 50% no-repeat; background-size: auto 35px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); left: 5px; z-index: +1; width: 20px;}
.site_content .participation .swiper-container-twitter .swiper-button-prev:after{display: none;}
.site_content .participation .swiper-container-twitter .swiper-button-next{display: block; background: url(/images/icon_arrow.png) 50% 50% no-repeat; background-size: auto 35px; right: 5px; z-index: +1;}
.site_content .participation .swiper-container-twitter .swiper-button-next:after{display: none;} */
.site_content .participation .swiper-container-twitter .swiper-pagination-twitter{text-align: center; display: block;}
.site_content .participation .swiper-container-twitter .swiper-pagination-twitter .swiper-pagination-bullet{background: #fff; border: none; width: 12px; height: 12px; margin: 0 8px; opacity: 1;}
.site_content .participation .swiper-container-twitter .swiper-pagination-twitter .swiper-pagination-bullet-active{background: #997b3b; border: none;}

.site_content .bnr{margin: 0 auto; padding: 20px 4%;}

.site_content .questionnaire{background: url(/behairself/img/bg_questionnaire_sp.jpg) 50% 100% no-repeat; background-size: cover; padding: 40px 4% 50px 4%; position: relative;}
.site_content .questionnaire h2{font-size:550%; font-weight: bold; color:#997b3b; text-align: center; margin-bottom: 30px; padding-top: 90px; margin-top: -90px;}
.site_content .questionnaire h2 span{font-size:58%; display: block; margin-bottom: 10px;}

.site_content .questionnaire .tabs{}
.site_content .questionnaire .tabs.--ver2{width:108.6%; position: relative; left: -4.3%;}
.site_content .questionnaire .tab_item{font-size: 308%; font-weight: bold; color: #997b3b; line-height: 2.6; text-align: center; width: calc(100%/2); height: auto; display: block; float: left; transition: all 0.2s ease; border-bottom: 4px solid #d6874d; margin-bottom: 30px;}
.site_content .questionnaire .tab_item.woman{padding: 0 1% 0 6.5%;}
.site_content .questionnaire .tab_item.man{padding: 0 6.5% 0 1%;}
.site_content .questionnaire .tab_item span{background: url(/behairself/img/bg_tabs_sp.png) 0% 0% no-repeat; border-radius: 10px; background-size: 100% 100%; display: block; width: 100%; border-bottom: 5px rgba(255,255,255,0) solid;}
.site_content .questionnaire .tab_item span em{font-style: normal; position: relative; top:2.5px;}
/*.site_content .questionnaire .tab_item:hover {opacity: 0.75;}*/

.site_content .questionnaire input[type=radio]{display: none;}
.site_content .questionnaire .tab_content {/*display: none; clear: both; overflow: hidden;*/ visibility: hidden; /*height: 0;*/ max-height:1px;}
.site_content .questionnaire #woman00:checked ~ #woman00_content,
.site_content .questionnaire #woman01:checked ~ #woman01_content,
.site_content .questionnaire #woman02:checked ~ #woman02_content,
.site_content .questionnaire #woman03:checked ~ #woman03_content,
.site_content .questionnaire #woman04:checked ~ #woman04_content,
.site_content .questionnaire #woman05:checked ~ #woman05_content,
.site_content .questionnaire #woman06:checked ~ #woman06_content,
.site_content .questionnaire #man00:checked ~ #man00_content,
.site_content .questionnaire #man01:checked ~ #man01_content,
.site_content .questionnaire #man02:checked ~ #man02_content,
.site_content .questionnaire #man03:checked ~ #man03_content,
.site_content .questionnaire #man04:checked ~ #man04_content,
.site_content .questionnaire #man05:checked ~ #man05_content,
.site_content .questionnaire #man06:checked ~ #man06_content{/*display: block;*/ visibility: visible; height: auto; max-height: initial; /*スライダー時*/ padding-top: 50px;}
.site_content .questionnaire .tabs input:checked + .tab_item.woman{color:#fff; padding: 0 1% 0 6.5%;}
.site_content .questionnaire .tabs input:checked + .tab_item.man{color:#fff; padding: 0 6.5% 0 1%;}
.site_content .questionnaire .tabs input:checked + .tab_item span{background: #d6874d; color:#fff; border-radius: 5px 5px 0 0; border-bottom: 5px rgba(255,255,255,0) solid; height: calc(100% - 5px);}

.site_content .questionnaire ul{}
.site_content .questionnaire ul li{/*border-bottom: 1px solid #cab18c;*/ list-style: none; padding-bottom: 40px; margin-bottom: 25px;}
.site_content .questionnaire ul li .q{font-size:308%; line-height: 1.6; font-weight: bold; color:#997b3b; padding: 2em 6% 2em 23%; display: block;}
/*.site_content .questionnaire ul li .q strong{background: linear-gradient(transparent 85%, #fbc04b 0%); display: inline;}*/
.site_content .questionnaire ul li .chart{width: 87%; /*width:calc(100%/3*2);*/ margin: 0 auto; display: block;}
.site_content .questionnaire ul li:nth-child(1){background: url(/behairself/img/img_q1_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire ul li:nth-child(2){background: url(/behairself/img/img_q2_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire ul li:nth-child(3){background: url(/behairself/img/img_q3_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire ul li:nth-child(4){background: url(/behairself/img/img_q4_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire ul li:nth-child(5){background: url(/behairself/img/img_q5_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire ul li:nth-child(6){background: url(/behairself/img/img_q6_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire ul li:nth-last-child(1){margin-bottom: 0px;}

.site_content .questionnaire .swiper-container-woman,
.site_content .questionnaire .swiper-container-man{position: relative; z-index: 0;}
.site_content .questionnaire .swiper-container-woman .swiper-wrapper,
.site_content .questionnaire .swiper-container-man .swiper-wrapper{margin-bottom: 25px;}
.site_content .questionnaire .swiper-container-woman .swiper-slide,
.site_content .questionnaire .swiper-container-man .swiper-slide{/* padding: 0 4%; padding: 0 10%;*/ -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 4%!important; width:92%!important;}

.site_content .questionnaire .swiper-container-woman .swiper-pagination-woman,
.site_content .questionnaire .swiper-container-man .swiper-pagination-man{text-align: center; display: block;}
.site_content .questionnaire .swiper-container-woman .swiper-pagination-woman .swiper-pagination-bullet,
.site_content .questionnaire .swiper-container-man .swiper-pagination-man .swiper-pagination-bullet{background: #fff; border: none; width: 12px; height: 12px; margin: 0 8px; opacity: 1;}
.site_content .questionnaire .swiper-container-woman .swiper-pagination-woman .swiper-pagination-bullet-active,
.site_content .questionnaire .swiper-container-man .swiper-pagination-man .swiper-pagination-bullet-active{background: #997b3b; border: none;}

.site_content .questionnaire .box{background: #fff; display: block;}
.site_content .questionnaire .box.q1{background: url(/behairself/img/img_q1_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire .box.q2{background: url(/behairself/img/img_q2_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire .box.q3{background: url(/behairself/img/img_q3_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire .box.q4{background: url(/behairself/img/img_q4_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire .box.q5{background: url(/behairself/img/img_q5_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire .box.q6{background: url(/behairself/img/img_q6_sp.png) #fff 0 0 no-repeat; background-size: 17% auto;}
.site_content .questionnaire .box .q{font-size:288%; /*font-size:308%;*/ line-height: 1.6; font-weight: bold; color:#997b3b; padding: 1.3em 6% 0.8em 23%; /*padding: 2em 6% 2em 23%;*/ display: block; min-height: 8.5em;}
/*.site_content .questionnaire .box .q strong{background: linear-gradient(transparent 85%, #fbc04b 0%); display: inline;}*/
.site_content .questionnaire .box .chart{padding-top: 130%; width: 80%; /* padding-top: 154%; width: 90%; width:calc(100%/3*2);*/ margin: 0 auto; display: block; position: relative;}
.site_content .questionnaire .box .chart img{display: block; position: absolute; top:0; left:0;}

.site_content .statement{background: url(/behairself/img/bg_staatement_sp.jpg) 50% 0% no-repeat; background-size: cover; padding: 80px 0 40px 0; /* padding: 80px 8% 80px 8%; */ position: relative;}
.site_content .statement .image{padding:0 8% 80px 8%;}
.site_content .statement p{font-size:308%; font-weight: normal; color:#997b3b; line-height: 1.5; text-align: center; margin-bottom: 5px; padding: 0 4%;}
.site_content .statement p.btn{margin-bottom: 0; /*margin-bottom: 20px;*/ font-weight: bold;}
.site_content .statement p.btn a{background: url(/behairself/img/btn_gold.png) 0 0 no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff;}
.site_content .statement p.btn a span{background: url(/behairself/img/link_arrow.png) 0 52% no-repeat; background-size: 24px 24px; padding-left: 54px; line-height: 3.7; font-size:115%; display: inline-block;}
.site_content .statement p.btn a span span{background: none; margin: 0; padding: 0; font-size: 50%; line-height: 1; display: block; position: relative; top:-2em;}

.site_content .signature_fixed.active{z-index: +1; opacity: 1;}
.site_content .signature_fixed{display: block; position: fixed; background: url(/behairself/img/bg_fixed_sp.png) 50% 0 no-repeat; background-size: auto 120%; bottom: 0; left: 0; width: 100%; height: auto; padding: 4em 0 10px 0; z-index: -1; opacity: 0; transition: all 0.3s ease;}
.site_content .signature_fixed p.read{display: block; text-align: center; font-size:200%; line-height: 1; font-weight: normal; color:#fff; margin-bottom: 5px;}
.site_content .signature_fixed p.count{display: block; text-align: center; font-size:200%; line-height: 1; font-weight: normal; color:#fff; margin-bottom: 5px;}
.site_content .signature_fixed p.count strong{font-size:200%; font-weight: normal; margin: 0 5px;}
.site_content .signature_fixed p.btn{font-size:308%; font-weight: bold; color:#997b3b; line-height: 1.5; text-align: center; padding: 0 6.5%;}
.site_content .signature_fixed p.btn a{background: #fff; display: block; text-decoration: none; color:#bd9b60; border-radius: .5em;}
.site_content .signature_fixed p.btn a span{background: url(/behairself/img/link_arrow_g.png) 0 55% no-repeat; background-size: 24px 24px; padding-left: 54px; line-height: 2.5; font-size:110%; /*line-height: 3; font-size:115%;*/ display: inline-block;}
.site_content .signature_fixed p.btn a span span{background: none; margin: 0; padding: 0; font-size: 50%; line-height: 1; display: block; position: relative; top:-.75em;}

/* popup */
.lity{background: rgba(0, 0, 0, 0.6) !important;}
.lity-content:after{-webkit-box-shadow: none !important; box-shadow: none !important;}
.lity-content{background: none !important;}
.lity-iframe-container iframe{background: none !important; overflow: hidden !important;}
.lity-iframe-container{background: none !important; height: 90vh !important; /*height:550px!important;*/ overflow: hidden !important;}
.lity-close{/*display: none;*/ position: absolute !important; top: -40px!important; right: 0%!important; background: url(/behairself/img/icon_close.png) 100% 50% no-repeat !important; background-size: 35px 35px !important; width: 35px !important; height: 35px !important; font-size: 0 !important;}

.voice_more .wrap{background: none; width: 92vw; height:550px; min-width: 320px; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; padding-top: 50px 50px 1px 50px;}
.voice_more .wrap .inner{overflow-y: scroll; width: 100%; /*height: auto !important;*/ height:500px; display: block; background: #fff; padding: 30px;}

.voice_more p{font-size:200%; line-height: 1.7; font-weight: normal; color: #666; text-align: center; margin-bottom: 40px;}

.voice_more p.image{width:40%; float: left; margin-right: 5%;}
.voice_more p.profile{width:55%; float: right; text-align: left;}
.voice_more p.profile .name{font-size:200%; line-height: 1; font-weight: bold; color: #bd9b60; display: block; margin-bottom: 5px;}
.voice_more p.profile .name span{font-size:72%; margin-left: .5em; display: inline-block;}
.voice_more p.profile .job{font-size:120%; line-height: 1.5; font-weight: normal; color: #bd9b60; display: block; margin-bottom: 10px;}
.voice_more p.profile .career{font-size:110%; line-height: 1.5; font-weight: normal; clear: both; width: 100%; display: block; text-align: left; margin-bottom: -40px;}

.voice_more p.read{font-size:240%; line-height: 1.5; font-weight: normal; color: #666; display: block; position: relative; padding: 2.5em 0; margin-bottom: 0!important; text-align: left; width: 100%; clear: both;}
.voice_more p.read:before{content:''; width:10%; height:0; padding-top: 7.7%; background: url(/behairself/img/img_voice_read.png) 50% 0 no-repeat; background-size: cover; position: absolute; top: 0; left: 0; display: block;}
.voice_more p.read:after{content:''; width:10%; height:0; padding-top: 7.7%; background: url(/behairself/img/img_voice_read.png) 50% 0 no-repeat; background-size: cover; position: absolute; bottom: 0; right: 0; display: block; transform: rotate(180deg);}