@charset "UTF-8";
@media screen and (min-width: 769px), print {
  a[href^=tel] {
    pointer-events: none;
    text-decoration: none;
    cursor: default !important;
  }
  .show_sp {
    display: none !important;
  }
  .container {
    max-width: 880px;
    margin: auto;
  }
  .row {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
  }
  .row {
    padding-left: 26px;
    padding-right: 26px;
  }
  img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .p_top .mv {
/*    position: relative;
    z-index: 2;
    background: url("../img/bg.png") 0 0 repeat;*/
  }
  .p_top .want {
    position: relative;
    z-index: 3;
    margin-top: -37.7px;
    margin-left: -11.7px;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .want::before {
    position: absolute;
    content: "";
    width: 509.6px;
    height: 182.65px;
    background: url("../img/boxMv.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -102.7px;
  }
  .p_top .easy {
    position: relative;
    z-index: 2;
    margin-top: -33.8px;
    padding-top: 52px;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .easy::after {
    position: absolute;
    content: "";
    width: 100%;
        height: 3700px;
    background: #F4F4F4;
    background: url("../img/nayami_bg.png") 0 0 no-repeat;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .p_top .easy h2 {
    text-align: center;
    line-height: 0;
  }
  .p_top .easy h2 img {
    width: 343.2px;
  }
  .p_top .easy .web {
    margin-top: 15.34px;
    line-height: 0;
    padding: 0 26px;
    text-align: center;
  }
  .p_top .easy .web img {
    width: 453.7px;
  }
  .p_top .easy .txt {
    margin-top: 11.7px;
    padding: 0 26px;
    line-height: 0;
    text-align: center;
  }
  .p_top .easy .txt img {
    width: 100%;
    height: auto;
  }
  .p_top .easy .detail {
    margin-top: -75.4px;
  }
  .p_top .recommned {
    margin-top: 19.5px;
    background: #61CDE3;
    -moz-border-radius: 26px 26px 0 0;
         border-radius: 26px 26px 0 0;
  }
  .p_top .recommned__main {
    padding-top: 26px;
    padding-bottom: 74.1px;
  }
  .p_top .recommned__main h2 {
    text-align: center;
    line-height: 0;
  }
  .p_top .recommned__main h2 img {
    width: 384.8px;
  }
  .p_top .recommned__main .list {
    margin-top: 41.6px;
  }
  .p_top .recommned__main .list ul {
    counter-reset: li;
  }
  .p_top .recommned__main .list ul li {
    counter-increment: li;
    padding: 0px 13px 0px 91px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    font-size: 26px;
    line-height: 37.7px;
    font-weight: 700;
    color: #F587A5;
    background: #fff;
    -moz-border-radius: 13px;
         border-radius: 13px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 79.3px;
  }
  .p_top .recommned__main .list ul li + li {
    margin-top: 36.4px;
  }
  .p_top .recommned__main .list ul li::before {
    position: absolute;
    content: counter(li, decimal-leading-zero);
    width: 75.4px;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 44.2px;
    line-height: 1;
    font-family: "Bebas Neue", sans-serif;
    color: #fff;
    background: #FF9BC5;
    -moz-border-radius: 13px 0 0 13px;
         border-radius: 13px 0 0 13px;
  }
  .p_top .recommned__main .list ul li:not(:last-child)::after {
    position: absolute;
    content: "";
    width: 28.6px;
    height: 24.7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -32.5px;
    background: url("../img/triangle.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .p_top .recommned__main .list ul li.special {
    color: #000000;
    font-size: 36.4px;
    line-height: 53.3px;
    background: #FFEC74;
  }
  .p_top .recommned__main .list ul li.special::before {
    color: #FEF200;
  }
  .p_top .recommned__main .list ul li.special::after {
    position: absolute;
    content: "";
    width: 113.1px;
    height: 91px;
    background: url("../img/icon01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    bottom: -19.5px;
    right: 15.6px;
  }
  .p_top .quiz {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding-bottom: 50.7px;
  }
  .p_top .quiz::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    /* background: -webkit-gradient(linear, left top, right top, from(#F84892), color-stop(50%, #FF89BB), to(#F1DB60));
    background: -webkit-linear-gradient(left, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: -moz- oldlinear-gradient(left, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: linear-gradient(90deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%); */
    top: 0;
    left: 0;
    opacity: 0.12;
    z-index: -1;
    pointer-events: none;
  }
  .p_top .quiz__title {
    background: url("../img/bgTitleQuiz.png") center bottom no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    padding: 23.4px 0 26px;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .quiz__title::after {
    position: absolute;
    content: "";
    width: 140.4px;
    height: 80.6px;
    left: 50%;
    background: url("../img/arrow01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -49.4px;
  }
  .p_top .quiz__title span {
    color: #fff;
    font-size: 41.6px;
    line-height: 59.8px;
    font-weight: 900;
  }
  .p_top .quiz__title h2 {
    font-size: 55.9px;
    line-height: 80.6px;
    font-weight: 700;
    color: #FFEB00;
    margin-top: -13px;
  }
  .p_top .quiz__content {
    margin-top: 100.1px;
    padding: 0 26px;
    counter-reset: quiz;
  }
  .p_top .quiz__question {
    counter-increment: quiz;
    padding: 0 23.4px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .quiz__question::after {
    position: absolute;
    content: "";
    width: 100%;
    height: -webkit-calc(100% - 28.6px);
    height: -moz-calc(100% - 28.6px);
    height: calc(100% - 28.6px);
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
  }
  .p_top .quiz__question + .quiz__question {
    margin-top: 54.6px;
  }
  .p_top .quiz__question .remain {
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    margin-left: -23.4px;
    margin-right: -23.4px;
  }
  .p_top .quiz__question .remain::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 14.3px;
    background:#61CDE3;
    background: #61CDE3;
    background: #61CDE3;
    background: #61CDE3;
    left: 0;
    top: 28.6px;
    z-index: -1;
  }
  .p_top .quiz__question .remain span {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 237.9px;
    height: 67.6px;
    padding: 10.4px 6.5px 19.5px;
    background: url("../img/bgRemain.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    font-size: 26px;
    line-height: 32.5px;
    font-weight: 700;
    color: #61CDE3;
  }
  .p_top .quiz__question h3 {
    margin-top: 13px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 0 6.5px 0 83.2px;
    font-size: 31.2px;
    line-height: 45.5px;
    font-weight: 700;
    color: #313131;
  }
  .p_top .quiz__question h3::before {
    position: absolute;
    content: attr(data-ques);
    font-size: 29.9px;
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    background: #313131;
    width: 67.6px;
    height: 67.6px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    left: 0;
    top: -13px;
  }
  .p_top .quiz__question figure {
    margin-top: 36.4px;
    -moz-border-radius: 13px;
         border-radius: 13px;
    overflow: hidden;
  }
  .p_top .quiz__question figure img {
    width: 100%;
    height: auto;
  }
  .p_top .quiz__question .wrapRadio {
    padding: 22.1px 27.3px 23.4px;
  }
  .p_top .quiz__question .wrapRadio label {
    display: block;
    cursor: pointer;
  }
  .p_top .quiz__question .wrapRadio label + label {
    margin-top: 10.4px;
  }
  .p_top .quiz__question .wrapRadio label input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
  }
  .p_top .quiz__question .wrapRadio label input:checked + span {
    -moz-box-shadow: 0 5.2px 0 #0A7389;
         box-shadow: 0 5.2px 0 #0A7389;
    background: url("../img/bgRadio.png") bottom center no-repeat #3CB0C8;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
  }
  .p_top .quiz__question .wrapRadio label span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 67.6px;
    -moz-border-radius: 13px;
         border-radius: 13px;
    -moz-box-shadow: 0 5.2px 0 #3CB0C8;
         box-shadow: 0 5.2px 0 #3CB0C8;
    border: 2px solid rgba(255, 255, 255, 0.56);
    background: url("../img/bgRadio_un.png") bottom center no-repeat #61CDE3;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
    font-size: 23.4px;
    line-height: 33.8px;
    font-weight: 700;
    color: #fff;
  }
  .p_top .quiz__last {
    margin-top: 22.1px;
    padding: 0 26px 35.1px;
  }
  .p_top .quiz__last .txt {
    line-height: 0;
  }
  .p_top .quiz__last .txt img {
    width: 100%;
    height: auto;
  }
  .p_top .quiz__last .wrapCheckAge {
    margin-top: 7.8px;
    text-align: center;
  }
  .p_top .quiz__last .wrapCheckAge label {
    cursor: pointer;
  }
  .p_top .quiz__last .wrapCheckAge label input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
  }
  .p_top .quiz__last .wrapCheckAge label input:checked + span::before {
    content: "\2713";
    font-size: 27.3px;
  }
  .p_top .quiz__last .wrapCheckAge label span {
    font-size: 23.4px;
    line-height: 33.8px;
    font-weight: 700;
    color: #000000;
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 0 0 0 33.8px;
  }
  .p_top .quiz__last .wrapCheckAge label span::before {
    width: 27.3px;
    height: 27.3px;
    position: absolute;
    content: "";
    -moz-border-radius: 6.5px;
         border-radius: 6.5px;
    background: #fff;
    border: 1px solid #000000;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 27.3px;
    font-weight: 700;
    line-height: 1;
  }
  .p_top .quiz__last .wrapCheckAge .note {
    font-size: 13px;
    line-height: 19.5px;
    font-weight: 700;
    color: #FF0000;
  }
  .p_top .quiz__last button {
    margin-top: 16.9px;
    width: 100%;
    height: 124.8px;
    border: 0;
    -moz-box-shadow: none;
         box-shadow: none;
    outline: none;
    pointer-events: none;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/btnDisable01.png") center no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .p_top .quiz__last button.enable {
    background: url("../img/btnEnable01.png") center no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    pointer-events: auto;
  }
  .p_top .good__result {
    line-height: 0;
  }
  .p_top .good__result img {
    width: 100%;
    height: auto;
  }
  .p_top .good__line {
    padding: 0 26px;
    margin: 35.1px 0 41.6px;
  }
  .p_top .good__line a {
    display: block;
    line-height: 0;
    width: 100%;
  }
  .p_top .good__line a img {
    width: 100%;
    height: auto;
  }
  .p_top .good__ttl {
    background: #61CDE3;
    padding: 70.2px 0 18.2px;
  }
  .p_top .good__ttl h2 {
    text-align: center;
    font-size: 37.7px;
    line-height: 62.4px;
    font-weight: 700;
    color: #fff;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .good__ttl h2::before {
    position: absolute;
    content: attr(data-eng);
    font-size: 83.2px;
    line-height: 119.6px;
    color: rgba(255, 255, 255, 0.17);
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -65px;
  }
  .p_top .good__reason__list {
    padding: 72.8px 0 28.6px;
    counter-reset: ar;
  }
  .p_top .good__reason__list article {
    counter-increment: ar;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: #E5F7FB;
    padding: 42.9px 20.8px 33.8px;
  }
  .p_top .good__reason__list article::before {
    position: absolute;
    content: "POINT." counter(ar, decimal-leading-zero);
    font-size: 24.7px;
    line-height: 35.1px;
    font-weight: 700;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#F84892), color-stop(50%, #FF89BB), to(#F1DB60));
    background: -webkit-linear-gradient(left, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: -moz- oldlinear-gradient(left, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: linear-gradient(90deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    width: 204.1px;
    height: 53.3px;
    -moz-border-radius: 31.2px;
         border-radius: 31.2px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -26px;
  }
  .p_top .good__reason__list article + article {
    margin-top: 67.6px;
  }
  .p_top .good__reason__list article figure {
    width: 100%;
  }
  .p_top .good__reason__list article figure img {
    width: 100%;
    height: auto;
  }
  .p_top .good__reason__list article h3 {
    text-align: center;
    font-size: 39px;
    line-height: 46.8px;
    font-weight: 700;
    color: #4B86BE;
    margin-top: 16.9px;
    margin-bottom: 13px;
  }
  .p_top .good__reason__list article .txt {
    text-align: center;
    font-size: 20.8px;
    line-height: 31.2px;
    font-weight: 700;
    color: #313131;
  }
  .p_top .good__reason__list article .txt span {
    color: #FF6C00;
  }
  .p_top .good__reason__list article ul {
    margin-top: 22.1px;
    background: #fff;
    padding: 18.2px 14.3px 22.1px 28.6px;
  }
  .p_top .good__reason__list article ul li {
    font-size: 20.8px;
    line-height: 31.2px;
    font-weight: 700;
    color: #313131;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 0 0 0 16.9px;
  }
  .p_top .good__reason__list article ul li + li {
    margin-top: 10.4px;
  }
  .p_top .good__reason__list article ul li::before {
    position: absolute;
    content: "";
    width: 6.5px;
    height: 14.3px;
    background: -webkit-linear-gradient(315deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: -moz- oldlinear-gradient(315deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: linear-gradient(135deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    -moz-border-radius: 31.2px;
         border-radius: 31.2px;
    left: 0;
    top: 9.1px;
  }
  .p_top .good__recruit {
    background: #3CB0C8;
    background: #3CB0C8;
    background: #3CB0C8;
    background: #3CB0C8;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding-bottom: 33.8px;
  }
  .p_top .good__recruit::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20.8px;
    background: url("../img/gridBusiness.png") 0 0 repeat-x;
    -moz-background-size: auto 100%;
         background-size: auto 100%;
    left: 0;
    top: -13px;
  }
  .p_top .good__recruit__ttl {
    padding: 135.2px 0 33.8px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .good__recruit__ttl::before {
    position: absolute;
    content: "BUSINESS \A RECRUIT";
    font-size: 83.2px;
    line-height: 1;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.17);
    left: 0;
    top: 0px;
    white-space: pre-wrap;
  }
  .p_top .good__recruit__ttl::after {
    position: absolute;
    content: "";
    width: 140.4px;
    height: 193.7px;
    bottom: 0;
    right: -15.6px;
    background: url("../img/iconBusiness.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .p_top .good__recruit__ttl h2 {
    font-size: 37.7px;
    line-height: 46.8px;
    color: #fff;
    font-weight: 700;
  }
  .p_top .good__recruit__list article {
    background: #fff;
    padding: 13px 10.4px 37.7px;
  }
  .p_top .good__recruit__list article + article {
    margin-top: 19.5px;
  }
  .p_top .good__recruit__list article h3 {
    color: #fff;
    background: #3CB0C8;
    padding: 13px 0 16.9px 89.7px;
    font-size: 31.2px;
    line-height: 45.5px;
    font-weight: 700;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .good__recruit__list article h3::before {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p_top .good__recruit__list article h3.ic1::before {
    width: 67.6px;
    height: 54.6px;
    background: url("../img/ic01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 10.4px;
  }
  .p_top .good__recruit__list article h3.ic2::before {
    width: 58.5px;
    height: 61.711px;
    background: url("../img/ic02.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 12.48px;
  }
  .p_top .good__recruit__list article h3.ic3::before {
    width: 65px;
    height: 55.9px;
    background: url("../img/ic03.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 7.8px;
  }
  .p_top .good__recruit__list article h3.ic4::before {
    width: 65.546px;
    height: 62.088px;
    background: url("../img/ic04.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 8.45px;
  }
  .p_top .good__recruit__list article h3.ic5::before {
    width: 65.546px;
    height: 51.493px;
    background: url("../img/ic05.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 9.1px;
  }
  .p_top .good__recruit__list article .con {
    margin-top: 20.8px;
    padding: 0 23.4px;
  }
  .p_top .good__recruit__list article .con dl + dl {
    margin-top: 27.3px;
  }
  .p_top .good__recruit__list article .con dl dt {
    font-size: 26px;
    line-height: 37.7px;
    font-weight: 700;
    color: #F84892;
  }
  .p_top .good__recruit__list article .con dl dt span {
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(70%, white), color-stop(70%, #ffe200), to(#ffe200));
    background: -webkit-linear-gradient(top, white 0%, white 70%, #ffe200 70%, #ffe200 100%);
    background: -moz- oldlinear-gradient(top, white 0%, white 70%, #ffe200 70%, #ffe200 100%);
    background: linear-gradient(180deg, white 0%, white 70%, #ffe200 70%, #ffe200 100%);
  }
  .p_top .good__recruit__list article .con dl dd {
    margin-top: 18.2px;
    font-size: 20.8px;
    line-height: 29.9px;
    font-weight: 700;
    color: #313131;
  }
  .p_top .good__recruit__list article .con dl dd ul li {
    padding: 0 0 0 29.9px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .good__recruit__list article .con dl dd ul li::before {
    position: absolute;
    content: "・";
    font-size: 20.8px;
    line-height: 29.9px;
    font-weight: 700;
    color: #313131;
    left: 0;
    top: 0;
  }
  .p_top .good__recruit__list article .con dl dd ul li + li {
    margin-top: 10.4px;
  }
  .p_top .good__side {
    background: #F4F4F4;
    padding: 40.95px 0 48.1px;
  }
  .p_top .good__side h2 {
    text-align: center;
    line-height: 0;
  }
  .p_top .good__side h2 img {
    width: 356.798px;
  }
  .p_top .good__side .list {
    margin-top: 47.19px;
    counter-reset: ar;
  }
  .p_top .good__side .list article {
    counter-increment: ar;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: #fff;
    -moz-border-radius: 13px;
         border-radius: 13px;
    padding: 31.2px 19.5px 39px 19.5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .p_top .good__side .list article::before {
    position: absolute;
    content: counter(ar, decimal-leading-zero);
    width: 63.7px;
    height: 63.7px;
    -moz-border-radius: 13px;
         border-radius: 13px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #3CB0C8;
    color: #fff;
    font-size: 39px;
    line-height: 1;
    font-weight: 700;
    left: -6.5px;
    top: -14.3px;
  }
  .p_top .good__side .list article h3 {
    width: 100%;
    color: #3CB0C8;
    font-size: 28.6px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin-bottom: 23.4px;
  }
  .p_top .good__side .list article .txt {
    width: 629.2px;
    margin-left: 11.7px;
    font-size: 18.2px;
    line-height: 29.9px;
    color: #313131;
  }
  .p_top .good__side .list article + article {
    margin-top: 36.4px;
  }
  .p_top .good__side .list article:nth-of-type(1) figure {
    width: 93.6px;
  }
  .p_top .good__side .list article:nth-of-type(1) figure img {
    width: 100%;
    height: auto;
  }
  .p_top .good__side .list article:nth-of-type(2) figure {
    width: 117px;
  }
  .p_top .good__side .list article:nth-of-type(2) figure img {
    width: 100%;
    height: auto;
  }
  .p_top .good__side .list article:nth-of-type(3) figure {
    width: 91px;
  }
  .p_top .good__side .list article:nth-of-type(3) figure img {
    width: 100%;
    height: auto;
  }
  .p_top .good__faq__list {
    margin-top: 59.8px;
  }
  .p_top .good__faq__list dl {
    border: 3.9px solid rgba(96, 171, 241, 0.32);
    -moz-border-radius: 13px;
         border-radius: 13px;
    background: #fff;
  }
  .p_top .good__faq__list dl + dl {
    margin-top: 22.1px;
  }
  .p_top .good__faq__list dl dt {
    background: #F8C1D8;
    padding: 23.4px 16.9px 23.4px 91px;
    font-size: 26px;
    line-height: 31.2px;
    font-weight: 700;
    color: #313131;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    -moz-border-radius: 9.1px 9.1px 0 0;
         border-radius: 9.1px 9.1px 0 0;
  }
  .p_top .good__faq__list dl dt::before {
    position: absolute;
    content: "Q";
    width: 54.6px;
    height: 54.6px;
    -moz-border-radius: 9.1px;
         border-radius: 9.1px;
    color: #fff;
    background: #F84892;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 32.5px;
    line-height: 1;
    font-weight: 700;
    left: 15.6px;
    top: 14.3px;
  }
  .p_top .good__faq__list dl dd {
    padding: 18.2px 15.6px 24.7px;
    font-size: 20.8px;
    line-height: 29.9px;
    color: #313131;
  }
  .p_top .ng {
    line-height: 0;
  }
  .p_top .ng img {
    width: 100%;
    height: auto;
  }
  .p_top .good, .p_top .ng {
    display: none;
  }
  .footer {
    padding: 31.2px 0 250px;
    background: #fff;
  }
  .footer ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer ul li {
    margin: 0 9.1px;
  }
  .footer ul li a {
    font-size: 15.6px;
    line-height: 1;
  }
  .p_child {
    height: 100%;
  }
  .p_child .container {
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: url("../img/bg.png") 0 0 repeat;
  }
  .p_child .container main {
    width: 100%;
  }
  .p_child .container .privacy {
    width: 826.54px;
    margin: 39px auto;
    background: #fff;
    -moz-border-radius: 19.5px;
         border-radius: 19.5px;
    padding: 36.4px 31.2px 44.2px;
  }
  .p_child .container .privacy h2 {
    text-align: center;
    font-size: 31.2px;
    line-height: 45.5px;
    font-weight: 700;
    color: #F84892;
  }
  .p_child .container .privacy .con {
    margin-top: 39px;
  }
  .p_child .container .privacy .con .txt {
    font-size: 18.2px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 39px;
  }
  .p_child .container .privacy .con dl + dl {
    margin-top: 39px;
  }
  .p_child .container .privacy .con dl dt {
    font-size: 23.4px;
    line-height: 33.8px;
    font-weight: 700;
    color: #000000;
  }
  .p_child .container .privacy .con dl dd {
    margin-top: 13px;
    font-size: 18.2px;
    line-height: 26px;
    color: #000000;
  }
  .p_child .container .footer {
    width: 100%;
    margin-top: auto;
  }
}

@media screen and (max-width: 768px) {
  img {
    width: 100%;
    height: auto;
  }
  .container {
    overflow: hidden;
  }
  .show_pc {
    display: none !important;
  }
  .row {
    padding-left: 4.83092vw;
    padding-right: 4.83092vw;
  }
  .p_top .mv {
    position: relative;
    z-index: 2;
    /* background: url("../img/bg.png") 0 0 repeat; */
  }
  .p_top .want {
    position: relative;
    z-index: 3;
    margin-top: -7.00483vw;
    /* margin-left: -2.17391vw; */
    /* background:  url('../img/bgEx.png') 0 0 no-repeat; */
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    border-radius: 4.8309vw 4.8309vw 0 0;
           padding: 3.63768vw 0 0;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .want .media {
    padding: 0 4.8309vw;
  }
  .p_top .want .media .media-title {
    line-height: 0;
  }
  .p_top .want .media .media-title img {
    width: 100%;
    height: auto;
  }
  .p_top .want .media .media-wrap {
    margin-top: 3.14009vw;
    background: #fff;
    width: 87.198067vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    padding: 6.52173vw 3.14vw 4.8309vw;
  }
  .p_top .want .media .media-wrap::before,
  .p_top .want .media .media-wrap::after {
    position: absolute;
    content: "";
    width: 88.40579vw;
    height: 9.9951vw;
    background: url('../img/bgExCorner.png') 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .p_top .want .media .media-wrap::before {
    top: -0.966vw;
  }
  .p_top .want .media .media-wrap::after {
    bottom: -0.966vw;
    -webkit-transform: translateX(-50%) scaleY(-1);
    -ms-transform: translateX(-50%) scaleY(-1);
    transform: translateX(-50%) scaleY(-1);
  }
  .p_top .want .media .media-wrap--partner {
    line-height: 0;
    width: 100%;
  }
  .p_top .want .media .media-roll {
    margin-top: 5.314vw;
  }
  .p_top .want::before {
    position: absolute;
    content: "";
    width: 94.68599vw;
    height: 33.9372vw;
    background: url("../img/boxMv.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -16.08213vw;
  }
  .p_top .easy {
    position: relative;
    z-index: 2;
    margin-top: -6.28019vw;
    padding-top: 9.66184vw;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .easy::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 454vw;
    background: #F4F4F4;
     background: url("../img/nayami_bg.png") 0 0 no-repeat;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .p_top .easy h2 {
    text-align: center;
    line-height: 0;
  }
  .p_top .easy h2 img {
    width: 63.76812vw;
  }
  .p_top .easy .web {
    margin-top: 2.85024vw;
    line-height: 0;
    padding: 0 4.83092vw;
  }
  .p_top .easy .web img {
    width: 84.29952vw;
  }
  .p_top .easy .txt {
    margin-top: 2.17391vw;
    padding: 0 4.83092vw;
    line-height: 0;
    text-align: center;
  }
  .p_top .easy .txt img {
    width: 100%;
    height: auto;
  }
  .p_top .easy .detail {
    margin-top: -14.00966vw;
  }
  .p_top .recommned {
    margin-top: 3.62319vw;
    background: #61CDE3;
    -moz-border-radius: 4.83092vw 4.83092vw 0 0;
         border-radius: 4.83092vw 4.83092vw 0 0;
  }
  .p_top .recommned__main {
    padding-top: 4.83092vw;
    padding-bottom: 13.76812vw;
  }
  .p_top .recommned__main h2 {
    text-align: center;
    line-height: 0;
  }
  .p_top .recommned__main h2 img {
    width: 71.49758vw;
  }
  .p_top .recommned__main .list {
    margin-top: 7.72947vw;
  }
  .p_top .recommned__main .list ul {
    counter-reset: li;
  }
  .p_top .recommned__main .list ul li {
    counter-increment: li;
    padding: 0vw 2.41546vw 0vw 16.90821vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    font-size: 4.83092vw;
    line-height: 7.00483vw;
    font-weight: 700;
    color: #F587A5;
    background: #fff;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 14.7343vw;
  }
  .p_top .recommned__main .list ul li + li {
    margin-top: 6.76329vw;
  }
  .p_top .recommned__main .list ul li::before {
    position: absolute;
    content: counter(li, decimal-leading-zero);
    width: 14.00966vw;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 8.21256vw;
    line-height: 1;
    font-family: "Bebas Neue", sans-serif;
    color: #fff;
    background: #FF9BC5;
    -moz-border-radius: 2.41546vw 0 0 2.41546vw;
         border-radius: 2.41546vw 0 0 2.41546vw;
  }
  .p_top .recommned__main .list ul li:not(:last-child)::after {
    position: absolute;
    content: "";
    width: 5.31401vw;
    height: 4.58937vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -6.03865vw;
    background: url("../img/triangle.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .p_top .recommned__main .list ul li.special {
    color: #000000;
    font-size: 6.76329vw;
    line-height: 9.90338vw;
    background: #FFEC74;
  }
  .p_top .recommned__main .list ul li.special::before {
    color: #FEF200;
  }
  .p_top .recommned__main .list ul li.special::after {
    position: absolute;
    content: "";
    width: 21.01449vw;
    height: 16.90821vw;
    background: url("../img/icon01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    bottom: -3.62319vw;
    right: 2.89855vw;
  }
  .p_top .quiz {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding-bottom: 9.42029vw;
  }
  .p_top .quiz::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    /* background: -webkit-gradient(linear, left top, right top, from(#F84892), color-stop(50%, #FF89BB), to(#F1DB60));
    background: -webkit-linear-gradient(left, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: -moz- oldlinear-gradient(left, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: linear-gradient(90deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%); */
    top: 0;
    left: 0;
    opacity: 0.12;
    z-index: -1;
    pointer-events: none;
  }
  .p_top .quiz__title {
    background: url("../img/bgTitleQuiz.png") center bottom no-repeat;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
    padding: 4.34783vw 0 4.83092vw;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .quiz__title::after {
    position: absolute;
    content: "";
    width: 26.08696vw;
    height: 14.97585vw;
    left: 50%;
    background: url("../img/arrow01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -9.17874vw;
  }
  .p_top .quiz__title span {
    color: #fff;
    font-size: 7.72947vw;
    line-height: 11.11111vw;
    font-weight: 900;
  }
  .p_top .quiz__title h2 {
    font-size: 10.38647vw;
    line-height: 14.97585vw;
    font-weight: 700;
    color: #FFEB00;
    margin-top: -2.41546vw;
  }
  .p_top .quiz__content {
    margin-top: 18.59903vw;
    padding: 0 7.72947vw;
    counter-reset: quiz;
  }
  .p_top .quiz__question {
    counter-increment: quiz;
    padding: 0 4.34783vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .quiz__question::after {
    position: absolute;
    content: "";
    width: 100%;
    height: -webkit-calc(100% - 5.31401vw);
    height: -moz-calc(100% - 5.31401vw);
    height: calc(100% - 5.31401vw);
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
  }
  .p_top .quiz__question + .quiz__question {
    margin-top: 10.14493vw;
  }
  .p_top .quiz__question .remain {
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    margin-left: -4.34783vw;
    margin-right: -4.34783vw;
  }
  .p_top .quiz__question .remain::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2.657vw;
    background: #61CDE3;
    background: #61CDE3;
    background: #61CDE3;
    background: #61CDE3;
    left: 0;
    top: 5.31401vw;
    z-index: -1;
  }
  .p_top .quiz__question .remain span {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 44.2029vw;
    height: 12.56039vw;
    padding: 1.93237vw 1.20773vw 3.62319vw;
    background: url("../img/bgRemain.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    font-size: 4.83092vw;
    line-height: 6.03865vw;
    font-weight: 700;
    color: #61CDE3;
  }
  .p_top .quiz__question h3 {
    margin-top: 2.41546vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 0 1.20773vw 0 15.45894vw;
    font-size: 5.7971vw;
    line-height: 8.45411vw;
    font-weight: 700;
    color: #313131;
  }
  .p_top .quiz__question h3::before {
    position: absolute;
    content: attr(data-ques);
    font-size: 5.55556vw;
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    background: #313131;
    width: 12.56039vw;
    height: 12.56039vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    left: 0;
    top: -2.41546vw;
  }
  .p_top .quiz__question figure {
    margin-top: 6.76329vw;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    overflow: hidden;
  }
  .p_top .quiz__question figure img {
    width: 100%;
    height: auto;
  }
  .p_top .quiz__question .wrapRadio {
    padding: 4.10628vw 5.07246vw 4.34783vw;
  }
  .p_top .quiz__question .wrapRadio label {
    display: block;
    cursor: pointer;
  }
  .p_top .quiz__question .wrapRadio label + label {
    margin-top: 1.93237vw;
  }
  .p_top .quiz__question .wrapRadio label input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
  }
  .p_top .quiz__question .wrapRadio label input:checked + span {
    -moz-box-shadow: 0 0.96618vw 0 #0A7389;
         box-shadow: 0 0.96618vw 0 #0A7389;
    background: url("../img/bgRadio.png") bottom center no-repeat #3CB0C8;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
  }
  .p_top .quiz__question .wrapRadio label span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 12.56039vw;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    -moz-box-shadow: 0 0.96618vw 0 #3CB0C8;
         box-shadow: 0 0.96618vw 0 #3CB0C8;
    border: 2px solid rgba(255, 255, 255, 0.56);
    background: url("../img/bgRadio_un.png") bottom center no-repeat #61CDE3;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
    font-size: 4.34783vw;
    line-height: 6.28019vw;
    font-weight: 700;
    color: #fff;
  }
  .p_top .quiz__last {
    margin-top: 4.10628vw;
    padding: 0 4.83092vw 6.52174vw;
  }
  .p_top .quiz__last .txt {
    line-height: 0;
  }
  .p_top .quiz__last .txt img {
    width: 100%;
    height: auto;
  }
  .p_top .quiz__last .wrapCheckAge {
    margin-top: 1.44928vw;
    text-align: center;
  }
  .p_top .quiz__last .wrapCheckAge label {
    cursor: pointer;
  }
  .p_top .quiz__last .wrapCheckAge label input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
  }
  .p_top .quiz__last .wrapCheckAge label input:checked + span::before {
    content: "\2713";
    font-size: 5.07246vw;
  }
  .p_top .quiz__last .wrapCheckAge label span {
    font-size: 4.34783vw;
    line-height: 6.28019vw;
    font-weight: 700;
    color: #000000;
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 0 0 0 6.28019vw;
  }
  .p_top .quiz__last .wrapCheckAge label span::before {
    width: 5.07246vw;
    height: 5.07246vw;
    position: absolute;
    content: "";
    -moz-border-radius: 1.20773vw;
         border-radius: 1.20773vw;
    background: #fff;
    border: 1px solid #000000;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 5.07246vw;
    font-weight: 700;
    line-height: 1;
  }
  .p_top .quiz__last .wrapCheckAge .note {
    font-size: 2.41546vw;
    line-height: 3.62319vw;
    font-weight: 700;
    color: #FF0000;
  }
  .p_top .quiz__last button {
    margin-top: 3.1401vw;
    width: 100%;
    height: 23.18841vw;
    border: 0;
    -moz-box-shadow: none;
         box-shadow: none;
    outline: none;
    pointer-events: none;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/btnDisable01.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
  }
  .p_top .quiz__last button.enable {
    background: url("../img/btnEnable01.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    pointer-events: auto;
  }
  .p_top .good__result {
    line-height: 0;
  }
  .p_top .good__result img {
    width: 100%;
    height: auto;
  }
  .p_top .good__line {
    padding: 0 4.83092vw;
    margin: 6.52174vw 0 7.72947vw;
  }
  .p_top .good__line a {
    display: block;
    line-height: 0;
    width: 100%;
  }
  .p_top .good__line a img {
    width: 100%;
    height: auto;
  }
  .p_top .good__ttl {
    background: #61CDE3;
    padding: 13.04348vw 0 3.38164vw;
  }
  .p_top .good__ttl h2 {
    text-align: center;
    font-size: 7.00483vw;
    line-height: 11.5942vw;
    font-weight: 700;
    color: #fff;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .good__ttl h2::before {
    position: absolute;
    content: attr(data-eng);
    font-size: 15.45894vw;
    line-height: 22.22222vw;
    color: rgba(255, 255, 255, 0.17);
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -12.07729vw;
  }
  .p_top .good__reason__list {
    padding: 13.52657vw 0 5.31401vw;
    counter-reset: ar;
  }
  .p_top .good__reason__list article {
    counter-increment: ar;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: #E5F7FB;
    padding: 7.97101vw 3.86473vw 6.28019vw;
  }
  .p_top .good__reason__list article::before {
    position: absolute;
    content: "POINT." counter(ar, decimal-leading-zero);
    font-size: 4.58937vw;
    line-height: 6.52174vw;
    font-weight: 700;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#F84892), color-stop(50%, #FF89BB), to(#F1DB60));
    background: -webkit-linear-gradient(left, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: -moz- oldlinear-gradient(left, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: linear-gradient(90deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    width: 37.92271vw;
    height: 9.90338vw;
    -moz-border-radius: 5.7971vw;
         border-radius: 5.7971vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -4.83092vw;
  }
  .p_top .good__reason__list article + article {
    margin-top: 12.56039vw;
  }
  .p_top .good__reason__list article figure {
    width: 100%;
  }
  .p_top .good__reason__list article figure img {
    width: 100%;
    height: auto;
  }
  .p_top .good__reason__list article h3 {
    text-align: center;
    font-size: 7.24638vw;
    line-height: 8.69565vw;
    font-weight: 700;
    color: #4B86BE;
    margin-top: 3.1401vw;
    margin-bottom: 2.41546vw;
  }
  .p_top .good__reason__list article .txt {
    text-align: center;
    font-size: 3.86473vw;
    line-height: 5.7971vw;
    font-weight: 700;
    color: #313131;
  }
  .p_top .good__reason__list article .txt span {
    color: #FF6C00;
  }
  .p_top .good__reason__list article ul {
    margin-top: 4.10628vw;
    background: #fff;
    padding: 3.38164vw 2.657vw 4.10628vw 5.31401vw;
  }
  .p_top .good__reason__list article ul li {
    font-size: 3.86473vw;
    line-height: 5.7971vw;
    font-weight: 700;
    color: #313131;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 0 0 0 3.1401vw;
  }
  .p_top .good__reason__list article ul li + li {
    margin-top: 1.93237vw;
  }
  .p_top .good__reason__list article ul li::before {
    position: absolute;
    content: "";
    width: 1.20773vw;
    height: 2.657vw;
    background: -webkit-linear-gradient(315deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: -moz- oldlinear-gradient(315deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    background: linear-gradient(135deg, #F84892 0%, #FF89BB 50%, #F1DB60 100%);
    -moz-border-radius: 5.7971vw;
         border-radius: 5.7971vw;
    left: 0;
    top: 1.69082vw;
  }
  .p_top .good__recruit {
    background: #3CB0C8;
    background: #3CB0C8;
    background: #3CB0C8;
    background: #3CB0C8;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding-bottom: 6.28019vw;
  }
  .p_top .good__recruit::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3.86473vw;
    background: url("../img/gridBusiness.png") 0 0 repeat-x;
    -moz-background-size: auto 100%;
         background-size: auto 100%;
    left: 0;
    top: -2.41546vw;
  }
  .p_top .good__recruit__ttl {
    padding: 25.12077vw 0 6.28019vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .good__recruit__ttl::before {
    position: absolute;
    content: "BUSINESS\A RECRUIT";
    font-size: 15.45894vw;
    line-height: 1;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.17);
    left: 0;
    top: 0vw;
    white-space: pre-wrap;
  }
  .p_top .good__recruit__ttl::after {
    position: absolute;
    content: "";
    width: 26.08696vw;
    height: 35.99034vw;
    bottom: 0;
    right: -2.89855vw;
    background: url("../img/iconBusiness.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .p_top .good__recruit__ttl h2 {
    font-size: 7.00483vw;
    line-height: 8.69565vw;
    color: #fff;
    font-weight: 700;
  }
  .p_top .good__recruit__list article {
    background: #fff;
    padding: 2.41546vw 1.93237vw 7.00483vw;
  }
  .p_top .good__recruit__list article + article {
    margin-top: 3.62319vw;
  }
  .p_top .good__recruit__list article h3 {
    color: #fff;
    background: #3CB0C8;
    padding: 2.41546vw 0 3.1401vw 16.66667vw;
    font-size: 5.7971vw;
    line-height: 8.45411vw;
    font-weight: 700;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .good__recruit__list article h3::before {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p_top .good__recruit__list article h3.ic1::before {
    width: 12.56039vw;
    height: 10.14493vw;
    background: url("../img/ic01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 1.93237vw;
  }
  .p_top .good__recruit__list article h3.ic2::before {
    width: 10.86957vw;
    height: 11.46618vw;
    background: url("../img/ic02.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 2.31884vw;
  }
  .p_top .good__recruit__list article h3.ic3::before {
    width: 12.07729vw;
    height: 10.38647vw;
    background: url("../img/ic03.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 1.44928vw;
  }
  .p_top .good__recruit__list article h3.ic4::before {
    width: 12.17874vw;
    height: 11.53623vw;
    background: url("../img/ic04.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 1.57005vw;
  }
  .p_top .good__recruit__list article h3.ic5::before {
    width: 12.17874vw;
    height: 9.56763vw;
    background: url("../img/ic05.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 1.69082vw;
  }
  .p_top .good__recruit__list article .con {
    margin-top: 3.86473vw;
    padding: 0 4.34783vw;
  }
  .p_top .good__recruit__list article .con dl + dl {
    margin-top: 5.07246vw;
  }
  .p_top .good__recruit__list article .con dl dt {
    font-size: 4.83092vw;
    line-height: 7.00483vw;
    font-weight: 700;
    color: #F84892;
  }
  .p_top .good__recruit__list article .con dl dt span {
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(70%, white), color-stop(70%, #ffe200), to(#ffe200));
    background: -webkit-linear-gradient(top, white 0%, white 70%, #ffe200 70%, #ffe200 100%);
    background: -moz- oldlinear-gradient(top, white 0%, white 70%, #ffe200 70%, #ffe200 100%);
    background: linear-gradient(180deg, white 0%, white 70%, #ffe200 70%, #ffe200 100%);
  }
  .p_top .good__recruit__list article .con dl dd {
    margin-top: 3.38164vw;
    font-size: 3.86473vw;
    line-height: 5.55556vw;
    font-weight: 700;
    color: #313131;
  }
  .p_top .good__recruit__list article .con dl dd ul li {
    padding: 0 0 0 5.55556vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .p_top .good__recruit__list article .con dl dd ul li::before {
    position: absolute;
    content: "・";
    font-size: 3.86473vw;
    line-height: 5.55556vw;
    font-weight: 700;
    color: #313131;
    left: 0;
    top: 0;
  }
  .p_top .good__recruit__list article .con dl dd ul li + li {
    margin-top: 1.93237vw;
  }
  .p_top .good__side {
    background: #F4F4F4;
    padding: 7.6087vw 0 8.9372vw;
  }
  .p_top .good__side h2 {
    text-align: center;
    line-height: 0;
  }
  .p_top .good__side h2 img {
    width: 66.29469vw;
  }
  .p_top .good__side .list {
    margin-top: 8.76812vw;
    counter-reset: ar;
  }
  .p_top .good__side .list article {
    counter-increment: ar;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: #fff;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    padding: 5.7971vw 3.62319vw 7.24638vw 3.62319vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .p_top .good__side .list article::before {
    position: absolute;
    content: counter(ar, decimal-leading-zero);
    width: 11.83575vw;
    height: 11.83575vw;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #3CB0C8;
    color: #fff;
    font-size: 7.24638vw;
    line-height: 1;
    font-weight: 700;
    left: -1.20773vw;
    top: -2.657vw;
  }
  .p_top .good__side .list article h3 {
    width: 100%;
    color: #3CB0C8;
    font-size: 5.31401vw;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4.34783vw;
  }
  .p_top .good__side .list article .txt {
    width: 58.45411vw;
    margin-left: 2.17391vw;
    font-size: 3.38164vw;
    line-height: 5.55556vw;
    color: #313131;
  }
  .p_top .good__side .list article + article {
    margin-top: 6.76329vw;
  }
  .p_top .good__side .list article:nth-of-type(1) figure {
    width: 17.3913vw;
  }
  .p_top .good__side .list article:nth-of-type(1) figure img {
    width: 100%;
    height: auto;
  }
  .p_top .good__side .list article:nth-of-type(2) figure {
    width: 21.73913vw;
  }
  .p_top .good__side .list article:nth-of-type(2) figure img {
    width: 100%;
    height: auto;
  }
  .p_top .good__side .list article:nth-of-type(3) figure {
    width: 16.90821vw;
  }
  .p_top .good__side .list article:nth-of-type(3) figure img {
    width: 100%;
    height: auto;
  }
  .p_top .good__faq__list {
    margin-top: 11.11111vw;
  }
  .p_top .good__faq__list dl {
    border:0.72464vw solid #ff89bb42;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    background: #fff;
  }
  .p_top .good__faq__list dl + dl {
    margin-top: 4.10628vw;
  }
  .p_top .good__faq__list dl dt {
    background: #FFC1D2;
    padding: 4.34783vw 3.1401vw 4.34783vw 16.90821vw;
    font-size: 4.83092vw;
    line-height: 5.7971vw;
    font-weight: 700;
    color: #313131;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    -moz-border-radius: 1.69082vw 1.69082vw 0 0;
         border-radius: 1.69082vw 1.69082vw 0 0;
  }
  .p_top .good__faq__list dl dt::before {
    position: absolute;
    content: "Q";
    width: 10.14493vw;
    height: 10.14493vw;
    -moz-border-radius: 1.69082vw;
         border-radius: 1.69082vw;
    color: #fff;
    background: #F84892;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 6.03865vw;
    line-height: 1;
    font-weight: 700;
    left: 2.89855vw;
    top: 2.657vw;
  }
  .p_top .good__faq__list dl dd {
    padding: 3.38164vw 2.89855vw 4.58937vw;
    font-size: 3.86473vw;
    line-height: 5.55556vw;
    color: #313131;
  }
  .p_top .ng {
    line-height: 0;
  }
  .p_top .ng img {
    width: 100%;
    height: auto;
  }
  .p_top .good, .p_top .ng {
    display: none;
  }
  .footer {
    padding: 5.7971vw 0 5.7971vw;
    background: #fff;
        padding-bottom: 150px;
  }
  .footer ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer ul li {
    margin: 0 1.69082vw;
  }
  .footer ul li a {
    font-size: 2.5vw;
    line-height: 1;
  }
  .p_child {
    height: 100%;
  }
  .p_child .container {
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: url("../img/bg.png") 0 0 repeat;
  }
  .p_child .container main {
    width: 100%;
  }
  .p_child .container .privacy {
    width: 90.33816vw;
    margin: 7.24638vw auto;
    background: #fff;
    -moz-border-radius: 3.62319vw;
         border-radius: 3.62319vw;
    padding: 6.76329vw 5.7971vw 8.21256vw;
  }
  .p_child .container .privacy h2 {
    text-align: center;
    font-size: 5.7971vw;
    line-height: 8.45411vw;
    font-weight: 700;
    color: #F84892;
  }
  .p_child .container .privacy .con {
    margin-top: 7.24638vw;
  }
  .p_child .container .privacy .con .txt {
    font-size: 3.38164vw;
    line-height: 4.83092vw;
    color: #000000;
    margin-bottom: 7.24638vw;
  }
  .p_child .container .privacy .con dl + dl {
    margin-top: 7.24638vw;
  }
  .p_child .container .privacy .con dl dt {
    font-size: 4.34783vw;
    line-height: 6.28019vw;
    font-weight: 700;
    color: #000000;
  }
  .p_child .container .privacy .con dl dd {
    margin-top: 2.41546vw;
    font-size: 3.38164vw;
    line-height: 4.83092vw;
    color: #000000;
  }
  .p_child .container .footer {
    width: 100%;
    margin-top: auto;
  }
}

.p_top #quiz.completed .quiz__question .wrapRadio label {
  pointer-events: none;
  cursor: none;
}


/*2024/04/16-LINEボタン追加 */
.bottom-btn {
 position: fixed;
    bottom: 0;
    width: 90%;
    left: 5%;
        z-index: 99999;
        text-align: center;
}

.puru {
  animation-duration: 3s;
  animation-name: purupuru;
  animation-iteration-count: infinite;
}
@keyframes purupuru {
  0%{ transform: skewX(9deg);}
  10%{ transform: skewX(-8deg);}
  20%{ transform: skewX(7deg);}
  30%{ transform: skewX(-6deg);}
  40%{ transform: skewX(5deg);}
  50%{ transform: skewX(-4deg);}
  60%{ transform: skewX(3deg);}
  70%{ transform: skewX(-2deg);}
  80%{ transform: skewX(1deg);}
  90%{ transform: skewX(0deg);}
  100%{ transform: skewX(0deg);}
}

.dokidoki{
    animation-name:dokidoki;  /* アニメーション名の指定 */
    animation-delay:0s;   /* アニメーションの開始時間指定 */
    animation-duration: 1s; /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;
    /* アニメーションの動き（徐々に早く徐々に遅く）*/
    animation-iteration-count: infinite; /* アニメーションをループさせる */
}

@keyframes dokidoki {
    0% {
        transform: scale(1);
    }

    40% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    60% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

/*2024/04/18　メディア*/
/* .media{
  width:100%;
  margin: 0 auto;
} */

.media-roll{
    overflow-y: scroll;
    height: 47vw;
    /* margin-bottom: 30px; */
}


.reason {
  width: 95%;
  margin: 0 auto;
}
.worries {
  margin-top: 5rem;
}
.date {
  margin-top: -3.2rem;
}
.step {
  margin-top: -2.8rem;
}

@media screen and (min-width: 769px), print {
.reason {
  width: 95%;
  margin: 0 auto;
}
.worries {
  margin-top: 5rem;
}
.date {
  margin-top: -6.2rem;
}
.step {
  margin-top: -5.8rem;
}
  
}