@charset "UTF-8";

._sp{display: none !important;}


/* behairsel */
.site_content{overflow-x: hidden;}
.site_content .behairsel h1{background: url(/behairself/img/img_main_pc.jpg) 50% 50% no-repeat; background-size: cover; height:550px; width:100%; min-width: 1000px;}

.site_content .behairsel .message{background: url(/behairself/img/bg_message_sp.jpg) 50% 50% no-repeat; background-size: cover; padding: 100px 0 100px 0; text-align: center;}
.site_content .behairsel .message h2{margin-bottom: 100px; /*margin-bottom: 0; margin-bottom: 80px;*/}
/*.site_content .behairsel .message h3{margin-bottom: 80px;}*/
.site_content .behairsel .message p{margin-bottom: 0;}
.site_content .behairsel .message .read_sub{/*font-size: 360%; font-weight: bold; line-height: 2; color: #997b3b; text-align: center;*/ margin: 0 auto 80px auto;}
.site_content .behairsel .message .info{font-size: 210%; line-height: 1.6; color: #997b3b; text-align: center; margin: 0 auto 0 auto;}
/*.site_content .behairsel .message .note{font-size:120%; margin-bottom: 0; line-height: 1.5; color:#666;}*/
.site_content .behairsel .message .box{max-width:1000px; margin: 0 auto;}
.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; max-width: 1000px; border-left: #907a41 1px solid; /*font-size:222%;*/ font-size: 180%; font-weight: normal; color:#997b3b; line-height: 1.5; text-align: center; margin:0 auto 100px auto;}
.site_content .behairsel .message ul li{list-style: none; /*width: 25%;*/ width: calc(100%/3); padding: 0; border-right: #907a41 1px solid;}
.site_content .behairsel .message a{/*background: url(/behairself/img/btn_gold.png) 50% 50% no-repeat; background-size: 100% 100%; color:#fff; padding: 17px 0 25px 0; border-radius: 15px;*/ color:#997b3b; display: block; text-decoration: none;  transition: all 0.2s ease; padding: 8px 0;}
.site_content .behairsel .message a span{background: url(/behairself/img/btn_nav_b.png) 0 48% no-repeat; background-size: 24px 24px; padding: 6px 0 6px 37px;}
.site_content .behairsel .message a span span{padding: 0; background: none; font-size:75%; margin-right: 0.75em; position: relative; top: -1px;}

.site_content .behairsel .hairself{background: url(/behairself/img/bg_hairself_sp.jpg) 50% 0% no-repeat; background-size: 100% 100%; padding: 100px 0 80px 0; /*padding: 100px 0 100px 0;*/ position: relative; text-align: center;}
.site_content .behairsel .hairself:before{content:''; background: url(/behairself/img/bg_hairself_tag_sp.png) 0 0 no-repeat; background-size: 100% auto; width:60px; 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:60px; height:100%; position: absolute; bottom:0; left:0; transform: rotate(180deg); display: block;}
.site_content .behairsel .hairself h3{margin-bottom: 40px; padding-top: 160px; margin-top: -160px;}
.site_content .behairsel .hairself .read{font-size: 280%; line-height: 1.6; color: #997b3b; text-align: center; margin: 0 auto 60px auto;}
.site_content .behairsel .hairself .note{font-size:120%; margin-bottom: 60px; line-height: 1.5; color:#333;}
.site_content .behairsel .hairself ul{margin: 0 auto; padding: 0; position: relative; z-index: +1; max-width: 1000px; display: flex; flex-wrap: wrap; align-items: flex-start; text-align: left;}
.site_content .behairsel .hairself li{margin: 0 60px 0 0; padding: 0; list-style: none; width:calc(100%/3 - 40px); 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:160%; font-weight: bold; line-height: 1.6; color:#997b3b; display: block; min-height:72px;}
.site_content .behairsel .hairself li .percent{font-size:220%; 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-top: 50px;}
/*.site_content .behairsel .hairself li:nth-child(2n):before{right: 15px;}*/
.site_content .behairsel .hairself li:nth-last-child(1){margin: 0;}

.site_content .behairsel .hairself .btn{padding:50px 4% 0 4%; font-size:160%; font-weight: bold; color:#997b3b; line-height: 3; text-align: center;}
.site_content .behairsel .hairself .btn a{background: url(/behairself/img/btn_gold.png) 50% 50% no-repeat; background-size: 100% 100%; display: block; text-decoration: none; color:#fff; width: 300px; margin: 0 auto; padding: 20px 0;  transition: all 0.2s ease;}
.site_content .behairsel .hairself .btn a span{background: url(/behairself/img/link_arrow_b.png) 0 48% no-repeat; background-size: 20px 20px; padding-left: 30px; display: inline-block; position: relative; top: -.2em;}

.site_content .signature{background: #fff; padding: 80px 6.5% 70px 6.5%;}
.site_content .signature p{font-size:220%; font-weight: normal; color:#997b3b; line-height: 1.5; text-align: center; margin-bottom: 15px;}
.site_content .signature p.btn{margin: 0 auto; max-width: 400px;}
.site_content .signature p.btn a{background: url(/behairself/img/btn_gold.png) 50% 50% no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff; transition: all 0.2s ease;}
.site_content .signature p.btn a span{background: url(/behairself/img/link_arrow.png) 0 47% no-repeat; background-size: 24px 24px; padding-left: 54px; line-height: 4.2; display: inline-block; position: relative; top: -.1em;}

.site_content .report{background: url(/behairself/img/bg_report_sp.jpg) 50% 100% no-repeat; background-size: cover; padding: 100px 0 60px 0; position: relative;}
.site_content .report h2{font-size:220%; line-height: 2; font-weight: normal; color:#997b3b; text-align: center; margin-bottom: 60px;  padding-top: 160px; margin-top: -160px;}
.site_content .report h3{font-size:240%; line-height: 2.5; font-weight: normal; color:#997b3b; text-align: center; max-width: 400px; margin: 0 auto; background: #fff; border-radius: 30px; margin-bottom: 60px;}
.site_content .report .image{padding: 0 4%; margin-bottom: 30px;}
.site_content .report p{font-size:222%; font-weight: normal; color:#997b3b; line-height: 1.5; text-align: center; margin-bottom: 15px; padding: 0 4%;}
.site_content .report p.btn{margin: 0 auto 80px auto; /*margin: 0 auto 20px auto;*/ padding: 0; max-width: 400px; font-weight: bold;}
.site_content .report p.btn a{background: url(/behairself/img/btn_gold.png) 50% 50% no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff; transition: all 0.2s ease;}
.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.8; display: inline-block; position: relative; top: -.1em;}
.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:-2.2em;}

.site_content .report .box{width:1000px; margin: 0 auto; background: #fff; margin: 0 auto; position: relative;}
.site_content .report .box p{padding: 0;}
.site_content .report .box .thankyou{position: absolute; left: 15%; /*left: -.7em;*/ top: -2em; width:25%;  /*width:37%;*/ display: block;}
.site_content .report .box .num{padding: .5em 25% 1em 25%;}
.site_content .report .box .note{position: absolute; right: 0; bottom: -3.5em; display: block; font-size:120%; 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: 0 0 80px 0; position: relative;}
.site_content .voice .box{max-width:1000px; background: #fff; margin: 0 auto; position: relative; padding: 60px 0 20px 0; /*padding: 60px 0 60px 0;*/ overflow: hidden;}
.site_content .voice h4{font-size:240%; line-height: 1; font-weight: normal; color:#997b3b; border-bottom: 1px #bd9b60 solid; text-align: center; width:40%; margin: 0 auto 60px auto; padding-bottom: 10px;}
.site_content .voice ul{width:100%; margin: 0 auto; padding: 0 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.site_content .voice ul li{list-style: none; padding: 0 30px; width:50%;}
.site_content .voice ul li .image{width:46%; text-align: center; display: block; margin: 0 auto 40px 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:320%; 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:160%; line-height: 1; font-weight: normal; color: #bd9b60; display: block; margin-bottom: 10px;}
.site_content .voice ul li .read{font-size:160%; line-height: 1.7; font-weight: normal; color: #666; display: block; position: relative; padding: 1.5em 0; margin-bottom: 60px;}
.site_content .voice ul li .read:before{content:''; width:5%; height:0; padding-top: 4%; 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:5%; height:0; padding-top: 4%; 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{width: 100% !important; /*width: calc(100% + 150px) !important; left: -75px;*/ left: 0; margin-top: -20px; margin-bottom: 40px; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;}
.site_content .voice .swiper-container-voice:before, .site_content .voice .swiper-container-voice:after{content: ''; width: 50px; height: 100%; position: absolute; top: 0; display: block; background: none; z-index: +2;}
.site_content .voice .swiper-container-voice:before{left: 0;}
.site_content .voice .swiper-container-voice:after{right: 0;}
.site_content .voice .swiper-container-voice .swiper-wrapper{margin-bottom: 25px;}
.site_content .voice .swiper-container-voice .swiper-slide{padding: 0 15px 0 15px; -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 40px 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:320%; 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:160%; 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:27px 4% 10px 4%; /*padding:27px 4% 27px 4%;*/background: #fff; font-size:160%; 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) 50% 50% no-repeat; background-size: 100% 100%; display: block; text-decoration: none; color:#fff; width: 300px; margin: 0 auto; padding: 20px 0;  transition: all 0.2s ease;}
.site_content .voice .swiper-container-voice .swiper-slide .btn a span{background: url(/behairself/img/link_arrow.png) 0 48% no-repeat; background-size: 20px 20px; padding-left: 30px; display: inline-block; position: relative; top: -.2em; /*top: -.3em; 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: 18px; height: 18px; 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: 80px 0 80px 0; position: relative;}
.site_content .sns h2{font-size:240%; line-height: 2.5; font-weight: normal; color:#997b3b; text-align: center; width:400px; margin: 0 auto 40px auto; background: #fff; border-radius: 30px;}
.site_content .sns .image{max-width: 640px; margin: 0 auto;}

.site_content .information{background: #fff; padding: 100px 0;}
.site_content .information h2{width:400px; display: block; margin: -160px auto 80px auto; text-align: center; padding-top: 160px;}
.site_content .information h3{font-size:320%; line-height: 1; font-weight: bold; color: #997b3b; display: block; text-align: center; margin-bottom: 40px;}
.site_content .information .box{max-width:1000px; margin: 0 auto;}
.site_content .information .box + h3{padding-top: 80px;}
.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: 80px 0 0 0; background: #fbf5e8; padding: 60px 0 60px 0;}
.site_content .information .making h3{font-size:240%; line-height: 1.3; color:#bd9b60;}

.site_content .advertisement{background: #fff; padding: 80px 0 40px 0; margin: 0 auto;}
.site_content .advertisement h2{font-size:320%; line-height: 1.4; font-weight: bold; color:#997b3b; text-align: center; margin-bottom: 40px;}
.site_content .advertisement h2 span{font-size:50%; display: block;}
.site_content .advertisement .image{text-align: center; max-width: 640px; margin: 0 auto 40px auto;}
.site_content .advertisement .read{font-size:210%; line-height: 1.6; color:#997b3b; max-width: 640px; margin: 0 auto 0 auto;}

.site_content .advertisement .swiper-container-advertisement{width: 100% !important; /*width: calc(100% + 150px) !important; left: -75px;*/ left: 0; margin-top: -20px; margin-bottom: 40px; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;}
.site_content .advertisement .swiper-container-advertisement:before, .site_content .advertisement .swiper-container-advertisement:after{content: ''; width: 50px; height: 100%; position: absolute; top: 0; display: block; background: none; z-index: +2;}
.site_content .advertisement .swiper-container-advertisement:before{left: 0;}
.site_content .advertisement .swiper-container-advertisement:after{right: 0;}
.site_content .advertisement .swiper-container-advertisement .swiper-wrapper{margin-bottom: 25px;}
.site_content .advertisement .swiper-container-advertisement .swiper-slide{padding: 0 15px 0 15px; -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:160%; 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: 20px 20px; padding-left: 30px; 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 40px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); left: 5px; z-index: +3; width: 20px; top: 25%;}
.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 40px; right: 5px; z-index: +3; top: 25%;}
.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: 18px; height: 18px; 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: 80px 0; position: relative;}
.site_content .project h2{font-size:320%; 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:320%; line-height: 1.6; font-weight: bold; color:#bd9b60; text-align: center; display: block; margin-bottom: 40px;}
.site_content .project .image{text-align: center; max-width: 640px; margin: 0 auto 0 auto;}

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

.site_content .participation .box{background: #fff; width:auto; max-width:1000px; padding: 20px 20px 0 20px; margin: 0 auto; position: relative; /*overflow: hidden;*/}

.site_content .participation h2{width:640px; background: #fff; margin: 0 auto 0 auto; /*margin: 0 auto 60px auto;*/ position: relative;}
.site_content .participation h2 .theme{position: absolute; left: -2em; top: -3em; /*top: -7em;*/ width:25%; display: block;}
.site_content .participation h2 .sub{font-size:200%; line-height: 2.6; /*line-height: 2.2;*/ font-weight: normal; color:#fff; text-align: center; position: relative; top: -2.3em; /*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:380%; /*font-size:320%;*/ 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%; max-width: 700px; margin: 0 auto;}

.site_content .participation p.btn{padding:27px 4% 10px 4%; /*padding:27px 4% 27px 4%;*/background: #fff; font-size:160%; font-weight: bold; color:#997b3b; line-height: 3; text-align: center;}
.site_content .participation p.btn a{background: url(/behairself/img/btn_gold.png) 50% 50% no-repeat; background-size: 100% 100%; display: block; text-decoration: none; color:#fff; width: 300px; margin: 0 auto; padding: 20px 0; transition: all 0.2s ease;}
.site_content .participation p.btn a span{background: url(/behairself/img/link_arrow.png) 0 48% no-repeat; background-size: 20px 20px; padding-left: 30px; display: inline-block; position: relative; top: -.1em;}
.site_content .participation p.note{font-size:180%; font-weight: bold; color:#997b3b; line-height: 1.7; text-align: center; padding-bottom: 40px;}

.site_content .participation .swiper-container-twitter{width: 100% !important; /*width: calc(100% + 150px) !important; left: -75px;*/ left: 0; margin-top: -20px; margin-bottom: 40px; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;}
.site_content .participation .swiper-container-twitter:before, .site_content .participation .swiper-container-twitter:after{content: ''; width: 50px; height: 100%; position: absolute; top: 0; display: block; background: none; z-index: +2;}
.site_content .participation .swiper-container-twitter:before{left: 0;}
.site_content .participation .swiper-container-twitter:after{right: 0;}
.site_content .participation .swiper-container-twitter .swiper-wrapper{margin-bottom: 25px;}
.site_content .participation .swiper-container-twitter .swiper-slide{padding: 0 15px 0 15px; -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:160%; 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: 20px 20px; padding-left: 30px; 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 40px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); left: 5px; z-index: +3; width: 20px; top: 25%;}
.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 40px; right: 5px; z-index: +3; top: 25%;}
.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: 18px; height: 18px; 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{max-width: 1000px; margin: 0 auto; padding: 60px 20px;}
.site_content .bnr a{transition: all 0.2s ease;}

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

.site_content .questionnaire .tabs.--ver2{max-width: 1000px; margin: 0 auto 10px auto;}
.site_content .questionnaire .tab_item{font-size: 180%; font-weight: bold; color: #997b3b; line-height: 2; 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: 60px;}
.site_content .questionnaire .--ver2 .tab_item{margin-bottom: 40px;}
.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.woman.--ver2{padding: 0 1% 0 26.5%;}
.site_content .questionnaire .tab_item.man.--ver2{padding: 0 26.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;}
.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;}
.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.woman.--ver2{color:#fff; padding: 0 1% 0 26.5%;}
.site_content .questionnaire .tabs input:checked + .tab_item.man.--ver2{color:#fff; padding: 0 26.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{max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.site_content .questionnaire ul li{/*border-bottom: 1px solid #cab18c;*/ list-style: none; padding-bottom: 40px; margin: 0 30px 30px 0; width:calc(100%/ 3 - 21px);}
.site_content .questionnaire ul li .q{font-size:180%; line-height: 1.6; font-weight: bold; color:#997b3b; padding: 1.5em 6% 1.5em 23%; display: block; min-height:200px;}
/*.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-child(3n){margin-right: 0;}

.site_content .statement{background: url(/behairself/img/bg_staatement_sp.jpg) 50% 0% no-repeat; background-size: cover; padding: 80px 0 80px 0; position: relative; text-align: center;}
.site_content .statement .image{padding-bottom: 80px;}
.site_content .statement p{font-size:222%; font-weight: normal; color:#997b3b; line-height: 1.5; text-align: center; margin-bottom: 15px; padding: 0 4%;}
.site_content .statement p.btn{margin: 0 auto 0 auto; /*margin: 0 auto 20px auto;*/ padding: 0; max-width: 400px; font-weight: bold;}
.site_content .statement p.btn a{background: url(/behairself/img/btn_gold.png) 50% 50% no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff; transition: all 0.2s ease;}
.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.8; display: inline-block; position: relative; top: -.1em;}
.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:-2.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: 100% 100%; bottom: 0; left: 0; width: 100%; height: auto; padding: 2em 0 10px 0; z-index: -1; opacity: 0; transition: all 0.3s ease; text-align: center;}
.site_content .signature_fixed p.read{display: block; text-align: center; font-size:120%; line-height: 1; font-weight: normal; color:#fff; margin-bottom: 5px;}
.site_content .signature_fixed p.count{display: inline-block; text-align: center; font-size:170%; line-height: 1; font-weight: normal; color:#fff; margin-right: 40px; /* margin-bottom: 5px;*/ position: relative; top:-.7em;}
.site_content .signature_fixed p.count strong{font-size: 180%; font-weight: normal; margin: 0 10px;}
.site_content .signature_fixed p.count span{font-size: 120%; margin-left: 5px;}
.site_content .signature_fixed p.btn{font-size:222%; font-weight: bold; color:#997b3b; line-height: 1.5; text-align: center; /* margin: 0 auto;*/ display: inline-block; width:100%; max-width:400px;}
.site_content .signature_fixed p.btn a{background: #fff; display: block; text-decoration: none; color:#bd9b60; border-radius: .5em; transition: all 0.2s ease;}
.site_content .signature_fixed p.btn a span{background: url(/behairself/img/link_arrow_g.png) 0 52% no-repeat; background-size: 20px 20px; padding-left: 40px; line-height: 2; font-size:100%; display: inline-block; position: relative; top: .1em;}
.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:-.5em;}

@media screen and (max-width: 750px) {
    .site_content .signature_fixed p.btn{max-width:300px;}
}

/* popup */
.lity{background: rgba(0, 0, 0, 0.6) !important;}
.lity-container{max-width: 1088px !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: 95vh !important; /*height:750px!important;*/ overflow: hidden !important;}
.lity-close {/*display: none;*/ position: absolute !important; top: -10px!important; right: 0; background: url(/behairself/img/icon_close.png) 100% 50% no-repeat !important; background-size: 30px 30px !important; width: 30px !important; height: 60px !important; font-size: 0 !important;}

#signature_howto .wrap{background: none; width: 640px; /*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;  overflow: hidden !important;}
#signature_howto .wrap .inner{/*overflow-y: scroll;*/ width: 100%; height: auto !important; /*height:500px;*/ display: block; background: #fff; padding: 60px 0 60px 0;}
#signature_howto h3{font-size:300%; line-height: 1.6; font-weight: bold; color:#bd9b60; text-align: center; display: block; margin-bottom: 40px;}
#signature_howto p{font-size:180%; line-height: 1.7; font-weight: normal; color: #666; text-align: center; margin-bottom: 40px;}
#signature_howto p.link{margin: 0 auto; font-weight: bold; max-width: 400px;}
#signature_howto p.link a{background: url(/behairself/img/btn_gold.png) 0 40% no-repeat; background-size: cover; display: block; text-decoration: none; color:#fff; transition: all 0.2s ease;}
#signature_howto p.link a span{background: url(/behairself/img/link_out.png) 0 47% no-repeat; background-size: 24px 24px; padding-left: 44px; line-height: 4; font-size:115%; display: inline-block;}

.voice_more .wrap{background: none; width: 800px; /*width: 640px;  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;  overflow: hidden !important;}
.voice_more .wrap .inner{/*overflow-y: scroll;*/ width: 100%; height: auto!important; /*height:500px;*/ display: block; background: #fff; padding: 60px 60px 1px 60px;}

@media screen and (max-height: 900px) {
    .voice_more .wrap{height:640px;}
    .voice_more .wrap .inner{overflow-y: scroll; height:590px!important;}
}

@media screen and (max-height: 700px) {
    .voice_more .wrap{height:440px;}
    .voice_more .wrap .inner{overflow-y: scroll; height:390px!important;}
 }

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

.voice_more p.image{width:20%; /*width:40%;*/ float: left; margin-right: 5%;}
.voice_more p.profile{width:75%; /*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:100%; line-height: 1.5; font-weight: normal; color: #bd9b60; display: block; margin-bottom: 10px; min-height:3em;}
.voice_more p.profile .career{font-size:80%; line-height: 1.5; font-weight: normal;}

.voice_more p.read{font-size:140%; line-height: 1.8; font-weight: normal; color: #666; display: block; position: relative; padding: 1.5em 0; margin-bottom: 60px; text-align: left; width: 100%; clear: both;}
.voice_more p.read:before{content:''; width:35px; height:0; padding-top: 4%; background: url(/behairself/img/img_voice_read.png) 50% 0 no-repeat; background-size: cover; position: absolute; top: -12px; left: 0; display: block;}
.voice_more p.read:after{content:''; width:35px; height:0; padding-top: 4%; 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);}