@charset "UTF-8";
@media screen and (max-width: 1400px) {
  /*---リクルート---*/
  .mainvisual .cont01 p a span:last-child {
    font-size: 24px;
    font-size: max(15px, 1.25vw);
    width: 150px;
    width: max(85px, 7.8125vw);
  }
  .recruitCont02 ul {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
  }
  .recruitCont03 ul {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
  }
  .recruitCont04 ul {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
  }
  /*---インタビュー---*/
  .interviewCont01 .interviewfield h4 {
    font-size: 35px;
    font-size: 2.5vw;
  }
  .interviewCont01 .interviewfield p {
    font-size: 24px;
    font-size: 1.714285714vw;
  }
  /*-----会社概要
    --------------------------*/
  .compvisual .cont01 h2 {
    font-size: 92px;
    letter-spacing: 1.428571429vw;
    /* margin-bottom: 11.97916667vw; */
  }
  /*------求人詳細
    ---------------------------*/
  .detailmainvisual .cont01 h2 {
    font-size: 92px;
    letter-spacing: 1.428571429vw;
  }
  .detailmainvisual .cont01 h2 small {
    font-size: 50px;
  }
  /*-------SESで踊れ
    ----------------------------*/
  .questionCont02 .cont03 .cont09 div {
    width: 100%;
  }
  .footer-btn ul li a {
    width: 500px;
    height: 117px;
  }
}

@media screen and (max-width: 1200px) {
  .mainvisual {
    position: relative;
  }
  .mainvisual .cont01 h2 {
    bottom: 160px;
    bottom: 13.33333333vw;
  }
  .mainvisual .cont01 p {
    bottom: 160px;
    bottom: 13.33333333vw;
  }
  .footer-btn ul li a {
    width: 400px;
    height: 93px;
  }
}

@media screen and (max-width: 768px) {
  /*---リクルート---*/
  .mainvisual {
    min-height: 100vh;
    /* Fallback */
    min-height: calc(var(--vh, 1vh) * 100);
  }
  .mainvisual .cont01 h2 {
    width: 266px;
    width: 34.63541667vw;
    top: 35px;
    top: 4.557291667vw;
    right: 4.817708333vw;
  }
  .mainvisual .cont01 p {
    bottom: 0;
  }
  .mainvisual .cont01 p a span:last-child {
    width: 150px;
    width: max(90px, 19.53125vw);
    font-size: 24px;
    font-size: 3.125vw;
  }
  .mainvisual ul {
    min-height: 100vh;
    /* Fallback */
    min-height: calc(var(--vh, 1vh) * 100);
  }
  .mainvisual ul:before {
    border-radius: 0 0 90% 90% /0 0 20% 20%;
    min-height: 100vh;
    /* Fallback */
    min-height: calc(var(--vh, 1vh) * 100);
  }
  .mainvisual ul li:first-child {
    height: 100vh;
    /* Fallback */
    height: calc(var(--vh, 1vh) * 100);
  }
  .mainvisual ul li:nth-child(2) {
    right: 20px;
    right: 2.604166667vw;
    width: 410px;
    width: 53.38541667vw;
    top: 120px;
    top: 15.625vw;
  }
  .mainvisual ul li:nth-child(3) {
    width: 350px;
    width: 45.57291667vw;
    bottom: 0;
    /* bottom: -7.8125vw; */
    left: 0px;
    /* left: 4.947916667vw; */
  }
  .mainvisual ul li:nth-child(4) {
    width: 500px;
    width: 65.10416667vw;
    top: -15px;
    top: -4vw;
    left: 0px;
  }
  .mainvisual ul li:last-child {
    width: 500px;
    width: 65.10416667vw;
    right: 20px;
    right: 2.604166667vw;
    bottom: -20px;
    bottom: -2.604166667vw;
  }
  .mainvisual .cont01 p {
    bottom: 0;
    /* bottom: 13.33333333vw; */
  }
  .recruitCont01 {
    width: 670px;
    width: 89.33333333%;
    margin-bottom: 170px;
    margin-bottom: 22.66666667vw;
  }
  .recruitCont01 h2 {
    width: 670px;
    width: 100%;
  }
  .recruitCont01 p {
    font-size: 43px;
    font-size: 5.598958333vw;
    letter-spacing: 0px;
    line-height: 1.95;
  }
  .recruitCont01 p.first {
    margin-bottom: 125px;
    margin-bottom: 16.27604167vw;
  }
  .recruitCont01 p {
    margin-bottom: 125px;
    margin-bottom: 16.27604167vw;
  }
  .recruitCont02 ul {
    width: 89.33333333%;
    /* top: 58%; */
  }
  .recruitCont02 ul li:first-child {
    margin-bottom: 70px;
    margin-bottom: 9.114583333vw;
  }
  .recruitCont02 ul li:last-child {
    width: 300px;
    width: 39.0625vw;
    font-size: 20px;
    font-size: max(11px, 2.604166667vw);
    padding: 22.5px 0;
    padding: 2.9296875vw 0;
  }
  .recruitCont02 ul li:before {
    transition: transform 0.2s;
  }
  .recruitCont02 ul li h2 {
    width: 530px;
    width: 69.01041667vw;
    margin-bottom: 30px;
    margin-bottom: 3.90625vw;
    right: 31px;
    right: 4.036458333vw;
  }
  .recruitCont02 ul li p {
    font-size: max(11px, 2.604166667vw);
  }
  .recruitCont02:after {
    width: 105px;
    width: 13.671875vw;
    height: 105px;
    height: 13.671875vw;
    top: 50px;
    top: 6.510416667vw;
    right: 50px;
    right: 6.510416667vw;
  }
  .recruitCont02 ul li a {
    position: relative;
    width: 310px;
    width: 40.36458333vw;
  }
  .recruitCont03 ul {
    width: 89.33333333%;
    /* top: 58%; */
  }
  .recruitCont03 ul li h2 {
    width: 520px;
    width: 67.70833333vw;
    margin-bottom: 30px;
    margin-bottom: 3.90625vw;
    right: 31px;
    right: 4.036458333vw;
  }
  .recruitCont03 ul li p {
    font-size: max(11px, 2.604166667vw);
  }
  .recruitCont03 ul li:first-child {
    margin-bottom: 70px;
    margin-bottom: 9.114583333vw;
  }
  .recruitCont03 ul li:last-child {
    width: 300px;
    width: 39.0625vw;
    font-size: 20px;
    font-size: max(11px, 2.604166667vw);
    padding: 22.5px 0;
    padding: 2.9296875vw 0;
  }
  .recruitCont03 ul li:before {
    transition: transform 0.2s;
  }
  .recruitCont03 ul li a {
    position: relative;
    width: 310px;
    width: 40.36458333vw;
  }
  .recruitCont03:after {
    width: 105px;
    width: 13.671875vw;
    height: 105px;
    height: 13.671875vw;
    top: 50px;
    top: 6.510416667vw;
    right: 50px;
    right: 6.510416667vw;
  }
  .recruitCont04 ul li a {
    position: relative;
    width: 310px;
    width: 40.36458333vw;
  }
  .recruitCont04 ul {
    width: 89.33333333%;
    /* top: 58%; */
  }
  .recruitCont04 ul li h2 {
    width: 670px;
    width: 100%;
    margin-bottom: 30px;
    margin-bottom: 3.90625vw;
    right: 31px;
    right: 4.036458333vw;
  }
  .recruitCont04 ul li p {
    font-size: max(11px, 2.604166667vw);
  }
  .recruitCont04 ul li:first-child {
    margin-bottom: 70px;
    margin-bottom: 9.114583333vw;
  }
  .recruitCont04 ul li:last-child {
    width: 300px;
    width: 39.0625vw;
    font-size: 20px;
    font-size: max(11px, 2.604166667vw);
    padding: 22.5px 0;
    padding: 2.9296875vw 0;
  }
  .recruitCont04 ul li:before {
    transition: transform 0.2s;
  }
  .recruitCont04 ul li a {
    position: relative;
    width: 310px;
    width: 40.36458333vw;
  }
  .recruitCont04:after {
    width: 105px;
    width: 13.671875vw;
    height: 105px;
    height: 13.671875vw;
    top: 50px;
    top: 6.510416667vw;
    right: 50px;
    right: 6.510416667vw;
  }
  .recruitCont04 {
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .recruitCont04 .cont01 a {
    font-size: 30px;
    font-size: max(18px, 3.90625vw);
    padding: 30px 0;
    padding: 3.90625vw 0;
  }
  .recruitCont04 .cont01 a:before {
    transition: transform 0.2s;
  }
  /*-----
インタビュー--------------*/
  .interviewvisual figure {
    width: 670px;
    width: 89.33333333%;
    padding-top: 185px;
    padding-top: 24.08854167vw;
  }
  .interviewvisual .title {
    bottom: 50px;
    bottom: 6.666666667vw;
  }
  .interviewvisual h2 {
    font-size: 65px;
    font-size: 8.666666667vw;
    letter-spacing: -0.2rem;
  }
  .interviewvisual:before {
    height: 1300px;
    height: 169.2708333vw;
    border-radius: 0 0 50% 50% /0 0 15% 15%;
  }
  .interviewvisual {
    margin-bottom: 220px;
    margin-bottom: 29.33333333vw;
  }
  .interviewCont01 {
    width: 100%;
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .interviewCont01 .interviewfield h3 {
    font-size: 40px;
    /* font-size: 2.083333333vw; */
  }
  .interviewCont01 .interviewfield h3 span {
    font-size: 27px;
    font-size: 3.515625vw;
  }
  .interviewCont01 .interviewfield h3 {
    font-size: 40px;
    font-size: 5.208333333vw;
    margin-bottom: 80px;
    margin-bottom: 10.66666667vw;
  }
  .interviewCont01 .interviewfield img {
    margin-bottom: 50px;
    margin-bottom: 6.510416667vw;
  }
  .interviewCont01 .interviewfield h4 {
    margin: 0 auto 50px;
    margin-bottom: 6.510416667vw;
    font-size: 35px;
    font-size: 4.557291667vw;
    width: 670px;
    width: 89.33333333%;
  }
  .interviewCont01 .interviewfield p {
    width: 670px;
    width: 89.33333333%;
    font-size: 20px;
    font-size: 2.604166667vw;
    margin: 0 auto 60px;
    margin-bottom: 7.8125vw;
  }
  .interviewCont01 .interviewfield {
    margin-bottom: 150px;
    margin-bottom: 19.53125vw;
  }
  .interviewCont01 figure {
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto;
  }
  /*-----ウェルスペックで踊れ
company--------------------*/
  .aboutvisual {
    margin-bottom: 150px;
    margin-bottom: 20vw;
  }
  .aboutvisual .area {
    padding-top: 200px;
    padding-top: 26.04166667vw;
    width: 100%;
  }
  .aboutvisual h2 {
    width: 94.79166667%;
    margin: 0 auto 20px;
    margin-bottom: 2.604166667vw;
  }
  .aboutvisual figure {
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .aboutvisual p {
    font-size: 26px;
    font-size: 3.385416667vw;
    margin-bottom: 290px;
    margin-bottom: 37.76041667vw;
  }
  .aboutvisual:before {
    height: 1400px;
    height: 182.2916667vw;
    border-radius: 0 0 90% 90% /0 0 20% 20%;
  }
  .aboutvisual ul {
    width: 608px;
    width: 79.16666667%;
    margin: 0 auto;
  }
  .aboutvisual ul li {
    margin: 0 0 40px 0;
    margin: 0 0 5.208333333vw 0;
    width: 100%;
  }
  .aboutvisual ul li:nth-child(n + 5) {
    margin-bottom: 40px;
    margin-bottom: 5.208333333vw;
  }
  .aboutvisual ul li:last-child {
    margin-bottom: 0;
  }
  .aboutvisual ul li a {
    justify-content: flex-end;
    flex-direction: row-reverse;
  }
  .aboutvisual ul li a span {
    font-size: 27px;
    font-size: 3.515625vw;
  }
  .aboutvisual ul li a span:first-child {
    margin-right: 0;
  }
  .aboutvisual ul li a span:last-child {
    width: 35px;
    width: 4.557291667vw;
    margin-right: 30px;
    margin-right: 3.90625vw;
  }
  .aboutvisual ul li:last-child div {
    display: flex;
  }
  .aboutvisual ul li:last-child div a:first-child {
    margin-right: 40px;
    margin-right: 5.208333333vw;
  }
  div.bg {
    background-image: url(../img/company/sp/bg04-min.png);
    background-repeat: repeat;
    background-size: 100%;
    padding: 0 0 140px 0;
    padding: 0 0 18.66666667vw 0;
  }
  .aboutCont01 {
    width: 100%;
    margin-bottom: 200px;
    margin-bottom: 26.04166667vw;
  }
  .aboutCont01 h3 {
    width: 720px;
    width: 93.75vw;
    margin-bottom: 20px;
    margin-bottom: 2.604166667vw;
  }
  .aboutCont01 figure {
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .aboutCont01 h4 {
    font-size: 50px;
    font-size: 6.666666667vw;
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto;
    position: relative;
    right: 25px;
    right: 3.333333333vw;
    margin-bottom: 60px;
    margin-bottom: 7.8125vw;
  }
  .aboutCont01 p {
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto;
    font-size: 32px;
    font-size: 4.266666667vw;
  }
  .aboutCont01 p span {
    margin-bottom: 65px;
    margin-bottom: 8.666666667vw;
  }
  .aboutCont02 {
    width: 100%;
    margin-bottom: 290px;
    margin-bottom: 37.76041667vw;
  }
  .aboutCont02 figure {
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .aboutCont02 h3 {
    width: 600px;
    width: 78.125vw;
    margin-bottom: 20px;
    margin-bottom: 2.604166667vw;
  }
  .aboutCont02 p {
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto;
    font-size: 32px;
    font-size: 4.266666667vw;
  }
  .aboutCont02 p span {
    margin-bottom: 65px;
    margin-bottom: 8.666666667vw;
  }
  .aboutCont03 {
    width: 100%;
    margin-bottom: 140px;
    margin-bottom: 18.66666667vw;
  }
  .aboutCont03 h3 {
    width: 690px;
    width: 89.84375vw;
    margin-bottom: 20px;
    margin-bottom: 2.604166667vw;
  }
  .aboutCont03 figure {
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .aboutCont03 p {
    font-size: 32px;
    font-size: 4.266666667vw;
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto 140px;
    margin-bottom: 18.66666667vw;
  }
  .aboutCont03 > p {
    font-size: 32px;
    font-size: 4.266666667vw;
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto 140px;
    margin-bottom: 18.66666667vw;
  }
  .aboutCont03 ul {
    width: 100%;
    margin: 0 auto 150px;
    margin-bottom: 20vw;
  }
  .aboutCont03 ul li {
    width: 100%;
    border-right: 0;
    border-bottom: 0;
    padding: 0 0 140px 0;
    padding: 0 0 18.66666667vw 0;
    margin-bottom: 140px;
    margin-bottom: 18.66666667vw;
    align-items: unset;
  }
  .aboutCont03 ul li:last-child {
    margin: 0;
    padding: 0;
  }
  .aboutCont03 ul li:before {
    width: 100px;
    width: 13.33333333vw;
    height: 0;
    display: block;
    border-bottom: 2px solid #000;
    position: absolute;
    top: 100%;
    left: 13%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: 0 auto;
  }
  .aboutCont03 ul li:nth-child(2n):before {
    left: 13%;
  }
  .aboutCont03 ul li:nth-child(n + 3):before {
    top: 100%;
  }
  .aboutCont03 ul li:last-child:before {
    width: 0;
    border-bottom: 0;
  }
  .aboutCont03 ul li p {
    font-size: 34px;
    font-size: 4.533333333vw;
    letter-spacing: -0.1rem;
  }
  .aboutCont04 {
    width: 100%;
    margin-bottom: 140px;
    margin-bottom: 18.66666667vw;
  }
  .aboutCont04 h3 {
    width: 1740px;
    width: 94.66666667vw;
    margin: 0 auto 20px;
    margin-bottom: 2.604166667vw;
  }
  .aboutCont04 figure {
    margin-bottom: 120px;
    margin-bottom: 16vw;
  }
  .aboutCont04 h4 {
    flex-direction: column;
    margin-bottom: 120px;
    margin-bottom: 16vw;
  }
  .aboutCont04 h4 span {
    margin: 0 0 50px 0;
    margin: 0 0 6.666666667vw 0;
    font-size: 35px;
    font-size: 4.666666667vw;
  }
  .aboutCont04 h4 img {
    width: 350px;
    width: 46.66666667vw;
  }
  .aboutCont04 p {
    width: 89.33333333%;
    margin: 0 auto 120px;
    margin-bottom: 16vw;
    font-size: 32px;
    font-size: 4.266666667vw;
  }
  .aboutCont04 div {
    background-repeat: no-repeat;
    background-size: contain;
    width: 89.33333333%;
    margin: 0 auto 120px;
    margin-bottom: 16vw;
  }
  .aboutCont04 div.cont01 {
    background-image: url(../img/company/sp/bg01.svg);
  }
  .aboutCont04 div.cont02 {
    background-image: url(../img/company/sp/bg02.svg);
  }
  .aboutCont04 div.cont03 {
    background-image: url(../img/company/sp/bg01.svg);
    background-size: cover;
    border-bottom: 1px solid #000;
  }
  .aboutCont04 div h5 {
    font-size: 34px;
    font-size: 4.533333333vw;
  }
  .aboutCont04 div h5 span {
    position: relative;
    right: 8px;
    right: 1.066666667vw;
  }
  .aboutCont04 div.cont03 h5 span {
    right: 0;
  }
  .aboutCont04 div p {
    width: 100%;
    margin-bottom: 0;
    padding: 100px 70px 100px 70px;
    padding: 13.02083333vw 9.114583333vw;
    font-size: 30px;
    font-size: 4vw;
    letter-spacing: -0.2rem;
  }
  .aboutCont04 h6 {
    letter-spacing: -0.2rem;
    text-align: center;
    line-height: 2;
    font-size: 35px;
    font-size: 4.666666667vw;
  }
  .aboutCont05 {
    width: 100%;
  }
  .aboutCont05 h3 {
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto 20px;
    margin-bottom: 2.604166667vw;
  }
  .aboutCont05 figure {
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .aboutCont05 div h4 {
    font-size: 32px;
    font-size: 4.266666667vw;
    text-align: center;
    margin-bottom: 80px;
    margin-bottom: 10.66666667vw;
  }
  .aboutCont05 div p {
    font-size: 32px;
    font-size: 4.266666667vw;
    margin-bottom: 120px;
    margin-bottom: 16vw;
  }
  .aboutCont05 div {
    width: 89.33333333%;
    margin: 0 auto 180px;
    margin-bottom: 24vw;
  }
  .aboutCont05 > p {
    width: 89.33333333%;
    margin: 0 auto 180px;
    margin-bottom: 24vw;
    font-size: 32px;
    font-size: 4.266666667vw;
  }
  .aboutCont05 p span {
    margin-bottom: 80px;
    margin-bottom: 10.66666667vw;
  }
  .aboutCont05 > a {
    width: 89.33333333%;
    margin: 0 auto;
  }
  .aboutCont06 {
    padding: 130px 0;
    padding: 17.33333333vw 0;
    margin-bottom: 140px;
    margin-bottom: 18.66666667vw;
  }
  .aboutCont06 h3 {
    width: 670px;
    width: 89.33333333%;
    margin-bottom: 150px;
    margin-bottom: 20vw;
  }
  .aboutCont06 table {
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto;
    margin-bottom: 0;
  }
  .aboutCont06 table tbody tr th {
    padding: 0 0 60px 0;
    padding: 0 0 8vw 0;
    display: block;
  }
  .aboutCont06 table tbody tr:last-child th {
    padding-bottom: 8vw;
  }
  .aboutCont06 table tbody tr:first-child th img {
    width: 420px;
    width: 56vw;
    margin: 0;
  }
  .aboutCont06 table tbody tr:nth-child(2) th img {
    width: 210px;
    width: 28vw;
    margin: 0;
  }
  .aboutCont06 table tbody tr:nth-child(3) th img {
    width: 110px;
    width: 48.666667vw;
    margin: 0;
  }
  .aboutCont06 table tbody tr:nth-child(4) th img {
    width: 330px;
    width: 44vw;
    margin: 0;
  }
  .aboutCont06 table tbody tr:last-child th img {
    width: 330px;
    width: 44vw;
    margin: 0;
  }
  .aboutCont06 table tbody tr td span {
    font-size: 56px;
    font-size: 7.466666667vw;
    line-height: 1.3;
    display: inline-block;
  }
  .aboutCont06 table tbody tr td {
    font-size: 40px;
    font-size: 5.333333333vw;
    display: block;
    padding: 0 0 200px 0;
    padding: 0 0 26.66666667vw 0;
  }
  /*----会社概要
-------------------------------*/
  .compvisual:before {
    height: 400px;
    height: 52.08333333vw;
  }
  .compvisual:after {
    height: 152px;
    height: 19.79166667vw;
    top: 335px;
    top: 43.61979167vw;
    transform: skewY(-12deg);
  }
  .compvisual .cont01 {
    padding-top: 280px;
    padding-top: 36.45833333vw;
    width: 670px;
    width: 89.33333333%;
  }
  .compvisual .cont01 h2 {
    font-size: max(25px, 11.06770833vw);
    margin-bottom: 260px;
    margin-bottom: 34.66666667vw;
  }
  .compvisual .cont01 h2 small {
    font-size: max(20px, 5.859375vw);
  }
  .compCont01 {
    width: 670px;
    width: 89.33333333%;
    margin-bottom: 160px;
    margin-bottom: 20.83333333vw;
  }
  .compCont01 h3 {
    margin-bottom: 50px;
    margin-bottom: 6.510416667vw;
  }
  .compCont01 h3 strong {
    margin-right: 50px;
    margin-right: 6.510416667vw;
    font-size: 80px;
    font-size: max(60px, 10.41666667vw);
  }
  .compCont01 h3 span {
    font-size: 25px;
    font-size: max(17px, 3.255208333vw);
  }
  .compCont01 h4 {
    font-size: 63px;
    font-size: max(33px, 8.203125vw);
    margin-bottom: 65px;
    margin-bottom: 8.463541667vw;
  }
  .compCont01 p {
    font-size: 25px;
    font-size: max(17px, 3.333333333vw);
    line-height: 2;
  }
  .compCont01 p span {
    margin-bottom: 60px;
    margin-bottom: 7.8125vw;
  }
  .compCont02 {
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto 160px;
    margin-bottom: 20.83333333vw;
  }
  .compCont02 h3 {
    margin-bottom: 50px;
    margin-bottom: 6.510416667vw;
  }
  .compCont02 h3 strong {
    margin-right: 50px;
    margin-right: 6.510416667vw;
    font-size: 80px;
    font-size: max(60px, 10.41666667vw);
  }
  .compCont02 h3 span {
    font-size: 25px;
    font-size: max(17px, 3.255208333vw);
  }
  .compCont02 h4 {
    font-size: 48px;
    font-size: max(21px, 6.25vw);
    margin-bottom: 65px;
    margin-bottom: 8.463541667vw;
    line-height: 1.5;
  }
  .compCont02 p {
    font-size: 25px;
    font-size: max(17px, 3.333333333vw);
    line-height: 2;
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .compCont02 p span {
    margin-bottom: 60px;
    margin-bottom: 7.8125vw;
  }
  .compCont02 h5 {
    font-size: 38px;
    font-size: max(18px, 4.947916667vw);
    right: 0;
    margin-bottom: 70px;
    margin-bottom: 9.114583333vw;
    line-height: 1.8;
  }
  .compCont02 ul li {
    margin: 0 0 50px 0;
    margin: 0 0 6.510416667vw 0;
  }
  .compCont02 ul li span {
    font-size: 30px;
    font-size: max(16px, 3.90625vw);
    margin-right: 20px;
    margin-right: 2.604166667vw;
    /* top: -4px; */
    top: -0.5208333333vw;
  }
  .compCont02 ul li h6 {
    margin-bottom: 20px;
    margin-bottom: 2.604166667vw;
    font-size: 30px;
    font-size: max(16px, 3.90625vw);
  }
  .compCont03 {
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto 300px;
    margin-bottom: 40vw;
  }
  .compCont03 h3 {
    margin-bottom: 50px;
    margin-bottom: 6.510416667vw;
  }
  .compCont03 h3 strong {
    margin-right: 50px;
    margin-right: 6.510416667vw;
    font-size: 80px;
    font-size: max(60px, 10.41666667vw);
  }
  .compCont03 h3 span {
    font-size: 25px;
    font-size: max(17px, 3.255208333vw);
  }
  .compCont03 h4 {
    font-size: 63px;
    font-size: max(33px, 8.203125vw);
    margin-bottom: 70px;
    margin-bottom: 8.463541667vw;
  }
  .compCont03 p {
    font-size: 25px;
    font-size: max(17px, 3.333333333vw);
    line-height: 2;
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .compCont03 h5 {
    font-size: 38px;
    font-size: max(18px, 4.947916667vw);
    right: 0;
    margin-bottom: 70px;
    margin-bottom: 9.114583333vw;
    line-height: 1.8;
  }
  .compCont03 .cont05 {
    margin-left: 0;
    flex-direction: column;
  }
  .compCont03 div {
    width: 100%;
    position: relative;
    margin-bottom: 65px;
    margin-bottom: 8.463542vw;
  }
  .compCont03 div:first-child,
  .compCont03 div:nth-child(2) {
    margin-bottom: 65px;
    margin-bottom: 8.463542vw;
  }
  .compCont03 div:last-child {
    margin-bottom: 0;
  }
  .compCont03 div h6 {
    margin-left: 50px;
    margin-left: 6.510416667vw;
    font-size: 30px;
    font-size: max(16px, 3.90625vw);
    margin-bottom: 25px;
    margin-bottom: 3.255208333vw;
  }
  .compCont03 div h6 span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    font-size: max(16px, 3.90625vw);
  }
  .compCont03 div ul li {
    font-size: 25px;
    font-size: max(17px, 3.333333333vw);
    line-height: 2;
    margin-left: 50px;
    margin-left: 6.510416667vw;
  }
  .compCont04 {
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto 180px;
    margin-bottom: 24vw;
  }
  .compCont04 h3 {
    font-size: 35px;
    font-size: 4.666666667vw;
    margin-bottom: 120px;
    margin-bottom: 16vw;
  }
  .compCont04 table tbody tr th {
    padding: 90px 0 20px 0;
    padding: 12vw 0 2.666666667vw 0;
    width: 100%;
    display: block;
    font-size: 28px;
    font-size: 3.733333333vw;
  }
  .compCont04 table tbody tr td {
    padding: 0 0 90px 0;
    padding: 0 0 12vw 0;
    display: block;
    font-size: 32px;
    font-size: 4.266666667vw;
  }
  .compCont04 table tbody tr:last-child td {
    flex-direction: column;
    word-wrap: break-word;
  }
  .compCont04 table tbody tr:last-child th {
    padding-bottom: 20px;
    padding-bottom: 2.666666667vw;
  }
  .compCont04 table tbody tr td p span {
    font-size: 32px;
    font-size: 4.266666667vw;
  }
  .compCont04 table tbody tr td p span span {
    display: flex;
  }
  .compCont04 table tbody tr td p:first-child {
    margin: 0 0 40px 0;
    margin: 0 0 5.333333333vw 0;
    word-wrap: break-word;
  }
  .compCont04 table tbody tr td p {
    font-size: 50px;
    font-size: 6.666666667vw;
  }
  /*-----求人詳細
---------------------------*/
  .detailmainvisual {
    margin-bottom: 200px;
    margin-bottom: 26.66666667vw;
  }
  .detailmainvisual:before {
    height: 400px;
    height: 52.08333333vw;
  }
  .detailmainvisual:after {
    height: 152px;
    height: 19.79166667vw;
    top: 335px;
    top: 43.61979167vw;
    transform: skewY(-12deg);
  }
  .detailmainvisual .cont01 {
    padding-top: 280px;
    padding-top: 36.45833333vw;
    width: 670px;
    width: 89.33333333%;
  }
  .detailmainvisual .cont01 h2 {
    font-size: max(25px, 11.06770833vw);
  }
  .detailmainvisual .cont01 h2 small {
    font-size: max(20px, 5.859375vw);
  }
  .detailCont01 {
    width: 670px;
    width: 89.33333333%;
    margin-bottom: 300px;
    margin-bottom: 40vw;
  }
  .detailCont01 table tbody tr {
    font-size: 28px;
    font-size: max(25px, 3.733333333vw);
  }
  .detailCont01 table tbody tr th {
    padding: 90px 0 30px 0;
    padding: 12vw 0 4vw 0;
    width: 100%;
    display: block;
  }
  .detailCont01 table tbody tr td h4 {
    font-size: 35px;
    font-size: max(28px, 4.666666667vw);
    line-height: 1.5;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  .detailCont01 table tbody tr td {
    padding: 0 0 90px 0;
    padding: 0 0 12vw 0;
    display: block;
    font-size: 32px;
    font-size: max(26px, 4.266666667vw);
  }
  .detailCont01 table tbody tr td p {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  .detailCont01 table tbody tr:last-child th {
    padding-bottom: 0;
    padding-bottom: 4vw;
  }
  /*-----エントリー
------------------------*/
  .entryCont01 {
    margin-bottom: 90px;
    margin-bottom: 12vw;
  }
  .entryCont01:before {
    height: 400px;
    height: 52.08333333vw;
  }
  .entryCont01:after {
    height: 152px;
    height: 19.79166667vw;
    top: 335px;
    top: 43.61979167vw;
    transform: skewY(-12deg);
  }
  .entryCont01 .cont01 {
    padding-top: 280px;
    padding-top: 36.45833333vw;
    width: 670px;
    width: 89.33333333%;
  }
  .entryCont01 h2 {
    font-size: max(25px, 11.06770833vw);
    margin-bottom: 150px;
    margin-bottom: 19.53125vw;
  }
  .entryCont01 h2 small {
    font-size: max(20px, 5.859375vw);
  }
  .entryCont01 .cont01 p {
    font-size: max(14px, 3.125vw);
    margin-bottom: 90px;
    margin-bottom: 12vw;
  }
  .entryCont01 p strong {
    margin-right: 0;
    display: flex;
  }
  .entryCont01 .cont02 a {
    width: 400px;
    width: max(220px, 53.33333333vw);
    padding: 22px 0;
    padding: 2.933333333vw 0;
  }
  .entryCont01 .cont02 a p {
    font-size: max(16px, 3.645833333vw);
    letter-spacing: 2px;
  }
  .entryCont01 .cont02 {
    margin-bottom: 90px;
    margin-bottom: 12vw;
    justify-content: center;
  }
  .entryCont01 .cont03 {
    width: 670px;
    width: 89.33333333%;
  }
  .entryCont01 .cont03 ul {
    flex-direction: column;
  }
  .entryCont01 .cont03 ul li {
    flex-direction: unset;
    align-items: center;
    margin: 0 0 20px 0;
  }
  .entryCont01 .cont03 ul li:last-child {
    flex-direction: column;
    align-items: unset;
    margin: 0;
  }
  .entryCont01 .cont03 ul li span:first-child {
    font-size: 50px;
    margin: 0 20px 0 0;
    line-height: 1;
  }
  .entryCont01 .cont03 ul li span:last-child {
    font-size: max(14px, 3.125vw);
    text-align: left;
  }
  .entryCont01 .cont03 ul li .cont04 {
    flex-direction: unset;
    align-items: center;
    margin: 0 0 15px 0;
  }
  .entryCont01 .cont03 ul li .cont05 ul li {
    font-size: max(14px, 3.125vw);
  }
  .entryCont01 .cont03 ul li .cont05 ul li span {
    font-size: max(14px, 3.125vw);
  }
  .entryCont01 .cont03 ul li .cont05 ul li:first-child span:last-child {
    font-size: max(14px, 3.125vw);
  }
  .entryCont01 .cont03 ul li .cont05 ul li small {
    font-size: 15px;
    font-size: max(11px, 1.953125vw);
  }
  .entryCont02 {
    width: 670px;
    width: 89.33333333%;
    margin-bottom: 90px;
    margin-bottom: 12vw;
  }
  .entryCont02 ul li {
    flex-direction: column;
    margin-bottom: 0;
    padding-bottom: 0;
    /* padding-bottom: 13.33333333vw; */
  }
  .entryCont02 ul li:nth-child(6) {
    flex-direction: column;
  }
  .entryCont02 ul li > div {
    padding-right: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .entryCont02 ul li:first-child > div:first-child,
  .entryCont02 ul li:nth-child(3) > div:first-child {
    padding-bottom: 10px;
    margin-bottom: 10px;
    /* padding-bottom: 13.33333333vw; */
  }
  .entryCont02 ul li:nth-child(2) div p:nth-child(2) {
    width: 100%;
  }
  .entryCont02 ul li div p {
    font-size: 24px;
    font-size: max(14px, 3.125vw);
    margin-bottom: 0;
  }
  .entryCont02 ul li:nth-child(7) div p:nth-child(2) {
    width: 100%;
  }
  .entryCont02 ul li div p:first-child {
    /* margin-bottom: 25px; */
    /* margin-bottom: 6.510416667vw; */
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 15px;
  }
  .entryCont02 ul li div p:first-child:after {
    content: "必須";
    font-size: 18px;
    color: #b51010;
  }
  .entryCont02 ul li:nth-child(4) div p:first-child:after,
  .entryCont02 ul li:nth-child(5) div p:first-child:after,
  .entryCont02 ul li:nth-child(6) div p:first-child:after,
  .entryCont02 ul li:nth-child(7) div p:first-child:after {
    content: " ";
  }
  .entryCont02 ul li div p small {
    display: none;
  }
  .entryCont02 ul li:nth-child(2) div:last-child p:first-child,
  .entryCont02 ul li:nth-child(6) div p:first-child {
    margin-bottom: 10px;
  }
  .entryCont02 ul li div input {
    font-size: 24px;
    font-size: max(14px, 3.125vw);
    padding: 10px;
  }
  .entryCont02 ul li:nth-child(5) div:last-child {
    /* display: flex; */
    flex-wrap: wrap;
    width: 100%;
  }
  .entryCont02 ul li:nth-child(5) div div p:first-child {
  }
  .entryCont02 ul li:nth-child(6) p {
    /* padding-bottom: 80px; */
    /* padding-bottom: 10.66666667vw; */
  }
  .entryCont02 ul li:first-child div:last-child {
    padding-right: 0;
    font-size: max(14px, 3.125vw);
  }
  .entryCont02 ul li:nth-child(6) div:last-child {
    display: flex;
    flex-direction: column;
  }
  .entryCont02 ul li:nth-child(6) div:last-child {
    width: 100%;
  }
  .entryCont02 ul li:nth-child(6) div:last-child p {
    font-weight: normal;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .entryCont02 ul li div:last-child {
    font-size: max(14px, 3.125vw);
  }
  .entryCont02 ul li:nth-child(4) div:last-child div {
    width: 100%;
  }
  .entryCont02 ul li:nth-child(4) div div p:first-child,
  .entryCont02 ul li:nth-child(4) div div p:nth-child(2) {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 15px;
  }
  .entryCont02 ul li:nth-child(4) div div p:nth-child(2) {
    font-size: 16px;
  }
  .entryCont02 ul li:nth-child(3) div:last-child {
    padding-right: 0;
  }
  .entryCont02 ul li:first-child div input {
    /* padding: 0 35px 20px 35px; */
    /* padding: 0 0 20px 0; */
    padding: 10px;
    width: 100%;
  }
  .entryCont02 ul li div:last-child select {
    font-size: max(14px, 3.125vw);
    padding: 0 0 20px 0;
    padding: 10px;
    border-bottom: 1px solid #000;
    width: 50%;
    text-align: center;
    font-weight: normal;
  }
  .entryCont02 .entryCont02 ul li div:last-child input {
    font-size: max(14px, 3.125vw);
  }
  .entryCont02 ul li div:last-child textarea {
    font-size: max(14px, 3.125vw);
  }
  .entryCont02 ul li:nth-child(3) div:last-child input {
    width: 100%;
    padding: 0 35px 20px 35px;
    padding: 10px;
  }
  .entryCont02 ul li:nth-child(4) div:last-child > p,
  .entryCont02 ul li:nth-child(5) div:last-child > p {
    /* flex-wrap: wrap; */
    width: 100%;
  }
  .entryCont02 ul li:nth-child(5) div:last-child > p:first-child {
    flex-direction: unset;
    align-items: center;
  }
  .entryCont02 ul li:nth-child(5) div div:nth-child(2) p:last-child {
    flex-direction: column;
    align-items: stretch;
  }
  .entryCont02 ul li:nth-child(4) div:last-child > span,
  .entryCont02 ul li:nth-child(5) div:last-child > span:first-child {
    padding-right: 5.333333333vw;
  }
  .entryCont02 ul li:nth-child(5) div:last-child > span:nth-child(2) {
    padding-right: 0px;
  }
  .entryCont02 ul li:nth-child(5) div:last-child > span:first-child,
  .entryCont02 ul li:nth-child(5) div:last-child > span:nth-child(2) {
    padding-bottom: 20px;
  }
  .entryCont02 ul li:nth-child(5) div:last-child > span:nth-child(3) {
    width: 100%;
  }
  .entryCont02 ul li:nth-child(6) div:last-child div {
    /* flex-direction: column; */
    align-items: center;
  }
  .entryCont02 ul li:nth-child(6) div:last-child div p {
    padding-right: 0;
    font-size: max(14px, 3.125vw);
  }
  .entryCont02 ul li:nth-child(6) div:last-child div p:nth-child(2) {
    width: 35%;
  }
  .entryCont02 ul li:nth-child(6) div:last-child div p:nth-child(3) {
    font-weight: normal;
    width: 17%;
    padding-left: 0;
    font-size: max(12px, 3.125vw);
    letter-spacing: -0.5px;
  }
  .entryCont02 ul li:nth-child(6) div:last-child div p:nth-child(4) {
    font-weight: normal;
    width: 35%;
    padding-left: 0;
  }
  .entryCont02 ul li:nth-child(6) div:last-child input {
    padding: 0 35px 20px 35px;
    padding: 0;
    font-size: max(14px, 3.125vw);
    box-sizing: border-box;
  }
  .entryCont02 ul li:nth-child(6) div:last-child div div {
    display: flex;
    flex-direction: row;
  }
  .entryCont02 ul li:nth-child(6) div:last-child div div p {
    width: 39%;
  }
  .entryCont02 ul li:nth-child(6) div:last-child div div p:first-child {
    padding-bottom: 0;
    margin-right: 50px;
  }
  .entryCont02 ul li:nth-child(6) div:last-child div p:first-child {
    /* padding-bottom: 50px; */
    /* padding-bottom: 6.666666667vw; */
  }
  .entryCont02 ul li:nth-child(6) div:last-child input {
    /* width: 100%; */
    border: 0;
    padding: 10px 0;
    border: 1px solid #000;
    font-size: 24px;
    font-size: max(14px, 3.125vw);
    margin-right: 8%;
    text-align: center;
    font-weight: normal;
  }
  .entryCont02 ul li:nth-child(6) div:last-child select {
    font-size: 24px;
    font-size: max(14px, 3.125vw);
    /* width: 30%; */
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
    border-radius: 5px;
  }
  .entryCont02 ul li:nth-child(6) div:last-child .cont01,
  .entryCont02 ul li:nth-child(6) div:last-child .cont02 {
    width: 80%;
    margin-right: 0;
  }
  .entryCont02 ul li:nth-child(6) div:last-child .cont01 {
    padding-bottom: 100px;
    padding-bottom: 13.33333333vw;
  }
  .entryCont02 ul li:last-child div:last-child {
    width: 100%;
    padding-bottom: 120px;
    padding-bottom: 16vw;
  }
  .entryCont02 .cont04 {
    justify-content: center;
  }
  .entryCont02 .cont04 p button {
    padding: 28px 0;
    padding: 3.733333333vw 0;
    font-size: max(16px, 3.2vw);
    letter-spacing: 2px;
  }
  .entryCont02 .cont04 p button.confirm {
    width: 300px;
    width: max(130px, 40vw);
  }
  .entryCont02 .cont04 p button.complete {
    width: 300px;
    width: max(130px, 40vw);
  }
  .entryCont02 .cont04 p button.back {
    width: 160px;
    width: max(80px, 21.33333333vw);
    margin-right: 100px;
    margin-right: 13.33333333vw;
  }
  .entryCont02 .cont04 p img {
    width: max(30px, 8vw);
    margin-left: 10px;
  }
  .entryCont03 {
    width: 670px;
    width: 89.33333333%;
  }
  .entryCont03 .cont01 p {
    font-size: max(14px, 3.125vw);
  }
  .entryCont03 .cont02 a p {
    font-size: max(14px, 3.125vw);
  }
  .entryCont03 .cont01 p strong {
    font-size: 35px;
    font-size: max(28px, 4.557291667vw);
    display: block;
  }
  .entryCont03 .cont01 p small {
    font-size: 14px;
    font-size: max(11px, 1.822916667vw);
  }
  .entryCont03 .cont02 {
    width: 80%;
    margin-bottom: 90px;
    margin-bottom: 12vw;
  }
  .entryComfirm {
    padding-top: 280px;
    padding-top: 36.45833333vw;
  }
  .entryComplete {
    padding-top: 40vw;
    margin-bottom: 40vw;
  }
  .entryComplete p {
    font-size: max(25px, 3.733333333vw);
  }
  /*-----コンタクト
-------------------------------*/
  .contactCont01 {
    margin-bottom: 180px;
    margin-bottom: 24vw;
  }
  .contactCont01:before {
    height: 400px;
    height: 52.08333333vw;
  }
  .contactCont01:after {
    height: 152px;
    height: 19.79166667vw;
    top: 335px;
    top: 43.61979167vw;
    transform: skewY(-12deg);
  }
  .contactCont01 .cont01 {
    padding-top: 280px;
    padding-top: 36.45833333vw;
    width: 670px;
    width: 89.33333333%;
  }
  .contactCont01 .cont01 h2 {
    font-size: max(25px, 11.06770833vw);
    margin-bottom: 150px;
    margin-bottom: 19.53125vw;
  }
  .contactCont01 .cont01 h2 small {
    font-size: max(20px, 5.859375vw);
  }
  .contactCont01 .cont01 p {
    font-size: max(14px, 3.125vw);
    margin-bottom: 90px;
    margin-bottom: 12vw;
  }
  .contactCont01 p strong {
    margin-right: 0;
    display: flex;
  }
  .contactCont01 .cont02 a {
    width: 400px;
    width: max(220px, 53.33333333vw);
    padding: 22px 0;
    padding: 2.933333333vw 0;
  }
  .contactCont01 .cont02 a p {
    font-size: max(16px, 3.645833333vw);
    letter-spacing: 2px;
  }
  .contactCont01 .cont01 .cont02 a {
    width: 400px;
    width: max(220px, 53.33333333vw);
    padding: 22px 0;
    padding: 2.933333333vw 0;
  }
  .contactCont01 .cont01 .cont02 a p {
    font-size: max(16px, 3.333333333vw);
    letter-spacing: 2px;
  }
  .contactCont02 {
    width: 670px;
    width: 89.33333333%;
    margin-bottom: 300px;
    margin-bottom: 40vw;
  }
  .contactCont02 ul li div p:first-child {
    font-size: max(14px, 3.125vw);
    padding: 0 0 50px 0;
    padding: 0 0 6.666666667vw 0;
  }
  .contactCont02 ul li {
    flex-direction: column;
    margin-bottom: 0;
  }
  .contactCont02 ul li:first-child {
    width: 100%;
  }
  .contactCont02 ul li:nth-child(2) div:last-child {
    padding-right: 0;
  }
  .contactCont02 ul li:nth-child(3) div:last-child {
    padding-right: 0;
  }
  .contactCont02 ul li div {
    font-size: max(14px, 3.125vw);
    padding-bottom: 100px;
    padding-bottom: 13.33333333vw;
  }
  .contactCont02 ul li div input {
    font-size: max(14px, 3.125vw);
    padding: 0 0 20px 0;
    padding: 0 0 2.666666667vw 0;
  }
  .contactCont02 ul li > div {
    padding-right: 0;
  }
  .contactCont02 ul li:nth-child(2) div:last-child input {
    width: 100%;
  }
  .contactCont02 ul li:nth-child(3) div:last-child input {
    width: 100%;
  }
  .contactCont02 ul li:last-child div:last-child {
    width: 100%;
    padding-bottom: 120px;
    padding-bottom: 16vw;
  }
  .contactCont02 ul li div:last-child textarea {
    font-size: max(14px, 3.125vw);
  }
  .contactCont02 .cont03 p button {
    padding: 28px 0;
    padding: 3.733333333vw 0;
    font-size: max(16px, 3.2vw);
    letter-spacing: 2px;
  }
  .contactCont02 .cont03 p img {
    width: max(30px, 8vw);
    margin-left: 10px;
  }
  .contactCont02 .cont03 {
    justify-content: flex-end;
  }
  .contactCont02 .cont03 p button.contactconfirm {
    width: 300px;
    width: max(130px, 40vw);
  }
  .contactComfirm {
    padding-top: 280px;
    padding-top: 36.45833333vw;
  }
  .contactCont02 .cont03 p button.contactback {
    width: 160px;
    width: max(80px, 21.33333333vw);
    margin-right: 100px;
    margin-right: 13.33333333vw;
  }
  .contactCont02 .cont03 p button.contactcomplete {
    width: 300px;
    width: max(130px, 40vw);
  }
  .contactComplete {
    padding-top: 40vw;
    margin-bottom: 40vw;
  }
  .contactComplete p {
    font-size: max(25px, 3.733333333vw);
  }
  /*---SESで踊れ
-------------------------------------*/
  .quesvisual {
    margin-bottom: 350px;
    margin-bottom: 45.57291667vw;
  }
  .quesvisual:before {
    height: 920px;
    height: max(430px, 119.7916667vw);
    border-radius: 0 0 90% 90% /0 0 20% 20%;
  }
  .quesvisual .cont01 {
    padding-top: 200px;
    padding-top: 26.04166667vw;
    width: 670px;
    width: 89.33333333%;
  }
  .quesvisual .cont01 h2 {
    width: 580px;
    width: max(250px, 75.52083333vw);
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .quesvisual .cont02 p {
    font-size: 26px;
    font-size: max(12.5px, 3.125vw);
    letter-spacing: -1px;
  }
  .quesvisual .cont02 p span {
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .quesvisual .cont02 p span strong {
    margin: 0 -6px;
  }
  .questionbg {
    background-image: url(../img/question/sp/bg01.png);
  }
  .quesCont01 {
    margin-bottom: 200px;
    margin-bottom: 26.04166667vw;
  }
  .quesCont01 h3 {
    max-width: 75.52083333vw;
    width: 100%;
  }
  .quesCont01 figure {
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .quesCont01 p {
    font-size: 24px;
    font-size: max(15px, 3.125vw);
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .quesCont01 .s_01 {
    width: 670px;
    width: 89.33333333%;
  }
  .quesCont01 .s_01 .accordion {
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .quesCont01 .s_01 .accordion .accordion_header {
    justify-content: center;
    width: 100%;
  }
  .quesCont01 .s_01 .accordion .accordion_header.open {
    margin-bottom: 40px;
    margin-bottom: 5.208333333vw;
  }
  .quesCont01 .s_01 .accordion .accordion_header div span {
    font-size: 30px;
    font-size: max(15px, 3.90625vw);
  }
  .quesCont01 .s_01 .accordion .accordion_header span.icon {
    left: -18px;
    left: -2.34375vw;
    width: 90px;
    width: max(35px, 11.71875vw);
  }
  .quesCont01 .s_01 .accordion .accordion_header div {
    width: 95%;
    padding: 40px 40px 40px 70px;
    padding: 5.208333333vw 5.208333333vw 5.208333333vw 9.114583333vw;
    justify-content: center;
    border-radius: 70px;
  }
  .quesCont01 .s_01 .accordion .accordion_header div img {
    width: 35px;
    width: max(20px, 4.557291667vw);
  }
  .quesCont01 .s_01 .accordion .accordion_inner .box_one ul.txt_a_ac {
    flex-direction: column;
    padding: 40px;
    padding: 5.208333333vw;
  }
  .quesCont01 .s_01 .accordion .accordion_inner .box_one ul.txt_a_ac li {
    width: 100%;
    font-size: 23px;
    font-size: max(12px, 2.994791667vw);
  }
  .quesCont01 .s_01 .accordion .accordion_inner .box_one ul.txt_a_ac li:first-child {
    margin: 0 0 15px 0;
    flex-direction: unset;
    width: 100%;
  }
  .quesCont01 .s_01 .accordion .accordion_inner .box_one ul.txt_a_ac li:first-child span {
    margin: 0;
    font-size: 24px;
    font-size: max(15px, 1.25vw);
  }
  .quesCont01 .s_01 .accordion .accordion_inner .box_one ul.txt_a_ac li:first-child span small {
    font-size: 19px;
    font-size: max(11px, 2.473958333vw);
  }
  .quesCont01 .s_01 .accordion .accordion_inner .box_one ul.txt_a_ac li img {
    margin: 0 25px 0 0;
    margin: 0 3.255208333vw 0 0;
    width: max(55px, 13%);
  }
  .questionCont02 {
    width: 670px;
    width: 89.33333333%;
    margin: 0 auto;
  }
  .questionCont02 .cont01 {
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .questionCont02 .cont01 figure {
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .questionCont02 .cont01 h3 {
    font-size: 55px;
    font-size: max(23px, 7.161458333vw);
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .questionCont02 .cont01 p {
    font-size: 26px;
    font-size: max(12px, 3.385416667vw);
    margin-bottom: 180px;
    margin-bottom: 23.4375vw;
    letter-spacing: -0.5px;
  }
  .questionCont02 .cont02 {
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .questionCont02 .cont02 h3 {
    display: flex;
  }
  .questionCont02 .cont02 h3 .line {
    text-align: center;
    box-shadow: 14px 10px #000;
    box-shadow: 1.822916667vw 1.302083333vw #000;
    padding: 15px 35px;
    padding: 1.953125vw 4.557291667vw;
    margin-bottom: 40px;
    margin-bottom: max(22px, 5.208333333vw);
  }
  .questionCont02 .cont02 h3 small {
    font-size: 22px;
    font-size: max(12px, 2.864583333vw);
    line-height: 1.8;
  }
  .questionCont02 .cont02 h3 span {
    margin-right: 15px;
    margin-right: max(10px, 1.953125vw);
    font-size: 52px;
    font-size: max(20px, 6.770833333vw);
  }
  .questionCont02 .cont02 h3 span:nth-child(2) {
    font-size: 45px;
    font-size: max(15px, 5.859375vw);
  }
  .questionCont02 .cont02 h3 img {
    width: 60px;
    width: max(30px, 7.8125vw);
  }
  .questionCont02 .cont03 {
    text-align: center;
  }
  .questionCont02 .cont03 .line {
    left: 0;
    margin-bottom: 80px;
    margin-bottom: 10.41666667vw;
  }
  .questionCont02 .cont03 .line h4 {
    font-size: 38px;
    font-size: max(20px, 4.947916667vw);
  }
  .questionCont02 .cont03 .cont09 {
    text-align: left;
    margin-bottom: 180px;
    margin-bottom: 23.4375vw;
    flex-direction: column;
  }
  .questionCont02 .target.inview .cont03 .cont09 div {
    width: 100%;
  }
  .questionCont02 .cont03 .cont04 {
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .questionCont02 .cont03 div h5 {
    font-size: 35px;
    font-size: max(18px, 4.557291667vw);
    margin-bottom: max(22px, 5.208333333vw);
  }
  .questionCont02 .cont03 div ul li {
    font-size: 28px;
    font-size: max(12px, 3.645833333vw);
    letter-spacing: -0.5px;
  }
  .questionCont02 .cont03 .cont05 ul li small {
    font-size: 20px;
    font-size: max(9px, 2.604166667vw);
  }
  .questionCont02 .cont06 {
    text-align: center;
  }
  .questionCont02 .cont06 .line {
    left: 0;
    margin-bottom: 80px;
    margin-bottom: 10.41666667vw;
  }
  .questionCont02 .cont06 .line h4 {
    font-size: 45px;
    font-size: max(25px, 5.859375vw);
  }
  .questionCont02 .cont06 .cont10 {
    text-align: left;
    margin-bottom: 180px;
    margin-bottom: 23.4375vw;
    flex-direction: column;
  }
  .questionCont02 .cont06 .cont10 div {
    width: 100%;
  }
  .questionCont02 .cont06 .cont07 {
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .questionCont02 .cont06 div h5 {
    font-size: 35px;
    font-size: max(18px, 4.557291667vw);
    margin-bottom: max(22px, 5.208333333vw);
  }
  .questionCont02 .cont06 div ul li {
    font-size: 28px;
    font-size: max(12px, 3.645833333vw);
  }
  .questionCont02 .target.inview > p {
    font-size: 28px;
    font-size: max(12px, 3.645833333vw);
    line-height: 2.5;
    margin-bottom: 180px;
    margin-bottom: 23.4375vw;
  }
  .questionCont02 .cont11 span {
    font-size: 28px;
    font-size: max(12px, 3.645833333vw);
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
    line-height: 2.5;
    letter-spacing: -0.5px;
  }
  .questionCont02 .cont11 span:last-child {
    margin-bottom: 240px;
    margin-bottom: 31.25vw;
  }
  .questionCont03 {
    width: 670px;
    width: 89.33333333%;
  }
  .questionCont03 h3 {
    width: 360px;
    width: 46.875vw;
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .questionCont03 h3:after {
    width: 107%;
    background-image: url(../img/question/sp/img01.svg);
    background-size: contain;
  }
  .questionCont03 p {
    font-size: 28px;
    /* font-size: max(22px, 1.458333333vw); */
    line-height: 2.5;
    letter-spacing: -0.5px;
  }
  .questionCont03 p span {
    font-size: 28px;
    font-size: max(12px, 3.645833333vw);
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .questionCont03 p span:nth-child(2) {
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .questionCont03 p span:last-child {
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .questionCont03 a {
    padding: 40px 0;
    padding: max(20px, 5.208333333vw) 0;
  }
  .questionCont03 a p {
    font-size: 40px;
    font-size: max(18px, 5.208333333vw);
    letter-spacing: 0;
    margin-bottom: 25px;
    margin-bottom: max(15px, 3.255208333vw);
  }
  .questionCont03 a small {
    font-size: 30px;
    font-size: max(15px, 3.90625vw);
  }
  .questionCont03 a small span {
    width: 12px;
    width: max(6px, 1.5625vw);
    margin-right: 0.6510416667vw;
  }
  .questionCont03 a small i {
    margin: 0 2.604166667vw;
  }
  /*----情報社会で踊れ------
--------------------------*/
  .inforbg01 {
    background-image: url(../img/information/sp/bg01.png);
    background-repeat: repeat;
  }
  .informationvisual {
    margin-bottom: 260px;
    margin-bottom: max(140px, 33.85416667vw);
  }
  .informationvisual:before {
    height: 950px;
    height: max(480px, 123.6979167vw);
    border-radius: 0 0 90% 90% /0 0 20% 20%;
  }
  .informationvisual .cont01 {
    padding-top: 200px;
    padding-top: 26.04166667vw;
    width: 670px;
    width: 89.33333333%;
  }
  .informationvisual .cont01 h2 {
    width: 580px;
    width: max(250px, 75.52083333vw);
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .informationvisual .cont01 .cont02 p {
    font-size: 24px;
    font-size: max(12.5px, 3.125vw);
    letter-spacing: -1px;
  }
  .informationvisual .cont01 .cont02 p span {
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .inforCont01 {
    width: 520px;
    width: 67.70833333vw;
    margin-bottom: 340px;
    margin-bottom: 44.27083333vw;
  }
  .inforCont01 h3 {
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .inforCont01 .cont01 {
    flex-direction: column;
  }
  .inforCont01 .cont01 div figure {
    margin-bottom: 75px;
    margin-bottom: 9.765625vw;
    max-width: 80%;
  }
  .inforCont01 .cont01 div a > span:last-child {
    font-size: 32px;
    font-size: max(15px, 4.266666667vw);
  }
  .inforCont01 .cont01 div a:after {
    width: 120%;
  }
  .inforCont01 .cont01 div {
    margin-bottom: 150px;
    margin-bottom: 19.53125vw;
  }
  .inforCont01 .cont01 div h4 {
    -ms-writing-mode: rl-tb;
    writing-mode: rl-tb;
    text-align: center;
    font-size: 60px;
    font-size: max(24px, 7.8125vw);
    line-height: 1.5;
    margin-bottom: 120px;
    margin-bottom: 15.625vw;
  }
  .inforCont01 .cont01 .cont02 h4 span {
    margin: 0 -33px;
    margin: 0 -4.296875vw;
  }
  .inforCont01 .cont01 div a > span:first-child {
    font-size: 15px;
    font-size: max(10px, 1.953125vw);
  }
  .inforCont01 .cont01 .cont03 h4 > span {
    top: 0;
    display: block;
  }
  .inforCont01 .cont01 .cont03 h4 > span span {
    margin: 0px -33px;
    margin: 0 -4.296875vw;
  }
  .inforCont01 .cont01 .cont04 {
    margin-bottom: 0;
  }
  .inforCont01 .cont01 .cont04 h4 span {
    top: 0;
  }
  .inforCont02 .cont01 figure {
    margin-bottom: 80px;
    margin-bottom: 10.41666667vw;
  }
  .inforCont02 .cont01 .cont02 img {
    top: -140px;
    top: -18.22916667vw;
    left: 35px;
    left: 4.557291667vw;
    width: 300px;
    width: max(130px, 39.0625vw);
  }
  .inforCont02 .cont01 .cont02 h3 {
    top: 50%;
    left: 0%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(0%);
    font-size: 88px;
    font-size: 11.45833333vw;
    text-align: center;
    background: transparent;
    padding: 0;
  }
  .inforCont02 .cont01 .cont02 h3 span {
    display: inline-block;
    background-color: #fff;
    vertical-align: bottom;
    position: relative;
    top: 1px;
  }
  .inforCont02 .cont01 .cont02 h3 span:last-child {
    top: 0;
  }
  .inforCont02 .cont01 .cont02 h3 > span span {
    margin: 0;
  }
  .inforCont02 .cont14 {
    width: 670px;
    width: 89.33333333%;
  }
  .inforCont02 .cont14 > p {
    font-size: 30px;
    font-size: max(16px, 3.90625vw);
    margin-bottom: 200px;
    margin-bottom: 26.04166667vw;
    line-height: 2.5;
  }
  .inforCont02 .cont14 > p span:first-child {
    margin-bottom: 110px;
    margin-bottom: 14.32291667vw;
  }
  .inforCont02 .cont03 {
    margin-bottom: 200px;
    margin-bottom: 26.04166667vw;
  }
  .inforCont02 .cont03 h4 {
    font-size: 45px;
    font-size: max(18px, 5.859375vw);
    margin-bottom: 50px;
    margin-bottom: 6.510416667vw;
  }
  .inforCont02 .cont03 h4 .line {
    bottom: max(10px, 2.604166667vw);
    left: max(-10px, -1.953125vw);
    padding: 30px 15px;
    padding: max(10px, 2.604166667vw) max(8px, 1.302083333vw);
  }
  .inforCont02 .cont03 h4 .line:before {
    padding: 30px 15px;
    padding: max(10px, 2.604166667vw) max(8px, 1.302083333vw);
  }
  .inforCont02 .cont03 p {
    font-size: 26px;
    font-size: max(15px, 3.385416667vw);
  }
  .inforCont02 .cont03 p span {
    margin-bottom: 60px;
    margin-bottom: 7.8125vw;
  }
  .inforCont02 .cont04 {
    padding: 60px 0;
    padding: 7.8125vw 0;
    margin-bottom: 80px;
    margin-bottom: 10.41666667vw;
  }
  .inforCont02 .cont04 h4 {
    font-size: 36px;
    font-size: max(20px, 4.6875vw);
    margin-bottom: 40px;
    margin-bottom: 5.208333333vw;
  }
  .inforCont02 .cont04 ul {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .inforCont02 .cont04 ul li {
    margin-right: 0;
    /* margin-right: 6.510416667vw; */
  }
  .inforCont02 .cont04 ul li span span {
    font-size: 22px;
    font-size: max(12px, 2.864583333vw);
  }
  .inforCont02 .cont04 ul li span span:first-child {
    font-size: 22px;
    font-size: max(10px, 2.864583333vw);
    margin-right: 1.953125vw;
  }
  .inforCont02 .cont04 ul li h5 {
    font-size: 30px;
    font-size: max(14px, 3.90625vw);
  }
  .inforCont02 .cont05 h4 {
    font-size: 45px;
    font-size: max(18px, 5.859375vw);
    margin-bottom: 50px;
    margin-bottom: 6.510416667vw;
  }
  .inforCont02 .cont05 small {
    font-size: 16px;
    font-size: max(10px, 2.083333333vw);
    margin-bottom: 80px;
    margin-bottom: 10.41666667vw;
  }
  .inforCont02 .cont05 div {
    margin-bottom: 50px;
    margin-bottom: 6.510416667vw;
  }
  .inforCont02 .cont05 div h5 {
    font-size: 36px;
    font-size: max(18px, 4.6875vw);
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.8;
    margin-bottom: 30px;
  }
  .inforCont02 .cont05 div h5 small {
    margin-left: 0;
    font-size: 22px;
    font-size: max(11px, 2.864583333vw);
    display: inline-block;
  }
  .inforCont02 .cont05 div ul li {
    width: 50%;
  }
  .inforCont02 .cont05 div ul li:first-child {
    border-bottom: 0;
    padding: 1.302083333vw 2.604166667vw;
  }
  .inforCont02 .cont05 div ul li:nth-child(2) {
    border-right: 2px solid #000;
    border-bottom: 0;
  }
  .inforCont02 .cont05 div ul li p {
    font-size: 26px;
    font-size: max(13px, 3.385416667vw);
    width: 100%;
  }
  .inforCont02 .cont05 div ul li p:last-child {
    align-items: baseline;
  }
  .inforCont02 .cont05 div ul li:last-child p:last-child {
    justify-content: center;
    width: 100%;
    font-size: 19px;
    font-size: max(13px, 2.473958333vw);
  }
  .inforCont02 .cont05 div ul li p strong {
    font-size: 45px;
    font-size: max(16px, 5.859375vw);
    position: relative;
    top: 2px;
    top: 0.2604166667vw;
  }
  .inforCont02 .cont05 div ul li:last-child p span:first-child {
    margin-right: 30px;
    margin-right: 3.90625vw;
  }
  .inforCont02 .cont05 .cont08 {
    margin-bottom: 60px;
    margin-bottom: 7.8125vw;
  }
  .inforCont02 .cont05 .s_01 .accordion.one .accordion_header.open {
    margin-bottom: 60px;
    margin-bottom: 7.8125vw;
  }
  .inforCont02 .cont05 .s_01 .accordion.one .accordion_header div {
    margin-bottom: 2.604166667vw;
  }
  .inforCont02 .cont05 .s_01 .accordion.one .accordion_header span {
    font-size: 20px;
    font-size: max(15px, 2.604166667vw);
    margin-right: 2.604166667vw;
  }
  .inforCont02 .cont05 .s_01 .accordion.one .accordion_header i.bar {
    width: max(10px, 1.953125vw);
  }
  .inforCont02 .cont05 .cont13 {
    margin-bottom: 280px;
    margin-bottom: 36.45833333vw;
  }
  .inforCont02 .cont05 .cont13 p {
    font-size: 26px;
    font-size: max(15px, 3.385416667vw);
    text-align: center;
    letter-spacing: -0.5px;
  }
  .inforCont02 .cont05 .cont13 p:first-child {
    margin-bottom: 80px;
    margin-bottom: 10.41666667vw;
  }
  .inforCont02 .cont05 .cont13 p span {
    display: inline-block;
    margin-bottom: 80px;
    margin-bottom: 10.41666667vw;
  }
  .inforCont02 .cont05 .cont13 p span:last-child {
    margin-bottom: 0;
  }
  .inforCont03 {
    margin-bottom: 280px;
    margin-bottom: 36.45833333vw;
  }
  .inforCont03 .cont01 figure {
    margin-bottom: 80px;
    margin-bottom: 10.41666667vw;
  }
  .inforCont03 .cont01 .cont02 img {
    top: -140px;
    top: -18.22916667vw;
    left: 35px;
    left: 4.557291667vw;
    width: 300px;
    width: max(130px, 39.0625vw);
  }
  .inforCont03 .cont01 .cont02 h3 {
    top: 50%;
    left: 0px;
    transform: translateY(-50%) translateX(0%);
    -webkit-transform: translateY(-50%) translateX(0%);
    font-size: 88px;
    font-size: 11.45833333vw;
    text-align: center;
    background: transparent;
    /* padding: 0; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* width: 100%; */
  }
  .inforCont03 .cont01 .cont02 h3 span {
    display: inline-block;
    background: #fff;
    position: relative;
    top: 1px;
  }
  .inforCont03 .cont01 .cont02 h3 span:nth-child(2) {
    margin: 0;
  }
  .inforCont03 .cont01 .cont02 h3 span:last-child {
    top: 0;
  }
  .inforCont03 .cont03 {
    width: 670px;
    width: 89.33333333%;
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .inforCont03 .cont03 h4 {
    font-size: 45px;
    font-size: max(18px, 5.859375vw);
    margin-bottom: 50px;
    margin-bottom: 6.510416667vw;
  }
  .inforCont03 .cont03 h4 .line {
    bottom: max(10px, 2.604166667vw);
    left: max(-10px, -1.953125vw);
    padding: 30px 15px;
    padding: max(10px, 2.604166667vw) max(8px, 1.302083333vw);
  }
  .inforCont03 .cont03 h4 .line:before {
    padding: 30px 15px;
    padding: max(10px, 2.604166667vw) max(8px, 1.302083333vw);
  }
  .inforCont03 .cont03 h4 .line span {
    margin: 0 -24px;
    margin: 0 -3.125vw;
  }
  .inforCont03 .cont03 p {
    font-size: 26px;
    font-size: max(15px, 3.385416667vw);
  }
  .inforCont03 .cont03 p:first-child {
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .inforCont03 .cont04 {
    width: 670px;
    width: 89.33333333%;
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .inforCont03 .cont04 .cont05 div {
    flex-direction: column;
    align-items: flex-start;
  }
  .inforCont03 .cont04 .cont05 figure {
    width: 25%;
    margin-right: 40px;
    margin-right: 5.208333333vw;
  }
  .inforCont03 .cont04 .cont05 h4 {
    margin: 0 0 30px 0;
    margin: 0 0 3.90625vw 0;
  }
  .inforCont03 .cont04 .cont05 h4 small {
    font-size: 26px;
    font-size: max(15px, 3.385416667vw);
  }
  .inforCont03 .cont04 .cont05 h4 span span:first-child {
    font-size: 42px;
    font-size: max(18px, 5.46875vw);
    margin-right: 2.604166667vw;
  }
  .inforCont03 .cont04 .cont05 h4 span span:last-child {
    font-size: 28px;
    font-size: max(10px, 3.645833333vw);
  }
  .inforCont03 .cont04 .cont05 p {
    padding: 10px 35px;
    padding: 1.302083333vw 4.557291667vw;
  }
  .inforCont03 .cont04 .cont05 p span:first-child {
    font-size: 20px;
    font-size: max(12px, 2.604166667vw);
    margin-right: 2.604166667vw;
  }
  .inforCont03 .cont04 .cont05 p span:last-child {
    width: max(7px, 1.302083333vw);
  }
  .inforCont03 .cont04 .cont06 ul li:first-child {
    padding-bottom: 90px;
    padding-bottom: 11.71875vw;
  }
  .inforCont03 .cont04 .cont06 ul li:after {
    left: 22px;
    left: max(10px, 2.864583333vw);
  }
  .inforCont03 .cont04 .cont06 ul li div p {
    font-size: 24px;
    font-size: max(14px, 3.125vw);
    width: calc(100% - 45px);
  }
  .inforCont03 .cont04 .cont06 ul li:nth-child(5) {
    margin-bottom: 10px;
  }
  .inforCont03 .cont04 .cont06 ul li div {
    align-items: flex-start;
    margin-bottom: 90px;
    margin-bottom: 11.71875vw;
  }
  .inforCont03 .cont04 .cont06 ul li:nth-child(5) div {
    margin-bottom: 0;
  }
  .inforCont03 .cont04 .cont06 ul li div > span {
    /* font-size: 45px; */
    /* font-size: max(25px, 5.859375vw); */
    left: -12px;
    width: 75px;
    width: max(44px, 9.765625vw);
    margin-right: 0;
  }
  .inforCont03 .cont04 .cont06 ul li:first-child span {
    font-size: 25px;
    font-size: max(14px, 3.255208333vw);
    left: 9px;
    left: max(0px, 1.171875vw);
  }
  .inforCont03 .cont04 .cont06 ul li:last-child span:last-child img {
    left: 13px;
    left: max(6px, 1.692708333vw);
    width: 20px;
    width: max(10px, 2.604166667vw);
  }
  .inforCont04 {
    padding-bottom: 170px;
    padding-bottom: 22.13541667vw;
  }
  .inforCont04 .cont01 .cont02 img {
    top: -140px;
    top: -18.22916667vw;
    left: 35px;
    left: 4.557291667vw;
    width: 300px;
    width: max(130px, 39.0625vw);
  }
  .inforCont04 .cont01 .cont02 h3 {
    background: transparent;
    left: 2%;
    text-align: center;
    padding: 0;
    font-size: 88px;
    font-size: 11.45833333vw;
  }
  .inforCont04 .cont01 .cont02 h3 span {
    display: inline-block;
    background: #fff;
    position: relative;
    top: 1px;
  }
  .inforCont04 .cont01 .cont02 h3 span:first-child {
    margin: 0;
  }
  .inforCont04 .cont01 .cont02 h3 span:last-child {
    top: 0;
  }
  .inforCont04 .cont03 p {
    font-size: 30px;
    font-size: max(16px, 3.90625vw);
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .inforCont04 .cont03 > p:first-child {
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .inforCont04 .cont03 > p:nth-child(2) {
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .inforCont04 .cont03 {
    /* margin-bottom: 200px; */
    /* margin-bottom: 26.04166667vw; */
    width: 670px;
    width: 89.33333333%;
  }
  .inforCont04 .cont03 .cont12 {
    margin-bottom: 200px;
    margin-bottom: 26.04166667vw;
  }
  .inforCont04 .cont03 h4 {
    font-size: 45px;
    font-size: max(18px, 5.859375vw);
    margin-bottom: 50px;
    margin-bottom: 6.510416667vw;
  }
  .inforCont04 .cont03 h4 .line {
    bottom: max(10px, 2.604166667vw);
    left: max(-10px, -1.953125vw);
    padding: 30px 15px;
    padding: max(10px, 2.604166667vw) max(8px, 1.302083333vw);
  }
  .inforCont04 .cont03 h4 .line:before {
    padding: 30px 15px;
    padding: max(10px, 2.604166667vw) max(8px, 1.302083333vw);
  }
  .inforCont04 .cont03 .cont12 div {
    flex-direction: column;
    align-items: flex-start;
  }
  .inforCont04 .cont03 div article div {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_inner div article div {
    flex-direction: row;
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_inner div article ul li span div {
    margin-bottom: 15px;
    margin-bottom: 1.953125vw;
  }
  .inforCont04 .cont03 .cont12 .cont04:after {
    left: 22px;
    left: max(20px, 2.864583333vw);
  }
  .inforCont04 .cont03 div aside {
    writing-mode: unset;
    transform: rotate(0deg);
    padding: 0 0 35px 0;
    padding: 4.557291667vw 0;
    margin: 0;
    font-size: 76px;
    font-size: max(45px, 9.895833333vw);
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_inner .cont06 aside {
    padding-bottom: 35px;
    padding-bottom: 4.557291667vw;
  }
  .inforCont04 .cont03 div article {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding-bottom: 40px;
    padding-bottom: 5.208333333vw;
  }
  .inforCont04 .cont03 .s_01 {
    padding-bottom: max(40px, 7.8125vw);
  }
  .inforCont04 .cont03 .cont07 {
    padding-bottom: max(40px, 7.8125vw);
  }
  .inforCont04 .cont03 div article p {
    margin: 0 0px 30px 0;
    margin: 0 0 3.90625vw 0;
  }
  .inforCont04 .cont03 div article p:first-child {
    margin-right: 20px;
    margin-right: 2.604166667vw;
  }
  .inforCont04 .cont03 div article p small {
    font-size: 24px;
    font-size: max(15px, 3.125vw);
    margin-right: max(10px, 1.953125vw);
  }
  .inforCont04 .cont03 div article p strong {
    font-size: 50px;
    font-size: max(35px, 6.510416667vw);
  }
  .inforCont04 .cont03 div article p span {
    font-size: 30px;
    font-size: max(16px, 3.90625vw);
  }
  .inforCont04 .cont03 div article ul li:first-child {
    margin-bottom: 30px;
    margin-bottom: 3.90625vw;
  }
  .inforCont04 .cont03 div article ul li small {
    font-size: 24px;
    font-size: max(15px, 3.125vw);
    margin-bottom: 10px;
  }
  .inforCont04 .cont03 div article ul li span {
    font-size: 26px;
    font-size: 3.385416667vw;
    flex-wrap: wrap;
  }
  .inforCont04 .cont03 div article ul li span div {
    flex-direction: row;
    margin-bottom: 15px;
    margin-bottom: 1.953125vw;
  }
  .inforCont04 .cont03 div article ul li span span {
    margin-right: 1.953125vw;
  }
  .inforCont04 .cont03 .cont04 {
    padding-bottom: max(40px, 7.8125vw);
  }
  .inforCont04 .cont03 .s_01:after {
    left: 22px;
    left: max(20px, 2.864583333vw);
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_header {
    left: 13px;
    flex-direction: row;
    padding: 20px 0;
    padding: 2.604166667vw 0;
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_header i.bar {
    width: 20px;
    width: max(15px, 2.604166667vw);
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_header span {
    font-size: 22px;
    font-size: max(15px, 3.125vw);
    margin-right: 0;
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_inner .cont05 {
    padding-bottom: max(40px, 7.8125vw);
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_inner .cont05:after {
    display: none;
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_inner div aside {
    padding: 35px 0;
    padding: 4.557291667vw 0;
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_inner .cont08 aside {
    padding-bottom: 35px;
    padding-bottom: 4.557291667vw;
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_inner .cont05 aside {
    padding-bottom: 35px;
    padding-bottom: 4.557291667vw;
  }
  .inforCont04 .cont03 .cont09 aside {
    padding: 4.557291667vw 0;
  }
  .inforCont04 .cont03 .cont07:after {
    left: 22px;
  }
  .inforCont04 .cont03 .cont07 aside {
    letter-spacing: -1px;
    font-size: 76px;
    font-size: max(45px, 9.895833333vw);
    padding-bottom: 5.208333333vw;
  }
  .inforCont04 .cont10 {
    margin-bottom: 200px;
    margin-bottom: 26.04166667vw;
    width: 670px;
    width: 89.33333333%;
  }
  .inforCont04 .cont10 h4 {
    font-size: 43px;
    font-size: max(17px, 5.598958333vw);
    margin-bottom: 140px;
    margin-bottom: 18.22916667vw;
  }
  .inforCont04 .cont10 p {
    font-size: 30px;
    font-size: max(16px, 3.90625vw);
    letter-spacing: 0;
  }
  .inforCont04 .cont10 p span {
    margin-bottom: 100px;
    margin-bottom: 13.02083333vw;
  }
  .inforCont04 .cont11 {
    width: 670px;
    width: 89.33333333%;
  }
  .inforCont04 .cont11 a h4 {
    margin-bottom: 30px;
    margin-bottom: 3.90625vw;
  }
  .inforCont04 .cont11 a h4 span {
    font-size: 30px;
    font-size: max(15px, 3.90625vw);
    margin-right: 25px;
    margin-right: max(15px, 3.255208333vw);
    line-height: 1.8;
  }
  .inforCont04 .cont11 a h4 img {
    width: 10px;
  }
  .inforCont04 .cont13 a {
    padding: 20px 0 35px 0;
    padding: 2.604166667vw 0 4.557291667vw 0;
  }
  .inforCont04 .cont13 a p {
    font-size: 35px;
    font-size: max(18px, 4.557291667vw);
    letter-spacing: 0;
  }
  .inforCont04 .cont13 a small {
    font-size: 22px;
    font-size: max(12px, 2.864583333vw);
  }
  .inforCont04 .cont13 a small span {
    width: 10px;
    width: max(5px, 1.302083333vw);
    margin-right: 0.6510416667vw;
  }
  .inforCont04 .cont13 a small i {
    margin: 0 2.604166667vw;
  }
  .footer-btn {
    margin-bottom: 100px;
  }
  .footer-btn ul li a {
    width: 300px;
    height: 700px;
  }
}

@media screen and (max-width: 599px) {
  /*リクルートページ*/
  .mainvisual .cont01 h2 {
    width: 170px;
    width: 45.33333333vw;
    top: 20px;
    top: 5.333333333vw;
    right: 4.817708333vw;
  }
  .mainvisual ul li a span:last-child {
    width: 150px;
    width: 25.04173623vw;
    font-size: 22px;
    font-size: 3.67278798vw;
    padding: 3px 0;
    padding: 0.5008347245vw 0;
  }
  .mainvisual ul li:nth-child(2) {
    width: 210px;
    width: 56vw;
    top: 122px;
    top: 32.53333333vw;
    right: 10px;
    right: 2.666666667vw;
  }
  .mainvisual ul li:nth-child(3) {
    width: 200px;
    width: 53.33333333vw;
    left: -23px;
    left: -6.133333333vw;
    bottom: 50px;
    bottom: 13.33333333vw;
  }
  .mainvisual ul li:nth-child(4) {
    width: 250px;
    width: 66.66666667vw;
    top: 30px;
    top: 8vw;
  }
  .mainvisual ul li:last-child {
    width: 280px;
    width: 74.66666667vw;
    bottom: 0;
    right: 10px;
    right: 2.666666667vw;
  }
  /*-----
インタビュー--------------*/
  /* .interviewvisual figure img {
    height: 640px;
} */
  .interviewCont01 .interviewfield h3 span {
    font-size: 18px;
    font-size: 4.8vw;
  }
  .interviewCont01 .interviewfield h3 {
    font-size: 26px;
    font-size: 6.933333333vw;
  }
  .interviewCont01 .interviewfield h4 {
    font-size: 17px;
    font-size: 4.533333333vw;
  }
  .interviewCont01 .interviewfield p {
    font-size: 14px;
    font-size: 3.733333333vw;
  }
  /*-----ウェルスペックで踊れ
company--------------------*/
  .aboutvisual ul li a span {
    font-size: 13px;
    font-size: 3.466666667vw;
    letter-spacing: 0px;
  }
  .aboutvisual p {
    font-size: 13px;
    font-size: 3.466666667vw;
  }
  .aboutCont03 ul li:before {
    border-bottom: 1px solid #000;
  }
  .aboutCont05 div h4 {
    font-size: 18px;
    font-size: 4.8vw;
  }
  /*------会社概要
--------------------------------*/
  .compCont01 h3 strong {
    font-size: 60px;
    font-size: max(40px, 10.01669449vw);
    -webkit-text-stroke-width: 1px;
  }
  .compCont01 h3 span {
    font-size: 25px;
    font-size: max(14px, 2.838063439vw);
  }
  .compCont01 h4 {
    font-size: 50px;
    font-size: max(30px, 8.347245409vw);
  }
  .compCont01 p {
    font-size: 17px;
    font-size: max(14px, 3.466666667vw);
  }
  .compCont02 h3 strong {
    font-size: 60px;
    font-size: max(40px, 10.01669449vw);
    -webkit-text-stroke-width: 1px;
  }
  .compCont02 h3 span {
    font-size: 25px;
    font-size: max(14px, 2.838063439vw);
  }
  .compCont02 p {
    font-size: 17px;
    font-size: max(14px, 3.466666667vw);
  }
  .compCont03 h3 strong {
    font-size: 60px;
    font-size: max(40px, 10.01669449vw);
    -webkit-text-stroke-width: 1px;
  }
  .compCont03 h3 span {
    font-size: 25px;
    font-size: max(14px, 2.838063439vw);
  }
  .compCont03 h4 {
    font-size: 47px;
    font-size: max(30px, 7.846410684vw);
  }
  .compCont03 p {
    font-size: 17px;
    font-size: max(14px, 3.466666667vw);
  }
  .compCont03 div ul li {
    font-size: 25px;
    font-size: max(14px, 2.838063439vw);
  }
  .compCont04 table tbody tr th {
    font-size: 16px;
    font-size: 4.266666667vw;
  }
  .compCont04 table tbody tr th {
    font-size: 16px;
    font-size: 4.266666667vw;
    padding-bottom: 15px;
    padding-bottom: 4vw;
  }
  /*------求人詳細
--------------------------------*/
  .detailCont01 table tbody tr {
    font-size: 25px;
    font-size: max(14px, 4.173622705vw);
  }
  .detailCont01 table tbody tr td h4 {
    font-size: 28px;
    font-size: max(16px, 4.674457429vw);
  }
  .detailCont01 table tbody tr td {
    font-size: 25px;
    font-size: max(14px, 4.173622705vw);
  }
  /*----エントリー
------------------------------------*/
  .entryCont01 .cont01 p {
    font-size: max(14px, 3.466666667vw);
    letter-spacing: 0;
  }
  .entryCont01 .cont02 a p {
    font-size: max(14px, 3.645833333vw);
    letter-spacing: 1.5px;
  }
  .entryCont01 .cont02 a img {
    margin-right: 15px;
    width: 25px;
  }
  .entryCont01 .cont03 h3 {
    font-size: max(17px, 5.008347245vw);
  }
  .entryCont01 .cont03 ul li .cont05 ul li {
    font-size: max(10px, 3.125vw);
    letter-spacing: -1px;
  }
  .entryCont01 .cont03 ul li span:first-child {
    font-size: 50px;
    font-size: max(20px, 8.347245409vw);
    margin: 0 20px 0 0;
    line-height: 1;
  }
  .entryCont01 .cont03 ul li .cont05 ul li:first-child span:last-child {
    font-size: max(10px, 3.125vw);
    letter-spacing: -1px;
  }
  .entryCont01 .cont03 ul li .cont05 ul li small {
    font-size: max(9px, 1.953125vw);
  }
  .entryCont02 h3 {
    font-size: max(17px, 5.008347245vw);
  }
  .entryCont02 ul li div p:first-child:after {
    font-size: max(12px, 2.34375vw);
  }
  .entryCont02 ul li div p {
    font-size: max(14px, 3.466666667vw);
  }
  .entryCont02 ul li div:last-child {
    font-size: max(14px, 3.466666667vw);
  }
  .entryCont02 ul li div:last-child input {
    font-size: max(14px, 3.466666667vw);
  }
  .entryCont02 ul li:nth-child(4) div div p:nth-child(2) {
    font-size: max(12px, 2.34375vw);
  }
  .entryCont02 ul li div:last-child select {
    font-size: max(14px, 3.466666667vw);
  }
  .entryCont02 ul li:nth-child(6) div:last-child div p {
    font-size: max(14px, 3.466666667vw);
  }
  .entryCont02 ul li:nth-child(6) div:last-child input {
    font-size: max(12px, 3.125vw);
  }
  .entryCont02 ul li:nth-child(6) div:last-child select {
    font-size: max(12px, 3.125vw);
  }
  .entryCont02 ul li div:last-child textarea {
    font-size: max(14px, 3.466666667vw);
    height: 150px;
    height: 40vw;
  }
  .entryCont02 .cont04 p button {
    font-size: max(14px, 3.466666667vw);
  }
  .entryComplete p {
    font-size: max(15px, 4.173622705vw);
  }
  /*----コンタクト
------------------------------------*/
  .contactCont01 .cont01 p {
    font-size: max(14px, 3.466666667vw);
  }
  .contactCont01 .cont01 .cont02 a img {
    margin-right: 15px;
    width: 25px;
  }
  .contactCont01 .cont01 .cont02 a p {
    font-size: max(14px, 3.171953255vw);
    letter-spacing: 1.5px;
  }
  .contactCont02 .entryCont02 ul li p {
    font-size: max(14px, 3.466666667vw);
  }
  .contactCont02 ul li div:last-child {
    font-size: max(14px, 3.466666667vw);
  }
  .contactCont02 ul li input {
    font-size: max(14px, 3.466666667vw);
  }
  .contactCont02 ul li div:last-child textarea {
    font-size: max(14px, 3.466666667vw);
    height: 150px;
    height: 40vw;
  }
  .contactCont02 .cont03 p button {
    font-size: max(14px, 3.466666667vw);
  }
  .contactComfirm {
    padding-top: 40vw;
    margin-bottom: 40vw;
  }
  .contactComplete p {
    font-size: max(15px, 4.173622705vw);
  }
  /*----情報社会で踊れ----*/
  .inforCont01 .cont01 div a:after {
    border-bottom: 1px solid #000;
  }
  .inforCont02 .cont04 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .inforCont02 .cont05 div ul li {
    border: 1px solid #000;
    border-right: 0;
  }
  .inforCont02 .cont05 div ul li:nth-child(2) {
    border-right: 1px solid #000;
  }
  .inforCont02 .cont05 div ul li:nth-child(4) {
    border-right: 1px solid #000;
  }
  .inforCont02 .cont05 div ul li:last-child {
    border-top: 0;
    border-right: 1px solid #000;
  }
  .inforCont02 .cont05 .s_01 .accordion.one .accordion_header i.bar:before {
    height: 1px;
  }
  .inforCont02 .cont05 .s_01 .accordion.one .accordion_header i.bar:after {
    height: 1px;
  }
  .inforCont02 .cont05 .s_01 .accordion.one .accordion_header:after {
    border-bottom: 1px solid #000;
  }
  .inforCont03 .cont04 .cont06 ul li:after {
    border-left: 1px solid #000;
  }
  .inforCont03 .cont04 .cont05 p {
    border: 1px solid #000;
  }
  .inforCont04 .cont03 .cont12 .cont04:after {
    border-left: 1px solid #000;
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_header i.bar:before {
    height: 1px;
  }
  .inforCont04 .cont03 .s_01 .accordion.one .accordion_header i.bar:after {
    height: 1px;
  }
  .inforCont04 .cont03 .s_01:after {
    border-left: 1px solid #000;
  }
  .inforCont04 .cont11 a:after {
    border-bottom: 1px solid #000;
  }
  .inforCont04 .cont03 .cont07:after {
    border-left: 1px solid #000;
  }
  .NavMenu .st {
    font-size: 11px !important;
  }

  .footer-nav ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .footer-nav ul li {
    font-size: 12px;
  }
  .footer-nav ul li a {
    padding: 5px 10px;
  }
  .footer-nav ul li::after {
    content: none;
  }
  .footer-btn {
    margin-bottom: 60px;
  }

  .footer-btn ul li a {
    width: 150px;
    height: 35px;
  }
}