@charset "UTF-8";
/* 1200px
=================================================================== */
@media only screen and (max-width: 1200px) {
  .topService .topService__contents .topService__contents--list > li .topService__text .btnUnderline {
    width: calc(100% - 45px - 5vw); }

  .topService .topService__contents--btn {
    left: 45px; }

  .topService .topService__contents .topService__contents--list > li:nth-child(1) .topService__text {
    padding-left: 45px; }

  .topService .topService__contents .topService__contents--list > li:nth-child(2) .topService__text {
    padding-right: 45px; } }
/* 900px
=================================================================== */
@media only screen and (max-width: 900px) {
  /* color
  =================================================================== */
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  /* vw
  ================================================*/
  /* vh
  ================================================*/
  /* common
  =================================================================== */
  .textWhiteCover--dlText {
    margin-bottom: 22px; }
    .textWhiteCover--dlText > dt {
      font-size: 14px;
      line-height: 1.7;
      margin-bottom: 15px; }
    .textWhiteCover--dlText > dd {
      font-size: 10px;
      line-height: 1.9; }

  /* top
  ========================================================================================================= */
  /*ーーーーーーーーーーーーーーーーーーーー topMain*/
  .topMain {
    margin-left: 20px;
    margin-bottom: 40px;
    min-height: inherit; }
    .topMain .topMain__contents {
      height: calc(100% - 100px); }
      .topMain .topMain__contents .topMain__contents--loading {
        margin-left: -10px; }
    .topMain .topMain__text {
      left: 6.6666666667vw; }
      .topMain .topMain__text dt {
        width: 60.8vw;
        padding-bottom: 5.3333333333vw;
        margin-bottom: 5.3333333333vw; }
        .topMain .topMain__text dt:after {
          height: 2px; }
      .topMain .topMain__text dd {
        font-size: 10px;
        font-size: 2.6666666667vw; }
    .topMain .topMain__movie {
      height: calc(150% - 32px - 16.5vw);
	  top: -30px;
      bottom: 32px; }
    .topMain .topMain__movie--btn {
      left: 6.6666666667vw;
      bottom: 0; }
      .topMain .topMain__movie--btn > span {
        font-size: 11px;
        line-height: 62px; }

  .topMain .topMain__text.active dd::after {
    width: 53.3333333333vw; }

  /*ーーーーーーーーーーーーーーーーーーーー topWhat*/
  .topWhat {
    padding-bottom: 73px; }
    .topWhat .gridContents {
      padding-right: 20px; }
    .topWhat .topWhat__bg--img {
      height: 380px; }
      .topWhat .topWhat__bg--img ul li:nth-child(1) span {
        background-image: url("../img/contents/top/topWhat--img--1--sp.jpg"); }
      .topWhat .topWhat__bg--img ul li:nth-child(2) span {
        background-image: url("../img/contents/top/topWhat--img--2--sp.jpg"); }
      .topWhat .topWhat__bg--img ul li:nth-child(3) span {
        background-image: url("../img/contents/top/topWhat--img--3--sp.jpg"); }
    .topWhat .topWhat__title {
      top: 30px;
      font-size: 30px; }
    .topWhat .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper {
      padding-top: 25px;
      padding-right: 20px; }

  /*ーーーーーーーーーーーーーーーーーーーー topService*/
  .topService .topService__contents {
    padding-bottom: 20px; }
    .topService h2+.topService__contents:after {
      height: calc(100% - 35px);
     }
    .topService .topService__contents .topService__contents--list {
      flex-direction: column; }
      .topService .topService__contents .topService__contents--list > li {
        width: 100%; }
        .topService .topService__contents .topService__contents--list > li .topService__img {
          margin-bottom: 20px; }
        .topService .topService__contents .topService__contents--list > li .topService__text {
          padding-bottom: 50px; }
          .topService .topService__contents .topService__contents--list > li .topService__text > dl {
            margin-bottom: 22px; }
            .topService .topService__contents .topService__contents--list > li .topService__text > dl > dt {
              font-size: 13px;
              line-height: 1.6;
              margin-bottom: 20px; }
            .topService .topService__contents .topService__contents--list > li .topService__text > dl > dd {
              max-width: 214px; }
          .topService .topService__contents .topService__contents--list > li .topService__text > p {
            font-size: 13px;
            margin-bottom: 15px; }
          .topService .topService__contents .topService__contents--list > li .topService__text .btnUnderline {
            position: relative;
            width: 100%; }
        .topService .topService__contents .topService__contents--list > li:nth-child(1) .topService__text {
          padding-left: 33px;
          padding-right: 0; }
          .topService .topService__contents .topService__contents--list > li:nth-child(1) .topService__text .btnUnderline {
            right: auto;
            left: 0; }
        .topService .topService__contents .topService__contents--list > li:nth-child(2) .topService__text {
          padding-left: 33px;
          padding-right: 0; }
          .topService .topService__contents .topService__contents--list > li:nth-child(2) .topService__text > dl > dt {
            margin-bottom: 10px; }
          .topService .topService__contents .topService__contents--list > li:nth-child(2) .topService__text .btnUnderline {
            left: 0; }
  .topService .topService__contents--btn {
    left: 33px;
    bottom: -22px; }

  /*ーーーーーーーーーーーーーーーーーーーー topRecruit*/
  .topRecruit {
    margin-bottom: 270px; }
    .topRecruit .topRecruit__contents {
      height: 350px; }
      .topRecruit .topRecruit__contents .topRecruit__contents--bg {
        margin-left: 0; }
        .topRecruit .topRecruit__contents .topRecruit__contents--bg span {
          background-image: url("../img/contents/top/recruit__bg--sp.jpg");
          padding-top: calc(1048 / 800 * 100%); }
      .topRecruit .topRecruit__contents .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main {
        padding: 0 33px 20px 0; }
        .topRecruit .topRecruit__contents .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main .textWhiteCover--dlText {
          margin-bottom: 0; }
          .topRecruit .topRecruit__contents .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main .textWhiteCover--dlText > dt {
            font-size: 20px;
            margin-bottom: 11px; }
          .topRecruit .topRecruit__contents .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main .textWhiteCover--dlText > dd {
            font-size: 13px; }
        .topRecruit .topRecruit__contents .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main .topRecruit__linkList {
          position: absolute;
          width: 100%;
          top: 360px;
          margin-bottom: 0; }
        .topRecruit .topRecruit__contents .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main .btn.width {
          position: absolute;
          top: 490px; } }
/* ====================================================================================================================================== en */
/* 900px =================================================================== */
@media only screen and (max-width: 900px) {
  .en .topMain .topMain__text {
    width: 67vw; }
    .en .topMain .topMain__text dd {
      width: calc(475 / 700 * 100%); }
  .en .topMain .topMain__movie {
    height: calc(100% - 532px - 12.5vw); }
  .en .topWhat .topAbout__bg {
    height: 235px; }
  .en .topWhat .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper {
    padding-right: 60px;
    padding-top: 20px; }
    .en .topWhat .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main {
      font-size: 16px; }
  .en .contentsNav {
    margin-bottom: 0; }
  .en .contentsNav.contentsNav--fontS .btn > a, .en .contentsNav.contentsNav--fontS .btn > span {
    font-size: 13px; }
  .en .topIr.mb110 {
    margin-bottom: 50px; } }
/*========================================================================================================== 修正 2020/10/23 */
/* 365px
=================================================================== */
@media only screen and (max-width: 365px) {
  .topRecruit .topRecruit__contents .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main .textWhiteCover--dlText > dt {
    font-size: 18px; }
  .topRecruit .topRecruit__contents .textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main .textWhiteCover--dlText > dd {
    font-size: 12px; } }