@charset "utf-8";
/* CSS Document */
/******************************************************************************

interview Pages // 問診ページ

******************************************************************************/
body.resultPage #han_menu{
 display: none;
}
body.interview_page #han_menu{
 display: none;
}
.intv_wrapper{
 padding: 40px 0 200px;
 width: 100%;
 min-height:100vh;
 position: relative;
 background: url(../../img/bgbt/p-interview/common/interview_bg.svg) right bottom no-repeat, #440099;
 background-size: 380px auto, auto;
 box-sizing: border-box;
 text-align: center;
 color: #FFF;
}
.intv-C0100 .intv_wrapper,
.intv-C0200 .intv_wrapper,
.intv-C0300 .intv_wrapper,
.intv-C0400 .intv_wrapper,
.intv-C0500 .intv_wrapper,
.intv-C0600 .intv_wrapper,
.intv-C2600 .intv_wrapper,
.intv-C3100 .intv_wrapper,
.intv-A0700 .intv_wrapper,
.intv-C0800 .intv_wrapper,
.intv-A0900 .intv_wrapper,
.intv-A1000 .intv_wrapper,
.intv-C1101 .intv_wrapper,
.intv-C1102 .intv_wrapper{
 background: url(../../img/bgbt/p-interview/common/interview_bg_skin.svg) right bottom no-repeat, #440099;
 background-size: 380px auto, auto;
}
.intv-C1200 .intv_wrapper,
.intv-C1300 .intv_wrapper,
.intv-C1400 .intv_wrapper,
.intv-C1500 .intv_wrapper,
.intv-C1600 .intv_wrapper,
.intv-C1700 .intv_wrapper,
.intv-C1800 .intv_wrapper,
.intv-C1900 .intv_wrapper,
.intv-C2000 .intv_wrapper,
.intv-C2100 .intv_wrapper{
 background: url(../../img/bgbt/p-interview/common/interview_bg_lifestyle.svg) right bottom no-repeat, #440099;
 background-size: 380px auto, auto;
}
.intv_container{
 width: 100%;
}

#progress_logo{
 width: 110px;
 margin: 0 auto 50px;
 position: absolute;
 left: 50px;
 top: 50px;
 z-index: 2;
}

.intv_mi{
 margin: 0 auto 30px;
 text-align: center;
 color: #ecc3b2;
}
.intv_img {
 margin: 0 auto 40px;
}
.intv_txt label{
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 40px;
 font-size: 172%;
 display: block;
}
.intv_txt label .ast{
 display: inline-block;
}
.intv_field{
 margin-right: auto;
 margin-left: auto;
 position: relative;
}

.btn_area{
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
 position: absolute;
 bottom: 100px;
 left: 50%;
 transform: translateX(-50%);
 height: 55px;
}

button.intv_btn{
 margin-right: 10px;
 padding: 15px 0;
 width: 234px;
 display: block;
 border-radius: 50px;
 background: #440099;
 border: solid 1px #ecc3b2;
 cursor: pointer;
	transition-duration: 0.3s;
 font-size: 135%;
 letter-spacing: 1px;
 color: #ecc3b2;
}
button.intv_btn:hover{
 opacity: 0.7;
}
button.intv_btn.next {
 margin-right: 0;
 background: #ecc3b2;
 color: #440099;
}
button.intv_btn.next:disabled {
 border: solid 1px #5c4a72;
 background: #5c4a72;
}
button.intv_btn.next:disabled:hover {
 opacity: 1;
 cursor: not-allowed;
}

@media screen and (max-width: 960px){
.intv_container{
 position: relative;
 left: 0;
 top: 0;
 transform: none;
}
.intv_mi::before{
 width: 100%;
}
.intv_img {
 margin: 0 auto 20px;
 width: 34%;
 max-width: 100px;
}
.intv_txt label{
 margin-bottom: 20px;
}
.intv-C1900 .intv_img {
 width: 90px;
}
.intv_wrapper {
 padding: 20px 4% 60px;
 width: 92%;
 background: url(../../img/bgbt/p-interview/interview_bg.svg) right bottom no-repeat, #440099;
 background-size: 50% auto, auto;
 box-sizing: content-box;
}
.resultPage  #progress_logo {
 width: 70px;
 margin: 0 auto 30px;
}
#progress_logo {
 display: none;
}
.intv_mi {
 margin: 0 auto 20px;
}
.intv_mi:before {
 margin: 0 auto 26px;
}
.btn_area{
 position: relative;
 bottom: auto;
 left: auto;
 transform: none;
 height: 52px;
}

}/*/max-width: 960px*/

@media screen and (max-width: 480px){
.intv_mi{
 margin-bottom: 10px;
}
}/*/footer  max-width: 480px*/

@media screen and (max-width: 400px){
.intv-C1400 .minfont label{/*C1400*/
 font-size: 142%;
}
.intv-C1900 .mb120{/*C1400*/
 margin-bottom: 0!important;
}
}/*/footer  max-width: 320px*/

@media screen and (min-width: 961px){
.br_sp {
 display: none;
}
}
@media screen and (max-width: 960px){
.br_pc {
 display: none;
}
}

/*----------------------------------------------------------------
 質問テンプレート
----------------------------------------------------------------*/
.intv_field input[type="text"], .intv_field input[type="email"]{
 padding: 0.4em 0.8em;
 border-radius: 6px;
 border: none;
 box-sizing: border-box;
 font-size: 114%;
 line-height: 1.6;
 color: black
}
.intv_field #front_interview_q27{
 width: 280px;
 ime-mode: inactive;
 text-align: center;
 font-size: 208%;
}

/* IEのみ摘要 */
@media all and (-ms-high-contrast: none) {
 .intv_field #front_interview_q27{
  padding-top: 0.2em;
  padding-bottom: 0.6em;
 }
/*
 .intv_field #front_interview_q27::-ms-clear{
  visibility: hidden;
 }
*/
}
@-moz-document url-prefix(){
 .intv_field #front_interview_q27{
  padding-top: 0.4em;
  padding-bottom: 0.4em;
 }
}

/* choose_cont ********************************************/
.choose_cont{
 margin-right: auto;
 margin-left: auto;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.choose_cont label{
 margin-bottom: 30px;
}
.choose_cont label{
 margin-right: 25px;
 cursor: pointer;
}
.choose_cont label:last-child{
 margin-right: 0;
}
.choose_cont label:nth-child(4n){
 margin-right: 0;
}
.choose_cont label span{
 display: block;
 text-align: center;
 font-weight: normal;
}
.choose_cont label span:before{
 content: "";
 display: block;
 margin: 0 auto 15px;
 width: 144px;
 height: 144px;
 border: solid 1px #FFF;
 border-radius: 50%;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.choose_cont label input{
 display: none;
}
.choose_cont label{
 margin-bottom: 0;
 width: 200px;
 font-size: 107%;
 line-height: 1.5;
}
.choose_cont label.line1 input + label{
 width:100%;
}
.choose_cont label.line1 input + label span:before{ /*文字位置調整*/
 margin-bottom: 1.6em;
}
/*複数選択可の場合チェックマークを出す*/
.intv-C0100 .choose_cont label input:checked + label span{
 position: relative;
}
.intv-C0100 .choose_cont label input:checked + label span:after{
 content: "";
 width: 24px;
 height: 24px;
 position: absolute;
 left: 35px;
 top: 10px;
 z-index: 2;
 background: url(../../img/bgbt/p-interview/common/check_mark.png) no-repeat;
 background-size: contain;
}
/* C0100_01 画像 */
.choose_cont label.C0100_01 input + label span:before{ background: url(../../img/bgbt/p-interview/C0100/1.png) center center no-repeat;}
.choose_cont label.C0100_01 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0100/1-on.png) center center no-repeat, #FFF;}
.choose_cont label.C0100_02 input + label span:before{ background: url(../../img/bgbt/p-interview/C0100/2.png) center center no-repeat;}
.choose_cont label.C0100_02 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0100/2-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C0100_03 input + label span:before{ background: url(../../img/bgbt/p-interview/C0100/3.png) center center no-repeat;}
.choose_cont label.C0100_03 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0100/3-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C0100_04 input + label span:before{ background: url(../../img/bgbt/p-interview/C0100/4.png) center center no-repeat;}
.choose_cont label.C0100_04 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0100/4-on.png) center center no-repeat, #FFF ;}
/* C0200 画像 */
.choose_cont label.C0200_01 input + label span:before{ background: url(../../img/bgbt/p-interview/C0200/1.png) center center no-repeat;}
.choose_cont label.C0200_01 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0200/1-on.png) center center no-repeat, #FFF;}
.choose_cont label.C0200_02 input + label span:before{ background: url(../../img/bgbt/p-interview/C0200/2.png) center center no-repeat;}
.choose_cont label.C0200_02 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0200/2-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C0200_03 input + label span:before{ background: url(../../img/bgbt/p-interview/C0200/3.png) center center no-repeat;}
.choose_cont label.C0200_03 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0200/3-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C0200_04 input + label span:before{ background: url(../../img/bgbt/p-interview/C0200/4.png) center center no-repeat;}
.choose_cont label.C0200_04 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0200/4-on.png) center center no-repeat, #FFF ;}
/* C0300 画像 */
.choose_cont label.C0300_01 input + label span:before{ background: url(../../img/bgbt/p-interview/C0300/1.png) center center no-repeat;}
.choose_cont label.C0300_01 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0300/1-on.png) center center no-repeat, #FFF;}
.choose_cont label.C0300_02 input + label span:before{ background: url(../../img/bgbt/p-interview/C0300/2.png) center center no-repeat;}
.choose_cont label.C0300_02 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0300/2-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C0300_03 input + label span:before{ background: url(../../img/bgbt/p-interview/C0300/3.png) center center no-repeat;}
.choose_cont label.C0300_03 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0300/3-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C0300_04 input + label span:before{ background: url(../../img/bgbt/p-interview/C0300/4.png) center center no-repeat;}
.choose_cont label.C0300_04 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0300/4-on.png) center center no-repeat, #FFF ;}
/* C0500 画像 */
.choose_cont label.C0500_01 input + label span:before{ background: url(../../img/bgbt/p-interview/C0500/1.png) center center no-repeat;}
.choose_cont label.C0500_01 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0500/1-on.png) center center no-repeat, #FFF;}
.choose_cont label.C0500_02 input + label span:before{ background: url(../../img/bgbt/p-interview/C0500/2.png) center center no-repeat;}
.choose_cont label.C0500_02 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0500/2-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C0500_03 input + label span:before{ background: url(../../img/bgbt/p-interview/C0500/3.png) center center no-repeat;}
.choose_cont label.C0500_03 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0500/3-on.png) center center no-repeat, #FFF ;}
/* C0400 画像 */
.choose_cont label.C0400_01 input + label span:before{ background: url(../../img/bgbt/p-interview/C0400/1.png) center center no-repeat;}
.choose_cont label.C0400_01 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0400/1-on.png) center center no-repeat, #FFF;}
.choose_cont label.C0400_02 input + label span:before{ background: url(../../img/bgbt/p-interview/C0400/2.png) center center no-repeat;}
.choose_cont label.C0400_02 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0400/2-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C0400_03 input + label span:before{ background: url(../../img/bgbt/p-interview/C0400/3.png) center center no-repeat;}
.choose_cont label.C0400_03 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0400/3-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C0400_04 input + label span:before{ background: url(../../img/bgbt/p-interview/C0400/4.png) center center no-repeat;}
.choose_cont label.C0400_04 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C0400/4-on.png) center center no-repeat, #FFF ;}
/* A0900 画像 */
.choose_cont label.A0900_01 input + label span:before{ background: url(../../img/bgbt/p-interview/A0900/1.png) center center no-repeat;}
.choose_cont label.A0900_01 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/A0900/1-on.png) center center no-repeat, #FFF;}
.choose_cont label.A0900_02 input + label span:before{ background: url(../../img/bgbt/p-interview/A0900/2.png) center center no-repeat;}
.choose_cont label.A0900_02 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/A0900/2-on.png) center center no-repeat, #FFF ;}
.choose_cont label.A0900_03 input + label span:before{ background: url(../../img/bgbt/p-interview/A0900/3.png) center center no-repeat;}
.choose_cont label.A0900_03 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/A0900/3-on.png) center center no-repeat, #FFF ;}
/* C1200 画像 */
.choose_cont label.C1200_01 input + label span:before{ background: url(../../img/bgbt/p-interview/C1200/1.png) center center no-repeat;}
.choose_cont label.C1200_01 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C1200/1-on.png) center center no-repeat, #FFF;}
.choose_cont label.C1200_02 input + label span:before{ background: url(../../img/bgbt/p-interview/C1200/2.png) center center no-repeat;}
.choose_cont label.C1200_02 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C1200/2-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C1200_03 input + label span:before{ background: url(../../img/bgbt/p-interview/C1200/3.png) center center no-repeat;}
.choose_cont label.C1200_03 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C1200/3-on.png) center center no-repeat, #FFF ;}
/* C1300 画像 */
.choose_cont label.C1300_01 input + label span:before{ background: url(../../img/bgbt/p-interview/C1300/1.png) center center no-repeat;}
.choose_cont label.C1300_01 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C1300/1-on.png) center center no-repeat, #FFF;}
.choose_cont label.C1300_02 input + label span:before{ background: url(../../img/bgbt/p-interview/C1300/2.png) center center no-repeat;}
.choose_cont label.C1300_02 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C1300/2-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C1300_03 input + label span:before{ background: url(../../img/bgbt/p-interview/C1300/3.png) center center no-repeat;}
.choose_cont label.C1300_03 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C1300/3-on.png) center center no-repeat, #FFF ;}
/* C1500 画像 */
.choose_cont label.C1500_01 input + label span:before{ background: url(../../img/bgbt/p-interview/C1500/1.png) center center no-repeat;}
.choose_cont label.C1500_01 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C1500/1-on.png) center center no-repeat, #FFF;}
.choose_cont label.C1500_02 input + label span:before{ background: url(../../img/bgbt/p-interview/C1500/2.png) center center no-repeat;}
.choose_cont label.C1500_02 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C1500/2-on.png) center center no-repeat, #FFF ;}
.choose_cont label.C1500_03 input + label span:before{ background: url(../../img/bgbt/p-interview/C1500/3.png) center center no-repeat;}
.choose_cont label.C1500_03 input:checked + label span:before{ background: url(../../img/bgbt/p-interview/C1500/3-on.png) center center no-repeat, #FFF ;}

@media screen and (max-width: 960px){
.choose_cont {
 margin-bottom: 40px;
}
.intv-C1300 .choose_cont {
 margin-bottom: 0;
}
.choose_cont label.line1 input + label span:before{ /*文字位置調整*/
 margin-bottom: 1em;
}
.choose_cont label:nth-child(2n){
 margin-right: 0;
}
.choose_cont label{
 margin-bottom: 15px;
 width: 44%;
}
.intv-C1500 .choose_cont label {
 font-size: 100%;
}
.choose_cont label span:before{
 width: 30vw;
 height: 30vw;
 max-width: 150px;
 max-height: 150px;
}

.intv-C0100 .choose_cont input:checked + span:after{
 left: 34%;
 transform: translateX(-50%);
 }

}/*/max-width: 960px*/

@media screen and (max-width: 620px){
.intv-C0100 .choose_cont input:checked + span:after{
 left: 24%;
 }
}

@media screen and (max-width: 320px){
.choose_cont.even{
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
.choose_cont label span::before {
 content: "";
 display: block;
 margin: 0 auto 15px;
 width: 30vw;
 height: 30vw;
}
.choose_cont label {
 margin-right: 0;
 width: 50%;
 }
}/*/footer  max-width: 320px*/


/* sort_cont ********************************************/
.sort_cont {
 margin-bottom: 30px;
}
.sort_cont .sort_mate{
 margin: 0 auto 20px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
}
.sort_cont .sort_mate li{
 margin-right: 7px;
 list-style: none;
}
.sort_cont li:last-child{
 margin-right: 0;
}
.sort_cont label{
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center; /* Safari用 */
 justify-content: center;
 -webkit-align-items: center; /* Safari用 */
 align-items: center;
 vertical-align: middle;
 height: 132px;
 width: 132px;
 border-radius: 50%;
 cursor: pointer;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.sort_cont input{
 display: none;
}
.sort_cont label{
 line-height: 1.5;
 border: solid 1px #FFF;
}

.sort_cont input + label .offimg{ /* width: auto;*/ display: block;}
.sort_cont input:checked + label .offimg{ display: none;}
.sort_cont input + label .onimg{ /* width: auto;*/ display: none;}
.sort_cont input:checked + label .onimg{ display: block;}

.sort_cont .num1 input:checked + label{  background: url(../../img/bgbt/p-interview/A2201/num1.png) center center no-repeat,#FFF; background-size: 70px auto, auto; font-weight: bold; color: #440099;}
.sort_cont .num2 input:checked + label{  background: url(../../img/bgbt/p-interview/A2201/num2.png) center center no-repeat,#FFF; background-size: 70px auto, auto; font-weight: bold; color: #440099;}
.sort_cont .num3 input:checked + label{  background: url(../../img/bgbt/p-interview/A2201/num3.png) center center no-repeat,#FFF; background-size: 70px auto, auto; font-weight: bold; color: #440099;}
.sort_cont .num4 input:checked + label{  background: url(../../img/bgbt/p-interview/A2201/num4.png) center center no-repeat,#FFF; background-size: 70px auto, auto; font-weight: bold; color: #440099;}
.sort_cont .num5 input:checked + label{  background: url(../../img/bgbt/p-interview/A2201/num5.png) center center no-repeat,#FFF; background-size: 70px auto, auto; font-weight: bold; color: #440099;}

@media screen and (max-width: 960px){
  .sort_cont .sort_mate{
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
  }
  .sort_cont .sort_mate li {
   margin: 0 2% 15px;
  }
  .sort_cont.five_mate .sort_mate li {
   margin: 0 2% ;
  }
  .sort_cont .sort_mate li:nth-child(3){
   width: 100%;
  }
  .sort_cont .sort_mate li:nth-child(3) label{
   margin: 0 auto;
  }
}/*/max-width: 960px*/

/*five_mate*/
.sort_cont.five_mate label{
 margin-right: auto;
 margin-left: auto;
 width: 30vw;
 height: 30vw;
 font-size: 2.7vw;
 line-height: 1.8;
}
.sort_cont.five_mate .sort_mate li{
 margin-right: auto;
 margin-left: auto;
}
.sort_cont.five_mate .sort_mate li:nth-child(3n){
 margin-right: auto;
 margin-left: auto;
}
.sort_cont.five_mate .sort_mate li:nth-child(3n) label{
 margin-right: auto;
 margin-left: auto;
}
.sort_cont.five_mate .sort_mate li:first-child{
 margin-bottom: -30px;
 width: 100%;
}
.sort_cont.five_mate .sort_mate li:nth-child(2){
 margin-right: 10%;
 margin-left: 0;
 margin-bottom: 0;
 width: 35%;
}
.sort_cont.five_mate .sort_mate li:nth-child(3){
 margin-left: 10%;
 margin-right: 0;
 margin-bottom: 0;
 width: 35%;
}
.sort_cont.five_mate .sort_mate li:nth-child(4){
 margin-left: 13%;
 margin-right: 0;
 margin-bottom: 0;
 width: 37%;
}
.sort_cont.five_mate .sort_mate li:nth-child(5){
 margin-left: 0;
 margin-right: 13%;
 margin-bottom: 0;
 width: 37%;
}

.reset_btn{
 margin: 0 auto;
 padding: 0;
 cursor: pointer;
 background: #440099;
 border: none;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 color: #FFF;
}
.reset_btn:before{
 content: "";
 margin: 0 auto;
 width: 30px;
 height: 35px;
 background: url(../../img/bgbt/p-interview/A2201/reset.svg) center center no-repeat;
 display: block;
}

@media screen and (min-width: 480px){/*480px より大きい*/
.sort_cont.five_mate label{
 width: 150px;
 height: 150px;
 font-size: 13px;
}
.sort_cont.five_mate .sort_mate{
 width: 480px;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.sort_cont.five_mate .sort_mate li{
 margin-right: auto;
 margin-left: auto;
}
.sort_cont.five_mate .sort_mate li:nth-child(3n){
 margin-right: auto;
 margin-left: auto;
}
.sort_cont.five_mate .sort_mate li:nth-child(3n) label{
 margin-right: auto;
 margin-left: auto;
}
.sort_cont.five_mate .sort_mate li:first-child{
 margin-bottom: -30px;
 width: 100%;
}
.sort_cont.five_mate .sort_mate li:nth-child(2){
 margin-right: 10%;
 margin-left: 0;
 margin-bottom: 0;
 width: 35%;
}
.sort_cont.five_mate .sort_mate li:nth-child(3){
 margin-left: 10%;
 margin-right: 0;
 margin-bottom: 20px;
 width: 35%;
}
.sort_cont.five_mate .sort_mate li:nth-child(4){
 margin-left: 13%;
 margin-right: 0;
 margin-bottom: 20px;
 width: 37%;
}
.sort_cont.five_mate .sort_mate li:nth-child(5){
 margin-left: 0;
 margin-right: 13%;
 margin-bottom: 0;
 width: 37%;
}

.reset_btn:before{
 width: 50px;
 height: 67px;
}

}/*480px～*/

/* selecttxt_cont ********************************************/
.selecttxt_cont {
 margin-bottom: 30px;
}
.selecttxt_cont_mate{
 margin: 0 auto;
 width: 684px;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-align-items: stretch;
 align-items: stretch;
}
.selecttxt_cont_mate li{
 margin-right: 1.7%;
 margin-bottom: 12px;
 width: 32%;
 list-style: none;
}
.selecttxt_cont_mate li.clm2_l,
.selecttxt_cont_mate li.clm2_r{
 margin-bottom: 14px;
}
.selecttxt_cont_mate li:nth-child(3n){
 margin-right: 0;
}
.selecttxt_cont label{
 margin: 0;
 padding: 10px 10%;
 width: 80%;
 height: 50px;
 display: -webkit-flex;
 display: flex;
 border: solid 1px #FFF;
 border-radius: 70px;
 background: #440099;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
 cursor: pointer;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 vertical-align: middle;
 line-height: 1.5;
 color: #FFF;
 font-weight: normal;
}
.selecttxt_cont label.active{
 border: solid 1px #FFF;
 background: #FFF;
 color: #440099;
}
.selecttxt_cont label.inactive{
 border: solid 1px #FFF;
 background: #FFF;
 opacity: 0.2;
 color: #440099;
}
.selecttxt_cont input{
 display: none;
}
.selecttxt_cont input:checked + label{
 opacity: 1;
 position: relative;
}
.selecttxt_cont input:checked + label:before{
 content: "";
 width: 15px;
 height: 15px;
 position: absolute;
 left: 10px;
 top: 50%;
 transform: translateY(-50%);
 z-index: 2;
 background: url(../../img/bgbt/p-interview/common/check_mark.png) no-repeat;
 background-size: contain;
}
/*除外*/
.intv-C1600 .selecttxt_cont input:checked + label:before,
.intv-C1700 .selecttxt_cont input:checked + label:before,
.intv-C1800 .selecttxt_cont input:checked + label:before,
.intv-C2000 .selecttxt_cont input:checked + label:before,
.intv-gender .selecttxt_cont input:checked + label:before{
 display: none;
}
/*.selecttxt_cont li:last-child input:checked + label:before{
 display: none;
}*/
.selecttxt_cont_mate li.clm2_l{
 margin-right: 2%;
 width: 49%;
}
.selecttxt_cont_mate li.clm2_r{
 margin-right: 0;
 width: 49%;
}
.selecttxt_cont_mate li.clm1{
 margin-right: 0;
 width: 100%;
}

@media screen and (max-width: 960px){
.selecttxt_cont_mate {
 width: 100%;
}
.selecttxt_cont_mate {
  -webkit-align-items: stretch;
  align-items: stretch;
 }
.selecttxt_cont_mate li {
 margin-right: 0%;
 margin-bottom: 8px;
 width: 100%;
}
.selecttxt_cont_mate li.clm2_l{
 margin-right: 0;
 width: 100%;
 }
.selecttxt_cont_mate li.clm2_r{
 margin-right: 0;
 width: 100%;
 }
.selecttxt_cont_mate li:nth-child(3n) {
 margin-right: 0;
}
.selecttxt_cont_mate li:nth-child(2n) {
 margin-right: 0!important;
}
.selecttxt_cont label {
 margin: 0 0 10px;
 padding: 5px 4%;
 width: 92%;
 height: 50px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
 font-size: 114%;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/


/* counter_cont ********************************************/
.counter_mi{
 margin: 0 auto 5px;
 font-size: 135%;
 color: #ecc3b2;
}
.counter_mi span{
 margin: 0 auto 5px;
 display: block;
 font-size: 63%;
 color: #FFF;
}

.counter_cont{
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center; /* Safari用 */
 justify-content: center;
}
.counter_cont_mate{
 margin-right: 15px;
}
.counter_cont_mate:last-child{
 margin-right: 0;
}
.clock_01{
 margin: 0 auto;
 padding: 0;
 width: 290px;
 display: block;
 text-align: center;
 border-radius: 17px;
 position: relative;
}
.age_select{
 margin: 0 auto;
 padding: 0;
 width: 290px;
 display: block;
 text-align: center;
 border-radius: 17px;
 position: relative;
}
.clock_counter{
 width: 290px;
 display: block;
}
.counter_cont select{
 height: 80px;
 border: solid 1px #FFF;
 font-size: 314%;
 line-height: 1.8;
 text-align: center;
 -webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
 -moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
 appearance: none; /* 標準のスタイルを無効にする */
 background: url(../../img/bgbt/p-interview/common/counter_arr_up.png) right 20px top 20px no-repeat, url(../../img/bgbt/p-interview/common/counter_arr_down.png) right 20px bottom 20px no-repeat, #409;
 border-radius: 15px;
 cursor: pointer;
 text-indent: 30%;
 color: #FFF;
 margin: 0 auto;
}
.intv-age .counter_cont select{
 text-indent: 42%;
}
#page_front_interview_page .intv-age .counter_cont select{
 text-indent: 42%;
 padding-left: unset;
}

@media all and (-ms-high-contrast: none){
 #page_front_interview_page .counter_cont select{
  text-indent: unset;
  padding-left: 30%;
 }
 #page_front_interview_page .intv-age .counter_cont select{
  text-indent: unset;
  padding-left: 42%;
 }
}

@-moz-document url-prefix(){
 #page_front_interview_page .counter_cont select,
 #page_front_interview_page .intv-age .counter_cont select{
  text-indent: unset;
  padding-left: unset;
 }
}

.counter_cont select option{
 cursor: pointer;
 font-size: 80%;
}
.counter_cont .mv_prev {
 width: 35px;
 height: 28px;
 position: absolute;
 right: 8px;
 top: 12px;
 z-index: 10;
}
.counter_cont .mv_next {
 width: 35px;
 height: 28px;
 position: absolute;
 right: 8px;
 bottom: 12px;
 z-index: 10;
}
@-moz-document url-prefix(){
 .counter_cont select{
  text-indent: 0;
 }
 .intv-age .counter_cont select{
  text-indent: 0;
 }
}

@media screen and (max-width: 960px){
.counter_cont .mv_prev img{
 width: 13px;
}
.counter_cont .mv_next img{
 width: 13px;
}
}/*/max-width: 960px*/

@media screen and (max-width: 700px){
 .counter_cont{
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
 }
 .counter_cont_mate{
  margin-right: 0;
  margin-bottom: 20px;
  width: 100%;
 }
}

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/* gauge_cont ********************************************/
.gauge_cont .gauge_cont_mate{
 margin: 0 auto 38px;
 width: 1000px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-align-items:center;
 align-items:center;
}
.gauge_cont .gauge_cont_mate .min_txt{
 padding-right: 30px;
 width: 270px;
 text-align: right;
 position: relative;
}
.gauge_cont .gauge_cont_mate .min_txt:after{
 content: "";
 width: 23px;
 height: 23px;
 display: block;
 position: absolute;
 right: 0;
 top: -3px;
}
.gauge_cont .gauge_cont_mate:first-child .min_txt:after{ background: url(../../img/bgbt/p-interview/A1000/1.png) center center no-repeat; background-size: contain;}
.gauge_cont .gauge_cont_mate:nth-of-type(2) .min_txt:after{ background: url(../../img/bgbt/p-interview/A1000/2.png) center center no-repeat; background-size: contain;}
.gauge_cont .gauge_cont_mate:nth-child(3) .min_txt:after{ background: url(../../img/bgbt/p-interview/A1000/3.png) center center no-repeat; background-size: contain;}
.gauge_cont .gauge_cont_mate:nth-child(4) .min_txt:after{ background: url(../../img/bgbt/p-interview/A1000/4.png) center center no-repeat; background-size: contain;}
.gauge_cont .gauge_cont_mate:last-child .min_txt:after{ background: url(../../img/bgbt/p-interview/A1000/5.png) center center no-repeat; background-size: contain;}
.gauge_cont .gauge_cont_mate .max_txt{
 padding-left: 30px;
 width: 270px;
 text-align: left;
 position: relative;
}
.gauge_cont .gauge_cont_mate .max_txt:before{
 content: "";
 width: 28px;
 height: 32px;
 display: block;
 position: absolute;
 left: 0;
 top: -3px;
}
.gauge_cont .gauge_cont_mate .max_txt:before{ background: url(../../img/bgbt/p-interview/A1000/6.png) center center no-repeat; background-size: contain;}
.gauge_cont .gaugebox{
 margin: 0 10px;
 width: 375px;
 height: 17px;
 position: relative;
}
.gauge_cont .dots {
 margin: 0 auto;
 width: 375px;
 display: flex;
 justify-content: space-between;
 position: absolute;
 z-index: 5;
}
.gauge_cont .dots div input{
 display: none;
}
.gauge_cont .dots div label span{
 width: 12px;
 height: 12px;
 display: block;
 border-radius: 20px;
 background: #440099;
 border: solid 2px #7550a4;
 box-sizing: border-box;
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;
}
/*
.gauge1.gaugebox .dots label:nth-of-type(-n + 1) .radio_dots{ background: #fff; border: solid 2px #fff;}
.gauge2.gaugebox .dots label:nth-of-type(-n + 2) .radio_dots{ background: #fff; border: solid 2px #fff;}
.gauge3.gaugebox .dots label:nth-of-type(-n + 3) .radio_dots{ background: #fff; border: solid 2px #fff;}
.gauge4.gaugebox .dots label:nth-of-type(-n + 4) .radio_dots{ background: #fff; border: solid 2px #fff;}
.gauge5.gaugebox .dots label:nth-of-type(-n + 5) .radio_dots{ background: #fff; border: solid 2px #fff;}
*/
.gauge_cont .dots .white_dots{ background: #fff; border: solid 2px #fff;}

.gaugebox .over{
 height: 2px;
 background: #fff;
 position: absolute;
 left: 0;
 top: 5px;
 z-index: 4;
 -webkit-transition-duration: 1.4s;
 transition-duration: 1.4s;
}
/*
.gauge1.gaugebox .over{ width: 0%;}
.gauge2.gaugebox .over{ width: 25%;}
.gauge3.gaugebox .over{ width: 50%;}
.gauge4.gaugebox .over{ width: 75%;}
.gauge5.gaugebox .over{ width: 100%;}
*/
.gaugebox .overwidth1{ width: 0%;}
.gaugebox .overwidth3{ width: 25%;}
.gaugebox .overwidth5{ width: 50%;}
.gaugebox .overwidth7{ width: 75%;}
.gaugebox .overwidth9{ width: 100%;}
.gaugebox .base{
 width: 375px;
 height: 2px;
 background: #7550a4;
 position: absolute;
 top: 5px;
 z-index: 1;
}

@media screen and (max-width: 960px){
.gauge_cont .gaugebox{
 margin: 5px 10px 0;
 width: 100%;
 order: 3;
}
.gauge_cont .gauge_cont_mate {
 width: 100%;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
.gauge_cont .gauge_cont_mate .min_txt {
 padding-right: 0;
 padding-left: 28px;
 width: 44%;
 text-align: left;
}
.gauge_cont .gauge_cont_mate .min_txt::after {
 content: "";
 right: auto;
 left: 0;
}
.gauge_cont .gauge_cont_mate .max_txt{
 padding: 0 30px 0 0;
 width: 36%;
 text-align: right;
}
.gauge_cont .gauge_cont_mate .max_txt::before{
 right: 0;
 left: auto;
 bottom: 0;
 top: auto;
}
.gauge_cont .dots {
 margin: 0 auto;
 width: 100%;
}
.gaugebox .base {
 width: 100%;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/


/******************************************************************************

resultPage // 問診結果ページ

******************************************************************************/
#resultPage p.btn{
 display: block;
}
#resultPage {
 overflow: hidden;
}
#resultPage .inner{
 width: 980px;
 margin-right: auto;
 margin-left: auto;
}

@media screen and (max-width: 960px){
#resultPage {
 font-size: 13px;
 line-height: 1.5;
}
#resultPage .inner{
 padding: 0 4%;
 width: 92%;
}
}/*/max-width: 960px*/
@media screen and (max-width: 480px){
#resultPage {
 font-size: 12px;
 line-height: 1.5;
}
}/*/max-width: 480px*/

/*分析レポート*/
#resultPage .chart_container{
  padding: 45px;
}
#resultPage #myChart{
 position: relative;
 top: 24px;
 left: -2.5px;
}
@media screen and (max-width: 960px){
#resultPage .chart_container{
  padding: 36px;
}
#resultPage #myChart{
 position: relative;
 top: -11px;
 left: -3px;
}
}
@media screen and (max-width: 480px){
#resultPage .chart_container{
  padding: 7vw;
}
#resultPage #myChart{
 position: relative;
 top: -2.5vw;
 left: -0.7vw;
}
}

#resultPage #skinadvice{
 padding: 30px 0 0;
 position: relative;
 background: url(../../img/bgbt/p-interview/result/marble.jpg) center top repeat-y;
 background-size: 100% auto;
 overflow: hidden;
}
#resultPage #skinadvice:after{
 content: "";
 display: block;
 width: 302px;
 height: 445px;
 background: url(../../img/bgbt/p-interview/result/flespen.png)no-repeat;
 background-size: cover;
 position: absolute;
 z-index: 2;
 right: -100px;
 bottom: -45px;
}
#resultPage #skinadvice h1{
 margin: 0 auto 45px;
 width: 88px;
}
#resultPage #skinadvice .report_date{
 position: absolute;
 right: 60px;
 top: 30px;
}
#skinadvice h2.tit{
 margin: 0 auto 100px;
 font-size: 285%;
 text-align: center;
 color: #440099;
}
#resultPage #skinadvice h2.tit span{
 margin: 1em auto;
 display: block;
 font-size: 30%;
 line-height: 1;
}
#resultPage #skinadvice .report_name{
 margin-bottom: 4px;
 padding-bottom: 30px;
 border-bottom: solid 2px #dcdcdc;
 font-size: 185%;
 text-align: center;
}
#resultPage #skinadvice .report_name span{
 font-weight: bold;
}
#resultPage #skinadvice .advice_container{
 margin: 0 auto;
 padding: 35px 0 0;
 width: 980px;
 min-width: 980px;
 z-index: 2;
 position: relative;
}

#resultPage .advice_container:before{
 content: "";
 display: block;
 width: 1075px;
 height: 100%;
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 z-index: 1;
 background-image: url(../../img/bgbt/p-interview/result/karte.svg);
 background-position: center top;
 background-repeat: no-repeat;
 background-size: cover;
}
@media all and (-ms-high-contrast: none){/*IEのみ*/
#resultPage .advice_container:before{
 height: 1617px;
}
}
@media all and (-ms-high-contrast: none) and (max-width: 960px){/*IEのみ*/
#resultPage .advice_container:before{
 display: none!important;
}
#resultPage #skinadvice .advice_inner{
 border: solid 18px #3e0085;
 border-radius: 10px;
}
}
#resultPage #skinadvice .advice_inner{
 margin: 0 auto;
 padding: 30px 48px 80px;
 width: 884px;
 position: relative;
 background: #FFF;
 z-index: 10;
 box-sizing: content-box;
}
#resultPage #skinadvice .advice_inner:before{
 content: "";
 width: 397px;
 height: 70px;
 position: absolute;
 top: -83px;
 right: 70px;
 background: url(../../img/bgbt/p-interview/result/karte_head_pc.png) no-repeat;
 background-size: contain;
}
#resultPage #skinadvice .date{
 position: absolute;
 right: 0;
 top: 35px;
 color: #303030;
}
#resultPage #skinadvice .chart_tit{
 padding: 15px 0;
 border-top: solid 2px #dcdcdc;
 border-bottom: solid 1px #dcdcdc;
 font-size: 100%;
 text-align: center;
 color: #303030;
}
#resultPage #skinadvice .chart_tit strong{
 padding-right: 0.4em;
 font-size: 214%;
 font-weight: bold;
 vertical-align: middle;
 letter-spacing: 4px;
}

#resultPage #skinadvice .chart_field{
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#resultPage #skinadvice .chart_field .chart_graph{
 width: 430px;
 position: relative;
 order: 2;
 background: url(../../img/bgbt/p-interview/result/chart_base.png) center top 45px no-repeat;
 background-size: 407px auto;
}
#resultPage #skinadvice .chart_field .chart_graph #graphimg{
 position: absolute;
 top: 45px;
 left: 50%;
 transform: translateX(-50%);
}
#resultPage #skinadvice .chart_field .chart_graph #graph_score{
 margin: 0;
 width: auto;
 height: auto;
 position: absolute;
 bottom: 15px;
 left: 0;
 right: 0;
 font-size: 142%;
 text-align: center;
 color: #440099;
}
#resultPage #skinadvice .chart_field .chart_graph #graph_score span{
 font-size: 370%;
}
#resultPage #skinadvice .chart_field .chart_status{
 width: 230px;
 border-right: solid 1px #dcdcdc;
}
#resultPage #skinadvice .chart_field .chart_status:first-child{ order: 1; }
#resultPage #skinadvice .chart_field .chart_status:last-child{ order: 3; border-right: none; border-left: solid 1px #dcdcdc; }
#resultPage #skinadvice .chart_field .chart_status .type{
 padding: 15px 0;
 font-size: 185%;
 text-align: center;
 font-weight: bold;
 letter-spacing: 3px;
 color: #303030;
}
#resultPage #skinadvice .chart_field .chart_status:last-child .status_clm{
 padding: 15px 0 10px 5px;
 -webkit-flex-direction: row-reverse;
 flex-direction: row-reverse;
 text-align: right;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm{
 padding: 15px 5px 10px 0;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 border-top: solid 1px #dcdcdc;
 color: #25282a;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm dt{
 width: 45%;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm dt img{
 width: 80px;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm dd{
 margin: 0;
 width: 52%;
 font-size: 85%;
 font-weight: bold;
 color: #440099;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm h4{
 margin-bottom: 0.5em;
 font-size: 133%;
 color: #303030;
}

#resultPage .goal_field{
 margin-bottom: 4px;
 border-bottom: solid 2px #dcdcdc;
}
#resultPage #skinadvice .goal_field .chart_tit{
 border-top: solid 1px #dcdcdc;
 border-bottom: none;
}
#resultPage .goal_field .goalimage{
 padding-bottom: 30px;
 -webkit-justify-content: center;
 justify-content: center;
}
#resultPage .goal_field .goalimage p {
 width: 148px;
}
#resultPage .goal_field .goalimage p img{
 width: 100%;
 height: auto;
}
#resultPage .goal_field .goalimage p:first-child{ margin-right: 5px; background: url(../../img/bgbt/p-interview/result/goal_bg01.png) center center no-repeat; background-size: contain;}
#resultPage .goal_field .goalimage p:nth-child(2){ margin-right: 5px; background: url(../../img/bgbt/p-interview/result/goal_bg02.png) center center no-repeat; background-size: contain;}
#resultPage .goal_field .goalimage p:nth-child(3){ margin-right: 5px; background: url(../../img/bgbt/p-interview/result/goal_bg03.png) center center no-repeat; background-size: contain;}
#resultPage .goal_field .goalimage p:nth-child(4){ margin-right: 5px; background: url(../../img/bgbt/p-interview/result/goal_bg04.png) center center no-repeat; background-size: contain;}
#resultPage .goal_field .goalimage p:nth-child(5){ margin-right: 0; background: url(../../img/bgbt/p-interview/result/goal_bg05.png) center center no-repeat; background-size: contain;}

#resultPage #skinadvice .advice_tit{
 margin-bottom: 45px;
 padding: 25px 0 25px;
 border-top: solid 2px #dcdcdc;
 border-bottom: solid 1px #dcdcdc;
 font-size: 178%;
 text-align: center;
 color: #303030;
}
#resultPage #skinadvice .advice_tit span{
 font-weight: bold;
}
#resultPage #skinadvice .advice_wrap{
 margin: 0 auto;
 width: 80%;
 position: relative;
}
#resultPage #skinadvice .btn_readmore{
 display: none;
}
#resultPage #skinadvice .advice_comment{
 margin-bottom: 70px;
 line-height: 2;
 text-align: center;
 position: relative;
 z-index: 1;
 overflow: hidden;
}
#resultPage #skinadvice .advice_comment.open{
 height: auto;
}
#resultPage #skinadvice .advice_comment.open:before{
 display: none;
}
#resultPage #skinadvice .advice_comment{
 margin-bottom: 70px;
 line-height: 2;
 text-align: center;
}
#resultPage #skinadvice .advice_appeal{
 font-size: 128%;
 line-height: 1.8;
 text-align: center;
 color: #440099;
}
#resultPage #skinadvice .once_check{
 position: absolute;
 right: 60px;
 bottom: 20px;
 color: #440099;
 z-index: 6;
}
#resultPage #skinadvice .once_check a{
 color: #440099;
}
#resultPage #skinadvice .once_check a:before{
 content: "";
 width: 8px;
 height: 13px;
 display: inline-block;
 background: url(../../img/bgbt/p-interview/result/arr_pur_re.png) no-repeat;
 background-size: contain;
 vertical-align: -1px;
 line-height: 1.5em;
 padding-right: 0.4em;
}
@media screen and (max-width: 960px){
#resultPage #skinadvice{
 padding: 15px 0 0;
}
 #resultPage #skinadvice:after{/*pen*/
 content: "";
 width: 72px;
 height: 172px;
 position: absolute;
 z-index: 2;
 right: 0;
 bottom: -60px;
 background: url(../../img/bgbt/p-interview/result/flespen_sp.png)no-repeat;
 background-size: contain;
}
#resultPage #skinadvice h1{
 display: none;
}
#skinadvice h2.tit{
 margin: 0 auto 25px;
}
#resultPage #skinadvice .report_name{
 margin-bottom: 3px;
 padding-bottom: 15px;
 border-bottom: solid 2px #dcdcdc;
 font-size: 125%;
 text-align: center;
}
#resultPage #skinadvice .report_name span{
 font-weight: bold;
}
#resultPage #skinadvice .advice_container{
 margin: 0 auto;
 padding: 30px 0 0;
 width: 100%;
 min-width: 89%;
 border: none;
 box-sizing: border-box;
}
#resultPage .advice_container:before{
 content: "";
 display: block;
 width: 96%;
 height: 100%;
 position: absolute;
 top: 5px;
 left: 50%;
 transform: translateX(-50%);
 z-index: 1;
 background: url(../../img/bgbt/p-interview/result/karte_sp.svg) center top no-repeat;
 background-size: cover;
}
#resultPage #skinadvice .advice_inner{
 margin: 0 auto;
 width: 90%;
 padding: 5px 5% 20px;
 box-sizing: border-box;
}
#resultPage #skinadvice .advice_inner:before{
 content: "";
 position: absolute;
 top: -56px;
 right: 10px;
 background: url(../../img/bgbt/p-interview/result/karte_head_sp.png) no-repeat;
 background-size: contain;
 width: 220px;
 height: 55px;
}
 #resultPage #skinadvice .report_date {
  margin-bottom: 15px;
 position: relative;
 right: 0;
 top: 0;
  text-align: right;
}
#resultPage #skinadvice .date{
 margin-bottom: 2em;
 position: relative;
 right: auto;
 top: auto;
 display: block;
}
#resultPage #skinadvice .chart_tit{
 padding: 15px 0;
 border-top: solid 2px #dcdcdc;
 border-bottom: solid 1px #dcdcdc;
 font-size: 66.6%;
 text-align: center;
 color: #303030;
}
#resultPage #skinadvice .chart_tit strong{
 padding-right: 0.4em;
 font-size: 214%;
 font-weight: bold;
 vertical-align: middle;
 letter-spacing: 4px;
}

#resultPage #skinadvice .chart_field{
 margin: 0 auto;
 padding-top: 15px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
#resultPage #skinadvice .chart_field .chart_graph{
 margin: 0 auto;
 width: 100%;
 max-width: 407px;
 position: relative;
 order: 1;
 background: url(../../img/bgbt/p-interview/result/chart_base.png) center top no-repeat;
 background-size: contain;
}
#resultPage #skinadvice .chart_field .chart_graph #graphimg{
 display: block;
 position: relative;
 top: auto;
 left: auto;
 transform: none;
}
#resultPage #skinadvice .chart_field .chart_graph #graph_score{
 margin: 0;
 width: auto;
 height: auto;
 position: relative;
 bottom: 15px;
 left: 0;
 right: 0;
 font-size: 83%;
 text-align: center;
 color: #440099;
}
#resultPage #skinadvice .chart_field .chart_graph #graph_score span{
 font-size: 370%;
}
#resultPage #skinadvice .chart_field .chart_status{
 width: 50%;
 border-right: solid 1px #dcdcdc;
 box-sizing: border-box;
 order: 2;
}
#resultPage #skinadvice .advice_wrap{
 margin: 0 auto;
 width: 100%;
}
#resultPage #skinadvice .chart_field .chart_status:last-child{
 border-left: none;
}
#resultPage #skinadvice .chart_field .chart_status .type{
 padding: 8px 0;
 font-size: 125%;
 border-top: solid 2px #dcdcdc;
 text-align: center;
 font-weight: bold;
 letter-spacing: 3px;
 color: #303030;
}
#resultPage #skinadvice .chart_field .chart_status:last-child .status_clm{
 padding: 0;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm{
 padding: 0;
 min-height: 80px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 border-top: solid 1px #dcdcdc;
 color: #25282a;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm dt{
 margin-right: 3%;
 width: 35%;
 align-self: center;
}
#resultPage #skinadvice .chart_field .chart_status:last-child .status_clm dt{
 margin-right: 0;
 margin-left: 3%;
 width: 35%;
 -webkit-align-self: center;
 align-self: center;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm dt img{
 max-width: 69px;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm dt img{
 width: 100%;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm dd{
 margin: 10px 0 0;
 width: 54%;
 font-size: 75%;
 text-align: left;
 color: #440099;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm h4{
 margin-bottom: 0.2em;
 min-height: 3em;
 font-size: 133%;
 color: #303030;
}

#resultPage .goal_field{
 margin-bottom: 4px;
 padding-bottom: 0;
 border-bottom: solid 2px #dcdcdc;
}
#resultPage #skinadvice .goal_field .chart_tit{
 border-top: solid 1px #dcdcdc;
 border-bottom: none;
 background: url(../../img/bgbt/p-interview/result/plus.png) right center no-repeat;
 background-size: 15px 15px;
}
#resultPage #skinadvice .goal_field .chart_tit.active{
 background: url(../../img/bgbt/p-interview/result/minus.png) right center no-repeat;
 background-size: 15px 15px;
}
#resultPage .goal_field .tgl_wrap{
 display: none;
}
#resultPage #skinadvice .goal_field .chart_tit{
 border-top: solid 1px #dcdcdc;
 border-bottom: none;
 background: url(../../img/bgbt/p-interview/result/plus.png) right center no-repeat;
 background-size: 15px 15px;
}
#resultPage #skinadvice .goal_field .chart_tit.active{
 background: url(../../img/bgbt/p-interview/result/minus.png) right center no-repeat;
 background-size: 15px 15px;
}
#resultPage .goal_field .goalimage{
 padding-bottom: 15px;
 -webkit-justify-content: center;
 justify-content: center;
}
#resultPage .goal_field .goalimage p{
 margin-bottom: 5px;
 margin-right: 5px;
 width: 32%;
 max-width: 148px;
}
#resultPage .goal_field .goalimage p:nth-child(3n),
#resultPage .goal_field .goalimage p:last-child{
 margin-right: 0;
}

#resultPage #skinadvice .advice_tit{
 margin-bottom: 20px;
 padding: 10px 0;
 border-top: solid 2px #dcdcdc;
 border-bottom: solid 1px #dcdcdc;
 font-size: 125%;
 text-align: center;
 color: #303030;
}
#resultPage #skinadvice .btn_readmore{
 margin: 0;
 padding: 0.2em 1em;
 display: block;
 position: absolute;
 top: 3em;
 left: 50%;
 border-radius: 50px;
 transform: translateX(-50%);
 z-index: 5;
 border: solid 1px #440099;
 background: #FFF;
 cursor: pointer;
 font-size: 66%;
 color: #440099;
}
#resultPage #skinadvice .advice_tit span{
 font-weight: bold;
}
#resultPage #skinadvice .advice_comment{
 margin-bottom: 25px;
 height: 4em;
 font-size: 91%;
 line-height: 2;
 text-align: center;
}
#resultPage #skinadvice .advice_comment:before{
 content: "";
 width: 100%;
 height: 3em;
 position: absolute;
 bottom: 0;
 left: 0;
 background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 9%,rgba(255,255,255,1) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 9%,rgba(255,255,255,1) 100%);
}
#resultPage #skinadvice .advice_appeal{
 margin-bottom: 35px;
 font-size: 136%;
 line-height: 1.8;
 text-align: center;
 color: #440099;
}
#resultPage #skinadvice .once_check{
 position: relative;
 right: auto;
 bottom: auto;
 text-align: center;
 color: #440099;
}
#resultPage #skinadvice .once_check a{
 color: #440099;
}
#resultPage #skinadvice .once_check a:before{
 content: "";
 width: 8px;
 height: 13px;
 display: inline-block;
 background: url(../../img/bgbt/p-interview/result/arr_pur_re.png) no-repeat;
 background-size: contain;
 vertical-align: -1px;
 line-height: 1.5em;
 padding-right: 0.8em;
}
}/*/max-width: 960px*/

@media screen and (max-width: 760px){
#resultPage .goal_field .goalimage{
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
}/*/footer  max-width: 760px*/

@media screen and (max-width: 480px){
#resultPage #skinadvice .chart_field .chart_status .status_clm{
 padding: 0;
 min-height: 100px;
}
#resultPage #skinadvice:after{/*pen*/
 content: "";
 width: 52px;
 height: 152px;
}
#resultPage #skinadvice .chart_field .chart_status .status_clm dd{
 margin: 20px 0 0;
}
}/*/footer  max-width: 480px*/

@media screen and (max-width: 320px){
#resultPage .goal_field .goalimage p:nth-child(3n) {
 margin-right: 5px;
}
}/*/footer  max-width: 320px*/

@media screen and (min-width: 1280px){
 #resultPage #skinadvice:after{
  content: "";
  display: block;
  width: 302px;
  height: 445px;
  background: url(../../img/bgbt/p-interview/result/flespen.png)no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 2;
  right: -60px;
  bottom: -45px;
 }
}/*/1280px～*/
@media screen and (min-width: 1410px){
 #resultPage #skinadvice:after{
  content: "";
  display: block;
  width: 302px;
  height: 445px;
  background: url(../../img/bgbt/p-interview/result/flespen.png)no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 2;
  right: 3%;
  bottom: -45px;
 }
}/*/1280px～*/

#resultPage .bg_marble{
 padding-bottom: 80px;
 background: url(../../img/bgbt/p-interview/result/whitebase.png) top left repeat-x ,url(../../img/bgbt/p-interview/result/marble.jpg) repeat-y;
 background-size: 100% auto;
}

/*専用FLESボックス*/
#resultPage #orginalcare{
 position: relative;
}
#resultPage #orginalcare .tit{
 padding: 60px 0;
 width: 100%;
 background: #440099;
 text-align: center;
 font-size: 200%;
 color: #FFF;
}
#resultPage #orginalcare .tit strong{
 font-weight: normal;
 letter-spacing: 2px;
 color: #ecc3b2;
}
#resultPage #orginalcare .tit span{
 font-size: 85%;
}
#resultPage #orginalcare .item_ph{
 position: absolute;
 top: 120px;
 left: 50%;
 transform: translateX(-50%);
 z-index: 2;
}
#resultPage #orginalcare .orginalcare_container{
 margin: 0 auto;
 width: 980px;
}
#resultPage #orginalcare .twoitem{
 width: 980px;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#resultPage #orginalcare .twoitem > div{
 padding: 35px 0;
 width: 250px;
}
#resultPage #orginalcare .twoitem > div.light:before{
 content: "";
 margin: 0 auto 0.6em;
 display: block;
 width: 36px;
 height: 36px;
 background: url(../../img/bgbt/p-interview/result/orginalcare01.png) no-repeat;
 background-size: contain;
}
#resultPage #orginalcare .twoitem > div.cream:before{
 content: "";
 margin: 0 auto 0.6em;
 display: block;
 width: 36px;
 height: 36px;
 background: url(../../img/bgbt/p-interview/result/orginalcare02.png) no-repeat;
 background-size: contain;
}
#resultPage #orginalcare .twoitem h4{
 margin-bottom: 0.4em;
 font-size: 271%;
 text-align: center;
 letter-spacing: 2px;
 color: #ecc3b2;
}
#resultPage #orginalcare .twoitem h4 span{
 display: block;
 font-size: 42%;
 color: #440099;
}
#resultPage #orginalcare .twoitem .round{
 padding: 0.3em 1em;
 width: 250px;
 border-radius: 50px;
 border: solid 1px #440099;
 box-sizing: border-box;
 text-align: center;
 color: #440099;
}
#resultPage #orginalcare .twoitem .bubble_pur_light{
 margin: 0.3em 0 1.4em;
 width: 100%;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#resultPage #orginalcare .twoitem .bubble_pur_light p{
 width: 49%;
 height: 125px;
 display: table;
 text-align: center;
 border-radius: 50%;
 background: #ede6f7;
 font-size: 92%;
 color: #440099;
}
#resultPage #orginalcare .twoitem .bubble_pur_light p span{
 display: table-cell;
 vertical-align: middle;
}
#resultPage #orginalcare .twoitem .border_tb{
 height: 75px;
 display: -webkit-flex;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 107%;
 line-height: 1.8;
 text-align: center;
}

@media screen and (max-width: 960px){
#resultPage .bg_marble {
 padding-bottom: 40px;
}
/*専用FLESボックス*/
#resultPage #orginalcare .tit{
 padding: 15px 0 28px;
 width: 100%;
 background: #440099;
 text-align: center;
 font-size: 116%;
 color: #FFF;
}
#resultPage #orginalcare .tit strong{
 font-weight: normal;
 letter-spacing: 2px;
 color: #ecc3b2;
}
#resultPage #orginalcare .tit span{
 font-size: 85%;
}
#resultPage #orginalcare .item_ph{
 margin: -20px auto 1em;
 width: 46%;
 max-width: 173px;
 position: relative;
 top: auto;
 left: auto;
 transform: none;
 z-index: 3;
}
#resultPage #orginalcare .orginalcare_container{
 margin: 0 auto;
 width: 100%;
}
#resultPage #orginalcare .twoitem{
 margin: 0 auto;
 width: 86%;
}
#resultPage #orginalcare .twoitem > div{
 padding: 15px 0;
 width: 48%;
}
#resultPage #orginalcare .twoitem > div.light:before{
 width: 24px;
 height: 24px;
}
#resultPage #orginalcare .twoitem > div.cream:before{
 width: 24px;
 height: 24px;
}
#resultPage #orginalcare .twoitem h4{
 margin-bottom: 0.2em;
 font-size: 183%;
 letter-spacing: 0;
}
#resultPage #orginalcare .twoitem .round{
 padding: 0.3em 1em;
 width: 100%;
 border-radius: 50px;
 border: solid 1px #440099;
 box-sizing: border-box;
 text-align: center;
 color: #440099;
}
#resultPage #orginalcare .twoitem .bubble_pur_light{
 margin: 0.3em 0 1.4em;
 width: 100%;
 -webkit-justify-content: center;
 justify-content: center;
}

#resultPage #orginalcare .twoitem .bubble_pur_light p{
 margin-right: 5px;
 width: 105px;
 height: 105px;
 padding: 0 4%;
 box-sizing: border-box;
 font-size: 62%;
}
#resultPage #orginalcare .twoitem .bubble_pur_light p:last-child{
 margin-right: 0;
}
#resultPage #orginalcare .twoitem .bubble_pur_light p span{
 display: table-cell;
 vertical-align: middle;
}
#resultPage #orginalcare .twoitem .border_tb{
 height: 4em;
 min-height: 4em;
 font-size: 75%;
 line-height: 1.8;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
#resultPage #orginalcare .twoitem .bubble_pur_light{
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#resultPage #orginalcare .twoitem .bubble_pur_light p{
 width: 75px;
 height: 75px;
 }
}/*/footer  max-width: 480px*/

@media screen and (max-width: 320px){
#resultPage #orginalcare .twoitem .bubble_pur_light p {
 width: 65px;
 height: 65px;
}
}/*/footer  max-width: 320px*/


/*美容クリームの処方 テクスチャー紹介*/
#resultPage #hauteCouture .hauteCouture_container{
 margin: 0 auto;
 padding: 54px 37px;
 width: 980px;
 border: solid 16px #dbd1cf;
 box-sizing: border-box;
 background: #FFF;
}
#resultPage #hauteCouture .hauteCouture_container .tit{
 margin-bottom: 2em;
 font-size: 128%;
 text-align: center;
 color: #303030;
}
#resultPage #hauteCouture .hauteCouture_container .tit span{
 font-size: 88%;
}
#resultPage #hauteCouture .hauteCouture_container .tit strong{
 font-size: 133%;
 font-weight: bolder;
}
#resultPage #hauteCouture .hauteCouture_container .txt{
 margin-bottom: 25px;
 text-align: center;
 font-size: 128%;
 line-height: 1.6;
 color: #000;
}
#resultPage #hauteCouture .hauteCouture_container .box_beige{
 margin-bottom: 25px;
 padding: 1em 4%;
 border: solid 1px #ecc3b2;
 box-sizing: border-box;
 text-align: left;
 font-weight: bold;
}

#resultPage #hauteCouture .hauteCouture_texture_field .titarea{
 padding: 15px 0;
 align-items: center;
 font-size: 171%;
 line-height: 1.5;
 border-bottom: solid 1px #dcdcdc;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea .flex{
 margin: 0 auto;
 width: 620px;
 align-items: center;
 justify-content: space-evenly;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea p{
 color: #440099;
 letter-spacing: 2px;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea p span{
 display: block;
 font-size: 58%;
 color: #000;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea .img{
 width: 51px;
 height: 51px;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea .img img{
 width: 100%;
 height: auto;
}
#resultPage #hauteCouture .hauteCouture_status_wrap {
 margin-bottom: 60px;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm{
 padding: 1.2em 0 0.5em;
 width: 430px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 border-bottom: solid 1px #dcdcdc;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm:nth-last-of-type(-n + 2){
 border: none;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm dt{
 width: 22%;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm dt img{
 width: 100%;
 height: auto;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm dd{
 width: 74.4%;
 font-size: 85.7%;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm dd .name{
 font-size: 133%;
 font-weight: bold;
 color: #303030;
}
#resultPage #hauteCouture .allstatus{
 padding-top: 1em;
 border-top: solid 1px #dcdcdc;
}
#resultPage #hauteCouture .allstatus .tit{
 margin-bottom: 0;
 text-align: center;
 font-size: 114%;
 background: url(../../img/bgbt/p-interview/result/plus.png) right center no-repeat;
 background-size: 19px 19px;
 cursor: pointer;
 color: #440099;
}
#resultPage #hauteCouture .allstatus .tit.active{
 background: url(../../img/bgbt/p-interview/result/minus.png) right center no-repeat;
 background-size: 19px 19px;
}
#resultPage #hauteCouture .allstatus .component{
 margin-top: 1em;
 display: none;
 font-size: 86%;
 line-height: 1.6;
}

@media screen and (max-width: 960px){
#resultPage #hauteCouture .hauteCouture_container{
 margin: 0 auto;
 padding: 20px 8% 10px;
 width: 83%;
 border: solid 8px #dbd1cf;
 box-sizing: border-box;
 background: #FFF;
}
#resultPage #hauteCouture .hauteCouture_container .tit{
 margin-bottom: 1em;
 font-size: 92%;
 text-align: center;
 color: #303030;
}
#resultPage #hauteCouture .hauteCouture_container .tit span{
 font-size: 88%;
}
#resultPage #hauteCouture .hauteCouture_container .tit strong{
 font-size: 133%;
}
#resultPage #hauteCouture .hauteCouture_container .txt{
 margin-bottom: 10px;
 text-align: center;
 font-size: 83%;
 line-height: 1.6;
 color: #000;
}
#resultPage #hauteCouture .hauteCouture_container .box_beige{
 margin-bottom: 2em;
 padding: 1em 4%;
 border: solid 1px #ecc3b2;
 box-sizing: border-box;
 border-radius: 4px;
 font-size: 100%;
 line-height: 1.8;
 text-align: left;
}

#resultPage #hauteCouture .hauteCouture_texture_field .titarea{
 padding: 7px 0;
 border-bottom: solid 1px #dcdcdc;align-items: center;
 font-size: 125%;
 line-height: 1.5;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea .flex{
 margin: 0 auto;
 width: 100%;
 align-items: center;
 justify-content: space-between;
 flex-direction: column;
 line-height: 1.6em;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea p{
 width: 100%;
 color: #440099;
 letter-spacing: 1px;
 text-align: center;
 padding-right: 60px;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea p span{
 display: block;
 font-size: 58%;
 color: #000;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea .img{
 width: 55px;
 height: 50px;
 right: 12px;
 margin-top: -6px;
 position: absolute;
}
#resultPage #hauteCouture .hauteCouture_texture_field .titarea .img img{
 width: 100%;
 height: auto;
}
#resultPage #hauteCouture .hauteCouture_status_wrap {
 margin-bottom: 30px;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm{
 padding: 1em 0;
 width: 100%;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 border-bottom: solid 1px #dcdcdc;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm:nth-last-of-type(-n+2) {
 border-bottom: solid 1px #dcdcdc;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm:last-child {
 border: none;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm dt{
 width: 20%;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm dt img{
 width: 100%;
 height: auto;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm dd{
 width: 74.4%;
 font-size: 85.7%;
}
#resultPage #hauteCouture .hauteCouture_status_wrap .status_clm dd .name{
 font-size: 133%;
 font-weight: bold;
 color: #303030;
}
#resultPage #hauteCouture .allstatus{
 padding-top: 1em;
 border-top: solid 1px #dcdcdc;
}
#resultPage #hauteCouture .allstatus .tit{
 margin-bottom: 0;
 text-align: center;
 font-size: 114%;
 background: url(../../img/bgbt/p-interview/result/plus.png) right center no-repeat;
 background-size: 15px 15px;
 color: #440099;
}
#resultPage #hauteCouture .allstatus .tit.active{
 background: url(../../img/bgbt/p-interview/result/minus.png) right center no-repeat;
 background-size: 19px 19px;
}
#resultPage #hauteCouture .allstatus .component{
 margin-top: 1em;
 display: none;
}

}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/*formボタンセクション*/
#resultPage .formContents{
 padding: 70px 0 85px;
 text-align: center;
}
#resultPage .formContents .inner{
 margin: 0 auto;
 width: 650px;
}
#resultPage .btn a{
 margin: 0 auto 1em;
 padding: 0.8em 0;
 width: 100%;
 display: block;
 border-radius: 50px;
 background: url(../../img/bgbt/p-interview/common/logo.svg) left 40px center no-repeat,#440099;
 background-size: 50px 50px , auto;
 font-size: 171%;
 color: #FFF;
}
#resultPage .formContents .btn span{
 margin: 0 auto 0.2em;
 display: block;
 font-size: 66%;
 font-weight: bold;
 color: #ecc3b2;
}
#resultPage .formContents .price{
 margin: 0 auto;
 width: 100%;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#resultPage .formContents .price strong{
 font-weight: normal;
}
#resultPage .formContents .price p{
 letter-spacing: 1px;
 box-sizing: border-box;
 border-left: solid 1px #440099;
 border-right: solid 1px #440099;
 text-align: center;
 color: #440099;
}
#resultPage .formContents .price p:first-child{
 width: 39%;
 border-right: none;
}
#resultPage .formContents .price p:last-child{
 width: 61%;
}
#resultPage .formContents .price p strong{
 padding-left: 3px;
 font-size: 171%;
 vertical-align: sub;
}
#resultPage .formContents .price p span.yen{
 padding-left: 3px;
 font-size: 114%;
}
#resultPage .formContents .firstmember{
 margin-top: 27px;
 padding: 30px 8%;
 width: 100%;
 background: #ede6f7;
 box-sizing: border-box;
}
#resultPage .formContents .firstmember .tit{
 border-bottom: solid 2px #440099;
 text-align: center;
 color: #440099;
 font-size: 114%;
 font-weight: bold;
}
@media screen and (max-width: 960px){
#resultPage .formContents{
 padding: 40px 0 45px;
 text-align: center;
}
#resultPage .formContents .inner{
 margin: 0 auto;
 width: 86%;
 box-sizing: content-box;
}
#resultPage .btn a{
 margin: 0 auto 1em;
 padding: 0.8em 0;
 width: 100%;
 display: block;
 border-radius: 50px;
 background: url(../../img/bgbt/p-interview/common/logo.svg) left 20px center no-repeat,#440099;
 background-size: 25px 25px , auto;
 font-size: 100%;
 color: #FFF;
}
#resultPage .formContents .btn span{
 margin: 0 auto 0.2em;
 display: block;
 font-size: 66%;
 font-weight: bold;
 color: #ecc3b2;
}
#resultPage .formContents .price p{
 letter-spacing: 1px;
 box-sizing: border-box;
 border-left: solid 1px #440099;
 border-right: solid 1px #440099;
 text-align: center;
 color: #440099;
}
#resultPage .formContents .price p:first-child{
 width: 39%;
 border-right: none;
}
#resultPage .formContents .price p:last-child{
 width: 61%;
}
#resultPage .formContents .price p {
 font-size: 58%;
}
#resultPage .formContents .price p .sp_320{
 display: none;
}
#resultPage .formContents .price p strong{
 padding-left: 3px;
 font-size: 171%;
 vertical-align: sub;
}
#resultPage .formContents .price p span.yen{
 padding-left: 3px;
 font-size: 114%;
}
#resultPage .formContents .firstmember{
 margin-top: 15px;
 padding: 20px 8%;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
 #resultPage .formContents .price p {
  font-size: 1.7vw;
 }
}/*/  max-width: 480px*/
@media screen and (max-width: 320px){
 #resultPage .formContents .price p .sp_320{
  display: block;
 }
}/*/  max-width: 480px*/

/*フロー*/
#resultPage #flow{
 padding: 80px 0 80px;
 background: #440099;
 text-align: center;
 color: #FFF;
}
#resultPage #flow .tit{
 margin-bottom: 1.4em;
 font-size: 257%;
 font-weight: normal;
 color: #ecc3b2;
}
#resultPage #flow .lead{
 margin-bottom: 3em;
 font-size: 107%;
 line-height: 2.5;
}
#resultPage #flow .flow_list{
 margin: 0 auto;
 width: 980px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
}
#resultPage #flow h3{
 margin-bottom: 15px;
 font-size: 128%;
 font-weight: bold;
}
#resultPage #flow .flow_list li{
 width: 25%;
 position: relative;
 font-size: 85%;
 line-height: 1.6;
}
#resultPage #flow .flow_list li:after{
 content: "";
 position: absolute;
 right: -10px;
 top: 50%;
 transform: translateY(-50%);
 display: block;
 background: url(../../img/bgbt/p-interview/result/arr_step_r.png) no-repeat;
 background-size: contain;
 width: 18px;
 height: 40px;
}
#resultPage #flow .flow_list li:last-of-type:after{
 display: none;
}
#resultPage #flow .flow_list li img{
 width: 200px;
}
#resultPage #flow .flow_list li .txt{
 margin: 0 auto;
}

#resultPage .ast{
 margin: 0 auto 40px;
 font-size: 85%;
 text-align: left;
 color: #999999;
}

@media screen and (max-width: 960px){
/*フロー*/
#resultPage #flow{
 padding: 40px 0 20px;
}
#resultPage #flow .tit{
 margin-bottom: 1.4em;
 font-size: 200%;
 font-weight: normal;
 color: #ecc3b2;
}
#resultPage #flow .lead{
 margin-bottom: 3em;
 font-size: 100%;
 line-height: 2.5;
}
#resultPage #flow h3{
 margin-bottom: 15px;
 font-size: 128%;
 font-weight: bold;
}
#resultPage #flow .flow_list_slider p.img{
 margin: 0 auto;
 max-width: 300px;
}
#resultPage #flow .flow_list_slider li .txt{
 margin: 0 auto;
 color: #FFF;
}
#resultPage #flow #slide_resultpage .slick-slide {
 opacity: 0.3;
}
#resultPage #flow #slide_resultpage .slick-slide.slick-current {
 opacity: 1;
}
#resultPage #flow #slide_resultpage .slick-prev,
#resultPage #flow #slide_resultpage .slick-next {
 font-size: 0;
 border: 0;
 background: transparent;
}
#resultPage #flow #slide_resultpage .slick-prev{
 content: "";
 width: 20px;
 height: 47px;
 display: block;
 position: absolute;
 left: 14%;
 top: 80px;
 background: url(../../img/bgbt/p-interview/result/arr_step_l.png) no-repeat;
 background-size: contain;
 opacity: 1;
 z-index: 10;
}
#resultPage #flow #slide_resultpage .slick-prev.slick-disabled{
 opacity: 0;
}
#resultPage #flow #slide_resultpage .slick-prev:before{
 display: none;
}
#resultPage #flow #slide_resultpage .slick-next{
 content: "";
 width: 20px;
 height: 47px;
 position: absolute;
 right: 14%;
 top: 80px;
 background: url(../../img/bgbt/p-interview/result/arr_step_r.png) no-repeat;
 background-size: contain;
 z-index: 10;
}
#resultPage #flow #slide_resultpage .slick-next.slick-disabled {
 opacity: 0;
}
#resultPage #flow #slide_resultpage .slick-next:before{
 display: none;
}
.slick-dots li button::before{
 color: #FFF;
}
.slick-dots li.slick-active button::before{
 color: #FFF;
}
#resultPage #flow #slide_resultpage .slick-dots li button::before {
 font-family: 'slick';
 font-size: 26px;
}

}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/*FLES テクノロジー*/
#resultPage #technology {
 height: 685px;
 position: relative;
 background: -webkit-linear-gradient(top, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
 background: linear-gradient(to bottom, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
}
#resultPage #technology .txtbox_wrap{
 position: absolute;
 display: -webkit-flex;
 display: flex;
 width: 44.3%;
 height: 410px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 background: rgba(255,255,255,0.3);
 border-top: solid 2px #FFF;
 border-bottom: solid 2px #FFF;
 border-right: solid 2px #FFF;
}
#resultPage #technology .txtbox{
 width: 980px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 overflow: hidden;
 font-size: 107%;
 text-align: left;
 letter-spacing: 2px;
 color: #25282a;
}
#resultPage #technology .inner{
 height: 685px;
 position: relative;
}
#resultPage #technology .txtbox h3{
 margin-bottom: 30px;
 font-size: 266%;
 line-height: 1.2;
 color: #440099;
}
#resultPage #technology .txtbox h3 span{
 padding-top: 20px;
 display: block;
 font-size: 60%;
 color: #25282a;
}
#resultPage #technology .txtbox .lead{
 margin-bottom: 50px;
 font-size: 120%;
 font-weight: bold;
}
#resultPage #technology .txtbox .txt{
 float: left;
 font-size: 110%;
 line-height: 2.4;
 font-weight: bold;
}
#resultPage #technology .technology_img{
 position: absolute;
 top: 50%;
 right: 0;
 transform: translateY(-50%);
 z-index: 2;
}
#resultPage #technology .technology_img img{
 width: 520px;
 height: auto;
}
#resultPage #technology .over_self{
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 font-size: 714%;
 line-height: 1;
 color: #FFF;
}
#resultPage #technology .over_fles{
 position: absolute;
 bottom: 0;
 right: 430px;
 z-index: 2;
 font-size: 714%;
 line-height: 1;
 color: #FFF;
}

@media screen and (min-width: 1800px){
 #resultPage #technology .txtbox_wrap{
  width: 45.3%;
 }
}
@media screen and (max-width: 960px){
/*FLES テクノロジー*/
#resultPage #technology {
 padding-top: 2em;
 height: auto;
 position: relative;
 background: rgba(246,227,220,1);
}
#resultPage #technology .txtbox_wrap{
 display: none;
}
#resultPage #technology .txtbox{
 margin: 0 auto 2em;
 padding: 20px 4%;
 width: 86%;
 position: relative;
 top: 0;
 left: 0;
 transform: none;
 background: rgba(255,255,255,0.3);
 border: solid 2px #FFF;
 font-size: 107%;
 text-align: left;
 letter-spacing: 2px;
 color: #25282a;
 box-sizing: content-box;
}
#resultPage #technology .txtbox .txt{
 text-align: center;
}
#resultPage #technology .inner{
 padding-bottom: 50px;
 padding-top: 30px;
 height: auto;
 position: relative;
 background: -webkit-linear-gradient(top, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
 background: linear-gradient(to bottom, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
}
#resultPage #technology .txtbox h3{
 margin-bottom: 15px;
 font-size: 208%;
 line-height: 1.2;
 text-align: center;
}
#resultPage #technology .txtbox h3 span{
 padding-top: 10px;
 font-size: 60%;
 color: #25282a;
}
#resultPage #technology .txtbox .lead{
 margin-bottom: 25px;
 font-size: 120%;
 font-weight: bold;
}
#resultPage #technology .txtbox .txt{
 width: 100%;
 float: none;
 line-height: 1.8;
}
#resultPage #technology .technology_img{
 margin: 0 auto;
 max-width: 460px;
 position: relative;
 top: 0;
 right: auto;
 z-index: 5;
 transform: none;
}
#resultPage #technology .technology_img img{
 width: 100%;
 height: auto;
}
#resultPage #technology .over_self{
 margin-right: 4%;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 font-size: 416%;
 line-height: 1;
 color: #FFF;
}
#resultPage #technology .over_fles{
 margin-left: 4%;
 position: absolute;
 bottom: 20px;
 right: auto;
 left: 0;
 z-index: 2;
 font-size: 416%;
 line-height: 1;
 color: #FFF;
}
}/*/max-width: 960px*/
@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/*Specialist紹介*/
#resultPage #person{
 padding: 35px 0 45px;
 background: #25282a;
 color: #FFF;
}
#resultPage #person .person_container{
 margin: 0 auto;
 width: 980px;
 position: relative;
}
#resultPage #person .disc{
 width: 300px;
 text-align: right;
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
}
#resultPage #person .disc h3{
 margin-bottom: 50px;
 font-size: 285%;
 font-weight: normal;
 letter-spacing: 4px;
 color: #ecc3b2;
}
#resultPage #person .disc .txt{
 font-size: 160%;
 line-height: 2;
 font-weight: bold;
}
#resultPage #person .person_wrap{
 margin: 0;
 width: 620px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#resultPage #person .person_box{
 width: 29%;
}
#resultPage #person .person_box dt{
 margin-bottom: 10px;
 text-align: center;
}
#resultPage #person .person_box dd h4{
 margin: 0 auto 20px;
 text-align: center;
 display: block;
 font-size: 114%;
 color: #ecc3b2;
}
#resultPage #person .person_box dd p{
 font-size: 82%;
 line-height: 1.8
}
#resultPage #person .person_box dd p .name{
 margin: 0 auto 0.5em;
 display: block;
 font-size: 108%;
 text-align: center;
 font-weight: bold;
 letter-spacing: 1px;
}

@media screen and (max-width: 960px){
/*Specialist紹介*/
#resultPage #person{
 padding: 35px 0 20px;
 background: #25282a;
 color: #FFF;
}
#resultPage #person .person_container{
 width: 86%;
}
#resultPage #person .disc{
 width: 100%;
 text-align: left;
 position: relative;
 right: auto;
 top: 0;
 transform: none;
}
#resultPage #person .disc h3{
 margin-bottom: 25px;
 font-size: 208%;
 text-align: center;
}
#resultPage #person .disc .txt{
 margin-bottom: 30px;
 font-size: 120%;
 line-height: 2;
 text-align: center;
}
#resultPage #person .person_wrap{
 margin: 0;
 width: 100%;
 display: block;
}
#resultPage #person .person_box{
 margin-bottom: 25px;
 width: 100%;
 display: -webkit-flex;
 display: flex;
 justify-content: space-between;
 justify-content: space-between;
}
#resultPage #person .person_box dt{
 margin-bottom: 10px;
 width: 27%;
 text-align: left;
}
#resultPage #person .person_box dd {
 width: 70%;
 }
#resultPage #person .person_box dd h4{
 margin: 0 auto 5px;
 text-align: left;
 font-size: 108%;
}
#resultPage #person .person_box dd p{
 font-size: 75%;
 line-height: 1.8
}
#resultPage #person .person_box dd p .name{
 margin: 0 auto 5px;
 display: block;
 font-size: 111%;
 text-align: left;
 font-weight: bold;
 letter-spacing: 1px;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/*appeal*/
#resultPage #fles_appeal{
 padding: 60px 0 0;
 background: #fbf3f0;
}
#resultPage #fles_appeal .stepimage{
 margin: 0 auto;
 padding: 0 70px 50px;
 width: 840px;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#resultPage #fles_appeal .stepimage li{
 width: 28.5%;
 position: relative;
 text-align: center;
}
#resultPage #fles_appeal .stepimage li:after{
 content: "";
 position: absolute;
 right: -18%;
 bottom: 108px;
 width: 19px;
 height: 36px;
 display: block;
 background: url(../../img/bgbt/p-interview/result/appeal_arr.png) no-repeat;
 background-size: contain;
}
#resultPage #fles_appeal .stepimage li:last-child:after{
 display: none;
}
#resultPage #fles_appeal .stepimage li img{
 width: 100%;
 height: auto;
}
#resultPage #fles_appeal .stepimage li figure{
 margin: 0;
 padding: 0;
}
#resultPage #fles_appeal .stepimage li figcaption{
 margin-bottom: 1.5em;
 font-size: 114%;
 color: #440099;
}
#resultPage #fles_appeal .stepimage li figcaption span{
 margin: 0 auto;
 display: block;
 font-size: 112.5%;
}
#resultPage #fles_appeal .stepimage li figcaption strong{
 margin: 0 auto;
 display: block;
 font-size: 150%;
 font-weight: normal;
}
#resultPage #fles_appeal .txt{
 padding-bottom: 80px;
 font-size: 171%;
 line-height: 2.3;
 text-align: center;
 color: #440099;
}
#resultPage #fles_appeal .wt_img {
 padding: 100px 0 0 0;
 background: #FFF;
}
#resultPage #fles_appeal .wt_img .txt{
 padding-bottom: 0;
}
#resultPage #fles_appeal .itemimg{
 width: 100%;
 height: 590px;
 position: relative;
 background: #FFF;
 text-align: center;
}
#resultPage #fles_appeal .itemimg img{
 position: absolute;
 top: 74px;
 left: 50%;
 transform: translateX(-50%);
}
@media screen and (max-width: 960px){
/*appeal*/
#resultPage #fles_appeal{
 padding: 30px 0 0;
 background: #fbf3f0;
}
#resultPage #fles_appeal .stepimage{
 margin: 0 auto;
 padding: 0 0 25px;
 width: 86%;
}
#resultPage #fles_appeal .stepimage li{
 width: 28.5%;
 position: relative;
 text-align: center;
}
#resultPage #fles_appeal .stepimage li:after{
 content: "";
 position: absolute;
 right: -18%;
 bottom: 108px;
 width: 19px;
 height: 36px;
 display: block;
 background: url(../../img/bgbt/p-interview/result/appeal_arr.png) no-repeat;
 background-size: contain;
}
#resultPage #fles_appeal .txt{
 padding-bottom: 40px;
 font-size: 133%;
 line-height: 2;
}
#resultPage #fles_appeal .itemimg{
 margin: 0 auto;
 padding: 25px 0 0;
 width: 100%;
 height: auto;
 position: relative;
 overflow: hidden;
 background: #FFF;
 text-align: center;
}
#resultPage #fles_appeal .itemimg img{
 position: relative;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 width: 130%;
 margin: 0 auto;
}
#resultPage #fles_appeal .wt_img {
 padding: 50px 0 0 0;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

#resultPage #about_fles{
 padding: 35px 0;
 background: #ede6f7;
}
#resultPage #about_fles .inner{
 width: 650px;
}
#resultPage #about_fles .txt01 span{
 font-size: 150%;
}

@media screen and (max-width: 960px){
#resultPage #about_fles{
 padding: 25px 0;
 background: #ede6f7;
}
#resultPage #about_fles .inner{
 width: 86%;
}
#resultPage #about_fles .txt01 span{
 font-size: 150%;
}
}/*/footer  max-width: 960px*/


/******************************************************************************

 animation

******************************************************************************/

.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*technology*/
.fadeTech .txtbox_wrap{
 -webkit-animation: fadeIn 0s ease 0s 1 forwards;
 animation: fadeIn 0s ease 0s 1 forwards;
 visibility: visible !important;
}
.fadeTech .txtbox{
 -webkit-animation: fadeIn 1.2s ease 0.4s 1 forwards;
 animation: fadeIn 1.2s ease 0.4s 1 forwards;
 visibility: visible !important;
}
.fadeTech .technology_img{
 -webkit-animation: fadeIn 1s ease 1s 1 forwards;
 animation: fadeIn 1s ease 1s 1 forwards;
 visibility: visible !important;
}
.fadeTech .over_self{
 -webkit-animation: fadeInDown 1s ease 1.5s 1 forwards;
 animation: fadeInDown 1s ease 1.5s 1 forwards;
 visibility: visible !important;
}
.fadeTech .over_fles{
 -webkit-animation: fadeInUp 1s ease 2.2s 1 forwards;
 animation: fadeInUp 1s ease 2.2s 1 forwards;
 visibility: visible !important;
}

@-webkit-keyframes fadeIn {
 0% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes fadeIn {
 0% { opacity: 0; }
 100% { opacity: 1; }
}

@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/******************************************************************************

 TOPページ遷移(C0100)用

******************************************************************************/

.pagefadein_over{
 width: 100%;
 height: 100vh;
 display: block;
 position: fixed;
 left: 0;
 top: 0;
 z-index: 110;
 background: #FFF;
}

/******************************************************************************

#loading // ローディング画面

******************************************************************************/
.loading{
 display:none;
 z-index:10;
 position:absolute;
 top: 0;
 left: 0;
 width: 100%;
}
#loading .loding_logo{
 margin: 0 auto 50px;
 width: 110px;
}
#loading .load_inner {
 margin: 0 auto;
 padding: 85px 0 0;
 width: 654px;
 border-top: solid 1px #6f3bb1;
 text-align: center;
}
#loading .loadingimg {
 margin-bottom: 50px;
}
#loading .loadingtxt {
 font-size: 292%;
 color: #FFF;
}
@media screen and (max-width: 960px){
#loading .loding_logo{
 margin: 0 auto 30px;
}
#loading .loding_logo img{
 width: 60%;
}
#loading .load_inner {
 width: 86%;
}
#loading .loadingimg {
 margin: 0 auto 25px;
 width: 50%;
}
#loading .loadingtxt {
 font-size: 200%;
}
}/* ～max-width: 960px　*/


.ec-layoutRole__contents{
 margin-bottom: 0;
}

.chart_overlay {
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0px;
 z-index: 0;
}