@charset "UTF-8";
:root {
  --screen-height:100vh; }

/*********************************************************************
 * Hover Scale系.
 *********************************************************************/
@-webkit-keyframes hover-scale {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.15, 1.15) translate(0, 0);
            transform: scale(1.15, 1.15) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.95, 0.95) translate(0, 0);
            transform: scale(0.95, 0.95) translate(0, 0); } }
@keyframes hover-scale {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.15, 1.15) translate(0, 0);
            transform: scale(1.15, 1.15) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.95, 0.95) translate(0, 0);
            transform: scale(0.95, 0.95) translate(0, 0); } }

@-webkit-keyframes hover-scale-small {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.01, 1.01) translate(0, 0);
            transform: scale(1.01, 1.01) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.99, 0.99) translate(0, 0);
            transform: scale(0.99, 0.99) translate(0, 0); } }

@keyframes hover-scale-small {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.01, 1.01) translate(0, 0);
            transform: scale(1.01, 1.01) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.99, 0.99) translate(0, 0);
            transform: scale(0.99, 0.99) translate(0, 0); } }

@-webkit-keyframes pin-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes pin-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes shadow-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%) translateX(40%);
            transform: translateY(-15%) translateX(40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-5%) translateX(15%);
            transform: translateY(-5%) translateX(15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-3%) translateX(7%);
            transform: translateY(-3%) translateX(7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); } }

@keyframes shadow-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%) translateX(40%);
            transform: translateY(-15%) translateX(40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-5%) translateX(15%);
            transform: translateY(-5%) translateX(15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-3%) translateX(7%);
            transform: translateY(-3%) translateX(7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); } }

/*********************************************************************
 * Bounce系.
 *********************************************************************/
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce-shadow {
  0% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  40% {
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%); }
  70% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  80% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  100% {
    -webkit-transform: translateX(0%) translateY(0);
            transform: translateX(0%) translateY(0); } }

@keyframes bounce-shadow {
  0% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  40% {
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%); }
  70% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  80% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  100% {
    -webkit-transform: translateX(0%) translateY(0);
            transform: translateX(0%) translateY(0); } }

@-webkit-keyframes bounce-cloud {
  0% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); }
  50% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  100% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); } }

@keyframes bounce-cloud {
  0% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); }
  50% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  100% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); } }

@-webkit-keyframes bounce-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes intro-logo-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes intro-logo-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@media screen and (min-width: 768px) {
  body {
    min-width: 980px; } }

/************************************************
 * HEADER
 ************************************************/
.hd {
  position: static;
  height: 6.66667vw;
  padding: 0 5.33333vw; }
  @media screen and (min-width: 768px) {
    .hd {
      height: 70px;
      padding: 0 60px; } }
  .hd_inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .hd_logo {
    width: 7.2vw; }
    @media screen and (min-width: 768px) {
      .hd_logo {
        width: 89px; } }
    .hd_logo a {
      display: block;
      width: 100%;
      line-height: 1;
      text-decoration: none; }
      .hd_logo a img {
        width: 100%;
        height: auto;
        vertical-align: top; }

/************************************************
 * コンテンツラッパー.
 ************************************************/
div#main {
  position: relative;
  width: 100%;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    div#main {
      min-width: 980px; } }

/************************************************************************
* GYAKU-AHINKA css
*************************************************************************/
#gyaku-shinka {
  font-family: "Meiryo UI", 'メイリオ', Meiryo ,"BIZ UDPGothic","游ゴシック体","YuGothic", "游ゴシック Medium", "游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳＰゴシック","MS PGothic",sans-serif;
  color: #000000; }
  @media screen and (max-width: 767px) {
    #gyaku-shinka .pc {
      display: none !important; } }
  @media screen and (min-width: 768px) {
    #gyaku-shinka .sp {
      display: none !important; } }
  #gyaku-shinka img {
    width: 100%;
    height: auto;
    vertical-align: top; }
  #gyaku-shinka a {
    text-decoration: none; }
  #gyaku-shinka .inview-item {
    -webkit-transition: all 0.8s cubic-bezier(0.37, 0, 0.63, 1);
    transition: all 0.8s cubic-bezier(0.37, 0, 0.63, 1);
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0; }
  #gyaku-shinka .bg-container {
    background-image: url("../img/bg_gradation-01_sp.jpg");
    background-size: 100vw 241.86667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 241.86667vw;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: repeat-y; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .bg-container {
        background-image: url("../img/bg_gradation-01_pc.jpg");
        background-size: 1200px 1233.5px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 1200px;
        height: 1233.5px;
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: repeat-y; } }
  #gyaku-shinka .kv_inner {
    padding: 7.06667vw 0 4vw;
    position: relative; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .kv_inner {
        width: calc(2294 / 2400 * 100%);
        max-width: calc(2294px / 2);
        margin: 0 auto;
        padding: calc(92.1px / 2) 0 calc(93px / 2); } }
  #gyaku-shinka .kv_txt {
    width: 77.06667vw;
    margin: 0 auto;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    opacity: 0; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .kv_txt {
        width: calc(1981 / 2294 * 100%);
        max-width: calc(1981px / 2); } }
    #gyaku-shinka .kv_txt.endAnim {
      opacity: 1; }
  #gyaku-shinka .kv_ttl {
    width: 90vw;
    margin: 3.06667vw auto 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transform: translateY(-1.33333vw);
            transform: translateY(-1.33333vw);
    opacity: 0; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .kv_ttl {
        width: calc(2001 / 2294 * 100%);
        max-width: calc(2001px / 2);
        margin: calc(45px / 2) auto 0;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px); } }
    #gyaku-shinka .kv_ttl.endAnim {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  #gyaku-shinka .kv_evolution {
    width: 100%;
    position: absolute;
    top: calc(50% - 3.46667vw);
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .kv_evolution {
        top: calc(50% - 86.5px); } }
    #gyaku-shinka .kv_evolution ul {
      width: 90.08vw;
      margin-left: 4.96vw;
      position: relative; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .kv_evolution ul {
          width: calc(2214 / 2294 * 100%);
          margin: 0 auto; } }
      #gyaku-shinka .kv_evolution ul li {
        width: 13.86667vw;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
        transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
        transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
        transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 0.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
        opacity: 0;
        -webkit-transform: translateX(-0.66667vw);
                transform: translateX(-0.66667vw); }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .kv_evolution ul li {
            width: calc(310 / 2214 * 100%);
            max-width: calc(310px / 2);
            left: calc(90.4 / 2214 * 100%);
            -webkit-transform: translateX(-5px);
                    transform: translateX(-5px); } }
        #gyaku-shinka .kv_evolution ul li.endAnim {
          opacity: 1;
          -webkit-transform: translateX(0);
                  transform: translateX(0); }
        #gyaku-shinka .kv_evolution ul li:last-of-type {
          width: 19.2vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .kv_evolution ul li:last-of-type {
              width: calc(428 / 2214 * 100%);
              max-width: calc(428px / 2); } }
        #gyaku-shinka .kv_evolution ul li.evolution-02 {
          left: 13.84vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .kv_evolution ul li.evolution-02 {
              left: calc(400.3 / 2214 * 100%); } }
        #gyaku-shinka .kv_evolution ul li.evolution-03 {
          left: 28.73333vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .kv_evolution ul li.evolution-03 {
              left: calc(733.9 / 2214 * 100%); } }
        #gyaku-shinka .kv_evolution ul li.evolution-04 {
          left: 44.81333vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .kv_evolution ul li.evolution-04 {
              left: calc(1094 / 2214 * 100%); } }
        #gyaku-shinka .kv_evolution ul li.evolution-05 {
          left: 57.24vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .kv_evolution ul li.evolution-05 {
              left: calc(1372 / 2214 * 100%); } }
        #gyaku-shinka .kv_evolution ul li.evolution-06 {
          left: 71.24vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .kv_evolution ul li.evolution-06 {
              left: calc(1685.5 / 2214 * 100%); } }
  #gyaku-shinka .kv_overview {
    width: 90.93333vw;
    margin: 0 auto;
    padding-top: 31.4vw;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    opacity: 0; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .kv_overview {
        width: 100%;
        max-width: calc(2294px / 2);
        padding-top: 18.6%; } }
    #gyaku-shinka .kv_overview.endAnim {
      opacity: 1; }
  #gyaku-shinka .about_inner {
    padding: 9.6vw 0 16.13333vw; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .about_inner {
        padding: calc(49px / 2) 0 calc(180px / 2); } }
  #gyaku-shinka .about_txt {
    width: 85.86667vw;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .about_txt {
        width: calc(1251px / 2); } }
  #gyaku-shinka .survey {
    background-color: #0B318F; }
    #gyaku-shinka .survey_inner {
      padding: 19.06667vw 0 18.13333vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .survey_inner {
          padding: calc(200px / 2) 0 calc(200px / 2); } }
    #gyaku-shinka .survey_ttl {
      width: 76.13333vw;
      margin: 0 auto 8vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .survey_ttl {
          width: calc(1638px / 2);
          margin: 0 auto 37px; } }
    #gyaku-shinka .survey_txt {
      font-size: 4vw;
      font-weight: 700;
      line-height: 2;
      color: #fff;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .survey_txt {
          font-size: calc(32px / 2);
          line-height: 1.88; } }
      #gyaku-shinka .survey_txt > span._color-yellow {
        display: block;
        color: #FCD675; }
      #gyaku-shinka .survey_txt > span._caution-line {
        position: relative;
        padding-right: 8.4vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .survey_txt > span._caution-line {
            padding-right: calc(65px / 2); } }
        #gyaku-shinka .survey_txt > span._caution-line > span._caution {
          position: absolute;
          top: 0;
          right: 0.8vw;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          font-size: 2.13333vw;
          color: #fff; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_txt > span._caution-line > span._caution {
              right: 2px;
              font-size: calc(16px / 2); }
              #gyaku-shinka .survey_txt > span._caution-line > span._caution > span {
                display: inline-block; } }
    #gyaku-shinka .survey_detail {
      width: 89.33333vw;
      margin: 11.46667vw auto 0; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .survey_detail {
          width: calc(2160 / 2400 * 100%);
          max-width: calc(2160px / 2);
          margin: 0 auto; } }
      #gyaku-shinka .survey_detail-ttl {
        font-size: 7.46667vw;
        font-weight: 700;
        line-height: 1.6;
        color: #fff;
        text-align: center;
        -webkit-text-decoration-color: #fff;
                text-decoration-color: #fff;
        -webkit-text-decoration-line: underline;
                text-decoration-line: underline;
        text-decoration-thickness: 0.53333vw;
        text-underline-offset: 2.53333vw;
        margin-bottom: 6.93333vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .survey_detail-ttl {
            font-size: calc(70px / 2);
            line-height: 1.11;
            text-decoration: none;
            margin: 60px 0 35px;
            padding: 0 calc(135 / 1080 * 100%);
            position: relative; } }
        #gyaku-shinka .survey_detail-ttl span {
          color: #FCD675; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .survey_detail-ttl::before, #gyaku-shinka .survey_detail-ttl::after {
            content: "";
            display: block;
            width: calc(130 / 1080 * 100%);
            height: 4px;
            background-color: #fff;
            border-radius: 50px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto; } }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .survey_detail-ttl::after {
            left: auto;
            right: 0; } }
      #gyaku-shinka .survey_detail-txt {
        font-size: 4vw;
        line-height: 1.875;
        color: #fff;
        text-align: center; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .survey_detail-txt {
            font-size: calc(32px / 2); } }
        #gyaku-shinka .survey_detail-txt ._caution-line {
          position: relative;
          padding-right: 8.4vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-txt ._caution-line {
              padding-right: calc(60px / 2); } }
          #gyaku-shinka .survey_detail-txt ._caution-line ._caution {
            position: absolute;
            top: 0;
            right: 0.8vw;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            font-size: 2.13333vw;
            color: #fff; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-txt ._caution-line ._caution {
                right: 2px;
                font-size: calc(16px / 2); }
                #gyaku-shinka .survey_detail-txt ._caution-line ._caution > span {
                  display: inline-block; } }
      #gyaku-shinka .survey_detail-block {
        background-color: #fff;
        text-align: center;
        border-radius: 2.66667vw;
        margin-top: 14.53333vw;
        overflow: hidden; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .survey_detail-block {
            border-radius: 10px;
            margin-top: 47px; } }
        #gyaku-shinka .survey_detail-block > dt {
          background-color: #FCD675;
          font-size: 6.4vw;
          font-weight: 700;
          line-height: 1.36;
          color: #0A318E;
          height: 21.33333vw;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-block > dt {
              font-size: calc(60px / 2);
              line-height: 1.33;
              height: calc(163px / 2); } }
        #gyaku-shinka .survey_detail-block > dd {
          padding: 10.26667vw 0 11.86667vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-block > dd {
              padding: 60px 0 76px; } }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .survey_detail-block-definition-inner {
            width: 98%;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 {
          letter-spacing: -0.05em; }
          #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div {
            font-size: 5.46667vw;
            line-height: 1.2;
            font-weight: 700; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div {
                font-size: calc(58px / 2); } }
            #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div:first-of-type {
              font-size: 4.66667vw;
              line-height: 1.35; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div:first-of-type {
                  font-size: calc(50px / 2); } }
            #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div._or {
              font-size: 5.2vw;
              line-height: 1;
              margin: 1.2vw 0 2.53333vw; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div._or {
                  font-size: calc(50px / 2);
                  margin: 3px 0 11px; } }
            #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span {
              display: block;
              font-size: 6.8vw;
              line-height: 1.22; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span {
                  font-size: calc(73px / 2);
                  letter-spacing: 0; } }
              #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span > span {
                color: #E60008; }
                #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span > span._caution-line {
                  color: #0B318F;
                  padding-right: 4.4vw;
                  position: relative; }
                  @media screen and (min-width: 768px) {
                    #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span > span._caution-line {
                      padding-right: calc(48px / 2); } }
                  #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span > span._caution-line ._caution {
                    position: absolute;
                    top: 0;
                    right: 0.53333vw;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: row;
                            flex-direction: row;
                    -webkit-box-pack: start;
                        -ms-flex-pack: start;
                            justify-content: flex-start; }
                    @media screen and (min-width: 768px) {
                      #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span > span._caution-line ._caution {
                        right: 2px; } }
                    #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span > span._caution-line ._caution > span {
                      font-size: 2.66667vw; }
                      @media screen and (min-width: 768px) {
                        #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span > span._caution-line ._caution > span {
                          font-size: calc(25px / 2); } }
                      #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span > span._caution-line ._caution > span:first-of-type {
                        font-size: 3.6vw;
                        margin-right: 0.53333vw; }
                        @media screen and (min-width: 768px) {
                          #gyaku-shinka .survey_detail-block-definition-inner div.definition-01 > div > span > span._caution-line ._caution > span:first-of-type {
                            font-size: calc(38px / 2);
                            margin-right: 0; } }
        #gyaku-shinka .survey_detail-block-definition-inner div._plus {
          height: 3.73333vw;
          line-height: 1;
          position: relative;
          margin: 5.46667vw 0 2.26667vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-block-definition-inner div._plus {
              width: calc(45px / 2);
              height: calc(45px / 2);
              margin: 0 calc(22 / 1080 * 100%) 0 calc(48 / 1080 * 100%); } }
          #gyaku-shinka .survey_detail-block-definition-inner div._plus::before, #gyaku-shinka .survey_detail-block-definition-inner div._plus::after {
            content: "";
            display: block;
            width: 3.73333vw;
            height: 0.93333vw;
            background-color: #000;
            -webkit-transform-origin: center;
                    transform-origin: center;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-definition-inner div._plus::before, #gyaku-shinka .survey_detail-block-definition-inner div._plus::after {
                width: calc(45px / 2);
                height: calc(8px / 2); } }
          #gyaku-shinka .survey_detail-block-definition-inner div._plus::after {
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg); }
        #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 {
          font-size: 6.8vw;
          font-weight: 700;
          line-height: 1.24;
          letter-spacing: -0.05em; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 {
              font-size: calc(73px / 2);
              line-height: 1.32;
              letter-spacing: -0.05em; } }
          #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span {
            display: block;
            font-size: 4.26667vw;
            line-height: 1.38;
            margin-top: 0.66667vw; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span {
                font-size: calc(46px / 2);
                line-height: 1.43;
                margin-top: 3px; } }
            #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span ._caution-line {
              color: #0B318F;
              position: relative;
              padding-right: 4.26667vw; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span ._caution-line {
                  padding-right: calc(48px / 2); } }
              #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span ._caution-line ._caution {
                position: absolute;
                top: 0;
                right: 0.8vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                -webkit-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span ._caution-line ._caution {
                    right: 2px; } }
                #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span ._caution-line ._caution > span {
                  font-size: 2.13333vw; }
                  @media screen and (min-width: 768px) {
                    #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span ._caution-line ._caution > span {
                      font-size: calc(25px / 2); } }
                  #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span ._caution-line ._caution > span:first-of-type {
                    font-size: 2.93333vw;
                    margin-right: 0.53333vw; }
                    @media screen and (min-width: 768px) {
                      #gyaku-shinka .survey_detail-block-definition-inner div.definition-02 > span ._caution-line ._caution > span:first-of-type {
                        font-size: calc(38px / 2);
                        margin-right: 0; } }
        #gyaku-shinka .survey_detail-block-definition-box {
          width: 76vw;
          margin: 10vw auto 0;
          border: 0.53333vw solid #224497;
          border-radius: 2.66667vw;
          padding: 10.66667vw 0 3.46667vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-block-definition-box {
              width: calc(980 / 1080 * 100%);
              margin: 50px auto 0;
              border: 2px solid #224497;
              border-radius: 10px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              padding: 48px calc(23 / 980 * 100%) 14.5px calc(23 / 980 * 100%); } }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-block-definition-box dl {
              width: calc(430 / 904 * 100%); } }
          #gyaku-shinka .survey_detail-block-definition-box dl dt {
            font-size: 4.53333vw;
            font-weight: 700;
            color: #0B318F;
            line-height: 1;
            margin-bottom: 3.6vw; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-definition-box dl dt {
                font-size: calc(36px / 2);
                margin-bottom: 8px; } }
            #gyaku-shinka .survey_detail-block-definition-box dl dt ._caution-line {
              padding-left: 3.33333vw;
              position: relative; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-definition-box dl dt ._caution-line {
                  padding-left: 13px; } }
              #gyaku-shinka .survey_detail-block-definition-box dl dt ._caution-line ._caution {
                position: absolute;
                top: 0;
                left: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                -webkit-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start; }
                #gyaku-shinka .survey_detail-block-definition-box dl dt ._caution-line ._caution > span {
                  font-size: 2vw; }
                  @media screen and (min-width: 768px) {
                    #gyaku-shinka .survey_detail-block-definition-box dl dt ._caution-line ._caution > span {
                      font-size: calc(15px / 2); } }
                  #gyaku-shinka .survey_detail-block-definition-box dl dt ._caution-line ._caution > span:first-of-type {
                    font-size: 2.66667vw; }
                    @media screen and (min-width: 768px) {
                      #gyaku-shinka .survey_detail-block-definition-box dl dt ._caution-line ._caution > span:first-of-type {
                        font-size: calc(20px / 2); } }
              #gyaku-shinka .survey_detail-block-definition-box dl dt ._caution-line ruby rt {
                font-size: 2.13333vw;
                margin-bottom: 0.8vw; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-definition-box dl dt ._caution-line ruby rt {
                    font-size: calc(16px / 2);
                    margin-bottom: 1px; } }
          #gyaku-shinka .survey_detail-block-definition-box dl dd p {
            font-size: 3.73333vw;
            line-height: 1.7; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-definition-box dl dd p {
                font-size: calc(28px / 2); } }
          #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-01 {
            margin-bottom: 12.70667vw; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-01 {
                margin-bottom: 0;
                padding-bottom: 54.5px; } }
            #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-01 dt {
              text-align: center; }
            #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-01 dd div {
              width: 64.13333vw;
              margin: 4vw 0 0 5.36vw; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-01 dd div {
                  width: calc(323 / 430 * 100%);
                  margin: 17px 0 0 calc(60 / 430 * 100%); } }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-02 {
              width: calc(504 / 904 * 100%);
              position: relative; } }
          #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-02 dt {
            text-align: center; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-02 dt {
                width: calc(430 / 504 * 100%);
                padding-top: 9px;
                margin: 0 0 8px auto; } }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-02 dd p {
              width: calc(430 / 504 * 100%);
              margin: 0 0 0 auto; } }
          #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-02 dd div {
            width: 69.73333vw;
            margin: -6.66667vw 0 0 2.74667vw; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-definition-box dl.definition-box-02 dd div {
                width: 100%;
                margin: 0;
                position: absolute;
                bottom: 0; } }
        #gyaku-shinka .survey_detail-block-result {
          margin-top: 12.66667vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .survey_detail-block-result {
              margin-top: 56px; } }
          #gyaku-shinka .survey_detail-block-result-txt > p {
            font-size: 4vw;
            line-height: 1.93;
            padding: 0 1.33333vw; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-result-txt > p {
                font-size: calc(36px / 2);
                line-height: 1.77;
                padding: 0; } }
            #gyaku-shinka .survey_detail-block-result-txt > p > span._caution-line {
              position: relative;
              padding-right: 8.4vw; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-result-txt > p > span._caution-line {
                  padding-right: calc(61px / 2); } }
              #gyaku-shinka .survey_detail-block-result-txt > p > span._caution-line ._caution {
                position: absolute;
                top: 0;
                right: 0.8vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                -webkit-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-txt > p > span._caution-line ._caution {
                    right: calc(8px / 2); } }
                #gyaku-shinka .survey_detail-block-result-txt > p > span._caution-line ._caution > span {
                  font-size: 2.13333vw; }
                  @media screen and (min-width: 768px) {
                    #gyaku-shinka .survey_detail-block-result-txt > p > span._caution-line ._caution > span {
                      font-size: calc(16px / 2); } }
              #gyaku-shinka .survey_detail-block-result-txt > p > span._caution-line:last-of-type {
                padding-right: 3.46667vw; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-txt > p > span._caution-line:last-of-type {
                    padding-right: calc(30px / 2); } }
            #gyaku-shinka .survey_detail-block-result-txt > p > span._emphasis {
              display: block;
              font-weight: 700; }
              #gyaku-shinka .survey_detail-block-result-txt > p > span._emphasis span {
                display: inline;
                color: #E60008; }
          #gyaku-shinka .survey_detail-block-result-txt > small {
            display: block;
            font-size: 2.66667vw;
            line-height: 1.8;
            margin-top: 2.66667vw;
            padding: 0 1.33333vw; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-result-txt > small {
                font-size: calc(26px / 2);
                line-height: 1.77;
                margin-top: 19px;
                padding: 0; } }
          #gyaku-shinka .survey_detail-block-result-ratio {
            margin-top: 12vw; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .survey_detail-block-result-ratio {
                margin-top: 45px; } }
            #gyaku-shinka .survey_detail-block-result-ratio dt {
              font-size: 6.66667vw;
              font-weight: 700;
              line-height: 1.36;
              color: #0B318F;
              margin-bottom: 5.86667vw; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-result-ratio dt {
                  font-size: calc(60px / 2);
                  line-height: 1.33;
                  margin-bottom: 36px; } }
            #gyaku-shinka .survey_detail-block-result-ratio dd {
              font-size: 4.26667vw;
              line-height: 1.875; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-result-ratio dd {
                  font-size: calc(36px / 2);
                  line-height: 1.88;
                  width: 100%;
                  max-width: calc(2080px / 2);
                  margin: 0 auto; } }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box-container {
                  width: 100%;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-orient: horizontal;
                  -webkit-box-direction: normal;
                      -ms-flex-direction: row;
                          flex-direction: row; } }
              #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p > span._caution-line {
                padding-right: 8.93333vw;
                position: relative; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p > span._caution-line {
                    padding-right: calc(61px / 2); } }
                #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p > span._caution-line ._caution {
                  position: absolute;
                  top: 0;
                  right: 1.2vw;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-orient: horizontal;
                  -webkit-box-direction: normal;
                      -ms-flex-direction: row;
                          flex-direction: row;
                  -webkit-box-pack: start;
                      -ms-flex-pack: start;
                          justify-content: flex-start; }
                  @media screen and (min-width: 768px) {
                    #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p > span._caution-line ._caution {
                      right: calc(6px / 2); } }
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p > span._caution-line ._caution > span {
                    font-size: 2.13333vw; }
                    @media screen and (min-width: 768px) {
                      #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p > span._caution-line ._caution > span {
                        font-size: calc(16px / 2); } }
              #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p > span._emphasis {
                font-weight: 700; }
                #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p > span._emphasis span {
                  color: #E60008; }
              #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p.result-ratio-box-addition {
                font-size: 2.66667vw;
                line-height: 2;
                margin-top: 5.06667vw; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box > p.result-ratio-box-addition {
                    font-size: calc(26px / 2);
                    line-height: 1.88;
                    margin-top: 20px; } }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-01 {
                  width: 50%; } }
              #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-01 > p {
                margin-top: 1.73333vw; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-01 > p {
                    margin-top: 11px; } }
              #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-02 {
                margin-top: 13.6vw; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-02 {
                    width: 50%;
                    margin-top: 0; } }
                #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-02 > p {
                  margin-top: 3.06667vw; }
                  @media screen and (min-width: 768px) {
                    #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-02 > p {
                      margin-top: 11px; } }
              #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-03 {
                margin-top: 13.33333vw; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-03 {
                    margin-top: 85px; } }
                #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-03 > p {
                  margin-bottom: 2.4vw; }
                  @media screen and (min-width: 768px) {
                    #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-03 > p {
                      margin-bottom: 25px; } }
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-03 > p.result-ratio-box-addition {
                    margin-bottom: 0; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-03 > div {
                    width: calc(974 / 2080 * 100%);
                    max-width: calc(974px / 2);
                    margin: 0 auto; } }
              #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-04 {
                margin-top: 13.6vw; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-04 {
                    margin-top: 80px; } }
                #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-04 > p {
                  margin-bottom: 6.93333vw; }
                  @media screen and (min-width: 768px) {
                    #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-04 > p {
                      margin-bottom: 7px; } }
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-04 > p.result-ratio-box-addition {
                    margin-top: 6vw;
                    margin-bottom: 0; }
                    @media screen and (min-width: 768px) {
                      #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-04 > p.result-ratio-box-addition {
                        margin-top: 16px; } }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .survey_detail-block-result-ratio dd .result-ratio-box.box-04 > div {
                    width: calc(2002 / 2080 * 100%);
                    max-width: calc(2002px / 2);
                    margin: 0 auto; } }
    #gyaku-shinka .survey_notice {
      width: 89.33333vw;
      margin: 4.53333vw auto 0; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .survey_notice {
          width: 100%;
          margin: 47px auto 0; } }
      #gyaku-shinka .survey_notice small {
        display: block;
        font-size: 2.66667vw;
        line-height: 1.7;
        color: #fff; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .survey_notice small {
            font-size: calc(24px / 2);
            line-height: 1.66;
            text-align: center; } }
  #gyaku-shinka .check {
    background-image: url("../img/check-bg_sp.jpg");
    background-size: 100vw 187.46667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 187.46667vw;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: repeat-y; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .check {
        background-image: url("../img/check-bg_pc.jpg");
        background-size: 1200px 572px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 1200px;
        height: 572px;
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: repeat-y; } }
    #gyaku-shinka .check_inner {
      width: 89.33333vw;
      margin: 0 auto;
      padding: 18.66667vw 0; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .check_inner {
          width: calc(1924 / 2400 * 100%);
          max-width: calc(1924px / 2);
          min-width: 882px;
          margin: 0 auto;
          padding: calc(258px / 2) 0;
          position: relative; } }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .check_l-container {
        width: calc(1151px / 2); } }
    #gyaku-shinka .check_ttl {
      width: 84.66667vw;
      margin: 0 auto 8.26667vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .check_ttl {
          width: calc(1151px / 2);
          margin: 0 auto 25px; } }
    #gyaku-shinka .check_txt {
      font-size: 4vw;
      font-weight: 700;
      line-height: 1.8;
      color: #0A318E;
      text-align: center; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .check_txt {
          font-size: calc(32px / 2);
          line-height: 1.88; } }
    #gyaku-shinka .check_img {
      width: 53.33333vw;
      margin: 7.6vw auto 0; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .check_img {
          width: calc(576px / 2);
          position: absolute;
          top: calc(200px / 2);
          right: 0;
          margin: 0; } }
    #gyaku-shinka .check_btn {
      margin-top: 8vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .check_btn {
          margin-top: 35px; } }
      #gyaku-shinka .check_btn div {
        width: 100%;
        height: 12vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background-color: #E60008;
        border-radius: 17.46667vw;
        font-size: 4.26667vw;
        font-weight: 700;
        line-height: 1.62;
        color: #fff;
        text-align: center;
        position: relative;
        cursor: pointer;
        -webkit-transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
        transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1); }
        #gyaku-shinka .check_btn div:hover {
          opacity: 0.8; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .check_btn div {
            width: calc(1055px / 2);
            height: calc(140px / 2);
            margin: 0 auto;
            border-radius: calc(131px / 2);
            font-size: calc(52px / 2); } }
        #gyaku-shinka .check_btn div::after {
          content: "";
          display: block;
          background-image: url("../img/check-arrow.svg");
          background-size: 2.53333vw 3.86667vw;
          background-repeat: no-repeat;
          background-position: center top;
          width: 2.53333vw;
          height: 3.86667vw;
          display: block;
          position: relative;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 4.8vw;
          margin: auto; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .check_btn div::after {
              background-image: url("../img/check-arrow.svg");
              background-size: 13px 21px;
              background-repeat: no-repeat;
              background-position: center top;
              width: 13px;
              height: 21px;
              display: block;
              position: relative;
              position: absolute;
              right: calc(56.2px / 2); } }
  #gyaku-shinka .risk {
    background-color: #0A318E; }
    #gyaku-shinka .risk_inner {
      width: 89.33333vw;
      margin: 0 auto;
      padding: 18.53333vw 0 18.66667vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .risk_inner {
          width: calc(2160 / 2400 * 100%);
          max-width: calc(2160px / 2);
          padding: calc(200px / 2) 0; } }
    #gyaku-shinka .risk_ttl {
      width: 74.13333vw;
      margin: 0 auto 9.33333vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .risk_ttl {
          width: calc(1191px / 2);
          margin: 0 auto 86px; } }
    #gyaku-shinka .risk_list {
      margin-bottom: 5.6vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .risk_list {
          margin-bottom: 70px; } }
      #gyaku-shinka .risk_list:last-of-type {
        margin-bottom: 0; }
      #gyaku-shinka .risk_list dt {
        font-size: 8vw;
        font-weight: 700;
        line-height: 1.3;
        color: #FCD675;
        text-align: center;
        margin-bottom: 3.06667vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .risk_list dt {
            font-size: calc(70px / 2);
            line-height: 1.11;
            margin-bottom: 16px;
            position: relative;
            z-index: 1; } }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .risk_list dt::before {
            content: "";
            display: block;
            width: 100%;
            height: calc(5px / 2);
            background-color: #FCD675;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            border-radius: 50px;
            z-index: -1; } }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .risk_list dt span {
            background-color: #0A318E;
            padding: 0 calc(50px / 2); } }
      #gyaku-shinka .risk_list dd {
        font-size: 4.53333vw;
        line-height: 1.76;
        color: #fff; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .risk_list dd {
            font-size: calc(36px / 2);
            line-height: 1.66; } }
    #gyaku-shinka .risk_intro {
      border: 0.53333vw solid #fff;
      border-radius: 2.66667vw;
      color: #fff;
      margin-top: 8.8vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .risk_intro {
          border: 2px solid #fff;
          border-radius: calc(10px / 2);
          margin-top: 87px; } }
      #gyaku-shinka .risk_intro-inner {
        width: 74.66667vw;
        margin: 0 auto;
        padding: 10.66667vw 0 9.73333vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .risk_intro-inner {
            width: calc(1920 / 2160 * 100%);
            max-width: calc(1920px / 2);
            margin: 0 0 0 calc(137 / 2160 * 100%);
            padding: calc(73px / 2) 0 calc(69px / 2);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; } }
      #gyaku-shinka .risk_intro-img {
        width: 100%; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .risk_intro-img {
            width: calc(651 / 1920 * 100%); } }
      #gyaku-shinka .risk_intro-info {
        margin-top: 5.33333vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .risk_intro-info {
            width: calc(1200 / 1920 * 100%);
            margin-top: 0; } }
        #gyaku-shinka .risk_intro-info dt {
          font-size: 3.46667vw;
          line-height: 1.77; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .risk_intro-info dt {
              font-size: calc(28px / 2);
              line-height: 1.79; } }
          #gyaku-shinka .risk_intro-info dt .info-name {
            font-size: 4.26667vw;
            font-weight: 700;
            line-height: 1.56;
            margin-bottom: 2.93333vw; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .risk_intro-info dt .info-name {
                font-size: calc(34px / 2);
                line-height: 1.76;
                margin-bottom: 0; } }
        #gyaku-shinka .risk_intro-info dd {
          font-size: 2.93333vw;
          line-height: 1.66;
          margin-top: 4.13333vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .risk_intro-info dd {
              font-size: calc(26px / 2);
              line-height: 1.73;
              margin-top: 16px; } }
  #gyaku-shinka .stretch {
    background-image: url("../img/stretch-bg_sp.jpg");
    background-size: 100vw 1133.2vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 1133.2vw;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: repeat-y; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .stretch {
        background-image: url("../img/stretch-bg_pc.jpg");
        background-size: 1200px 1976px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 1200px;
        height: 1976px;
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: repeat-y; } }
    #gyaku-shinka .stretch_inner {
      padding: 18.66667vw 0 4.26667vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_inner {
          padding: calc(200px / 2) 0 48px; } }
    #gyaku-shinka .stretch_ttl {
      width: 62.8vw;
      margin: 0 auto 8vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_ttl {
          width: calc(1010px / 2);
          margin: 0 auto 36px; } }
    #gyaku-shinka .stretch_txt {
      font-size: 4vw;
      font-weight: 700;
      line-height: 2;
      color: #0B308E;
      text-align: center;
      padding: 0 1.33333vw; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_txt {
          font-size: calc(32px / 2);
          line-height: 1.88;
          letter-spacing: 0;
          padding: 0; } }
      #gyaku-shinka .stretch_txt > span {
        color: #E60008; }
    #gyaku-shinka .stretch_list {
      width: 89.33333vw;
      margin: 12vw auto 0; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list {
          width: calc(2159 / 2400 * 100%);
          max-width: calc(2159px / 2);
          margin: 55px auto 0; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl {
          padding-bottom: 50px; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl > dd .list-item-box::after {
          top: 55px; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl:last-of-type {
          width: calc(1359.5 / 2060 * 100%);
          max-width: calc(1359.5px / 2);
          position: relative; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl:last-of-type > dt {
          padding-left: 0;
          text-align: center; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl:last-of-type > dd {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl:last-of-type > dd .list-item-box {
          width: calc(659 / 1359.5 * 100%);
          max-width: calc(659px / 2); } }
      #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl:last-of-type > dd .list-item-box::after {
        display: block; }
      #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl:last-of-type > dd .list-item-box + .list-item-box {
        margin-top: 8.8vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl:last-of-type > dd .list-item-box + .list-item-box {
            margin-top: 0; } }
        #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl:last-of-type > dd .list-item-box + .list-item-box::after {
          display: none; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-01 > dd > dl:last-of-type > dd .list-item-txt {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-02 > dd > dl > dd .list-item-box::after {
          top: 110px; } }
      #gyaku-shinka .stretch_list > dl.stretch_list-02 > dd > dl:nth-of-type(3) > dt {
        margin-bottom: 5.06667vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .stretch_list > dl.stretch_list-02 > dd > dl:nth-of-type(3) > dt {
            margin-bottom: 24px; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-03 > dd > dl > dd .list-item-box::after {
          top: 19px; } }
      #gyaku-shinka .stretch_list > dl.stretch_list-03 > dd > dl:nth-of-type(1) > dt {
        margin-bottom: 1.6vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .stretch_list > dl.stretch_list-03 > dd > dl:nth-of-type(1) > dt {
            margin-bottom: 24px; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-03 > dd > dl:nth-of-type(1) > dd .list-item-box::after {
          top: 52px; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl.stretch_list-03 > dd > dl:nth-of-type(1) > dd .list-item-img {
          margin-top: calc(-66px / 2); } }
      #gyaku-shinka .stretch_list > dl > dt {
        font-size: 6.66667vw;
        font-weight: 700;
        line-height: 1.36;
        color: #fff;
        background-color: #0B318F;
        text-align: center;
        padding: 4vw 0 4.4vw;
        margin-bottom: 9.33333vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .stretch_list > dl > dt {
            font-size: calc(60px / 2);
            line-height: 1.3;
            padding: calc(38px / 2) 0;
            margin-bottom: 35px;
            position: relative; } }
        #gyaku-shinka .stretch_list > dl > dt span {
          width: 30.8vw;
          height: 9.06667vw;
          margin: 0 auto 12px;
          font-size: 4.53333vw;
          color: #0A318E;
          background-color: #fff;
          border-radius: 13.33333vw;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .stretch_list > dl > dt span {
              width: calc(296px / 2);
              height: calc(87px / 2);
              font-size: calc(44px / 2);
              border-radius: calc(163px / 2);
              position: absolute;
              top: 0;
              bottom: 0;
              left: calc(59px / 2);
              margin: auto; } }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .stretch_list > dl > dd {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 0 calc(50 / 2160 * 100%); } }
      #gyaku-shinka .stretch_list > dl > dd > dl {
        margin-bottom: 9.33333vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .stretch_list > dl > dd > dl {
            width: calc(659 / 2060 * 100%);
            max-width: calc(659px / 2);
            margin-bottom: 0; } }
        #gyaku-shinka .stretch_list > dl > dd > dl:last-of-type {
          margin-bottom: 0; }
          #gyaku-shinka .stretch_list > dl > dd > dl:last-of-type .list-item-box::after {
            display: none; }
        #gyaku-shinka .stretch_list > dl > dd > dl > dt {
          font-size: 8vw;
          font-weight: 700;
          line-height: 1;
          color: #0A318E;
          margin-bottom: 3.6vw;
          padding-left: 11.33333vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .stretch_list > dl > dd > dl > dt {
              font-size: calc(60px / 2);
              margin-bottom: 24px;
              padding-left: calc(90 / 659 * 100%); } }
        #gyaku-shinka .stretch_list > dl > dd > dl > dd .list-item-box {
          position: relative;
          padding-bottom: 14.13333vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .stretch_list > dl > dd > dl > dd .list-item-box {
              padding-bottom: 0; } }
          #gyaku-shinka .stretch_list > dl > dd > dl > dd .list-item-box::after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-right: 10.4vw solid transparent;
            border-left: 10.4vw solid transparent;
            border-top: 5.33333vw solid #0A318E;
            border-bottom: 0;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .stretch_list > dl > dd > dl > dd .list-item-box::after {
                border-top: calc(58px / 2) solid transparent;
                border-bottom: calc(58px / 2) solid transparent;
                border-left: calc(30px / 2) solid #0A318E;
                border-right: 0;
                position: absolute;
                top: 0;
                bottom: auto;
                left: auto;
                right: calc(-30px / 2);
                margin: auto; } }
        #gyaku-shinka .stretch_list > dl > dd > dl > dd .list-item-txt {
          font-size: 4.26667vw;
          line-height: 1.44;
          text-align: center;
          margin-top: 4.66667vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .stretch_list > dl > dd > dl > dd .list-item-txt {
              font-size: calc(32px / 2);
              margin-top: 20px; } }
  #gyaku-shinka .banner_inner {
    padding: 10.66667vw 0 8vw; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .banner_inner {
        padding: calc(150px / 2) 0; } }
  #gyaku-shinka .banner_btn {
    width: 89.33333vw;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      #gyaku-shinka .banner_btn {
        width: calc(1933 / 2400 * 100%);
        max-width: calc(1933px / 2); } }
    #gyaku-shinka .banner_btn a {
      display: block;
      -webkit-transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
      transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1); }
      #gyaku-shinka .banner_btn a:hover {
        opacity: 0.8; }
  #gyaku-shinka .modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 100; }
    #gyaku-shinka .modal.active {
      display: block; }
    #gyaku-shinka .modal_overlay {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      position: fixed;
      top: 0;
      left: 0;
      margin: auto; }
    #gyaku-shinka .modal_inner {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      overflow: scroll;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
      transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
      will-change: opacity;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      #gyaku-shinka .modal_inner::-webkit-scrollbar {
        display: none; }
      #gyaku-shinka .modal_inner.active {
        opacity: 1; }
    #gyaku-shinka .modal_container {
      width: 100%;
      min-height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 6.66667vw 0; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .modal_container {
          padding: 50px 0; } }
    #gyaku-shinka .modal_flow {
      width: 90.66667vw;
      padding-bottom: 9.33333vw;
      margin: 0 auto;
      background-color: #fff;
      position: relative;
      -webkit-transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
      transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
      border-radius: 1.33333vw;
      opacity: 0;
      display: none;
      pointer-events: auto; }
      @media screen and (min-width: 768px) {
        #gyaku-shinka .modal_flow {
          width: calc(1600px / 2);
          padding-bottom: calc(120px / 2);
          border-radius: 10px; } }
      #gyaku-shinka .modal_flow.active {
        display: block; }
      #gyaku-shinka .modal_flow.flow-01 {
        opacity: 1; }
        #gyaku-shinka .modal_flow.flow-01 .modal_flow-btn > a > span {
          width: 13.73333vw;
          line-height: 0; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .modal_flow.flow-01 .modal_flow-btn > a > span {
              width: calc(241px / 2); } }
      @media screen and (max-width: 767px) {
        #gyaku-shinka .modal_flow.flow-02 .modal_flow-close {
          top: 4.8vw; } }
      #gyaku-shinka .modal_flow.flow-02 .modal_flow-ttl {
        font-size: 4.4vw;
        height: 14.8vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .modal_flow.flow-02 .modal_flow-ttl {
            font-size: calc(78px / 2);
            height: calc(264px / 2); } }
      #gyaku-shinka .modal_flow.flow-02 .modal_flow-btn > a {
        width: 47.86667vw;
        background-color: #0B318F; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .modal_flow.flow-02 .modal_flow-btn > a {
            width: calc(855px / 2); } }
        #gyaku-shinka .modal_flow.flow-02 .modal_flow-btn > a > span {
          width: 26.13333vw;
          line-height: 0; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .modal_flow.flow-02 .modal_flow-btn > a > span {
              width: calc(466px / 2); } }
      #gyaku-shinka .modal_flow-close {
        width: 5.46667vw;
        height: 5.46667vw;
        position: absolute;
        top: 7.2vw;
        right: 3.73333vw;
        cursor: pointer; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .modal_flow-close {
            width: calc(100px / 2);
            height: calc(100px / 2);
            top: 44px;
            right: 32px; } }
        #gyaku-shinka .modal_flow-close::before, #gyaku-shinka .modal_flow-close::after {
          content: "";
          display: block;
          width: 5.46667vw;
          height: 0.26667vw;
          background-color: #fff;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .modal_flow-close::before, #gyaku-shinka .modal_flow-close::after {
              width: calc(100px / 2);
              height: calc(3px / 2); } }
        #gyaku-shinka .modal_flow-close::before {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
        #gyaku-shinka .modal_flow-close::after {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
      #gyaku-shinka .modal_flow-ttl {
        background-color: #0B318F;
        font-size: 5.73333vw;
        font-weight: 700;
        line-height: 1;
        color: #FCD675;
        text-align: center;
        padding: 4.26667vw 0 4.4vw;
        border-radius: 1.33333vw 1.33333vw 0 0; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .modal_flow-ttl {
            font-size: calc(78px / 2);
            padding: 30px 0;
            border-radius: 10px 10px 0 0; } }
        #gyaku-shinka .modal_flow-ttl > span {
          display: block;
          font-size: 2.66667vw;
          line-height: 1.17;
          color: #fff;
          margin-bottom: 1.33333vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .modal_flow-ttl > span {
              font-size: calc(39px / 2);
              line-height: 1.23;
              margin-bottom: 10px; } }
          #gyaku-shinka .modal_flow-ttl > span > span {
            padding: 0 1.6vw;
            position: relative; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .modal_flow-ttl > span > span {
                padding: 0 calc(19px / 2); } }
            #gyaku-shinka .modal_flow-ttl > span > span::before, #gyaku-shinka .modal_flow-ttl > span > span::after {
              content: "";
              display: block;
              width: 0.2vw;
              height: 2.4vw;
              background-color: #fff;
              border-radius: 6.66667vw;
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto;
              -webkit-transform-origin: bottom center;
                      transform-origin: bottom center; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .modal_flow-ttl > span > span::before, #gyaku-shinka .modal_flow-ttl > span > span::after {
                  width: calc(3px / 2);
                  height: calc(37px / 2);
                  border-radius: 100px; } }
            #gyaku-shinka .modal_flow-ttl > span > span::before {
              -webkit-transform: rotate(-15deg);
                      transform: rotate(-15deg);
              left: 0; }
            #gyaku-shinka .modal_flow-ttl > span > span::after {
              -webkit-transform: rotate(15deg);
                      transform: rotate(15deg);
              right: 0; }
            #gyaku-shinka .modal_flow-ttl > span > span > span {
              font-weight: 400; }
      #gyaku-shinka .modal_flow-list {
        padding: 3.06667vw 6.33333vw 6.8vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .modal_flow-list {
            padding: 20px calc(111px / 2) 40px; } }
        #gyaku-shinka .modal_flow-list input[type="checkbox"] {
          border-radius: 0;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
        #gyaku-shinka .modal_flow-list input[type="checkbox"] {
          position: relative;
          width: 3.06667vw;
          height: 3.06667vw;
          border: 0.26667vw solid #0A318E;
          vertical-align: -0.26667vw; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .modal_flow-list input[type="checkbox"] {
              width: calc(30px / 2);
              height: calc(30px / 2);
              border: calc(4px / 2) solid #0A318E;
              vertical-align: -2px; } }
        #gyaku-shinka .modal_flow-list input[type="checkbox"]:checked:before {
          position: absolute;
          top: 0.26667vw;
          left: 0.93333vw;
          -webkit-transform: rotate(50deg);
                  transform: rotate(50deg);
          width: 0.8vw;
          height: 1.6vw;
          border-right: 0.26667vw solid #0A318E;
          border-bottom: 0.26667vw solid #0A318E;
          content: ''; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .modal_flow-list input[type="checkbox"]:checked:before {
              top: 1px;
              left: 3.5px;
              width: 4px;
              height: 8px;
              border-right: 2px solid #0A318E;
              border-bottom: 2px solid #0A318E; } }
        #gyaku-shinka .modal_flow-list li {
          background-image: -webkit-gradient(linear, left top, right top, color-stop(0.45333vw, #000), color-stop(0.45333vw, transparent));
          background-image: linear-gradient(to right, #000 0.45333vw, transparent 0.45333vw);
          background-size: 0.90667vw 1px;
          /* グラデーションの幅・高さを指定 */
          background-position: left bottom;
          /* 背景の開始位置を指定 */
          background-repeat: repeat-x;
          /* 横向きにのみ繰り返す */
          padding: 2vw 0 1.78667vw;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .modal_flow-list li {
              background-image: linear-gradient(to right, #000 4px, transparent 4px);
              background-size: 8px 1px;
              padding: 10px 0 7px; } }
          #gyaku-shinka .modal_flow-list li label {
            width: 74.93333vw;
            font-size: 2.13333vw;
            font-weight: 700;
            line-height: 1.2;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            @media screen and (min-width: 768px) {
              #gyaku-shinka .modal_flow-list li label {
                width: 674px;
                font-size: calc(26px / 2);
                line-height: 1.62; } }
            #gyaku-shinka .modal_flow-list li label span._check {
              display: inline-block;
              width: 13.2vw;
              font-size: 2.13333vw;
              line-height: 1;
              font-weight: 400;
              padding-left: 1.33333vw; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .modal_flow-list li label span._check {
                  width: 91px;
                  font-size: calc(32px / 2);
                  padding-left: 10px; } }
            #gyaku-shinka .modal_flow-list li label span._q {
              width: 61.73333vw; }
              @media screen and (min-width: 768px) {
                #gyaku-shinka .modal_flow-list li label span._q {
                  width: 583px; } }
              #gyaku-shinka .modal_flow-list li label span._q small {
                font-size: 1.6vw;
                line-height: 1.2;
                margin-left: 1.2vw; }
                @media screen and (min-width: 768px) {
                  #gyaku-shinka .modal_flow-list li label span._q small {
                    font-size: calc(20px / 2);
                    margin-left: 13px; } }
      #gyaku-shinka .modal_flow-result {
        padding: 5.33333vw 0 4vw; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .modal_flow-result {
            padding: calc(100px / 2) 0 calc(72.4px / 2); } }
        #gyaku-shinka .modal_flow-result-img {
          width: 67.46667vw;
          margin: 0 auto;
          border: 0.2vw solid #040000; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .modal_flow-result-img {
              width: calc(1204px / 2);
              border: calc(3px / 2) solid #040000; } }
      #gyaku-shinka .modal_flow-btn .flow-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 37.33333vw;
        height: 8.4vw;
        margin: 0 auto;
        background-color: #E60008;
        border-radius: 6.66667vw;
        position: relative; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .modal_flow-btn .flow-btn {
            width: calc(658px / 2);
            height: calc(149px / 2);
            border-radius: calc(130px / 2); } }
        #gyaku-shinka .modal_flow-btn .flow-btn::after {
          content: "";
          display: block;
          background-image: url("../img/check-arrow.svg");
          background-size: 1.46667vw 2.4vw;
          background-repeat: no-repeat;
          background-position: center top;
          width: 1.46667vw;
          height: 2.4vw;
          display: block;
          position: relative;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 2.93333vw;
          margin: auto; }
          @media screen and (min-width: 768px) {
            #gyaku-shinka .modal_flow-btn .flow-btn::after {
              background-image: url("../img/check-arrow.svg");
              background-size: 13px 21px;
              background-repeat: no-repeat;
              background-position: center top;
              width: 13px;
              height: 21px;
              display: block;
              position: relative;
              position: absolute;
              right: calc(60px / 2); } }
      #gyaku-shinka .modal_flow-btn-txt {
        width: 20.26667vw;
        margin: 0 auto 1.6vw;
        line-height: 1; }
        @media screen and (min-width: 768px) {
          #gyaku-shinka .modal_flow-btn-txt {
            width: calc(369px / 2);
            margin: 0 auto calc(32px / 2); } }

/*# sourceMappingURL=maps/gyaku-shinka.css.map */