@charset "UTF-8";
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  /* line 211, ../src/cmn/css/_mixin.scss */
  to {
    transform: translateX(-100%);
  }
}

@media screen and (min-width: 1360px) {
  /*debug
  body{
  	background: url(../img/question/_guidepc2.png) no-repeat top center;
  	background-size: 1440px auto;
  	background-position: 50% -3px;
  	#header{
  		@include opacity(0.6);
  		//width: 1440px !important;
  	}
  	#wrapper{
  		//width: 1440px !important;
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
      #intro{
          left: 8px !important;
      }
  }
  */
  /* line 24, ../src/page/question/css/_pc.scss */
  body.intro_open {
    overflow: hidden;
  }

  /* line 30, ../src/page/question/css/_pc.scss */
  #contents_container {
    overflow: hidden;
    /* support: IE8 - See #6727 */
  }
  /* line 32, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider {
    position: relative;
    text-align: left;
  }
  /* line 36, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-animation: btn_bg 2s linear infinite;
    -moz-animation: btn_bg 2s linear infinite;
    animation: btn_bg 2s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: pointer;
  }
  /* line 46, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider .ui-slider-handle.ui-state-active {
    animation: none !important;
    transform: scale(1.2) !important;
  }
  /* line 51, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
  }
  /* line 62, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider.ui-state-disabled .ui-slider-handle,
  #contents_container .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
  }
  /* line 66, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal {
    height: .8em;
  }
  /* line 69, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
  }
  /* line 73, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }
  /* line 77, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal .ui-slider-range-min {
    left: 1vw;
  }
  /* line 80, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
  }
  /* line 84, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical {
    width: .8em;
    height: 100px;
  }
  /* line 88, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
  }
  /* line 93, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
  }
  /* line 97, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
  }
  /* line 100, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical .ui-slider-range-max {
    top: 0;
  }
  /* line 103, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar {
    position: relative;
    margin: 0 0 0 11%;
    width: 60%;
  }
  /* line 107, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .t {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 10px;
    position: absolute;
    top: 45px;
    left: 23px;
    letter-spacing: 0.13em;
  }
  /* line 114, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .t:nth-of-type(2) {
    left: 98%;
    display: block;
    width: 81px;
    text-align: center;
  }
  /* line 121, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .num {
    width: 78px;
    height: 63px;
    background: url(../img/question/num_c.svg) no-repeat top center;
    background-size: contain;
    font-size: 20px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 9px 0 0 0;
    margin: 0 0 10px 0;
    z-index: 5;
    position: relative;
    transform: translateZ(10px);
  }
  /* line 136, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar {
    position: relative;
    height: 27px;
  }
  /* line 139, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar .ui-slider {
    position: relative;
    z-index: 10;
    width: 274px;
    top: 2px;
    margin: 0 0 0 30px;
  }
  /* line 145, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar .ui-slider:before {
    content: "";
    display: block;
    width: 306px;
    height: 27px;
    background: url(../img/question/bar.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: -7px;
    left: -3px;
    z-index: 3;
  }
  /* line 158, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar .ui-slider-handle {
    width: 40px;
    height: 40px;
    background: url(../img/question/cir.svg) no-repeat center center;
    background-size: 22px auto;
    top: -14px;
    z-index: 10;
  }
  /* line 166, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar .ui-slider-range {
    background: #f7fb74;
    left: 5px;
    top: 0px;
  }
  /* line 172, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye {
    position: relative;
    margin: -5px auto 0 120px;
    width: 120px;
  }
  /* line 176, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye span {
    display: block;
    background: url(../img/question/eye.svg) no-repeat center center;
    background-size: 70% auto;
    position: absolute;
    top: 5px;
    left: 0%;
    transform: translate(0%, 0%);
    width: 30px;
    height: 30px;
  }
  /* line 186, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye span:nth-of-type(2) {
    left: 50%;
  }
  /* line 190, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye .e_open {
    position: relative;
    z-index: 10;
  }
  /* line 194, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye .e_close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
  }
  /* line 202, ../src/page/question/css/_pc.scss */
  #contents_container #intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  /* line 211, ../src/page/question/css/_pc.scss */
  #contents_container #intro .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background: rgba(255, 255, 255, 0.85);
    display: block;
  }
  /* line 220, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_cont {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 600px;
  }
  /* line 229, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box {
    height: 600px;
    width: 460px;
    background: url(../img/question/intro_bg.svg) no-repeat center center;
    background-size: contain;
    position: relative;
    box-sizing: border-box;
    padding: 108px 0 0 0;
  }
  /* line 237, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  /* line 247, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box .kuchi {
    width: 91.36px;
    height: 61.85072px;
    margin: 0 auto;
  }
  /* line 251, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box .fuki {
    width: 299px;
    margin: -30px 0 33px 80px;
    transform-origin: 50% 10%;
  }
  /* line 255, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box .fuki p {
    font-size: 20px;
  }
  /* line 260, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_close {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 184px);
    z-index: 1001;
    cursor: pointer;
  }
  /* line 272, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_close:hover img {
    transform: scale(1.1);
  }
  /* line 276, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_close span {
    color: black;
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 10px;
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
    letter-spacing: 0.15em;
  }
  /* line 285, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_close img {
    width: 24px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 291, ../src/page/question/css/_pc.scss */
  #contents_container #question {
    padding-bottom: 45px;
  }
  /* line 293, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box {
    position: relative;
    width: 850px;
    margin: 0 auto;
  }
  /* line 297, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top {
    width: 152px;
    position: absolute;
    display: block;
    top: 45px;
    left: 4px;
    z-index: 10;
  }
  /* line 304, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top .ov4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
  }
  /* line 312, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top:hover .ov4 {
    display: block;
  }
  /* line 315, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top:hover small {
    animation: btn_pc2_2 0.4s linear infinite;
  }
  /* line 319, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top span {
    display: block;
    position: relative;
  }
  /* line 323, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top small {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: black;
    font-size: 13px;
    text-align: center;
    line-height: 1;
    position: absolute;
    display: block;
    width: 100%;
    letter-spacing: 0.18em;
    left: 10%;
    top: 12px;
    z-index: 3;
    width: 123px;
    text-align: right;
  }
  /* line 339, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top .a {
    position: absolute;
    background: url(../img/question/arr.svg) no-repeat center center;
    background-size: contain;
    top: 12px;
    left: 19px;
    width: 14px;
    height: 14px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 350, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .count {
    position: absolute;
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 20px;
    top: 130px;
    left: 55px;
    letter-spacing: 0.08em;
  }
  /* line 358, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list {
    position: absolute;
    z-index: 10;
    top: 194px;
    left: 63px;
  }
  /* line 363, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list:before {
    content: "";
    display: block;
    width: 2px;
    height: 93%;
    background: black;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 3;
  }
  /* line 374, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul {
    width: 77px;
  }
  /* line 376, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li {
    position: relative;
    margin: 0 0 21px 0;
  }
  /* line 379, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li:before {
    content: "";
    width: 80px;
    height: 40px;
    background: url(../img/question/step_cir.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -22px;
    z-index: 3;
    opacity: 0;
    transform-origin: 25% 10%;
    transform: scale(0.15, 0.3) translate(-1%, -78%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 397, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li.active:before {
    opacity: 1;
    transform: scale(1, 1) translate(0%, -50%);
  }
  /* line 402, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li.active a {
    transform: scale(1.5) translateX(-7px);
  }
  /* line 404, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li.active a:before {
    opacity: 0;
    transform: scale(0.7) translate(209%, -50%);
  }
  /* line 410, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li a {
    z-index: 10;
    display: block;
    position: relative;
    font-size: 12px;
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    box-sizing: border-box;
    padding: 0 0 0 21px;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    color: black;
    cursor: default;
  }
  /* line 422, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li a:hover {
    color: black;
  }
  /* line 425, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li a:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/question/step2_cir.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: -4px;
    z-index: 3;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 443, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi {
    width: 91.36px;
    height: 61.85072px;
    position: absolute;
    top: 47px;
    left: 493px;
    transform: rotate(-4deg);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 450, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.r {
    left: 260px;
    left: 283px;
    transform: rotate(8deg);
  }
  /* line 455, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p2 {
    left: 261px;
  }
  /* line 458, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p3 {
    left: 513px;
  }
  /* line 461, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p4 {
    left: 268px;
    transform: rotate(-7deg);
  }
  /* line 465, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p6 {
    left: 268px;
    transform: rotate(-9deg);
  }
  /* line 469, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p7 {
    left: 502px;
  }
  /* line 472, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p8 {
    left: 284px;
    transform: rotate(4deg);
  }
  /* line 476, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p9 {
    left: 502px;
    transform: rotate(8deg);
  }
  /* line 480, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p10 {
    left: 284px;
    transform: rotate(-13deg);
  }
  /* line 485, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area {
    position: relative;
    height: 477px;
  }
  /* line 488, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page {
    height: 477px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  /* line 494, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.back {
    -webkit-animation: back 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: back 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: back 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 497, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.rewind {
    -webkit-animation: rewind 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: rewind 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: rewind 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 500, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.in {
    -webkit-animation: in 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: in 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: in 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 503, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.in_r {
    -webkit-animation: in_r 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: in_r 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: in_r 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 506, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.hide {
    opacity: 0;
  }
  /* line 510, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.r .num {
    left: 423px;
  }
  /* line 515, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q3 .num {
    left: 280px;
  }
  /* line 518, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q3 .b3 {
    left: 244px;
  }
  /* line 524, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q5 .b3 p {
    left: 15%;
  }
  /* line 530, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q6 .num {
    left: 453px;
  }
  /* line 535, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q7 .num {
    left: 296px;
  }
  /* line 540, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q8 .num {
    left: 443px;
  }
  /* line 545, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q9 .num {
    left: 264px;
  }
  /* line 550, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q10 .num {
    left: 430px;
  }
  /* line 554, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .num {
    position: absolute;
    top: 45px;
    left: 260px;
    z-index: 5;
    transform: translateZ(1px);
  }
  /* line 560, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .num img {
    transform: translateZ(1px);
    height: 73px;
    width: auto;
  }
  /* line 566, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki {
    position: relative;
    transform: scale(0);
  }
  /* line 569, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.open {
    transform: scale(1);
  }
  /* line 572, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki p {
    font-size: 20px;
  }
  /* line 575, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b3 {
    width: 353px;
    top: 80px;
    left: 224px;
    transform-origin: 90% 5%;
  }
  /* line 581, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b4 {
    width: 440px;
    top: 63px;
    left: 197px;
    transform-origin: 21% 5%;
  }
  /* line 587, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b5 {
    width: 350px;
    top: 75px;
    left: 250px;
    transform-origin: 21% 5%;
  }
  /* line 593, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b6 {
    width: 408px;
    top: 80px;
    left: 221px;
    transform-origin: 90% 5%;
  }
  /* line 599, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b7 {
    width: 349px;
    top: 76px;
    left: 249px;
    transform-origin: 21% 5%;
  }
  /* line 606, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .img {
    position: absolute;
    z-index: 11;
    bottom: 0;
    left: 218px;
    width: 415px;
    opacity: 0;
    transform: translateZ(10px);
  }
  /* line 614, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .img img {
    transform: translateZ(10px);
  }
  /* line 617, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .img.passive {
    -webkit-animation: change_img_p 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: change_img_p 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    animation: change_img_p 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 620, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .img.active {
    -webkit-animation: change_img 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: change_img 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    animation: change_img 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 631, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .p_bar {
    z-index: 30;
    margin: -29px 0 0 245px;
    width: 276px;
  }
  /* line 637, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl {
    position: absolute;
    bottom: 7px;
    right: -6px;
  }
  /* line 642, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl.q1 .btn_back {
    opacity: 0.1;
    cursor: default;
  }
  /* line 645, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl.q1 .btn_back .ov2, #contents_container #question .ctrl.q1 .btn_back .t, #contents_container #question .ctrl.q1 .btn_back .a_prev {
    animation: none;
  }
  /* line 648, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl.q1 .btn_back img {
    transform: scale(1) !important;
  }
  /* line 655, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back {
    width: 146px;
    display: block;
    position: relative;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    margin: 0 0 20px -21px;
  }
  /* line 661, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back span {
    display: block;
    position: relative;
  }
  /* line 665, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .btn_bg {
    display: flex;
    position: relative;
    height: 16vw;
  }
  /* line 669, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .btn_bg span {
    display: inline-block;
    flex-grow: 2;
    height: 100%;
    background: url(../img/question/btn_back3_img.png) repeat-x top center;
    background-size: auto 100%;
  }
  /* line 677, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .btn_bg img:nth-of-type(1) {
    width: 9vw;
  }
  /* line 680, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .btn_bg img:nth-of-type(2) {
    width: 9vw;
  }
  /* line 685, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .a {
    position: absolute;
    background: url(../img/question/arr.svg) no-repeat center center;
    background-size: contain;
    top: 22px;
    left: 20px;
    width: 14px;
    height: 14px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 695, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .t {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: black;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    position: absolute;
    display: block;
    width: 146px;
    letter-spacing: 0.3em;
    left: 14px;
    top: 19px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    width: 100px;
    left: 37px;
  }
  /* line 712, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next {
    width: 146px;
    display: block;
    position: relative;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 717, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next span {
    display: block;
    position: relative;
  }
  /* line 721, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .btn_bg {
    display: flex;
    position: relative;
    height: 16vw;
  }
  /* line 725, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .btn_bg span {
    display: inline-block;
    flex-grow: 2;
    height: 100%;
    background: url(../img/question/btn_next3_img.png) repeat-x top center;
    background-size: auto 100%;
  }
  /* line 733, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .btn_bg img:nth-of-type(1) {
    width: 20vw;
  }
  /* line 736, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .btn_bg img:nth-of-type(2) {
    width: 20vw;
  }
  /* line 741, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .a {
    position: absolute;
    background: url(../img/question/arr.svg) no-repeat center center;
    background-size: contain;
    top: 22px;
    right: 20px;
    width: 14px;
    height: 14px;
    transform: scale(-1, 1);
  }
  /* line 751, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .t {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: black;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    position: absolute;
    display: block;
    width: 100%;
    letter-spacing: 0.2em;
    left: -7px;
    top: 19px;
    text-align: left;
    width: 100px;
    left: 34px;
  }
  /* line 771, ../src/page/question/css/_pc.scss */
  #contents_container #top .inner {
    padding: 25.5vw 0 15vw 0;
  }
  /* line 775, ../src/page/question/css/_pc.scss */
  #contents_container #top h1 {
    margin: 0 0 0 -8%;
    width: 130.5%;
  }
  /* line 779, ../src/page/question/css/_pc.scss */
  #contents_container #top .ground {
    position: absolute;
    left: -1%;
    width: 102%;
    top: 110vw;
  }
  /* line 785, ../src/page/question/css/_pc.scss */
  #contents_container #top .img {
    position: relative;
    margin: -17vw 0 1vw 0;
  }
  /* line 788, ../src/page/question/css/_pc.scss */
  #contents_container #top .img img {
    width: 1180%;
  }
}
/*size*/
@media screen and (min-width: 768px) and (max-width: 1359px) {
  /*debug
  body{
  	background: url(../img/question/_guidepc2.png) no-repeat top center;
  	background-size: 1440px auto;
  	background-position: 50% -3px;
  	#header{
  		@include opacity(0.6);
  		//width: 1440px !important;
  	}
  	#wrapper{
  		//width: 1440px !important;
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
      #intro{
          left: 8px !important;
      }
  }
  */
  /* line 24, ../src/page/question/css/_pc.scss */
  body.intro_open {
    overflow: hidden;
  }

  /* line 30, ../src/page/question/css/_pc.scss */
  #contents_container {
    overflow: hidden;
    /* support: IE8 - See #6727 */
  }
  /* line 32, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider {
    position: relative;
    text-align: left;
  }
  /* line 36, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-animation: btn_bg 2s linear infinite;
    -moz-animation: btn_bg 2s linear infinite;
    animation: btn_bg 2s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: pointer;
  }
  /* line 46, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider .ui-slider-handle.ui-state-active {
    animation: none !important;
    transform: scale(1.2) !important;
  }
  /* line 51, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
  }
  /* line 62, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider.ui-state-disabled .ui-slider-handle,
  #contents_container .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
  }
  /* line 66, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal {
    height: .8em;
  }
  /* line 69, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
  }
  /* line 73, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }
  /* line 77, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal .ui-slider-range-min {
    left: 1vw;
  }
  /* line 80, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
  }
  /* line 84, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical {
    width: .8em;
    height: 100px;
  }
  /* line 88, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
  }
  /* line 93, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
  }
  /* line 97, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
  }
  /* line 100, ../src/page/question/css/_pc.scss */
  #contents_container .ui-slider-vertical .ui-slider-range-max {
    top: 0;
  }
  /* line 103, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar {
    position: relative;
    margin: 0 0 0 11%;
    width: 60%;
  }
  /* line 107, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .t {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 10px;
    position: absolute;
    top: 45px;
    left: 23px;
    letter-spacing: 0.13em;
  }
  /* line 114, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .t:nth-of-type(2) {
    left: 98%;
    display: block;
    width: 81px;
    text-align: center;
  }
  /* line 121, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .num {
    width: 78px;
    height: 63px;
    background: url(../img/question/num_c.svg) no-repeat top center;
    background-size: contain;
    font-size: 20px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 9px 0 0 0;
    margin: 0 0 10px 0;
    z-index: 5;
    position: relative;
    transform: translateZ(10px);
  }
  /* line 136, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar {
    position: relative;
    height: 27px;
  }
  /* line 139, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar .ui-slider {
    position: relative;
    z-index: 10;
    width: 274px;
    top: 2px;
    margin: 0 0 0 30px;
  }
  /* line 145, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar .ui-slider:before {
    content: "";
    display: block;
    width: 306px;
    height: 27px;
    background: url(../img/question/bar.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: -7px;
    left: -3px;
    z-index: 3;
  }
  /* line 158, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar .ui-slider-handle {
    width: 40px;
    height: 40px;
    background: url(../img/question/cir.svg) no-repeat center center;
    background-size: 22px auto;
    top: -14px;
    z-index: 10;
  }
  /* line 166, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .bar .ui-slider-range {
    background: #f7fb74;
    left: 5px;
    top: 0px;
  }
  /* line 172, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye {
    position: relative;
    margin: -5px auto 0 120px;
    width: 120px;
  }
  /* line 176, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye span {
    display: block;
    background: url(../img/question/eye.svg) no-repeat center center;
    background-size: 70% auto;
    position: absolute;
    top: 5px;
    left: 0%;
    transform: translate(0%, 0%);
    width: 30px;
    height: 30px;
  }
  /* line 186, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye span:nth-of-type(2) {
    left: 50%;
  }
  /* line 190, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye .e_open {
    position: relative;
    z-index: 10;
  }
  /* line 194, ../src/page/question/css/_pc.scss */
  #contents_container .p_bar .eye .e_close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
  }
  /* line 202, ../src/page/question/css/_pc.scss */
  #contents_container #intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  /* line 211, ../src/page/question/css/_pc.scss */
  #contents_container #intro .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background: rgba(255, 255, 255, 0.85);
    display: block;
  }
  /* line 220, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_cont {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 600px;
  }
  /* line 229, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box {
    height: 600px;
    width: 460px;
    background: url(../img/question/intro_bg.svg) no-repeat center center;
    background-size: contain;
    position: relative;
    box-sizing: border-box;
    padding: 108px 0 0 0;
  }
  /* line 237, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  /* line 247, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box .kuchi {
    width: 91.36px;
    height: 61.85072px;
    margin: 0 auto;
  }
  /* line 251, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box .fuki {
    width: 299px;
    margin: -30px 0 33px 80px;
    transform-origin: 50% 10%;
  }
  /* line 255, ../src/page/question/css/_pc.scss */
  #contents_container #intro .box .fuki p {
    font-size: 20px;
  }
  /* line 260, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_close {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 184px);
    z-index: 1001;
    cursor: pointer;
  }
  /* line 272, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_close:hover img {
    transform: scale(1.1);
  }
  /* line 276, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_close span {
    color: black;
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 10px;
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
    letter-spacing: 0.15em;
  }
  /* line 285, ../src/page/question/css/_pc.scss */
  #contents_container #intro .intro_close img {
    width: 24px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 291, ../src/page/question/css/_pc.scss */
  #contents_container #question {
    padding-bottom: 45px;
  }
  /* line 293, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box {
    position: relative;
    width: 850px;
    margin: 0 auto;
  }
  /* line 297, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top {
    width: 152px;
    position: absolute;
    display: block;
    top: 45px;
    left: 4px;
    z-index: 10;
  }
  /* line 304, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top .ov4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
  }
  /* line 312, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top:hover .ov4 {
    display: block;
  }
  /* line 315, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top:hover small {
    animation: btn_pc2_2 0.4s linear infinite;
  }
  /* line 319, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top span {
    display: block;
    position: relative;
  }
  /* line 323, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top small {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: black;
    font-size: 13px;
    text-align: center;
    line-height: 1;
    position: absolute;
    display: block;
    width: 100%;
    letter-spacing: 0.18em;
    left: 10%;
    top: 12px;
    z-index: 3;
    width: 123px;
    text-align: right;
  }
  /* line 339, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .btn_top .a {
    position: absolute;
    background: url(../img/question/arr.svg) no-repeat center center;
    background-size: contain;
    top: 12px;
    left: 19px;
    width: 14px;
    height: 14px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 350, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .count {
    position: absolute;
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 20px;
    top: 130px;
    left: 55px;
    letter-spacing: 0.08em;
  }
  /* line 358, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list {
    position: absolute;
    z-index: 10;
    top: 194px;
    left: 63px;
  }
  /* line 363, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list:before {
    content: "";
    display: block;
    width: 2px;
    height: 93%;
    background: black;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 3;
  }
  /* line 374, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul {
    width: 77px;
  }
  /* line 376, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li {
    position: relative;
    margin: 0 0 21px 0;
  }
  /* line 379, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li:before {
    content: "";
    width: 80px;
    height: 40px;
    background: url(../img/question/step_cir.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -22px;
    z-index: 3;
    opacity: 0;
    transform-origin: 25% 10%;
    transform: scale(0.15, 0.3) translate(-1%, -78%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 397, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li.active:before {
    opacity: 1;
    transform: scale(1, 1) translate(0%, -50%);
  }
  /* line 402, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li.active a {
    transform: scale(1.5) translateX(-7px);
  }
  /* line 404, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li.active a:before {
    opacity: 0;
    transform: scale(0.7) translate(209%, -50%);
  }
  /* line 410, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li a {
    z-index: 10;
    display: block;
    position: relative;
    font-size: 12px;
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    box-sizing: border-box;
    padding: 0 0 0 21px;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    color: black;
    cursor: default;
  }
  /* line 422, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li a:hover {
    color: black;
  }
  /* line 425, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .pc_list ul li a:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/question/step2_cir.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: -4px;
    z-index: 3;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 443, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi {
    width: 91.36px;
    height: 61.85072px;
    position: absolute;
    top: 47px;
    left: 493px;
    transform: rotate(-4deg);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 450, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.r {
    left: 260px;
    left: 283px;
    transform: rotate(8deg);
  }
  /* line 455, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p2 {
    left: 261px;
  }
  /* line 458, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p3 {
    left: 513px;
  }
  /* line 461, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p4 {
    left: 268px;
    transform: rotate(-7deg);
  }
  /* line 465, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p6 {
    left: 268px;
    transform: rotate(-9deg);
  }
  /* line 469, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p7 {
    left: 502px;
  }
  /* line 472, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p8 {
    left: 284px;
    transform: rotate(4deg);
  }
  /* line 476, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p9 {
    left: 502px;
    transform: rotate(8deg);
  }
  /* line 480, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .kuchi.p10 {
    left: 284px;
    transform: rotate(-13deg);
  }
  /* line 485, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area {
    position: relative;
    height: 477px;
  }
  /* line 488, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page {
    height: 477px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  /* line 494, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.back {
    -webkit-animation: back 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: back 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: back 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 497, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.rewind {
    -webkit-animation: rewind 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: rewind 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: rewind 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 500, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.in {
    -webkit-animation: in 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: in 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: in 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 503, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.in_r {
    -webkit-animation: in_r 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: in_r 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: in_r 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 506, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.hide {
    opacity: 0;
  }
  /* line 510, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page.r .num {
    left: 423px;
  }
  /* line 515, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q3 .num {
    left: 280px;
  }
  /* line 518, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q3 .b3 {
    left: 244px;
  }
  /* line 524, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q5 .b3 p {
    left: 15%;
  }
  /* line 530, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q6 .num {
    left: 453px;
  }
  /* line 535, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q7 .num {
    left: 296px;
  }
  /* line 540, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q8 .num {
    left: 443px;
  }
  /* line 545, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q9 .num {
    left: 264px;
  }
  /* line 550, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page#q10 .num {
    left: 430px;
  }
  /* line 554, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .num {
    position: absolute;
    top: 45px;
    left: 260px;
    z-index: 5;
    transform: translateZ(1px);
  }
  /* line 560, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .num img {
    transform: translateZ(1px);
    height: 73px;
    width: auto;
  }
  /* line 566, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki {
    position: relative;
    transform: scale(0);
  }
  /* line 569, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.open {
    transform: scale(1);
  }
  /* line 572, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki p {
    font-size: 20px;
  }
  /* line 575, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b3 {
    width: 353px;
    top: 80px;
    left: 224px;
    transform-origin: 90% 5%;
  }
  /* line 581, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b4 {
    width: 440px;
    top: 63px;
    left: 197px;
    transform-origin: 21% 5%;
  }
  /* line 587, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b5 {
    width: 350px;
    top: 75px;
    left: 250px;
    transform-origin: 21% 5%;
  }
  /* line 593, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b6 {
    width: 408px;
    top: 80px;
    left: 221px;
    transform-origin: 90% 5%;
  }
  /* line 599, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .fuki.b7 {
    width: 349px;
    top: 76px;
    left: 249px;
    transform-origin: 21% 5%;
  }
  /* line 606, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .img {
    position: absolute;
    z-index: 11;
    bottom: 0;
    left: 218px;
    width: 415px;
    opacity: 0;
    transform: translateZ(10px);
  }
  /* line 614, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .img img {
    transform: translateZ(10px);
  }
  /* line 617, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .img.passive {
    -webkit-animation: change_img_p 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: change_img_p 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    animation: change_img_p 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 620, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .page_area .page .img.active {
    -webkit-animation: change_img 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: change_img 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    animation: change_img 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 631, ../src/page/question/css/_pc.scss */
  #contents_container #question .q_box .p_bar {
    z-index: 30;
    margin: -29px 0 0 245px;
    width: 276px;
  }
  /* line 637, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl {
    position: absolute;
    bottom: 7px;
    right: -6px;
  }
  /* line 642, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl.q1 .btn_back {
    opacity: 0.1;
    cursor: default;
  }
  /* line 645, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl.q1 .btn_back .ov2, #contents_container #question .ctrl.q1 .btn_back .t, #contents_container #question .ctrl.q1 .btn_back .a_prev {
    animation: none;
  }
  /* line 648, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl.q1 .btn_back img {
    transform: scale(1) !important;
  }
  /* line 655, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back {
    width: 146px;
    display: block;
    position: relative;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    margin: 0 0 20px -21px;
  }
  /* line 661, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back span {
    display: block;
    position: relative;
  }
  /* line 665, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .btn_bg {
    display: flex;
    position: relative;
    height: 16vw;
  }
  /* line 669, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .btn_bg span {
    display: inline-block;
    flex-grow: 2;
    height: 100%;
    background: url(../img/question/btn_back3_img.png) repeat-x top center;
    background-size: auto 100%;
  }
  /* line 677, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .btn_bg img:nth-of-type(1) {
    width: 9vw;
  }
  /* line 680, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .btn_bg img:nth-of-type(2) {
    width: 9vw;
  }
  /* line 685, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .a {
    position: absolute;
    background: url(../img/question/arr.svg) no-repeat center center;
    background-size: contain;
    top: 22px;
    left: 20px;
    width: 14px;
    height: 14px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 695, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_back .t {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: black;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    position: absolute;
    display: block;
    width: 146px;
    letter-spacing: 0.3em;
    left: 14px;
    top: 19px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    width: 100px;
    left: 37px;
  }
  /* line 712, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next {
    width: 146px;
    display: block;
    position: relative;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 717, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next span {
    display: block;
    position: relative;
  }
  /* line 721, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .btn_bg {
    display: flex;
    position: relative;
    height: 16vw;
  }
  /* line 725, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .btn_bg span {
    display: inline-block;
    flex-grow: 2;
    height: 100%;
    background: url(../img/question/btn_next3_img.png) repeat-x top center;
    background-size: auto 100%;
  }
  /* line 733, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .btn_bg img:nth-of-type(1) {
    width: 20vw;
  }
  /* line 736, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .btn_bg img:nth-of-type(2) {
    width: 20vw;
  }
  /* line 741, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .a {
    position: absolute;
    background: url(../img/question/arr.svg) no-repeat center center;
    background-size: contain;
    top: 22px;
    right: 20px;
    width: 14px;
    height: 14px;
    transform: scale(-1, 1);
  }
  /* line 751, ../src/page/question/css/_pc.scss */
  #contents_container #question .ctrl .btn_next .t {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: black;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    position: absolute;
    display: block;
    width: 100%;
    letter-spacing: 0.2em;
    left: -7px;
    top: 19px;
    text-align: left;
    width: 100px;
    left: 34px;
  }
  /* line 771, ../src/page/question/css/_pc.scss */
  #contents_container #top .inner {
    padding: 25.5vw 0 15vw 0;
  }
  /* line 775, ../src/page/question/css/_pc.scss */
  #contents_container #top h1 {
    margin: 0 0 0 -8%;
    width: 130.5%;
  }
  /* line 779, ../src/page/question/css/_pc.scss */
  #contents_container #top .ground {
    position: absolute;
    left: -1%;
    width: 102%;
    top: 110vw;
  }
  /* line 785, ../src/page/question/css/_pc.scss */
  #contents_container #top .img {
    position: relative;
    margin: -17vw 0 1vw 0;
  }
  /* line 788, ../src/page/question/css/_pc.scss */
  #contents_container #top .img img {
    width: 1180%;
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  /* line 211, ../src/cmn/css/_mixin.scss */
  to {
    transform: translateX(-100%);
  }
}

@media screen and (max-width: 767px) {
  /*debug
  body{
  	background: url(../img/question/_guide3.png) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0 3px;
      background-position: 0 50px;
  	#header{
  		@include opacity(0.6);
  		//width: 1440px !important;
  	}
  	#contents_container{
  		//width: 1440px !important;
  		@include opacity(0.6);
          .box{
              position: relative;
              top: 145px;
          }
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  */
  /* line 30, ../src/page/question/css/_sp.scss */
  #contents_container {
    overflow: hidden;
    /* support: IE8 - See #6727 */
  }
  /* line 32, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider {
    position: relative;
    text-align: left;
  }
  /* line 36, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-animation: btn_bg 2s linear infinite;
    -moz-animation: btn_bg 2s linear infinite;
    animation: btn_bg 2s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 45, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider .ui-slider-handle.ui-state-active {
    animation: none !important;
    transform: scale(1.2) !important;
  }
  /* line 50, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
  }
  /* line 61, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider.ui-state-disabled .ui-slider-handle,
  #contents_container .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
  }
  /* line 65, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-horizontal {
    height: .8em;
  }
  /* line 68, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
  }
  /* line 72, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }
  /* line 76, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-horizontal .ui-slider-range-min {
    left: 1vw;
  }
  /* line 79, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
  }
  /* line 83, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-vertical {
    width: .8em;
    height: 100px;
  }
  /* line 87, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
  }
  /* line 92, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
  }
  /* line 96, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
  }
  /* line 99, ../src/page/question/css/_sp.scss */
  #contents_container .ui-slider-vertical .ui-slider-range-max {
    top: 0;
  }
  /* line 102, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar {
    position: relative;
    margin: 0 0 0 11%;
    width: 78%;
  }
  /* line 106, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .t {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 2.66667vw;
    position: absolute;
    top: 12vw;
    left: -4%;
    letter-spacing: 0.13em;
  }
  /* line 113, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .t:nth-of-type(2) {
    left: 75%;
    display: block;
    width: 30vw;
    text-align: center;
  }
  /* line 120, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .num {
    width: 21.92vw;
    height: 17.7vw;
    background: url(../img/question/num_c.svg) no-repeat top center;
    background-size: contain;
    font-size: 5.33333vw;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 3vw 0 0 0;
    margin: 0 0 1vw -12%;
    z-index: 5;
    position: relative;
  }
  /* line 134, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .bar {
    position: relative;
    height: 10vw;
  }
  /* line 137, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .bar .ui-slider {
    position: relative;
    z-index: 10;
    width: 92%;
    top: 2.5vw;
  }
  /* line 143, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .bar .ui-slider:before {
    content: "";
    display: block;
    width: 108%;
    height: 10vw;
    background: url(../img/question/bar.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: -2.5vw;
    left: 0;
    z-index: 3;
  }
  /* line 156, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .bar .ui-slider-handle {
    width: 10.66667vw;
    height: 10.66667vw;
    background: url(../img/question/cir.svg) no-repeat center center;
    background-size: 5.06667vw auto;
    top: -4vw;
    z-index: 10;
  }
  /* line 164, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .bar .ui-slider-range {
    background: #f7fb74;
  }
  /* line 168, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .eye {
    position: relative;
    margin: -3vw auto 0 auto;
    width: 31vw;
  }
  /* line 172, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .eye span {
    display: block;
    background: url(../img/question/eye.svg) no-repeat center center;
    background-size: 5.6vw auto;
    position: absolute;
    top: 1.5vw;
    left: 0%;
    transform: translate(0%, 0%);
    width: 8vw;
    height: 8vw;
  }
  /* line 182, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .eye span:nth-of-type(2) {
    left: 50%;
  }
  /* line 186, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .eye .e_open {
    position: relative;
    z-index: 10;
  }
  /* line 190, ../src/page/question/css/_sp.scss */
  #contents_container .p_bar .eye .e_close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
  }
  /* line 198, ../src/page/question/css/_sp.scss */
  #contents_container #intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  /* line 207, ../src/page/question/css/_sp.scss */
  #contents_container #intro .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background: white;
    display: block;
  }
  /* line 216, ../src/page/question/css/_sp.scss */
  #contents_container #intro .intro_cont {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 124vw;
  }
  /* line 225, ../src/page/question/css/_sp.scss */
  #contents_container #intro .box {
    top: -2vw;
    position: relative;
  }
  /* line 228, ../src/page/question/css/_sp.scss */
  #contents_container #intro .box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  /* line 238, ../src/page/question/css/_sp.scss */
  #contents_container #intro .box .kuchi {
    width: 24.36267vw;
    height: 16.49353vw;
    margin: 0 auto;
  }
  /* line 242, ../src/page/question/css/_sp.scss */
  #contents_container #intro .box .fuki {
    width: 79.29333vw;
    margin: -8vw 0 8.5vw 10%;
    transform-origin: 50% 10%;
    z-index: 1;
  }
  /* line 247, ../src/page/question/css/_sp.scss */
  #contents_container #intro .box .fuki p {
    font-size: 5.33333vw;
  }
  /* line 252, ../src/page/question/css/_sp.scss */
  #contents_container #intro .intro_close {
    width: 16vw;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: fixed;
    left: 42.5%;
    bottom: 10.66667vw;
    z-index: 1001;
  }
  /* line 261, ../src/page/question/css/_sp.scss */
  #contents_container #intro .intro_close:hover {
    color: black;
  }
  /* line 263, ../src/page/question/css/_sp.scss */
  #contents_container #intro .intro_close:hover span {
    color: black;
  }
  /* line 267, ../src/page/question/css/_sp.scss */
  #contents_container #intro .intro_close span {
    color: black;
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 2.66667vw;
    display: block;
    text-align: center;
    margin: 0 0 3vw 0;
    letter-spacing: 0.15em;
  }
  /* line 276, ../src/page/question/css/_sp.scss */
  #contents_container #intro .intro_close img {
    width: 6.4vw;
  }
  /* line 282, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box {
    position: relative;
  }
  /* line 284, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .btn_top {
    width: 40.53333vw;
    position: absolute;
    display: block;
    top: 3vw;
    left: 5%;
    z-index: 10;
  }
  /* line 291, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .btn_top span {
    display: block;
    position: relative;
  }
  /* line 295, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .btn_top small {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: black;
    font-size: 3.46667vw;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    position: absolute;
    display: block;
    width: 100%;
    letter-spacing: 0.18em;
    left: 10%;
    top: 49%;
  }
  /* line 311, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .count {
    position: absolute;
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 5.33333vw;
    top: 4vw;
    right: 5vw;
    letter-spacing: 0.08em;
  }
  /* line 319, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .kuchi {
    width: 24.36267vw;
    height: 16.49353vw;
    position: absolute;
    top: 20vw;
    left: 68%;
    transform: rotate(-4deg);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 326, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .kuchi.r {
    left: 6.5%;
    transform: rotate(8deg);
  }
  /* line 330, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .kuchi.p4 {
    left: 8.5%;
    transform: rotate(-8deg);
  }
  /* line 334, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .kuchi.p6 {
    left: 8.5%;
    transform: rotate(-8deg);
  }
  /* line 338, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .kuchi.p8 {
    left: 12.5%;
    transform: rotate(8deg);
  }
  /* line 342, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .kuchi.p9 {
    transform: rotate(9deg);
  }
  /* line 345, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .kuchi.p10 {
    left: 12.5%;
    transform: rotate(-13deg);
  }
  /* line 350, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area {
    position: relative;
    padding: 19vw 0 0 0;
    height: 127vw;
  }
  /* line 354, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page {
    height: 108vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  /* line 360, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page.back {
    -webkit-animation: back 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: back 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: back 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 363, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page.rewind {
    -webkit-animation: rewind 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: rewind 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: rewind 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 366, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page.in {
    -webkit-animation: in 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: in 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: in 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 369, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page.in_r {
    -webkit-animation: in_r 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: in_r 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    animation: in_r 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 372, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page.hide {
    opacity: 0;
  }
  /* line 376, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page.r .num {
    left: 57.5vw;
  }
  /* line 381, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page#q2 .num {
    left: 49vw;
  }
  /* line 385, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page#q2 .b4 p {
    left: 14.5%;
  }
  /* line 391, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page#q4 .num {
    left: 49vw;
  }
  /* line 397, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page#q5 .b3 p {
    left: 15%;
  }
  /* line 403, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page#q7 .num {
    left: 14vw;
  }
  /* line 408, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page#q8 .num {
    left: 55.5vw;
  }
  /* line 413, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page#q9 .num {
    left: 5vw;
  }
  /* line 418, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page#q10 .num {
    left: 51.5vw;
  }
  /* line 422, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .num {
    position: absolute;
    top: 0;
    left: 6vw;
    z-index: 5;
    transform: translateZ(10px);
  }
  /* line 428, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .num img {
    transform: translateZ(10px);
    height: 19.5vw;
    width: auto;
  }
  /* line 434, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .fuki {
    position: relative;
    z-index: 1;
  }
  /* line 437, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .fuki p {
    font-size: 5.33333vw;
  }
  /* line 440, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .fuki.b3 {
    width: 94.5vw;
    top: 9vw;
    left: -3.5%;
    transform-origin: 90% 5%;
  }
  /* line 446, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .fuki.b4 {
    width: 116vw;
    top: 6vw;
    left: -10.5%;
    transform-origin: 21% 5%;
  }
  /* line 452, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .fuki.b5 {
    top: 8vw;
    left: 2.5%;
    width: 95vw;
    transform-origin: 21% 5%;
  }
  /* line 458, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .fuki.b6 {
    top: 10vw;
    left: -6.5%;
    width: 109vw;
    transform-origin: 90% 5%;
  }
  /* line 464, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .fuki.b7 {
    top: 9vw;
    left: 3.5%;
    width: 93vw;
    transform-origin: 21% 5%;
  }
  /* line 471, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .img {
    position: absolute;
    z-index: 11;
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: translateZ(10px);
    backface-visibility: visible;
  }
  /* line 479, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .img img {
    transform: translateZ(10px);
  }
  /* line 482, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .img.passive {
    -webkit-animation: change_img_p 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: change_img_p 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    animation: change_img_p 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 485, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .page_area .page .img.active {
    -webkit-animation: change_img 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-animation: change_img 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    animation: change_img 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 496, ../src/page/question/css/_sp.scss */
  #contents_container #question .q_box .p_bar {
    margin-top: -14vw;
    margin-bottom: 5vw;
    z-index: 30;
  }
  /* line 502, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 6%;
    width: 87%;
  }
  /* line 508, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q1 .btn_back {
    opacity: 0.1;
  }
  /* line 513, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q2 .btn_next {
    width: 44vw;
  }
  /* line 518, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q3 .btn_next {
    width: 50vw;
  }
  /* line 523, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q4 .btn_next {
    width: 57vw;
  }
  /* line 528, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q5 .btn_next {
    width: 66vw;
  }
  /* line 536, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q6 .btn_next {
    width: 76vw;
  }
  /* line 541, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q7 .btn_next {
    width: 90vw;
  }
  /* line 549, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q8 .btn_next {
    width: 106vw;
  }
  /* line 554, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q9 .btn_next {
    width: 124vw;
  }
  /* line 559, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q10 .btn_next {
    width: 125vw;
  }
  /* line 563, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q10 .btn_back .t {
    opacity: 0;
  }
  /* line 566, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl.q10 .btn_back .a {
    left: 6.5vw;
  }
  /* line 571, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_back {
    width: 38.93333vw;
    display: block;
    margin: 0 2vw;
    display: block;
    margin: 0 2vw;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 580, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_back span {
    display: block;
    position: relative;
  }
  /* line 584, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_back .btn_bg {
    display: flex;
    position: relative;
    height: 16vw;
  }
  /* line 588, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_back .btn_bg span {
    display: inline-block;
    flex-grow: 2;
    height: 100%;
    background: url(../img/question/btn_back3_img.png) repeat-x top center;
    background-size: auto 100%;
  }
  /* line 596, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_back .btn_bg img:nth-of-type(1) {
    width: 9vw;
  }
  /* line 599, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_back .btn_bg img:nth-of-type(2) {
    width: 9vw;
  }
  /* line 604, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_back .a {
    position: absolute;
    background: url(../img/question/arr.svg) no-repeat center center;
    background-size: contain;
    top: 6vw;
    left: 4.5vw;
    width: 4vw;
    height: 4vw;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 614, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_back .t {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: black;
    font-size: 4.8vw;
    text-align: center;
    top: 5.5vw;
    line-height: 1;
    position: absolute;
    display: block;
    width: 38.93333vw;
    letter-spacing: 0.3em;
    left: 9%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 629, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_next {
    width: 38.93333vw;
    display: block;
    margin: 0 2vw;
    position: relative;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  /* line 635, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_next span {
    display: block;
    position: relative;
  }
  /* line 639, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_next .btn_bg {
    display: flex;
    position: relative;
    height: 16vw;
  }
  /* line 643, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_next .btn_bg span {
    display: inline-block;
    flex-grow: 2;
    height: 100%;
    background: url(../img/question/btn_next3_img.png) repeat-x top center;
    background-size: auto 100%;
  }
  /* line 651, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_next .btn_bg img:nth-of-type(1) {
    width: 20vw;
  }
  /* line 654, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_next .btn_bg img:nth-of-type(2) {
    width: 20vw;
  }
  /* line 659, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_next .a {
    position: absolute;
    background: url(../img/question/arr.svg) no-repeat center center;
    background-size: contain;
    top: 6vw;
    right: 4.5vw;
    width: 4vw;
    height: 4vw;
    transform: scale(-1, 1);
  }
  /* line 669, ../src/page/question/css/_sp.scss */
  #contents_container #question .ctrl .btn_next .t {
    font-family: "Mochiy Pop P One", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: black;
    font-size: 4.8vw;
    text-align: center;
    top: 5.5vw;
    line-height: 1;
    position: absolute;
    display: block;
    width: 100%;
    letter-spacing: 0.2em;
    left: -2vw;
  }
  /* line 686, ../src/page/question/css/_sp.scss */
  #contents_container #top .inner {
    padding: 25.5vw 0 15vw 0;
  }
  /* line 690, ../src/page/question/css/_sp.scss */
  #contents_container #top h1 {
    margin: 0 0 0 -8%;
    width: 130.5%;
  }
  /* line 694, ../src/page/question/css/_sp.scss */
  #contents_container #top .ground {
    position: absolute;
    left: -1%;
    width: 102%;
    top: 110vw;
  }
  /* line 700, ../src/page/question/css/_sp.scss */
  #contents_container #top .img {
    position: relative;
    margin: -17vw 0 1vw 0;
  }
  /* line 703, ../src/page/question/css/_sp.scss */
  #contents_container #top .img img {
    width: 1180%;
  }
}