@charset "UTF-8";

@font-face {
	font-family: 'gen';
	src: url(../font/font/Webfont/SourceHanSansJP-Medium.otf);
}
@font-face {
	font-family: 'gen_r';
	src: url(../font/font/Webfont/SourceHanSansJP-Regular.otf);
}
@font-face {
	font-family: 'not';
	src: url(../font/font/Webfont/Notera.ttf);
}
@font-face {
	font-family: 'not_only';
	src: url(../font/font/Webfont/Notera_PersonalUseOnly.ttf);
}
/*============================================================================================
      question_共通
=============================================================================================*/
.alert{
      color: rgba(229,16,19,1.00);
      text-align: center;
      width: 100%;
      margin-top: 20px;
      font-size: 14px;
      display: none;
}
.alert_01{
      color: rgba(229,16,19,1.00);
      text-align: center;
      width: 100%;
      margin-top: 20px;
      font-size: 14px;
      display: none;
}
.alert_02{
      color: rgba(229,16,19,1.00);
      text-align: center;
      width: 100%;
      margin-top: 20px;
      font-size: 14px;
      display: none;
}
.question_body{
      background-color: #F8F7F0;
}
.l_wrap{
      width: 100%;
      margin: auto;
      max-width: 100%;
}
.l_wrap_inr{
      width: 92vw;
      margin: auto;
      max-width: 670px;
}
.before{
      display: none;
}
.before_top{
      display: block;
}
@media (max-width: 670px){
      .l_wrap_inr{
            max-width: 400px;
      }
}
.g_gen{
      font-family: gen;
      font-weight: 500;
}
.g_gen_r{
      font-family: gen_r;
}
.g_sof{
      font-family: "sofia-pro", sans-serif !important;
      font-weight: 400;
      font-style: normal;
}
.g_not{
      font-family: not;
}
.g_not_only{
      font-family: not_only;
}
.u_img{
      display: block;
	line-height: 0;
}
.u_img img{
      display: block;
      width: 100%;
      margin: 0 auto;
}
.u_ic{
      position: relative;
}
.u_alignC{
      text-align: center;
}
.u_sp{
      display: none!important;
}
.u_pc{
      display: block!important;
}
@media (max-width: 670px){
      .u_pc{
            display: none!important;
      }
      .u_sp{
            display: block!important;
      }
}
.fluid_cont{
      width: 100%;
}
.g_btn{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      min-height: 90px;
      font-size: 17px;
}
.g_btn a{
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      padding: 33px 20px;
      font-size: 16px;
}
.g_btn::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 15px;
      margin: auto;
      width: 25px;
      height: 25px;
      background: url(../img/question/top/arrow.png) no-repeat;
      background-size: contain;
      z-index: 1;
}
.g_btn button{
      display: block;
      padding: 33px 20px;
      text-align: center;
      width: 100%;
      border: 2px solid #000000;
      background-color: #00AEBB;
      border-radius: 50px;
      color: #fff;
      font-size: 17px;
}

.g_btn_que{
      margin-left: 15px;
      border: 2px solid #000000;
      background-color: #00AEBB;
      border-radius: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      font-size: 17px;
      color: #fff;
}
.g_btn_bk{
      background-color: #D6D6D6;
      max-width: 200px;
      border: 2px solid #000000;
      border-radius: 50px;
}
@media (max-width: 670px){
      .g_btn button{
            padding: 20px;
            font-size: 16px;
      }
      .g_btn{
            font-size: 16px;
      }
      .g_btn{
            min-height: 66px;
      }
      .g_btn_bk{
            max-width: 100px;
      }
}
.g_btn_bk::before{
      display: none;
}
.w_Header{
      height: 50px;
      border-bottom: 2px solid #000000;
      background-color:#F8F7F0 ;
}
.header_cont{
      max-width: 690px;
      margin: auto;
}
.header_num_min{
      font-size: 11px;
}
.w_main{
      padding-bottom: 70px;
}

/*============================================================================================
      question_top
=============================================================================================*/
/*    header
=====================================================*/
.que_header_img{
      position: absolute;
      top: 15px;
      left: 0;
      right: 0;
      margin: auto;
      width: 86px;
      z-index: 1;
}

/*    content
=====================================================*/
.top_que_mv_cont{
      /* overflow: hidden; */
}
.top_que_sec{
      max-width: 670px;
      padding-bottom: 190px;
}
.top_que_mv{
      width: 100%;
      margin: 0;
      margin-top: 0px;
      max-width: 490px;
      margin: auto;
      position: relative;
}
.top_que_mv::before{
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50% , -50%);
      width:110%;
      height: 100%;
      background:#F8E193;
      animation: fluidrotate 20s ease 0s infinite;
      z-index: -1;
}
.top_que_mv_ttl{
      width: 100%;
      max-width: 200px;
      margin: auto;
      margin-top: 30px;
}
.top_que_mv_ttl img{
      width: 100%;
}
#imageRotator {
      position: relative;
      width: 470px;
      height: 509px;
      margin: 0 auto;
}
#imageRotator li {
      background-size: 100% auto !important;
}
@media (max-width: 670px){
      #imageRotator {
            width: 430px !important;
            height: 470px !important;
      }
      #imageRotator li {
            background-size: 92% auto !important;
      }
}
#imageRotator img {
      position: absolute;
}    
.top_btn{
      position: fixed;
      left: 0;
      right: 0;
      bottom:50px;
      margin: auto;
      z-index: 99;
      width: 92%;
      max-width: 670px;
}
.fluid {
      width:70%;/*横幅*/
      height: 66px;/*縦幅*/
      background:#63BED9;/*背景色*/
      animation: fluidrotate 10s ease 0s infinite;/*アニメーションの設定*/
      position: absolute;
      z-index: -1;
      opacity: .8;
}
.fluid_01{
      animation: fluidrotate_01 10s ease 0s infinite;/*アニメーションの設定*/
      left: 30px;
      bottom: -20px;
}
.fluid_02{
      animation: fluidrotate_02 10s ease 0s infinite;/*アニメーションの設定*/
      left: 30px;
      top: -20px;
      width: 80%;
}
.fluid_03{
      animation: fluidrotate_03 10s ease 0s infinite;/*アニメーションの設定*/
      right: 15px;
      bottom: -20px;
      width: 90%;
}
.fluid_04{
      animation: fluidrotate_04 10s ease 0s infinite;/*アニメーションの設定*/
      right: 15px;
      top: -20px;
      width: 40%;
}
@keyframes fluidrotate {  
	  
      0%, 100% {
          border-radius: 59% 41% 26% 74% / 43% 56% 44% 57%;
      }
      14% {
          border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
      }
      28% {
          border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
      }
      42% {
          border-radius: 59% 41% 26% 74% / 43% 56% 44% 57%;
      }
      56% {
          border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
      }
      70% {
          border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
      }
      84% {
          border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
      }
              
}
@keyframes fluidrotate_01 {  
	  
      0%, 100% {
          bottom: 0;
          border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
      14% {
          border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
      }
      28% {
          border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
      }
      42% {
          bottom: -20px;
          border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
      }
      56% {
          border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
      }
      70% {
          border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
      }
      84% {
          border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
      }
              
}
@keyframes fluidrotate_02 {  
	  
      0%, 100% {
          top:-20px;
          border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
      14% {
          border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
      }
      28% {
          border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
      }
      42% {
          border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
      }
      56% {
          top: 0px;
          border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
      }
      70% {
          border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
      }
      84% {
          border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
      }
              
}
@keyframes fluidrotate_03 {  
	  
      0%, 100% {
          bottom:0px;
          right: 15px;
          border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
      14% {
          border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
      }
      28% {
            bottom: -15px;
            border-radius: 91% 9% 9% 91% / 43% 50% 50% 57%;
      }
      42% {
            border-radius: 91% 9% 9% 91% / 43% 50% 50% 57%;
      }
      56% {
            right: -10px;
          border-radius: 91% 9% 9% 91% / 43% 50% 50% 57%;
      }
      70% {
            border-radius: 91% 9% 9% 91% / 43% 50% 50% 57%;
      }
      84% {
            border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
      }
              
}
@keyframes fluidrotate_04 {  
	  
      0%, 100% {
            top:-15px;
            right: 15px;
            border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
      14% {
            border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
      28% {
            right: 35px;
            border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
      42% {
            border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
      56% {
            border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
      70% {
            top: 0px;
            border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
      84% {
            border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
      }
}
@media (max-width: 670px){
      .top_que_mv_ttl{
            max-width: 220px;
      }
}
.top_que_mv img{
      object-fit: cover;
}
.top_que_txt{
      margin-top: 20px;
      margin-bottom: 0px;
      font-size: 14px;
      line-height: 1.85;
}
.top_que_txt_note{
      font-size: 10px;
}
@media (max-width: 670px){
      .top_que_mv_cont{
            overflow: hidden;
      }
      .top_que_sec{
            max-width: 767px;
            padding-bottom: 160px;
      }
      .top_que_mv{
            width: 120%;
            margin: 0;
            transform: translateX(-10%);
            margin-top: 0px;
            max-width: initial;
            margin-bottom: 0;
      }
      .top_que_txt{
            margin-top: 20px;
      }
}

/*============================================================================================
      question_lower
=============================================================================================*/
.g_que_sec{
      position: relative;
      padding: 70px 0;
      /* min-height: calc(100vh - 50px); */
      padding-bottom: 190px;
}
.g_que_cont{
}
.g_question_ttl{
      font-size: 16px;
}
.g_question_txt{
      margin-top: 10px;
      font-weight: 400;
      color:#505050 ;
      font-size: 12px;
}
.g_que_form_cont{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      /* min-height: calc(100vh - 190px); */
}
.g_que_btn_cont{
      display: flex;
}
.g_que_radio_cont_itm_input  {
      -webkit-appearance: none;
      appearance: none;
      position: relative;
      width: 23px;
      height: 23px;
}
.g_que_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
}
.g_que_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      background: url(../img/question/common/checked.png) no-repeat;
      background-size: cover;
      background-position: center;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
}
.g_que_radio_cont_itm_input.js_open::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      background: url(../img/question/common/checked.png) no-repeat;
      background-size: cover;
      background-position: center;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
}
.g_que_check_cont_itm_input  {
      -webkit-appearance: none;
      appearance: none;
      position: relative;
      width: 23px;
      height: 23px;
}
.g_que_check_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
}
.g_que_check_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      background: url(../img/question/common/checked.png) no-repeat;
      background-size: cover;
      background-position: center;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
}
.g_que_btn_cont{
      width: 92%;
      max-width: 670px;
      margin: 0 auto;
      position: fixed;
      bottom: 50px;
      left: 0;
      right: 0;
      z-index: 99;
}
@media (max-width: 670px){
.g_que_sec{
      padding-bottom: 160px;
}
}
/*    header
=====================================================*/
.que_lower_header_img{
      position: absolute;
      top: 15px;
      left: 0;
      right: 0;
      margin: auto;
      width: 86px;
      z-index: 1;
      border-radius: 50%;
      z-index: 3;
      overflow: hidden;
}
.que_lower_header_img::before{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color:#F8F7F0 ;
      z-index: -2;
}
.que_lower_header_img::after{
      content: "";
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #F2990B;
      z-index: -1;
      -webkit-transition: top .7s;
      -moz-transition: top .7s;
      -o-transition: top .7s;
      transition: top .7s;
}
.header_cont{
      display: flex;
      justify-content: space-between;
      -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
      height: 100%;
      padding: 0 25px 5px;
}
.que_lower_header_01_img.js_open::after{
      top: 93%;
}

.que_lower_header_02_img::after{
      top: 93%;
}
.que_lower_header_02_img.js_open::after{
      top: 86%;
}

.que_lower_header_03_img::after{
      top: 86%;
}
.que_lower_header_03_img.js_open::after{
      top: 79%;
}

.que_lower_header_04_img::after{
      top: 79%;
}
.que_lower_header_04_img.js_open::after{
      top: 72%;
}

.que_lower_header_05_img::after{
      top: 72%;
}
.que_lower_header_05_img.js_open::after{
      top: 65%;
}

.que_lower_header_06_img::after{
      top: 65%;
}
.que_lower_header_06_img.js_open::after{
      top: 58%;
}

.que_lower_header_07_img::after{
      top: 58%;
}
.que_lower_header_07_img.js_open::after{
      top: 51%;
}

.que_lower_header_08_img::after{
      top: 51%;
}
.que_lower_header_08_img.js_open::after{
      top: 44%;
}

.que_lower_header_09_img::after{
      top: 44%;
}
.que_lower_header_09_img.js_open::after{
      top: 37%;
}

.que_lower_header_10_img::after{
      top: 37%;
}
.que_lower_header_10_img.js_open::after{
      top: 30%;
}

.que_lower_header_11_img::after{
      top: 30%;
}
.que_lower_header_11_img.js_open::after{
      top: 23%;
}

.que_lower_header_12_img::after{
      top: 23%;
}
.que_lower_header_12_img.js_open::after{
      top: 16%;
}

.que_lower_header_13_img::after{
      top: 16%;
}
.que_lower_header_13_img.js_open::after{
      top: 9%;
}

.que_lower_header_14_img::after{
      top: 9%;
}
.que_lower_header_14_img.js_open::after{
      top: 0%;
}
/*    content_01
=====================================================*/
.g_que_form{
}
.g_que_form_cont{
}
.que_lower_header_01_img_sub{
      position: absolute;
      top: 0;
      z-index: -1;
      height: 127px;
      width: 85px;
      object-fit: cover;
      object-position: center;
      animation: que_lower_header_01_img_sub .3s linear 0s;
      animation-fill-mode: forwards;
}
@keyframes que_lower_header_01_img_sub{
      0% {
            opacity: 1;
        }
      100% {
            opacity: 0;
        }
}
.que_lower_header_01_img{
      height: 125px;
      border-radius: 50px;
      border: 2px solid #000;
      animation: que_lower_header_01 .7s ease 0s;
      animation-fill-mode: forwards;
      animation-delay: .3s;
}
@keyframes que_lower_header_01{
      0% {
            height: 125px;
        }
      100% {
            height: 86px;
        }
}

.que_lower_header_01_img::after{
      z-index: 1;
      transition-delay: .8s;
}
.g_que_01_radio_cont{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 400px;
      width: 100%;
      margin: auto;
      margin-top: 40px;
      margin-bottom: 0;
}
.g_que_01_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 230px;
      width: 48.5%;
      max-width: 160px;
      padding: 15px 20px;
      padding-bottom: 10px;
      background-color: #fff;
      border-radius: 30px;
      border: 2px solid #000;
      overflow: hidden;
}
.g_que_01_radio_cont_itm:nth-child(even){
      margin-left: 3%;
}
.g_que_01_radio_cont_itm:nth-child(n+3){
      margin-top: 3%;
}
.g_que_01_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
      height: 100%;
      height: 200px;
      width: 100%;
      margin-bottom: 10px;
      background: url(../img/question/question_01/lst_01.jpg) no-repeat;
      background-size: contain;
      object-position: top;
}
#radio_cont1 .g_que_01_radio_cont_itm_label{
      background: url(../img/question/question_01/lst_02.jpg) no-repeat;
      background-size: contain;
}
#radio_cont2 .g_que_01_radio_cont_itm_label{
      background: url(../img/question/question_01/lst_03.jpg) no-repeat;
      background-size: contain;
}

.g_que_btn_cont_01{

}

/*    content_02
=====================================================*/
.g_que_02_radio_cont_itm{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 90px;
      width: 100%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
      margin-top: 40px;
}
.g_que_02_radio_cont_itm + .g_que_02_radio_cont_itm{
      margin-top: 30px;
} 
.g_que_02_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
}
.g_que_02_radio_cont_itm_input{
      position: absolute;
      left: 20px;
      width: 60px;
      height: 60px;
}
.g_que_02_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 60px;
      height: 60px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      background: url(../img/question/question_02/lst_01.png) no-repeat;
      background-size: cover;
      background-position: center;
      z-index: 2;
}
#radio1.g_que_02_radio_cont_itm_input::before{
      background: url(../img/question/question_02/lst_02.png) no-repeat;
      background-size: cover;
      background-position: center;
}
#radio2.g_que_02_radio_cont_itm_input::before{
      background: url(../img/question/question_02/lst_03.png) no-repeat;
      background-size: cover;
      background-position: center;
}
.g_que_02_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      background: none;
      background-color: #FDD000;
      border: 2px solid #000000;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_btn_cont_02{
      /* margin-top: 190px; */
}

/*    content_03
=====================================================*/
.g_que_03_radio_cont_itm{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 90px;
      width: 100%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
      margin-top: 40px;
}
.g_que_03_radio_cont_itm + .g_que_03_radio_cont_itm{
      margin-top: 30px;
} 
.g_que_03_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
}
.g_que_03_radio_cont_itm_input{
      position: absolute;
      left: 20px;
      width: 60px;
      height: 60px;
}
.g_que_03_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 60px;
      height: 60px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      background: url(../img/question/question_03/lst_01.png) no-repeat;
      background-size: cover;
      background-position: center;
      z-index: 2;
}
#radio1.g_que_03_radio_cont_itm_input::before{
      background: url(../img/question/question_03/lst_02.png) no-repeat;
      background-size: cover;
      background-position: center;
}
#radio2.g_que_03_radio_cont_itm_input::before{
      background: url(../img/question/question_03/lst_03.png) no-repeat;
      background-size: cover;
      background-position: center;
}
.g_que_03_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      background: none;
      background-color: #FDD000;
      border: 2px solid #000000;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_btn_cont_03{
      /* margin-top: 190px; */
}

/*    content_04
=====================================================*/
.g_que_04_radio_cont{
      display: flex;
      flex-wrap: wrap;
      max-width: 100%;
      margin-top: 30px;
}
.g_que_04_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 90px;
      width: 48.5%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
}
.g_que_04_radio_cont_itm:nth-child(even){
      margin-left: 3%;
}
.g_que_04_radio_cont_itm:nth-child(n+3){
      margin-top: 3%;
}
@media (max-width: 670px){
      .g_que_04_radio_cont{
            /* max-width: 330px; */
      }
      .g_que_04_radio_cont_itm{
            /* max-width: 160px; */
      }
      .g_que_04_radio_cont_itm{
            width: 47.5%;
      }
      .g_que_04_radio_cont_itm:nth-child(even){
            margin-left: 5%;
      }
      .g_que_04_radio_cont_itm:nth-child(n+3){
            margin-top: 8%;
      }
}
.g_que_04_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      font-size: 14px;
      padding-left: 5px;
}
.g_que_04_radio_cont_itm_input{
      position: absolute;
      left: 10px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 23px;
      height: 23px;
}
.g_que_04_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 2;
      background: none;
}
.g_que_04_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_btn_cont_04{
      /* margin-top: 90px; */
}

/*    content_05
=====================================================*/
.g_que_05_radio_cont_itm{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 90px;
      width: 100%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
      margin-top: 40px;
}
.g_que_05_radio_cont_itm + .g_que_05_radio_cont_itm{
      margin-top: 30px;
} 
.g_que_05_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
}
.g_que_05_radio_cont_itm_input{
      position: absolute;
      left: 20px;
      width: 23px;
      height: 23px;
}
.g_que_05_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 2;
      background: none;
}
.g_que_05_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_btn_cont_05{
      /* margin-top: 50px; */
}

/*    content_06
=====================================================*/
.g_que_06_radio_cont{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 400px;
      margin: auto;
      margin-top: 20px;
}
.g_que_06_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 230px;
      width: 47.5%;
      max-width: 160px;
      padding: 15px 10px;
      padding-bottom: 10px;
      background-color: #fff;
      border-radius: 30px;
      border: 2px solid #000;
}
.g_que_06_radio_cont_itm:nth-child(even){
      margin-left: 5%;
}
.g_que_06_radio_cont_itm:nth-child(n+3){
      margin-top: 5%;
}
.g_que_06_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
      height: 100%;
      height: 175px;
      width: 100%;
      margin-bottom: 10px;
      background: url(../img/question/question_06/lst_01.jpg) no-repeat;
      background-size: contain;
      background-position: top;
}
#radio_cont1 .g_que_06_radio_cont_itm_label{
      background: url(../img/question/question_06/lst_02.jpg) no-repeat;
      background-size: contain;
      background-position: top;
}
#radio_cont2 .g_que_06_radio_cont_itm_label{
      background: url(../img/question/question_06/lst_03.jpg) no-repeat;
      background-size: contain;
      background-position: top;
}
#radio_cont3 .g_que_06_radio_cont_itm_label{
      background: url(../img/question/question_06/lst_04.jpg) no-repeat;
      background-size:auto;
      background-position: center 30%;
}
.g_que_btn_cont_06{
      /* margin-top: 50px; */
}
#radio_cont3.g_que_06_radio_cont_itm{
      background: none;
      background-color: #fff;
}
@media (max-width: 670px){
.g_que_06_radio_cont_itm{
      padding: 15px 10px;
      max-width: initial;
}
}

/*    content_07
=====================================================*/
.g_que_07_radio_cont{
      display: flex;
      flex-wrap: wrap;
      max-width: 100%;
      margin-top: 30px;
}
.g_que_07_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 90px;
      width: 48.5%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
}
.g_que_07_radio_cont_itm:nth-child(even){
      margin-left: 3%;
}
.g_que_07_radio_cont_itm:nth-child(n+3){
      margin-top: 3%;
}
@media (max-width: 670px){
      /* .g_que_07_radio_cont{
            max-width: 330px;
      }
      .g_que_07_radio_cont_itm{
            max-width: 160px;
      } */
      .g_que_07_radio_cont_itm{
            width: 47.5%;
      }
      .g_que_07_radio_cont_itm:nth-child(even){
            margin-left: 5%;
      }
      .g_que_07_radio_cont_itm:nth-child(n+3){
            margin-top: 8%;
      }
}
.g_que_07_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      font-size: 14px;
      padding-left: 15px;
}
.g_que_07_radio_cont_itm_input{
      position: absolute;
      left: 10px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 23px;
      height: 23px;
}
.g_que_07_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 2;
      background: none;
}
.g_que_07_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_check_cont_something.on:checked::after{
      content: "1";
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
      background: none;
      background-color: #FDD000;
      text-align: center;
      line-height: 16px;
      font-family: "sofia-pro", sans-serif !important;
      font-weight: 500;
      font-style: normal;
      font-size: 16px;
      border: 2px solid #000;
}
.g_que_check_cont_something.on1:checked::after{
      content: "1";
}
.g_que_check_cont_something.on2:checked::after{
      content: "2";
}
.g_que_check_cont_something.on3:checked::after{
      content: "3";
}
.g_que_check_cont_something.on4:checked::after{
      content: "4";
}
.g_que_check_cont_something.on5:checked::after{
      content: "5";
}
.g_que_check_cont_something.on6:checked::after{
      content: "6";
}
.g_que_check_cont_something.on7:checked::after{
      content: "7";
}
.g_que_check_cont_something.on8:checked::after{
      content: "8";
}
.g_que_check_cont_something.on9:checked::after{
      content: "9";
}
.g_que_check_cont_something.on10:checked::after{
      content: "10";
}


.g_que_07_note{
      text-align: center;
      margin-top: 25px;
      font-size: 10px;
}
.g_que_btn_cont_07{
      /* margin-top: 50px; */
}
#radio_cont6.g_que_07_radio_cont_itm{
      background-color: #EDEDED;
}
@media (max-width: 350px){
      .g_que_07_radio_cont_itm_label{
            font-size: 12px;
      }
}
/*    content_08
=====================================================*/
.g_que_08_radio_cont{
      display: flex;
      flex-wrap: wrap;
      max-width: 100%;
      margin: auto;
      margin-top: 30px;
}
.g_que_08_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 65px;
      width: 48.5%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
}
.g_que_08_radio_cont_itm:nth-child(even){
      margin-left: 3%;
}
.g_que_08_radio_cont_itm:nth-child(n+3){
      margin-top: 3%;
}
@media (max-width: 670px){
      /* .g_que_08_radio_cont{
            max-width: 330px;
      }
      .g_que_08_radio_cont_itm{
            max-width: 160px;
      } */
      .g_que_08_radio_cont_itm{
            width: 47.5%;
      }
      .g_que_08_radio_cont_itm:nth-child(even){
            margin-left: 5%;
      }
      .g_que_08_radio_cont_itm:nth-child(n+3){
            margin-top: 7%;
      }
}
.g_que_08_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      font-size: 14px;
      padding-left: 5px;
}
.g_que_08_radio_cont_itm_input{
      position: absolute;
      left: 10px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 23px;
      height: 23px;
}
.g_que_08_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 2;
      background: none;
}
.g_que_08_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_btn_cont_08{
      /* margin-top: 80px; */
}
#radio_cont9.g_que_08_radio_cont_itm{
      background-color: #EDEDED;
}
@media (max-width: 670px){
      .g_que_08_radio_cont_itm_label{
            padding-left: 20px;
      }
}
@media (max-width: 360px){
      .g_que_08_radio_cont_itm_label{
            font-size: 12px;
            padding-left: 30px;
      }
}
/*    content_09
=====================================================*/
.g_que_09_radio_cont{
      display: flex;
      flex-wrap: wrap;
      max-width: 100%;
      margin-top: 30px;
}
.g_que_09_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 90px;
      width: 48.5%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
}
.g_que_09_radio_cont_itm:nth-child(even){
      margin-left: 3%;
}
.g_que_09_radio_cont_itm:nth-child(n+3){
      margin-top: 3%;
}
@media (max-width: 670px){
      /* .g_que_09_radio_cont{
            max-width: 330px;
      }
      .g_que_09_radio_cont_itm{
            max-width: 160px;
      } */
      .g_que_09_radio_cont_itm{
            width: 47.5%;
      }
      .g_que_09_radio_cont_itm:nth-child(even){
            margin-left: 5%;
      }
      .g_que_09_radio_cont_itm:nth-child(n+3){
            margin-top: 8%;
      }
}
.g_que_09_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      font-size: 14px;
      padding-left: 20px;
}
.g_que_09_radio_cont_itm_input{
      position: absolute;
      left: 10px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 23px;
      height: 23px;
}
.g_que_09_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 2;
      background: none;
}
.g_que_09_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_btn_cont_09{
      /* margin-top: 170px; */
}
#radio_cont3.g_que_09_radio_cont_itm{
      background-color: #EDEDED;
}
/*    content_10
=====================================================*/
.g_que_10_radio_cont{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 400px;
      margin: auto;
      margin-top: 40px;
}
.g_que_10_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 200px;
      width: 31%;
      max-width: 160px;
      padding: 10px 7px;
      padding-bottom: 10px;
      background-color: #fff;
      border-radius: 30px;
      border: 2px solid #000;
}
.g_que_10_radio_cont_itm + .g_que_10_radio_cont_itm{
      margin-left: 3.5%;
}
.g_que_10_radio_cont_itm:nth-child(3n+1){
      margin-left: 0%;
}
.g_que_10_radio_cont_itm:nth-child(n+4){
      margin-top: 5%;
}
.g_que_10_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
      height: 100%;
      width: 100%;
      margin-bottom: 10px;
      font-size: 12px;
      background: url(../img/question/question_10/lst_01.jpg) no-repeat;
      background-size: contain;
      background-position: top center;
}
#radio_cont1 .g_que_10_radio_cont_itm_label{
      background: url(../img/question/question_10/lst_02.jpg) no-repeat;
      background-size: contain;
      background-position: top center;
}
#radio_cont2 .g_que_10_radio_cont_itm_label{
      background: url(../img/question/question_10/lst_03.jpg) no-repeat;
      background-size: contain;
      background-position: top center;
}
#radio_cont3 .g_que_10_radio_cont_itm_label{
      background: url(../img/question/question_10/lst_04.jpg) no-repeat;
      background-size: contain;
      background-position: top center;
}
#radio_cont4 .g_que_10_radio_cont_itm_label{
      background: url(../img/question/question_10/lst_05.jpg) no-repeat;
      background-size: contain;
      background-position: top center;
}
.g_que_btn_cont_10{
      /* margin-top: 140px; */
}
.g_que_10_no_img{
      background: none;
      background-color: #fff;
}

/*    content_11
=====================================================*/
.g_que_11_radio_cont{
      display: flex;
      flex-wrap: wrap;
      max-width: 100%;
      margin: auto;
      margin-top: 30px;
}
.g_que_11_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 90px;
      width: 48.5%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
}
.g_que_11_radio_cont_itm:nth-child(even){
      margin-left: 3%;
}
.g_que_11_radio_cont_itm:nth-child(n+3){
      margin-top: 3%;
}
@media (max-width: 670px){
      /* .g_que_11_radio_cont{
            max-width: 330px;
      }
      .g_que_11_radio_cont_itm{
            max-width: 160px;
      } */
      .g_que_11_radio_cont_itm{
            width: 47.5%;
      }
      .g_que_11_radio_cont_itm:nth-child(even){
            margin-left: 5%;
      }
      .g_que_11_radio_cont_itm:nth-child(n+3){
            margin-top: 8%;
      }
}
.g_que_11_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      font-size: 14px;
      padding-left: 10px;
}
.g_que_11_radio_cont_itm_input{
      position: absolute;
      left: 10px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 23px;
      height: 23px;
}
.g_que_11_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 2;
      background: none;
}
.g_que_11_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_btn_cont_11{
      /* margin-top: 170px; */
}
#radio_cont5.g_que_11_radio_cont_itm{
      background-color: #EDEDED;
}
@media (max-width: 670px){
      .g_que_11_radio_cont_itm_label{
            padding-left: 40px;
            padding-right: 15px;
      }
}

/*    content_12
=====================================================*/
.g_que_12_radio_cont{
      display: flex;
      flex-wrap: wrap;
      max-width: 100%;
      margin-top: 30px;
}
.g_que_12_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 90px;
      width: 48.5%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
}
.g_que_12_radio_cont_itm:nth-child(even){
      margin-left: 3%;
}
.g_que_12_radio_cont_itm:nth-child(n+3){
      margin-top: 3%;
}
@media (max-width: 670px){
      /* .g_que_12_radio_cont{
            max-width: 330px;
      }
      .g_que_12_radio_cont_itm{
            max-width: 160px;
      } */
      .g_que_12_radio_cont_itm{
            width: 100%;
            height: 50px;
      }
      .g_que_12_radio_cont_itm:nth-child(even){
            margin-left: 0%;
      }
      .g_que_12_radio_cont_itm:nth-child(n+3){
            margin-top: 0%;
      }
      .g_que_12_radio_cont_itm + .g_que_12_radio_cont_itm{
            margin-top: 12px;
      }
}
/* .g_que_12_radio_cont{
      max-width: 100%;
      width: 100%;
      margin: auto;
      margin-top: 30px;
}
.g_que_12_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 50px;
      width: 100;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
}

.g_que_12_radio_cont_itm + .g_que_12_radio_cont_itm{
      margin-top: 10px;
} */
.g_que_12_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      font-size: 14px;
      padding-left: 10px;
}
.g_que_12_radio_cont_itm_input{
      position: absolute;
      left: 10px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 23px;
      height: 23px;
}
.g_que_12_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 2;
      background: none;
}
.g_que_12_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_btn_cont_12{
      /* margin-top: 30px; */
      padding-top: 30px;
}
.g_que_12_bg_gray{
      background-color: #EDEDED;
}
.locked{
      pointer-events: none;
      opacity: .5;
}
#radio_cont7.g_que_12_radio_cont_itm{
      background-color: #EDEDED;
}
@media (max-width: 670px){
      .g_que_12_radio_cont_itm_label{
            padding-left: 0px;
            padding-right: 0px;
      }
}


/*    content_13
=====================================================*/
.g_que_13_radio_cont{
      max-width: 100%;
      margin-top: 30px;
}
.g_question_13_txt{
      font-size: 12px;
      color: #F2990B;
      margin-top: 20px;
}
.g_que_13_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 50px;
      width: 100;
      background-color: #fff;
      border-radius: 10px;
      border: 2px solid #000;
      position: relative;
      overflow: hidden;
}

.g_que_13_radio_cont_itm + .g_que_12_radio_cont_itm{
      margin-top: 10px;
}
.g_que_13_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      font-size: 14px;
      padding-left: 20px;
}
.g_que_13_radio_cont_itm_input{
      width: 100%;
      height: 100%;
      padding: 5px 20px;
}

.g_que_btn_cont_13{
      /* margin-top: 30px; */
}
.g_que_13_bg_gray{
      background-color: #EDEDED;
}
.g_que_13_note{
      padding-top: 20px;
      font-size: 13px;
}
.g_que_13_input_cont{
      position: relative;
}
.g_que_13_radio_cont_itm_input{
      position: static;
}
.g_que_13_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 14px;
      height: 14px;
      position: absolute;
      left: 0px;
      top: 24px;
      z-index: 2;
      background: none;
      margin: 0;
}
.g_que_13_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 14px;
      height: 14px;
      border: 2px solid #000;
      left: 0;
      top: 24px;
      z-index: 1;
      background: #FDD000;
      margin: 0;
}
/* .g_que_13_note::before{
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 26px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border: 2px solid #000;
      background-color: #FDD000;
} */
@media (max-width: 670px){
      .g_que_13_radio_cont_itm_input{
            font-size: 16px;
      }

}

/*    content_14
=====================================================*/
.g_que_14_radio_cont{
      display: flex;
      flex-wrap: wrap;
      max-width: 100%;
      width: 100%;
      margin: auto;
      margin-top: 30px;
}
.g_que_14_fra_cont{
      display: flex;
      border-bottom: 2px solid #000;
      position: relative;
      justify-content: center;
      margin-top: 30px;
      height: 68px;
}
.g_que_14_fra_txt{
      font-size: 14px;
      position: absolute;
      top: 0;
      left: 0;
}
.g_que_14_fra_ttl{
      font-size: 48px;
      line-height: 1;
      letter-spacing: -15px;
      transform: rotate(5deg);
      color: #63BED9;
      margin-bottom: -7px;
      position: relative;
      z-index: -1;
      -webkit-text-stroke: 1px #9ABE31;
      text-stroke: 1px #9ABE31;
}
.g_que_14_mv{
      width: 100%;
      max-width: 340px;
      margin: auto;
      margin-top: 20px;
}
.g_que_des_cont{
      margin-top: 20px;
}
.g_que_des_ttl {
      font-weight: 700;
      font-size: 14px;
}
.g_que_des_txt{
      font-size: 12px;
      margin-top: 10px;
}
.g_que_14_radio_cont_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: end;
      height: 40px;
      width: 48.5%;
      background-color: #fff;
      border-radius: 50px;
      border: 2px solid #000;
      position: relative;
}
@media (max-width: 670px){
      .g_que_14_mv{
            max-width: initial;
      }
      .g_que_14_radio_cont{
            /* max-width: 330px; */
      }
      .g_que_14_radio_cont_itm{
            /* max-width: 160px; */
      }
}
.g_que_14_radio_cont_itm:nth-child(even){
      margin-left: 3%;
}
.g_que_14_radio_cont_itm:nth-child(n+3){
      margin-top: 3%;
}
.g_que_14_radio_cont_itm_label{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%;
      font-size: 14px;
      padding-left: 20px;
}
.g_que_14_radio_cont_itm_input{
      position: absolute;
      left: 10px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 23px;
      height: 23px;
}
.g_que_14_radio_cont_itm_input::before {
      content: '';
      display: block;
      border-radius: 50%;
      border: 2px solid #000000;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 2;
      background: none;
}
.g_que_14_radio_cont_itm_input:checked::after{
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      left: 0;
      right: 0;
      bottom: 0px;
      margin: auto;
      z-index: 1;
}
.g_que_btn_cont_14{
      /* margin-top: 80px; */
}
.g_que_14_bg_gray{
      background-color: #EDEDED;
}
.thumbnail .slick-track {
      transform: unset !important;
}
.slick-list{
      width: 100% !important;
}
.g_que_14_radio_cont .slick-list .slick-slide{
      width: 47.8% !important;
}

.g_que_14_radio_cont .slick-list .slick-slide:nth-child(even){
      margin-left: 3%;
}
.g_que_14_radio_cont .slick-list .slick-slide:nth-child(n+3){
      margin-top: 3%;
}
.g_que_14_fra_sec.slick-img{
      display: none;
}

.g_que_14_fra_ttl_img_fantasy{
      width: 160px;
      margin: auto;
}
.g_que_14_fra_ttl_img_fantasy img{
      width: 100%;
      object-fit: contain;
      object-position: center;
}
.g_que_14_fra_ttl_img_rose{
      width: 180px;
      margin: auto;
}
.g_que_14_fra_ttl_img_rose img{
      width: 100%;
      object-fit: contain;
      object-position: center;
}
.g_que_14_fra_ttl_img_yoga{
      width: 100px;
      margin: auto;
}
.g_que_14_fra_ttl_img_yoga img{
      width: 100%;
      object-fit: contain;
      object-position: center;
}
.g_que_14_fra_ttl_img_honest{
      width: 140px;
      margin: auto;
}
.g_que_14_fra_ttl_img_yoga img{
      width: 100%;
      object-fit: contain;
      object-position: center;
}
.g_que_14_fra_ttl_img_honest{
      width: 140px;
      margin: auto;
}
.g_que_14_fra_ttl_img_honest img{
      width: 100%;
      object-fit: contain;
      object-position: center;
}
.g_que_14_fra_ttl_img_sun{
      width: 85px;
      margin: auto;
}
.g_que_14_fra_ttl_img_sun img{
      width: 100%;
      object-fit: contain;
      object-position: center;
}

/*    loading
=====================================================*/
.loading_body.yoga{
      background-color: #A1BD4B;
}
.loading_body.sun{
      background-color: #F18D00;
}
.loading_body.rose{
      background-color: #E95383;
}
.loading_body.fantasy{
      background-color: #FDD000;
}
.loading_body.honest{
      background-color: #00AEBB;
}

.loading_cont{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
}
.loading_ttl{
      margin-top: 20px;
}
.loading_lst{
      max-width: 270px;
      margin: 0 auto;
      margin-top: 40px;
}
.loading_lst_itm{
      pointer-events: none;
      width: 100%;
      max-width: 270px;
}

.splash {
      text-align:center;
      color:#fff;
      position: relative;
}
      .splash_text {
      width: 98%;
      color: #fff;
      border-radius: 10px;
      border-radius: 10px;
      overflow: hidden;
      margin: auto;
}
.loading_lst_itm{
      position: relative;
      overflow: hidden;
      /* -webkit-transition: bottom 2s;
      -moz-transition: bottom 2s;
      -o-transition: bottom 2s;
      transition: bottom 2s;
      -webkit-transition-delay: 1s;
         -moz-transition-delay: 1s;
           -o-transition-delay: 1s;
              transition-delay: 1s; */
}
.loading_lst_itm img{
      margin-bottom: -1px;
}
.loading_lst_itm_min img{
      margin-bottom: 0px;
}
.loading_lst_itm::before{
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: calc(100% - 2px);
      height: 218px;
      background-color: #fff;
      z-index: -2;
}
.yoga .loading_lst_itm::after{
      content: "";
      display: block;
      position: absolute;
      bottom: -100%;
      left: 0px;
      right: 0;
      margin: auto;
      width: calc(100% - 2px);
      height: 170px;
      background-color: #DDECD9;
      z-index: -1;
      -webkit-transition: bottom 2s;
      -moz-transition: bottom 2s;
      -o-transition: bottom 2s;
      transition: bottom 2s;
      -webkit-transition-delay: 1s;
         -moz-transition-delay: 1s;
           -o-transition-delay: 1s;
              transition-delay: 1s;
}
.sun .loading_lst_itm::after{
      content: "";
      display: block;
      position: absolute;
      bottom: -100%;
      left: 0px;
      right: 0;
      margin: auto;
      width: calc(100% - 2px);
      height: 170px;
      background-color: #FFEBCC;
      z-index: -1;
      -webkit-transition: bottom 2s;
      -moz-transition: bottom 2s;
      -o-transition: bottom 2s;
      transition: bottom 2s;
      -webkit-transition-delay: 1s;
         -moz-transition-delay: 1s;
           -o-transition-delay: 1s;
              transition-delay: 1s;
}
.rose .loading_lst_itm::after{
      content: "";
      display: block;
      position: absolute;
      bottom: -100%;
      left: 0px;
      right: 0;
      margin: auto;
      width: calc(100% - 2px);
      height: 170px;
      background-color: #FFDAD8;
      z-index: -1;
      -webkit-transition: bottom 2s;
      -moz-transition: bottom 2s;
      -o-transition: bottom 2s;
      transition: bottom 2s;
      -webkit-transition-delay: 1s;
         -moz-transition-delay: 1s;
           -o-transition-delay: 1s;
              transition-delay: 1s;
}
.fantasy .loading_lst_itm::after{
      content: "";
      display: block;
      position: absolute;
      bottom: -100%;
      left: 0px;
      right: 0;
      margin: auto;
      width: calc(100% - 2px);
      height: 170px;
      background-color: #FFF5C7;
      z-index: -1;
      -webkit-transition: bottom 2s;
      -moz-transition: bottom 2s;
      -o-transition: bottom 2s;
      transition: bottom 2s;
      -webkit-transition-delay: 1s;
         -moz-transition-delay: 1s;
           -o-transition-delay: 1s;
              transition-delay: 1s;
}
.honest .loading_lst_itm::after{
      content: "";
      display: block;
      position: absolute;
      bottom: -100%;
      left: 0px;
      right: 0;
      margin: auto;
      width: calc(100% - 2px);
      height: 170px;
      background-color: #DBF4FC;
      z-index: -1;
      -webkit-transition: bottom 2s;
      -moz-transition: bottom 2s;
      -o-transition: bottom 2s;
      transition: bottom 2s;
      -webkit-transition-delay: 1s;
         -moz-transition-delay: 1s;
           -o-transition-delay: 1s;
              transition-delay: 1s;
}

.slick-current .loading_lst_itm::after{
      bottom: 1px;
      -webkit-transition: bottom 2s;
      -moz-transition: bottom 2s;
      -o-transition: bottom 2s;
      transition: bottom 2s;
      -webkit-transition-delay: 1s;
         -moz-transition-delay: 1s;
           -o-transition-delay: 1s;
              transition-delay: 1s;
}
.loading_lst_itm.loading_lst_itm_first::after{
      bottom: -100%;
}
.slick-current .loading_lst_itm.loading_lst_itm_first::after{
      bottom: -100%;
}
.loading_cont .slick-slide{
      margin: 0 25px;
}
.loading_lst_itm_second{
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
}
.loading_lst_itm_second::before{
      display: none;
}
.loading_lst_itm_second::after{
      width: calc(100% - 2px);
      height: 169px;
      background-color: #DDECD9;
      z-index: -1;
      transition: bottom 2s;
      transition-delay: 1s;
      border-radius: 10px;
}
.loading_body_ora .loading_lst_itm_second::after{
      background-color: #FFEBCC;
}
.loading_body_pink .loading_lst_itm_second::after{
      background-color: #FFDAD8;
}
.loading_body_yellow .loading_lst_itm_second::after{
      background-color: #FFF5C7;
}
.loading_body_bl .loading_lst_itm_second::after{
      background-color: #DBF4FC;
}

.loading_lst .slick-track{
      display: flex;
}
.loading_lst .slick-slide{
      margin-top: auto;
}


.pl_0{
      padding-left: 0px !important;
}
.pl_5{
      padding-left: 5px !important;
}
.pl_10{
      padding-left: 10px !important;
}
.pl_15{
      padding-left: 15px !important;
}
.pl_20{
      padding-left: 20px !important;
}

@media (max-width: 670px){

      .pl_0_sp{
            padding-left: 0px !important;
      }
      .pl_5_sp{
            padding-left: 5px !important;
      }
      .pl_10_sp{
            padding-left: 10px !important;
      }
      .pl_15_sp{
            padding-left: 15px !important;
      }
      .pl_20_sp{
            padding-left: 20px !important;
      }
}