@charset "UTF-8";
/* CSS Document */
/* 色の設定 */
:root {
  --txt-color-02-75: #7CA4F1;
  --swiper-theme-color: #084A9B!important;
  --CYND_COLOR:#084A9B;
}

.header_logoarea p{
  font-weight: 700;
}
.home .mainvisual{
  height: 440px;
  width: 100%;
  background-color: #CCC;
  margin-bottom: 5.6rem;
}
  .home .slider-wrapper{
    width: 100%;
    background-image: url(/lib/images/slide-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 114px;
    padding-bottom: 86px;
  }
  .home .slider-wrapper .swiper {
    max-width: 1000px;
    width: 94%;
    height: auto;
    margin: 0px auto;
  }
  .home .slider-wrapper .swiper img{
    border-radius: 14px;
  }
  .home .swiper-button-prev, .home .swiper-rtl .swiper-button-next{
    color: #FFF;
  }
  .home .swiper-button-next, .swiper-rtl .swiper-button-prev{
    color: #FFF;
  }
  @media screen and (max-width:768px) {
  .home .slider-wrapper{
    background-image: url(/lib/images/slide-bg-sp.jpg);
    padding-top: 84px;
    padding-bottom: 56px;
  }
  .home .slider-wrapper .swiper {
    width: 88%;
    height: auto;
    margin: 0px auto;
  }
  }
  
  .home .intro .cofcynd{
    max-width: 100%;
    width: 540px;
    margin: 2.8rem auto 2.8rem;
  }
  .home .intro {
    max-width: 1440px;
    width: 88%;
    margin: 0px auto 5.6rem;
    text-align: center;
  }
  .home .intro h2 {
    color: var(--CYND_COLOR);
    text-align: center;
    font-family: Montserrat;
    font-size: 3.8rem;
    font-weight: 900;
    margin-bottom: 1.4rem;
  }
  .home .intro p{
    color: #000;
    text-align: center;
    font-family: Noto Sans JP;
    font-size: 18px;
  }

  @media screen and (max-width:768px) {
    .home .intro h2 {
      font-size: 2.8rem;
    }
  }
  .home .interview-banners{
    margin-top: 5.6rem;
    overflow: hidden;
  }
  .interview-banners {
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
    margin-bottom: -5.6rem;
  }
  .interview-banners p{
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
  }
      .interview-banners{
        width: 100%;
        max-width: 1440px;
        margin: 0px auto;
        margin-bottom: -14.0rem;
      }
        .under .interview-banners{
          margin-top: 8.0rem;
          margin-bottom: -14rem;
        }
        .interview .interview-banners{
          margin-bottom: -7.0rem;
        }
      .interview-banner-wrapper{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
      }
      .interview-banner-wrapper .one{
        width: 33%;
      }
      .interview-banner-wrapper .one .image{
        width: 80%;
        position: relative;
        left: 8%;
      }
        .interview-banner-wrapper .one .image img{
          filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2));
        }
      .interview-banner-wrapper .one .text{
        position: relative;
        left: 50%;
        top: -154px;
      }
        .interview-banner-wrapper .one .text p{
          font-family: 'Montserrat';
          font-weight: 800;
          font-size: 1.8rem;
          line-height: 1.2;
        }
          .interview-banner-wrapper .one.interview01 .text p{
            color: #7CA4F1;
          }
          .interview-banner-wrapper .one.interview02 .text p{
            color: #A39BD4;
          }
          .interview-banner-wrapper .one.interview03 .text p{
            color: #51C7D9;
          }
        .interview-banner-wrapper .one .text p span{
          font-size: 3.2rem;
        }
        .interview-banner-wrapper .one .text h3{
          color: #111;
          font-size: 2.2rem;
          font-weight: bold;
          line-height: 2.0;
        }
        .interview-banner-wrapper .one .text h3 span{
          background-color: #FFF;
          padding: 2px 4px;
        }
        .interview-banner-wrapper .one .text .btn span{
          color: #FFF;
          background-color: #CCC;
          box-shadow: 0 0 10px rgba(0,0,0,0.3);
          border-radius: 9999px;
          font-size: 4.0rem;
          margin-top: 1.0rem;
        }
          .interview-banner-wrapper .one.interview01 .text .btn span{
            background-color: #7CA4F1;
          }
          .interview-banner-wrapper .one.interview02 .text .btn span{
            background-color: #A39BD4;
          }
          .interview-banner-wrapper .one.interview03 .text .btn span{
            background-color: #51C7D9;
          }

    @media screen and (max-width:1440px){
    }
    @media screen and (max-width:1200px){
      .home .interview-banners {
      }
      .interview-banner-wrapper .one .text{
        left: 50%;
        top: -124px;
      }
        .interview-banner-wrapper .one .text p{
          font-size: 1.6rem;
        }
        .interview-banner-wrapper .one .text p span{
          font-size: 2.8rem;
        }
        .interview-banner-wrapper .one .text h3{
          font-size: 2.0rem;
        }
        .interview-banner-wrapper .one .text h3 span{
        }
        .interview-banner-wrapper .one .text .btn span{
          font-size: 3.8rem;
        }
    }
    @media screen and (max-width:980px){
      .interview-banner-wrapper{
        width: 88%;
        margin: 0px auto 12.6rem;
      }
      .interview-banner-wrapper .one{
        width: 46%;
        margin: 0px auto;
      }
      .interview-banner-wrapper .one .image{
        width: 94%;
        left: 2%;
        position: relative;
      }
      .interview-banner-wrapper .one .text{
        top: -140px;
        margin-bottom: -120px;
      }
      .under .interview-banners{
        margin-bottom: 0px;
        overflow: hidden;
      }
    }
    @media screen and (max-width:768px){
      .interview-banners{
        width: 100%;
        margin: 0px auto;
      }
      .interview-banner-wrapper{
        width: 88%;
        margin-bottom: 2.8rem;
      }
      .interview-banner-wrapper .one{
        width: 100%;
        margin: 0px auto -90px;
      }
      .interview-banner-wrapper .one .text{
        top: -140px;
        margin-bottom: 0px;
      }
      .interview-banner-wrapper .one .text{
        left: 48%;
        top: -144px;
      }
        .interview-banner-wrapper .one .text p{
          font-size: 2.4rem;
        }
        .interview-banner-wrapper .one .text p span{
          font-size: 3.2rem;
        }
        .interview-banner-wrapper .one .text h3{
          font-size: 2.8rem;
        }
        .interview-banner-wrapper .one .text h3 span{
        }
        .interview-banner-wrapper .one .text .btn span{
          font-size: 4.2rem;
        }
    }
    @media screen and (max-width:600px){
      .interview-banner-wrapper .one .text{
        left: 32%;
      }nner-wrapper .one .text p{
        font-size: 2.0rem;
      }
      .interview-banner-wrapper .one .text p span{
        font-size: 2.8rem;
      }
      .interview-banner-wrapper .one .text h3{
        font-size: 2.4rem;
      }
      .interview-banner-wrapper .one .text .btn span{
        font-size: 3.8rem;
      }
    }

  .workstyle-bnner {
    width: 100%;
    background-color: #f5fbfa;
    padding-top: 5.6rem;
    padding-bottom: 5.6rem;
    margin-bottom: 5.6rem;
  }
    .workstyle-bnner .inner{
      width: 1106px;
      margin: 0px auto;

      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .workstyle-bnner .inner .text{
      text-align: left;
      width:420px;
    }
    .workstyle-bnner .inner .image{
      width: 640px;
      height: auto;
    }
      .workstyle-bnner .head .head-main{
        justify-content: flex-start;
      }
      .workstyle-bnner .head p{
        text-align: left;
      }
    @media screen and (max-width:980px){
      .workstyle-bnner .inner{
        width: 88%;
      }
      .workstyle-bnner .inner .text{
        margin-bottom: 2.0rem;
      }
      .workstyle-bnner .inner .image{
        width: 100%;
      }
    }
  .location-banner{
    max-width: 1120px;
    width: 88%;
    margin: 0px auto -8.4rem;
    }
    .location-banner .btn-more{
      margin: 0px auto;
      }
      .location-banner .image {
        max-width: 980px;
        margin: 0px auto;
        width: 100%;
        position: relative;
        top: -40px;
        z-index: -1;
      }
      @media screen and (max-width:768px){
        .location-banner .image {
          top: -20px;
          margin-bottom: 56px;
        }
      }
.areaiterview-banner{
  max-width: 1120px;
  width: 88%;
  margin: 0px auto;
  margin-bottom: 7.0rem;
}
  .areaiterview-banner .head h3 {
  }
  .areaiterview-banner-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
    .areaiterview-banner-wrapper a{
      width: 32%;
      height: auto;
    }
    .areaiterview-banner-wrapper a img{
      border-radius: 14px;
      box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.40);
      filter:grayscale(0);
    }
    .areaiterview-banner-wrapper a:hover img{
      box-shadow: none;
      filter:grayscale(100%); 
    }
    .areaiterview-banner-wrapper a.active img{
      box-shadow: none;
      filter:grayscale(100%); 
    }
    .areaiterview-banner .inner .head {
      margin-bottom: 0px;
    }
    .areaiterview-banner .inner p {
      margin-bottom: 2.8rem;
    }
    @media screen and (max-width:980px){
      .areaiterview-banner-wrapper a{
        width: 49%;
        margin-bottom: 1.4rem;
      }
      .areaiterview-banner .head h3 {
        font-size: 3.2rem;
        padding-bottom: 0.7rem;
        margin-bottom: 1.4rem;
      }
    }
    @media screen and (max-width:768px){
      .areaiterview-banner-wrapper a{
        width: 100%;
      }
      .areaiterview-banner-wrapper a:nth-child(1){
        order: 2;
      }
      .areaiterview-banner-wrapper a:nth-child(2){
        order: 1;
      }
      .areaiterview-banner-wrapper a:nth-child(3){
        order: 3;
      }
    }


  .data-banner{
    width: 100%;
    background-color: #fffdf3;
    padding-top: 5.6rem;
    padding-bottom: 5.6rem;
    margin-bottom:  5.6rem;
    }
    .data-banner .inner{
      max-width: 1106px;
      width: 88%;
      margin: 0px auto;

      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .data-banner .inner .text{
      text-align: left;
      width:38%;
      margin-left: 2%;
    }
    .data-banner .inner .image{
      width: 60%;
      height: auto;
    }
      .home .data-banner .head .head-main{
        justify-content: flex-start;
      }
      .data-banner .head p{
        text-align: left;
      }
      @media screen and (max-width:980px){
        .data-banner .inner .image{
          width: 100%;
          order: 2;
        }
        .data-banner .inner .text{
          width:100%;
          margin-left: 0%;
          margin-bottom: 1.4rem;
          order: 1;
        }
      }
  .home .pitch{
    margin-bottom: 2.8rem;
    width: 740px;
    margin: 0px auto;
  }
    .home .pitch iframe {
      margin: 0px auto;
    }
    .speakerdeck-iframe {
      width: 100%;
      aspect-ratio: 16/9;
    }
    @media screen and (max-width:980px){
      .home .pitch{
        width: 88%;
        margin: 0px auto;
      }
      .home .pitch {
        width: 90%;
      }
        .home .pitch iframe {
          margin: 0px auto;
        }
        .speakerdeck-iframe {
          width: 100%;
          aspect-ratio: 16/9;
        }
    }
  .company-banner{
    width: 744px;
    box-sizing: border-box;
    margin: 0px auto;
    margin-bottom: -260px;
    margin-top: 7.0rem;
  }
    .company-banner .inner {
      position: relative;
      max-width: 744px;
      width: 100%;
      margin: 2.8rem auto;
    }
    .company-banner .inner .images{
      width: 744px;
      height: 333px;
      position: relative;
    }
    .company-banner .inner .images:nth-of-type(2){
      display: none;
    }
    .company-banner .inner .text{
      position: relative;
      width: 320px;
      top: -300px;
      left: 24px;
    }
    .company-banner .inner .text p{
      text-align: left;
    }
    .home .company-banner .head .head-main{
        justify-content: flex-start;
      }
  @media screen and (max-width:980px){
    .company-banner .inner {
      max-width: 88%;
    }
    .company-banner .inner .images{
      width: 100%;
      height: auto;
      position: relative;
    }
    .company-banner .inner .text{
      position: relative;
      width: 88%;
      margin: 0px auto;
      top: -240px;
      left: 0px;
    }
  }
  @media screen and (max-width:768px){
    .company-banner{
      width: 88%;
    }
    .company-banner .inner{
      width: 100%;
      max-width: 100%;
    }
    .company-banner .inner .images{
      width: 100%;
      height: auto;
      position: inherit;
      top: 0px;
      margin-bottom: 162px;
    }
      .company-banner .inner .images:nth-of-type(1){
        display: none;
      }
      .company-banner .inner .images:nth-of-type(2){
        display: block;
      }
      .company-banner .inner .text{
        top: -280px;
      }
  }
  .require-banner{
    max-width: 1240px;
    width: 88%;
    margin: 8.4rem auto 0px;
    background-image: url(/lib/images/requirement-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    border-radius: 14px;
  }
    .require-banner h2 {
      font-family: Montserrat;
      font-size: 3.8rem;
      font-weight:700;
      text-align: center;
      color: #FFF;
    }
    .require-banner p {
      color: #FFF;
      text-align: center;
      font-size: 1.8rem;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 1.4rem;
    }
      .require-banner .banners{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: 1107px;
        width: 96%;
        margin: 0px auto;
      }
      .require-banner .banners a{
        display: block;
        max-width: 349px;
        width: 32%;
        height: 100px;
        border-radius: 14px;
        border: 2px solid var(--CYND_COLOR);
        background-color: #fff;
        color: var(--CYND_COLOR);
        box-sizing: border-box;
        padding: 14px;
        cursor: pointer;
        box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.20);
      }
      .require-banner .banners a:hover{
        box-shadow: none;
      }
        .require-banner .banners a p{
          color: var(--CYND_COLOR);
          text-align: left;
          width: 100%;
          font-size: 2.0rem;
        }
          .require-banner .banners a p span{
            display: block;
            font-size: 1.8rem;
          }
          .require-banner .banners a.one.active p{
            color: #c3c3c3;
          }
          .require-banner .banners a.one.active {
            border-color: #c3c3c3;
          }

          .require-banner .banners a.one.active .arrow-l::before{
            left:55%;
            background: #c3c3c3;
          }
          .require-banner .banners a.one.active .arrow-l::after{
            right:0%;
            background: #c3c3c3;
          }

          @media screen and (max-width:1200px){
            .require-banner .banners a p{
              font-size: 1.6rem;
            }
            .require-banner .banners a p span{
              font-size: 1.4rem;
            }
          }
          @media screen and (max-width:980px){
            .require-banner .banners a p{
              font-size: 2.0rem;
            }
            .require-banner .banners a p span{
              font-size: 1.8rem;
            }
            .require-banner .banners a{
              width: 90%;
              max-width: 90%;
              margin: 0px auto  1.4rem;
            }
            .require-banner .banners a:nth-child(1){
              order: 2;
            }
            .require-banner .banners a:nth-child(2){
              order: 1;
            }
            .require-banner .banners a:nth-child(3){
              order: 3;
            }
          }
           @media screen and (max-width:768px){
            .require-banner{
              margin-top: 7.0rem;
            }
            .require-banner .banners a{
              width: 100%;
              max-width: 100%;
              margin: 0px auto 1.4rem;
            }
            .require-banner .banners a.one.active .arrow-l::before{
              left:55%;
            }
            .require-banner .banners a.one.active .arrow-l::after{
              right:0%;
            }
           }
          .entrysheet-btn a{
            text-align: center;
            font-size: 18px;
            height: 80px;
            max-width: 380px;
            width: 88%;;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            color: #FFF;
            font-size: 2.4rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            border-radius: 12px;
            background-color: #084A9B;
            box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.20);
            cursor: pointer;
            margin: 0px auto 32px;
          }
          @media screen and (max-width:768px){
          }

        /*  矢印 */
        .arrow-l{
          position: relative;
          display: inline-block;
          color: var(--CYND_COLOR);;
          text-decoration: none;
          outline: none;
          }
        .arrow-l::before{
          content: '';
          position: absolute;
          bottom:-8px;
          left:55%;
          width: 45%;
          height: 2px;
          background:var(--CYND_COLOR);;
          transition: all .3s;
        }
        .arrow-l::after{
          content: '';
          position: absolute;
          bottom:-3px;
          right:0;
          width: 15px;
          height:2px;
          background:var(--CYND_COLOR);
          transform: rotate(35deg);
          transition: all .3s;
        }
          .arrow-l:hover::before{
            left:60%;
          }
          .arrow-l:hover::after{
            right:-5%;
          }











.under{
}       
.under .main_content {
}
.under .content-header {
}
.under .content-header .image{
  max-height: 280px;
  height: 280px;
  overflow: hidden;
}
.under .content-header .head-main {
  position: relative;
}
  .under .content-header .head-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 148px;
    box-sizing: border-box;
    height: 280px;
    max-height: 280px;
    min-height: 280px;
    margin-bottom: 7.0rem;
  }
    .under .interview .content-header .head-img{
      background-image: url(/lib/images/contentheader-interview.jpg);
    }
    .under .company .content-header .head-img{
      background-image: url(/lib/images/contentheader-company.jpg);
    }
    .under .data .content-header .head-img{
      background-image: url(/lib/images/contentheader-data.jpg);
    }
    .under .location .content-header .head-img{
      background-image: url(/lib/images/contentheader-location.jpg);
    }
    .under .workstyle .content-header .head-img{
      background-image: url(/lib/images/contentheader-workstyle.jpg);
    }
    .under .require .content-header .head-img{
      background-image: url(/lib/images/contentheader-require.jpg);
    }
  .under .content-header p{
    max-width: 920px;
    width: 88%;
    margin: 2.8rem auto 5.6rem;
    font-weight: bold;
  }

  @media screen and (max-width:768px){
    .under .content-header .head-img{
      background-size: cover;
      height: 320px;
      padding-top: 120px;
      margin-bottom: 2.8rem;
    }
      .under .interview .content-header .head-img{
        background-image: url(/lib/images/contentheader-interview-sp.jpg);
      }
      .under .company .content-header .head-img{
        background-image: url(/lib/images/contentheader-company-sp.jpg);
      }
      .under .data .content-header .head-img{
        background-image: url(/lib/images/contentheader-data-sp.jpg);
      }
      .under .location .content-header .head-img{
        background-image: url(/lib/images/contentheader-location-sp.jpg);
      }
      .under .workstyle .content-header .head-img{
        background-image: url(/lib/images/contentheader-workstyle-sp.jpg);
      }
      .under .require .content-header .head-img{
        background-image: url(/lib/images/contentheader-require-sp.jpg);
      }
      .under .content-header p{
        margin: 0rem auto 0rem;
      }

  }
  /*-------------------------------------------------------------------
      data
  -------------------------------------------------------------------*/
    .data_content{
      background-color: #e6edf5;
      padding-bottom: 32px;
      margin-bottom: 64px;
      width: 100%;
    }
      @media screen and (min-width:981px) {
        .datahidden_pc {
          display:none!important;
        }
      }
      @media screen and (max-width:980px) {
        .datahidden_sp {
          display:none!important;
        }
      }
      .data_content_inner{
        width: 1060px;
        margin: 0px auto;
        padding-top: 32px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
      }
      .data_content_one {
        background-color: #FFF;
        padding: 50px 30px 30px 30px;
        box-sizing: border-box;
        margin-bottom: 32px;
        border-radius: 4px;
      }
        .data_content_one h3 {
          font-size: 2.5rem;
          text-align: center;
          margin-bottom: 32px;
        }
          .data_content_one h3 span {
            border-bottom: 4px solid #084e9b;
          }
        .data_content_one h4 {
          font-size: 2.0rem;
          text-align: center;
          margin-bottom: 32px;
        }
          .data_content_one h4 span {
            border-bottom: 4px solid #084e9b;
          }
      .data_content_one01{
        width: 1060px;
        height: 639px;
      }
      .data_content_one02{
        width: 1060px;
        height: 390px;
      }
      .data_content_one03{
        width: 1060px;
        height: 639px;
        }
          .data03_inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 50px;
          }
            .data03_inner_img {
              width: 400px;
              height: auto;
              margin-left: 50px;
            }
          .data03{
            width: 100%;          
          }
          .data03_txt{
            width: 500px;
          }
            .data03_txt h4 {
              background-color: #ffa59a;
              border: 3px solid #4c4c4c;
              border-radius: 4px;
              height: 49px;
              line-height: 49px;
              font-size: 2.4rem;
            }
            .data03_txt ul{
              display: flex;
              justify-content: flex-start;
              flex-wrap: wrap;
            }
              .data03_txt ul li{
                width: 32%;
                margin-bottom: 10px;
              }
              .data03_txt ul li:before{
                content: "●";
                }
            
      .data_content_one04{
        width: 639px;
        height: 390px;
        }
      .data_content_one05{
        width: 390px;
        height: 390px;
        }
      .data_content_one06{
        width: 514px;
        height: 390px;
        }
      .data_content_one07{
        width: 514px;
        height: 390px;
        }
      .data_content_one08{
        width: 1060px;
        height: 540px;
        }
      .data_content_one09{
        width: 1060px;
        height: 540px;
        }
      .data_content_one10{
        width: 514px;
        height: 390px;
        }
      .data_content_one11{
        width: 514px;
        height: 390px;
        }
      .data_content_one12{
        width: 514px;
        }
      .data_content_one13{
        width: 1060px;
        height: 390px;
        }
          .data_attention {
          width: 1060px;
          margin: 0px auto;
          text-align: right;
          
          font-size: 1.4rem;
          }
			.data_content_one.data_content_voice{
				width:1060px;
				display:flex;
				justify-content:space-between;
				background-image:url(/lib/images/office-9329.jpg);
				background-repeat:no-repeat;
				background-size:cover;
			}
			.data_content_one.data_content_voice .box{
				width:33%;
				text-align:center;
				color:#FFF;
			}
			.data_content_one.data_content_voice .box h3{
				font-size:2.0rem;
			}
			.data_content_one.data_content_voice .box p{
				text-align:left;
				padding-left:20px;
				padding-right:20px;
			}

@media screen and (max-width:980px){
/*-------------------------------------------------------------------
	data
-------------------------------------------------------------------*/
  .data_content{
    background-color: #e6edf5;
    padding-bottom: 32px;
    margin-bottom: 2.8rem;
    width: 100%;
  }
    .data_content_inner{
      width: 88%;
      margin: 0px auto;
      padding-top: 32px;
      padding-bottom: 32px;
      display: block;
    }
    .data_content_one {
      padding: 20px 10px 20px 10px;
      box-sizing: border-box;
      margin-bottom: 32px;
    }
      .data_content_one h3 {
        font-size: 1.8rem;
        text-align: center;
        margin-bottom: 32px;
      }
        .data_content_one h3 span {
          border-bottom: 2px solid #084e9b;
        }
      .data_content_one h4 {
        font-size: 2.0rem;
        text-align: center;
        margin-bottom: 32px;
      }
        .data_content_one h4 span {
          border-bottom: 4px solid #084e9b;
        }
        .data_content_inner div:nth-child(n+10){
          margin-bottom: 32px;
        }
        .data_content_inner div:last-child{
          margin-bottom: 0px;
          }
    .data_content_one01{
      width: 100%;
      height: auto;
    }
    .data_content_one02{
      width: 100%;
      height: auto;
    }
    .data_content_one03{
      width: 100%;
      height: auto;
      }
        .data03_inner {
          display: block;
          justify-content: space-between;
          align-items: center;
          padding-top: 0px;
        }
        .data03_inner_img{
          width: 80%;
          margin: 0px auto 20px;
        }
        .data03{
          width: 100%;          
        }
        .data03_txt{
          width: 90%;
          margin: 0px auto;
        }
          .data03_txt h4 {
            background-color: #ffa59a;
            border: 3px solid #4c4c4c;
            border-radius: 6px;
            height: 49px;
            line-height: 49px;
            font-size: 1.8rem;
            margin-bottom: 20px;
          }
          .data03_txt ul{
          }
            .data03_txt ul li{
              width: 50%;
              font-size: 1.2rem;
            }
            .data03_txt ul li:before{
              content: "●";
              }
        .data10_inner,.data11_inner,.data12_inner{
          width: 94%;
          margin: 0px auto;
        }
          
    .data_content_one04{
      width: 100%;
      height: auto;
      }
    .data_content_one05{
      width: 100%;
      height: auto;
      }
    .data_content_one06{
      width: 100%;
      height: auto;
      }
    .data_content_one07{
      width: 100%;
      height: auto;
      }
    .data_content_one08{
      width: 100%;
      height: auto;
      }
    .data_content_one09{
      width: 100%;
      height: auto;
      }
    .data_content_one10{
      width: 100%;
      height: auto;
      }
    .data_content_one11{
      width: 100%;
      height: auto;
      }
    .data_content_one12{
      width: 100%;
      height: auto;
      }
      .data_content_one13{
        width: 100%;
        height: auto;
        }
        .data_attention {
        width: 88%;
        margin: 0px auto;
        text-align: left;
        
        font-size: 1.4rem;
        }
					.data_content_one.data_content_voice{
						width:100%;
            flex-wrap:wrap;
					}
					.data_content_one.data_content_voice .box{
						width:80%;
            margin:0px auto 32px;
					}
					.data_content_one.data_content_voice .box h3{
						font-size:1.8rem;
					}
  }
        @media screen and (max-width:768px){
					.data_content_one.data_content_voice .box{
						width:100%;
          }
            
        }
/*-------------------------------------------------------------------
    workstyle
-------------------------------------------------------------------*/
.workstyle_content{
  width: 1060px;
  margin: 0px auto 0px;
}
  .workstyle_content_head{
    width: 315px;
    margin: 0px auto 62px;;
  }
    .workstyle_content_innter{
      display: flex;
      justify-content: flex-start;
      align-content: flex-start;
      flex-wrap: wrap;
    }
      .workstyle_content_innter > div{
        margin-right: 50px;
      }
        .workstyle_content_innter > div:nth-child(3n){
          margin-right: 0px;
        }
      .workstyle_one{
        width: 320px;
        margin-bottom: 64px;
      }
        .workstyle_one_icon{
          width: 128px;
          margin: 0px auto 10px;
        }
        .workstyle_one h3 {
          text-align: center;
          color: #FFF;
          font-size: 2.4rem;
          height: 49px;
          border: 3px solid #111;
          border-radius: 6px;
          background-color: #ccc;
          line-height: 49px;
          margin-bottom: 10px;
          }
        .workstyle_one p{
          text-align: justify;
          }
    .workstyle_worklife .workstyle_one h3 {
          background-color: #084e9b;
          }
    .workstyle_careerup .workstyle_one h3 {
          background-color: #847ac6;
          }
    .workstyle_reward .workstyle_one h3 {
          background-color: #fa9831;
          }
          .maternityleave{
            width: 100%;
            background-color: #fef8fc;
            padding-top: 120px;
          }
            .maternityleave_head{
              max-width: 1240px;
              width: 88%;
              margin: 0px auto;
              background-color: #FFF;
              text-align: center;
              padding-top: 20px;
              padding-bottom: 20px;
              margin-bottom: 32px;
            }
            .maternityleave_head_inner{
              max-width: 1240px;
              width: 94%;
              margin: 0px auto;
              display: flex;
              justify-content: space-between;
              align-items: center;
            }
                .maternityleave_head_inner:before {
                  content: "";
                  background-image: url("/lib/images/maternityleave_head_parenthesis.svg");
                  background-repeat: no-repeat;
                  background-position: center left;
                  padding-left: 32px;
                  height: 162px;
                  vertical-align: middle;
                }
                .maternityleave_head_inner:after {
                  content: "";
                  background-image: url("/lib/images/maternityleave_head_parenthesis.svg");
                  background-repeat: no-repeat;
                  background-position: center right;
                  padding-left: 32px;
                  height: 162px;
                  vertical-align: middle;
                  transform: rotate(180deg);
                }
              .maternityleave_head h3 {
                font-size: 3.4rem;
              }
                .maternityleave_head h3 span {
                   color:#f47abe;
                   font-size: 5.4rem;
                   font-weight: 400;
                }
                .maternityleave_head h3 span.fw_bold {
                  font-weight: 500;
                  }
                .maternityleave_intro{
                  text-align: center;
                  font-family: 'Montserrat', sans-serif;
                  font-size: 2.6rem;
                  color: #888888;
                  margin-bottom: 36px;
                }
          .maternityleave_interview{
            max-width: 1240px;
            width: 88%;
            margin: 0px auto;
          }
        .maternityleave_term{
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-top: -50px;
          margin-bottom: -40px;
        }
          .maternityleave_term_head{
            padding-top: 12px;
          }
            .maternityleave_term_head p {
            width: 200px;
            height: 50px;
            text-align: center!important;
            z-index: 2;
            position: relative;
            }
          .maternityleave_term_head:before{
            content: "";
            background-color: #FFF;
            width: 200px;
            height: 50px;
             display: block;
             position: relative;
             left: 0px;
             top: 48px;
             z-index: 1;
            }
            .maternityleave_term_head:after {
              content: "";
              background-image: url("/lib/images/bg_obliqueline.svg");
              background-repeat: repeat;
              position: relative;
              top: -66px;
              left: 6px;
              width: 200px;
              height: 50px;
              display: block;
            }
          .maternityleave_term_detail{
            font-size: 1.6rem;
            margin-left: 20px;
          }
            .maternityleave_heading {
              position: relative;
              width: 800px;
              top: -180px;
              left: -360px;
              transform: rotate(90deg);
              color: #fde4f2;
              font-weight: 700;
              font-size: 8.0rem;
              z-index: 1;
            }
            .maternityleave_interview .interview_one_txt h3{
              position: relative;
              z-index: 2;
              }
            .maternityleave_interview .interview_one_txt p{
              position: relative;
              z-index: 2;
            }
            .maternityleave_interview .connect_interview_one .interview_one_img img:first-child{
              margin-bottom: 12px;
            }
              .maternityleave .interview_data{
                margin-bottom: 12px;
                position: relative;
                z-index: 2;
              
              }
              
      /*-------------------------------------------------------------------
          papa
      -------------------------------------------------------------------*/
          .papadiscussion{
            margin-top: 42px;
          }
          .papadiscussion .mainvisual{
            max-width: 1240px;
            width: 88%;
            margin: 0px auto;
          }
            .papadiscussion > .content{
              max-width: 740px;
              width: 88%;
              margin: 0px auto;
            }
            .papadiscussion .content .introduction{
              margin-top: 28px;
              text-align: center;
            }
            .papadiscussion .content .member{
              display: flex;
              align-items: flex-start;
              justify-content: space-between;
              padding-left: 32px;
              padding-right: 32px;
              margin-top: 42px;
            }
            .papadiscussion .content .member .one{
              text-align: center;
              width: 20%;
            }
            .papadiscussion .content .member .one picture{
              position: relative;
            }
              .papadiscussion .content .member .one picture img{
                width: 80%;
              }
            .papadiscussion .content .member .one p{
              background-color: #f6d019;
              line-height: 120%;
              font-size: 1.4rem;
              padding: 4px;
              border-radius: 4px;
              position: relative;
              top: -4px;
            }

            .papadiscussion .content .interview-section{
              margin-top: 42px;
              margin-bottom: 70px;
            }
            .papadiscussion .content .interview-section .question {
              display: flex;
              font-size: 2.4rem;
              line-height: 120%;
              font-weight: 700;
              margin-bottom: 42px;
            }
              .papadiscussion .content .interview-section .question::before {
                content: "";
                padding-left: 28px;
                width: 62px;
                background-repeat: no-repeat;
                background-size: 62px 62px;
              }
            .question-1{
            }
              .question-1::before{
                background-image: url(/lib/images/papadiscussion/icon-q1.svg);
              }
              .question-2::before{
                background-image: url(/lib/images/papadiscussion/icon-q2.svg);
              }
              .question-3::before{
                background-image: url(/lib/images/papadiscussion/icon-q3.svg);
              }
              .question-4::before{
                background-image: url(/lib/images/papadiscussion/icon-q4.svg);
              }
            .papadiscussion .content .interview-section .one {
            display:flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 28px;
            }
              .papadiscussion .content .interview-section .one .image{
                width: 100px;
                box-sizing: border-box;
                }
                  .papadiscussion .content .interview-section .one .text{
                    font-size: 1.8rem;
                    text-align: justify;
                    position: relative;
                    display: inline-block;
                    margin: 0px 0px 0px 28px;
                    padding: 28px 28px;
                    color: #111;
                    border: 3px solid #333;
                    box-sizing: border-box;
                    border-radius: 12px;
                    width: 612px;
                  }
                    .papadiscussion .content .interview-section .one .text:before {
                      content: "";
                      position: absolute;
                      width: 12px;
                      height: 15px;
                      background-color: #333;
                      clip-path: polygon(0 50%, 100% 0, 100% 100%);
                      left: -12px;
                      margin: auto;
                    }

              @media screen and (max-width:768px){
                .papadiscussion .content .member{
                  padding-left: 0px;
                  padding-right: 0px;
                  margin-top: 42px;
                }
                  .papadiscussion .content .member .one{
                    width: 22%;
                  }
                  .papadiscussion .content .member .one picture{
                  }
                    .papadiscussion .content .member .one picture img{
                    }
                  .papadiscussion .content .member .one p{
                    font-size: 1.2rem;
                  }
                  .papadiscussion .content .interview-section .question{
                    font-size: 2.0rem;
                  }
                    .papadiscussion .content .interview-section .question::before {
                      background-size: 48px 48px;
                    }

                  .papadiscussion .content .interview-section .one{
                    margin-bottom: 14px;
                  }
                  .papadiscussion .content .interview-section .one .text{
                    font-size: 1.6rem;
                    padding: 20px;
                  }
              }
              @media screen and (max-width:600px){
                .papadiscussion .content .member{
                  flex-wrap: wrap;
                }
                .papadiscussion .content .member .one{
                  width: 42%;
                  margin-left: 4%;
                  margin-right: 4%;
                }
              }

       @media screen and (max-width:980px){
      /*-------------------------------------------------------------------
        workstyle
      -------------------------------------------------------------------*/
        .workstyle_content{
          width: 100%;
          margin: 0px auto 7.0rem;
        }
          .workstyle_content_head{
            width: 68%;
            margin: 0px auto 2.8rem;
          }
            .workstyle_content_innter{
              display: block;
              justify-content: flex-start;
              align-content: flex-start;
              flex-wrap: wrap;
            }
              .workstyle_content_innter > div{
                margin-right: auto;
              }
                .workstyle_content_innter > div:nth-child(3n){
                  margin-right: auto;
                }
              .workstyle_one{
                width: 88%;
                margin: 0px auto 32px;
              }
                .workstyle_one_icon{
                  width: 128px;
                  margin: 0px auto 10px;
                }
                .workstyle_one h3 {
                  }
                .workstyle_one p{
                  }
                  .maternityleave{
                    width: 100%;
                    padding-top: 60px;
                  }
                    .maternityleave_head{
                      width: 88%;
                      margin: 0px auto;
                      background-color: #FFF;
                      text-align: center;
                      padding-top: 20px;
                      padding-bottom: 20px;
                      margin-bottom: 0px;
                    }
                    .maternityleave_head_inner{
                      width: 94%;
                      margin: 0px auto;
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                    }
                        .maternityleave_head_inner:before {
                          content: "";
                          background-image: url("/lib/images/maternityleave_head_parenthesis.svg");
                          background-repeat: no-repeat;
                          background-position: center left;
                          padding-left: 22px;
                          height: 162px;
                          vertical-align: middle;
                        }
                        .maternityleave_head_inner:after {
                          content: "";
                          background-image: url("/lib/images/maternityleave_head_parenthesis.svg");
                          background-repeat: no-repeat;
                          background-position: center right;
                          padding-left: 22px;
                          height: 162px;
                          vertical-align: middle;
                          transform: rotate(180deg);
                        }
                      .maternityleave_head h3 {
                        font-size: 2.0rem;
                      }
                        .maternityleave_head h3 span {
                           font-size: 2.8rem;
                        }
                        .maternityleave_head h3 span.fw_bold {
                          }
                        .maternityleave_intro{
                          font-size: 1.8rem;
                        }
                  .maternityleave_interview{
                    width: 88%;
                    margin: 0px auto;
                  }
                .maternityleave_term{
                  display: block;
                  margin-top: 0px;
                  margin-bottom: 0px;
                }
                  .maternityleave_term_head{
                    padding-top: 12px;
                    width: 100%;
                    margin-bottom: -50px;
                  }
                    .maternityleave_term_head p {
                    width: 100%;
                    height: 50px;
                    text-align: center!important;
                    z-index: 2;
                    position: relative;
                    }
                  .maternityleave_term_head:before{
                    content: "";
                    background-color: #FFF;
                    width: 100%;
                    height: 50px;
                     display: block;
                     position: relative;
                     left: 0px;
                     top: 42px;
                     z-index: 1;
                    }
                    .maternityleave_term_head:after {
                      content: "";
                      background-image: url("/lib/images/bg_obliqueline.svg");
                      background-repeat: repeat;
                      position: relative;
                      top: -72px;
                      left: 6px;
                      width: 100%;
                      height: 50px;
                      display: block;
                    }
                
                  .maternityleave_term_detail{
                    font-size: 1.6rem;
                    margin-left: 0px;
                    text-align: center;
                  }
                    .maternityleave_heading {
                      position: relative;
                      width: 800px;
                      top: -220px;
                      left: -360px;
                      transform: rotate(90deg);
                      font-size: 6.8rem;
                      z-index: 1;
                    }
                    .maternityleave_interview .interview_one_txt h3{
                      position: relative;
                      z-index: 2;
                      }
                    .maternityleave_interview .interview_one_txt p{
                      position: relative;
                      z-index: 2;
                    }
                    .maternityleave_interview .connect_interview_one .interview_one_img img:first-child{
                      margin-bottom: 12px;
                    }
                      .maternityleave .interview_data{
                        margin-bottom: 12px;
                      
                      }
      }
/* connect */
.connect_interview{
  width: 1200px;
  margin: 0px auto;
}
.connect_interview_one{ 
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
  .interview_one_img{
    width: 572px;
  }
  
  .interview_one_img img{
    border-radius: 4px;
    }
      .interview_one_even .interview_one_img{
        order: 2;
      }
    .interview_one_img_c{
      width: 160px;
      height: 353px;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: cover;
      position: relative;
      top: -200px;
      left: 20px;
      margin-bottom: -240px;
    }
    .interview_one_txt{
      width: 566px;
    }
        .interview_one_even .interview_one_txt{
          order: 1;
        }
      .interview_one_txt h3 {
        font-size: 3.8rem;
        font-weight: 400;
        margin-bottom: 32px;
      }
      .interview_one_txt p{
        font-size: 1.8rem;
        line-height: 2.4;
        text-align: justify;
        margin-bottom: 21px;
      }

    @media screen and (max-width:980px){
      .connect_interview{
        width: 88%;
        margin: 0px auto 180px;
      }
      .connect_interview_one{ 
        display: block;
        justify-content: space-between;
        margin: 0px auto 0px;
      }
        .interview_one_img{
          width: 100%;
          margin: 0px auto;
        }
        
        .interview_one_img img{
          }
            .interview_one_even .interview_one_img{
              order: 2;
            }
          .interview_one_img_c{
            width: 80px;
            height: 180px;
            background-position: left center;
            background-size: cover;
            position: relative;
            top: -120px;
            left: 4%;
            margin-bottom: -200px;
          }
            .interview_one_even .interview_one_img_c{
              left: 76%;
            }
        .interview_one_txt{
          width: 100%;
          margin: 0px auto;
        }
            .interview_one_even .interview_one_txt{
              order: 1;
            }
          .interview_one_txt h3 {
            font-size: 2.8rem;
            margin-bottom: 12px;
            margin-top: 32px;
          }
          .interview_one_txt p{
            font-size: 1.6rem;
            line-height: 2.0;
            margin-bottom: 21px;
          }
    }

/* interview */
.interview{
}
.interview .head p {
}
  .interview .mainvisual{
    max-width: 980px;
    width: 88%;
    margin: 0px auto;
  }
  .interview .mainvisual img {
    border-radius: 14px;
  }
  .interview .content{
    max-width: 744px;
    width: 88%;
    margin: 0px auto;
  }
  .interview .mainvisual .text{
        position: relative;
        left: 6%;
        top: -244px;
        margin-bottom: -140px;
      }
        .interview.interview03 .mainvisual .text{
            position: relative;
            margin-right: 6%;
            left: 0%;
            text-align: right;
          }
        .interview .mainvisual .text p{
          font-family: Montserrat;
          font-weight: bold;
          font-size: 3.2rem;
          line-height: 1.2;
          font-weight: 800;
          font-style: italic;
          position: relative;
          top: 2.0rem;
        }
          .interview.interview01 .mainvisual .text p{
            color: #7CA4F1;
          }
          .interview.interview02 .mainvisual .text p{
            color: #A39BD4;
          }
          .interview.interview03 .mainvisual .text p{
            color: #51C7D9;
          }
          .interview.location-osaka .mainvisual .text p{
            color: #7CA4F1;
          }
          .interview.location-fukuoka .mainvisual .text p{
            color: #c5ecf2;
          }
          .interview.location-sendai .mainvisual .text p{
            color: #A39BD4;
          }
        
          .interview-banner-wrapper .one.interview01 .text p{
            color: #7CA4F1;
          }
          .interview-banner-wrapper .one.interview02 .text p{
            color: #A39BD4;
          }
          .interview-banner-wrapper .one.interview03 .text p{
            color: #51C7D9;
          }
        .interview .mainvisual .text p span{
          font-size: 5.0rem;
        }
        .interview .mainvisual .text h3{
          color: #111;
          font-size: 3.2rem;
          font-weight: bold;
          line-height: 2.0;
          font-style: italic;
        }
        .interview .mainvisual .text h3 span{
          background-color: #FFF;
          padding: 2px 12px 2px 4px;
        }
            
      .interview .member{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 2.8rem;
      }
      .interview .member .one{
        width: 160px;
        height: auto;
        margin-right: 0rem;
        text-align: center;
      }
      .interview .member .one:last-child{
        margin-right: 0px;
      }
      .interview .member .one p{
        line-height: 120%;
      }
      .interview .member .one img{
        margin-bottom: 1.4rem;
        width:120px;
      }
      .interview01.interview .member .one p{
        color: #7CA4F1;
      }
      .interview02.interview .member .one p{
        color: #847AC6;
      }
      .interview03.interview .member .one p{            
        color: #51C7D9;
      }
      .location-osaka.interview .member .one p{            
        color: #7CA4F1;
      }
      .location-fukuoka.interview .member .one p{            
        color: #51C7D9;
      }
      .location-sendai.interview .member .one p{            
        color: #A39BD4;
      }
      .interview .member .one p.interviewer{
        color: #084A9B;
      }

      .location-sendai .interview .member .one:first-child{
        margin-left: 2.4rem;
      }
      .location-sendai .interview .member .one:nth-child(3){
        margin-right: 2.4rem;
      }
  .interview .interview-section .one {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.4rem;
  }
  .interview .interview-section .one .image{
    width: 100px;
  }
  .interview .interview-section .one .text-left {
      position: relative;
      display: inline-block;
      margin: 0px 0px 0px 14px;
      padding: 7px 14px;
      width: 616px;
      color: #111111;
      background: #FFF;
      border: solid 3px #c3c3c3;
      box-sizing: border-box;
      border-radius: 12px;
    }
      .interview .interview-section .one .text-left:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -18px;
        margin-top: -7px;
        border: 12px solid transparent;
        border-right: 12px solid #FFF;
        z-index: 2;
      }
      .interview .interview-section .one .text-left:after {
        content: "";
        position: absolute;
        top: 50%;
        left: -20px;
        margin-top: -5px;
        border: 10px solid transparent;
        border-right: 10px solid #c3c3c3;
        z-index: 1;
      }
      .interview .interview-section .one .text-left p {
        margin: 0;
        padding: 0;
        text-align: justify;
      }
  .interview .interview-section .one .text-right {
      position: relative;
      display: inline-block;
      margin: 0px 14px 0px 0px;
      padding: 7px 14px;
      width: 616px;
      color: #111111;
      background: #FFF;
      box-sizing: border-box;
      border-radius: 12px;
    }
      .interview .interview-section .one .text-right:before {
        content: "";
        position: absolute;
        top: 50%;
        right: -18px;
        margin-top: -7px;
        border: 12px solid transparent;
        border-left: 12px solid #FFF;
        z-index: 2;
      }
      .interview .interview-section .one .text-right:after {
        content: "";
        position: absolute;
        top: 50%;
        right: -20px;
        margin-top: -5px;
        border: 10px solid transparent;
        z-index: 1;
      }
      .interview .interview-section .one .text-right p {
        margin: 0;
        padding: 0;
        text-align: justify;
      }
          .interview.interview01 .interview-section .one .text-right {
            border: solid 3px #D3E1FA;
          }
          .interview.interview01 .interview-section .one .text-right:after {
              border-left: 10px solid #D3E1FA;
          }
          .interview.interview02 .interview-section .one .text-right {
            border: solid 3px #E0DEF1;
          }
          .interview.interview02 .interview-section .one .text-right:after {
              border-left: 10px solid #E0DEF1;
          }
          .interview.interview03 .interview-section .one .text-right {
            border: solid 3px #C5ECF2;
          }
          .interview.interview03 .interview-section .one .text-right:after {
              border-left: 10px solid #C5ECF2;
          }

          .interview.location-osaka .interview-section .one .text-right {
            border: solid 3px #C9D1DA;
          }
          .interview.location-osaka .interview-section .one .text-right:after {
              border-left: 10px solid #C9D1DA;
          }
          .interview.location-fukuoka .interview-section .one .text-right {
            border: solid 3px #C5ECF2;
          }
          .interview.location-fukuoka .interview-section .one .text-right:after {
              border-left: 10px solid #C5ECF2;
          }
          .interview.location-sendai .interview-section .one .text-right {
            border: solid 3px #E0DEF1;
          }
          .interview.location-sendai .interview-section .one .text-right:after {
              border-left: 10px solid #E0DEF1;
          }

          
  .interview .insert img{
    border-radius: 14px;
  }
  .interview .interview-section{
    margin-bottom: 4.2rem;
  }
      .interviewer-recomend{
        background-color: #E6EDF5;
        border-radius: 14px;
        padding: 14px;
      }
        .interviewer-recomend .recomend-head {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          z-index: 1;
          padding-left: 1.4rem;
        }
        .interviewer-recomend .recomend-head .image{
          width: 120px;
          margin-right: 1.4rem;
        }
        .interviewer-recomend .recomend-head .text{
          position: relative;
          top: -14px;
        }
        .interviewer-recomend .recomend-head .text p{
          color: var(--CYND_COLOR);
          font-family: Noto Serif JP;
          font-size: 1.8rem;
          font-style: normal;
          line-height: 1.4rem;
          transform: rotate(-4deg);
        }
        .interviewer-recomend .recomend-head .text p span{
          display: block;
          background-color: var(--CYND_COLOR);;
          color: #FFF;
          font-size: 3.4rem;
          padding: 1.4rem 1.0rem;
          margin-top: 1.4rem;
        }
        .interviewer-recomend .recomend-text {
          background-color: #fff;
          border-radius: 4px;
          padding: 14px 14px;
          position: relative;
          top: -14px;
        }
        .interviewer-recomend .recomend-head .icon-check{
          position: relative;
          left: 10px;
          width: 80px;
        }
				.interview .page-banner{
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: 2.8rem;
					position: relative;
				}
				.interview .page-banner .one{
					width: 49%;
				}
				.interview .page-banner .one a.link{
					color: #CCC;
					border: 2px solid #CCC;
					background-color: #FFF;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 2.0rem;
					font-weight: 700;
					height: 84px;
					border-radius: 14px;
					line-height: 2.0rem;
					box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.20);
					position: relative;
          text-align: center;
				}
          .interview.interview03 .page-banner .one a.link{
            color: #51C7D9;
            border: 2px solid #51C7D9;
          }
				.interview .page-banner div a.link:hover{
					box-shadow: none;
					background-color: #CCC;
				}
				.interview.interview03 .page-banner div a.link:hover{
					background-color: #C5ECF2;
        }
				.interview .page-banner .one .image{
					position: relative;
					top: -92px;
					left: 0px;
					width: 90px;
				}
				.interview .page-banner .one .image.active{
					display: none;
				}
				.interview .page-banner .one.active a.link{
					  background-color: #51C7D9;
					  border-color: #51C7D9;
					  color: #FFF;
            position: relative;
            box-shadow: none;
				}
				.interview .page-banner .one.active  a.link:hover{
          background-color: #51C7D9;
        }
				.interview .page-banner .one.active .image{
					display: none;
				}
				.interview .page-banner .one.active .image.active{
					display: block;
				}

      .interview .btn-next a{
        background-color: #CCC;
        width: 100%;
        height: 56px;
        border-radius: 9999px;
        margin-bottom: 2.8rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 2.8rem;
        color: #FFF;
        font-size: 2.0rem;
        font-weight: 700;
        box-sizing: border-box;
      }
      .interview .btn-next a span.en{
        font-family: Montserrat;
        font-weight: bold;
        }
      .interview .btn-next a span {
        margin-right: 2.8rem;
      }
      .interview .btn-next a span.material-icons-round {
        font-size: 4.2rem;
      }
      .interview.interview03 .btn-next a{
        background-color: #51C7D9;
      }

        @media screen and (max-width:980px){
          .interview .mainvisual .text{
              left: 4%;
              top: -184px;
              margin-bottom: -120px;
            }
            .interview.interview03 .mainvisual .text{
                margin-right: 4%;
              }
              .interview .mainvisual .text p{
                font-size: 2.8rem;
              }
              .interview .mainvisual .text p span{
                font-size: 4.2rem;
              }
              .interview .mainvisual .text h3{
                font-size: 2.8rem;
                line-height: 1.8;
              }
              .interview .mainvisual .text h3 span{
              }
              .interview .member{
                margin-bottom: 2.8rem;
              }
              .interview .member .one{
                width: 20%;
              }
              .interview .member .one:last-child{
              }
              .interview .member .one p{
                font-size: 1.6rem;
              }
              .interview .member .one img{
                width:80%;

              }
        }
         @media screen and (max-width:768px){
          .interview .interview-section .one{
            align-items: center;
          }
          .interviewer-recomend .recomend-head .image{
            width: 30%;
            margin-right: 0.7rem;
          }
            .interviewer-recomend .recomend-head .text p span{
              font-size: 2.4rem;
            }
            .interviewer-recomend .recomend-head .text{
              width: 70%;
            }
            .interviewer-recomend .recomend-head .icon-check {
              position: relative;
              left: -10px;
            }
              .interview.location-osaka .mainvisual .text,.interview.location-sendai .mainvisual .text,.interview.location-fukuoka .mainvisual .text{
                left: 2%;
                top: 14px;
                margin-bottom: 2.8rem;
              }
              .interview.location-osaka .mainvisual .text h3,.interview.location-sendai .mainvisual .text h3,.interview.location-fukuoka .mainvisual .text h3{
                padding-left: 0px;
              }
              .interview .mainvisual .text h3 span{
                padding-left: 0px;
              }
              .location-sendai .interview .member .one:first-child{
                margin-left: 0rem;
              }
              .location-sendai .interview .member .one:nth-child(3){
                margin-right: 0rem;
              }
              .interview .page-banner{
                flex-wrap: wrap;
              }
              .interview .page-banner .one{
                width: 100%;
                margin-bottom: -2.8rem;
              }
         }
         @media screen and (max-width:599px){
          .interview .mainvisual .text{
            left: 2%;
            top: 14px;
            margin-bottom: 4.2rem;
          }
            .interview.interview03 .mainvisual .text{
              margin-right:0%;
            }
            .interview .mainvisual .text p{
              font-size: 2.0rem;
              top: 0px;
              margin-right: 1.0rem;
            }
            .interview .mainvisual .text p span{
              font-size: 3.4rem;
            }
            .interview .mainvisual .text h3{
              font-size: 2.4rem;
              line-height: 1.8;
              padding-left: 0px;
            }
            .interview .mainvisual .text h3 span{
            }
            .interview .member{
              flex-wrap: wrap;
              margin-bottom: 2.8rem;
              justify-content: space-around;
            }
            .interview .member .one{
              width: 44%;
              margin-bottom: 2.8rem;
            }
            .interview .member .one:last-child{
            }
            .interview .member .one p{
              font-size: 1.48rem;
              font-weight: bold;
            }
            .interview .member .one img{
              width:80%;
              margin-bottom: 0.7rem;
            }

          .interviewer-recomend .recomend-head{
            padding-left: 0px;
          }
          .interviewer-recomend .recomend-head .image{
            width: 28%;
          }
          .interviewer-recomend .recomend-head .text{
            position: relative;
            width: 74%;
          }
          .interviewer-recomend .recomend-head .text p{
            font-size: 1.4rem;
            line-height: 0.7rem;
            
          }
            .interviewer-recomend .recomend-head .text p span{
              font-size: 1.8rem;
            }
            .interviewer-recomend .recomend-head .icon-check {
              position: relative;
              left: 10px;
              width: 20%;
              margin-left: -20px;
            }
         }



  /* location */
  .location{
  }
  .location .head p {
    max-width: 920px;
    width: 88%;
    margin: 0px auto 1.4rem;
  }
    .location .intro {
    max-width: 1200px;
    width: 88%;
    margin: 0px auto;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    }
    .location .intro .left .map {
    position: relative;
    top:-2.8rem;
    margin-bottom: -90px;
    }
    .location .intro .left .text{
      width: 56%;
      margin-top: 5.6rem;
    }
    .location .right  {
      margin-bottom: 5.6rem;
    }
    .location .intro .right .image01{
      width: 88%;
      height: auto;
      position: relative;
      margin-top: 2.8rem;
    }
    .location .intro .right .image02{
      width: 60%;
      height: auto;
      position: relative;
      left: -58%;
      top: 40px;
    }
    .location .intro .right .image03{
      width: 77%;
      height: auto;
      position: relative;
      left: 14%;
      top: -80px;
    }
    .location .intro .right img {
      border-radius: 14px;
    }
    @media screen and (max-width:768px){
        .location .intro {
        flex-wrap: wrap;
      }
      .location .intro .left .map {
        position: relative;
        top:-28px;
        margin-bottom: -64px;
      }
      .location .intro .left .text{
        width: 100%
      }
        .location .intro .right .image01{
          width: 92%;
          height: auto;
          position: relative;
          margin-top: 2.8rem;
        }
        .location .intro .right .image02{
          width: 60%;
          height: auto;
          position: relative;
          left:40%;
          top:14px;
          margin-bottom: 14px;
        }
        .location .intro .right .image03{
          width: 77%;
          height: auto;
          position: relative;
          left: 14%;
          top: 14px;
        }
    }
    /* location interview */
		.areainterview-banners{
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
      margin-bottom: 2.8rem;
		}
		.areainterview-banners .one {
			width: 49%;
			margin-bottom: 1.4rem;
		}
		.areainterview-banners .one img{
			border-radius: 14px;
		}
      @media screen and (max-width:768px) {
        .areainterview-banners{
          flex-wrap: wrap;
        }
        .areainterview-banners .one {
          width: 100%;
        }

        
      }

/* workstyle */

/* company */
.company{
}
.company .head p {
  max-width: 920px;
  width: 88%;
  margin: 0px auto;
}
.company .company_topmessage_heading h2{
  text-align: center;
  font-family: Montserrat;
  font-size: 3.4rem;
  color:var(--CYND_COLOR);;
}

/*-------------------------------------------------------------------
    company
-------------------------------------------------------------------*/
.company_message{
  width: 1200px;
  margin: 0px auto 94px;
}
  .company_message h2{
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 32px;
  }
    .company_message img {
      border-radius: 4px;
    }
  .home_message_txt{
    width: 966px;
    margin: 32px auto 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
    .home_message_txt:before {
      content: "";
      background-image: url("/lib/images/company_message_parenthesis.svg");
      background-repeat: no-repeat;
      background-position: center left;
      padding-left: 18px;
      height: 200px;
      vertical-align: middle;
    }
    .home_message_txt:after {
      content: "";
      background-image: url("/lib/images/company_message_parenthesis.svg");
      background-repeat: no-repeat;
      background-position: center right;
      padding-left: 18px;
      height: 200px;
      vertical-align: middle;
      transform: rotate(180deg);
    }
      .home_message_txt p{
        width: 80%;
        margin: 0px auto;
        font-size: 1.8rem;
        line-height: 2.2;
        text-align: center;
        font-weight: 400;
        vertical-align: middle;
      }
.company_product{
  width: 1060px;
  margin: 0px auto 156px;
}
  .productimg{
    width: 900px;
    margin: 0px auto 32px;
  }
  .product_logolink{
    width: 360px;
    margin: 0px auto 16px;
  }
    .product_logolink a {
      display: block;
    }
      .company_product .btn_readmore a{
        margin: 0px auto;
      }
.missionvalue{
  margin-bottom: 136px;
}
.missionvalue_heding {
  width: 380px;
  margin: 0px auto 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.missionvalue_heding:before {
  content: "";
  background-image: url("/lib/images/company_mission_parenthesis.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 18px;
  height: 63px;
  vertical-align: middle;
}
.missionvalue_heding:after {
  content: "";
  background-image: url("/lib/images/company_mission_parenthesis.svg");
  background-repeat: no-repeat;
  background-position: center right;
  padding-left: 18px;
  height: 63px;
  vertical-align: middle;
  transform: rotate(180deg);
}
  .missionvalue_heding h2{
    width: 80%;
    font-family: 'Montserrat', sans-serif;
    margin: 0px auto;
    font-size: 3.2rem;
    text-align: center;
    font-weight: 200;
    vertical-align: middle;
  }
  .missionvalue p{      
    font-size: 1.6rem;
    line-height: 2.2;
    text-align: center;
    font-weight: 400;
    margin-bottom: 64px;
  }
.company_mission{
width: 100%;
height: 655px;
background-image: url("/lib/images/company_mission_img.jpg");
background-position: center center;
background-size: cover;
padding-top: 60px;
box-sizing: border-box;
margin-bottom: 160px;
z-index: -99999;
}
.mission_inner{
  width: 1200px;
  margin: 0px auto;
}
.mission_txt{
width: 600px;
margin-left: 600px;
}
.mission_heding {
  width: 240px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mission_heding:before {
  content: "";
  background-image: url("/lib/images/company_mission_parenthesis.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 18px;
  height: 63px;
  vertical-align: middle;
}
.mission_heding:after {
  content: "";
  background-image: url("/lib/images/company_mission_parenthesis.svg");
  background-repeat: no-repeat;
  background-position: center right;
  padding-left: 18px;
  height: 63px;
  vertical-align: middle;
  transform: rotate(180deg);

}
  .mission_heding h2{
    width: 80%;
    font-family: 'Montserrat', sans-serif;
    margin: 0px auto;
    font-size: 3.2rem;
    text-align: center;
    font-weight: 200;
    vertical-align: middle;
  }
  .mission_txt h3{
    font-size: 4.2rem;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 1.8;
  }
  .mission_txt p{      
    font-size: 1.6rem;
    line-height: 2.8;
    text-align: justify;
    font-weight: 400;
    position: relative;
    z-index: 1;
  }
  .mission_txt p:after{
    content: "";
    background-color: #cbdbf9;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    display: block;
    position: relative;
    top: -100px;
    left: 50%;
    z-index:-1;
    }
.company_value{
  width: 1200px;
  margin: 0px auto 120px;
}
.value_heding {
  width: 240px;
  margin: 0px auto 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.value_heding:before {
  content: "";
  background-image: url("/lib/images/company_mission_parenthesis.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 18px;
  height: 63px;
  vertical-align: middle;
}
.value_heding:after {
  content: "";
  background-image: url("/lib/images/company_mission_parenthesis.svg");
  background-repeat: no-repeat;
  background-position: center right;
  padding-left: 18px;
  height: 63px;
  vertical-align: middle;
  transform: rotate(180deg);
}
  .value_heding h2{
    width: 80%;
    font-family: 'Montserrat', sans-serif;
    margin: 0px auto;
    font-size: 3.2rem;
    text-align: center;
    font-weight: 200;
    vertical-align: middle;
  }
.value_list{
  width: 1060px;
  margin: 0px auto; 
  box-sizing: border-box;
  padding-left: 80px;
  padding-right: 80px;
}
.value_one{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 120px;
}
  .value_one h3{
    width: 38%;
    font-size: 3.2rem;
    font-weight: 400;
  }
  .value_one h3:after{
    content: "";
    background-size: 80px;
    background-repeat: no-repeat;
    width: 80px;
    height: 90px;
    display: block;
    position: relative;
    top: -80px;
    left: -40px;
    z-index: -100;
    margin-bottom: -80px;
    }
      .value_one_01 h3:after{
        background-image: url("/lib/images/company_value_icon01.svg");
      }
      .value_one_02 h3:after{
        background-image: url("/lib/images/company_value_icon02.svg");
      }
      .value_one_03 h3:after{
        background-image: url("/lib/images/company_value_icon03.svg");
      }
  .value_one p{
    width: 62%;
    font-size: 1.6rem;
  }
.company_cyndnoc{
width: 1060px;
margin: 0px auto 170px;
padding: 80px;
box-sizing: border-box;
border-top:10px solid #fae78c;
border-right:10px solid #fccb98;
border-bottom:10px solid #a8c2f5;
border-left:10px solid #ffa59a;
}
.company_cyndnoc_inner {
width: 900px;
margin: 0px auto;
display: flex;
justify-content: space-between;
}
.company_cyndnoc_txt{
  width: 68%;
  padding-right: 8%;
  box-sizing: border-box;
}
  .company_cyndnoc_txt h3{
    font-size: 3.2rem;
    line-height: 1.8;
    font-weight: 400;
    margin-bottom: 12px;
  }
.company_cyndnoc_img {
  width: 32%;
}
.company_topmessage{
width: 1200px;
margin: 0px auto;
}
.company_topmessage_heading{
  margin-bottom: 64px;
}
.company_topmessage_heading h2 {
  width: 200px;
  margin: 0px auto;
}
.company_topmessage_heading h3 {
  font-size: 1.8rem;
  text-align: center;
}
.company_topmessage_one{
display: flex;
justify-content: space-between;
align-items:flex-start;
margin-bottom: 80px;
}
.company_topmessage_one_img{
  width: 572px;
}
  .company_topmessage_one_img img {
    border-radius: 4px;
  }
.company_topmessage_one_txt{
  width: 566px;
  }
  .company_topmessage_one_txt p {
    text-align: justify;
    font-size: 1.8rem;
    line-height: 2.6;
    margin-top: -8px;
  }
    .company_topmessage_one_txt p span.company_topmessage_name{
      float: right;
    }
@media screen and (max-width:1200px) { 

.company_message{
  width: 100%;
}
  .home_message_txt{
    width: 88%;
  }
.company_product{
  width: 100%;
}   
  .mission_inner{
    width: 100%;
  }
  .mission_txt{
    width: 40%;
    margin-left: 52%;
  }
  .mission_txt p:after {
    top: -120px;
    left: 58%;
  }
  .productimg{
    width: 900px;
    margin: 0px auto 32px;
  }
  
.company_cyndnoc{
width: 100%;
padding: 6%;
box-sizing: border-box;
}
.company_cyndnoc_inner {
width: 100%;
margin: 0px auto;
display: flex;
justify-content: space-between;
}
  
.company_value{
  width: 100%;
  margin: 0px auto 120px;
}
  .company_topmessage{
    width: 88%;
    margin: 0px auto;
  }
    .company_topmessage_one_img{
      width: 48%;
    }
    .company_topmessage_one_txt{
      width: 48%;
      }
}

@media screen and (max-width:980px) {
/*-------------------------------------------------------------------
	company
-------------------------------------------------------------------*/
.company_message{
  width: 100%;
  margin: 0px auto 21px;
}
  .company_message h2{
    font-size: 2.0rem;
    width: 88%;
    margin: 0px auto 32px;
    text-align: justify;
  }
    .company_message img {
      border-radius: 0px;
    }
  .home_message_txt{
    width: 88%;
    margin: 32px auto 0px;
    display: block;
    justify-content: space-between;
    align-items: center;
  }
    .home_message_txt:before {
      content: "";
      background-image: url("/lib/images/company_message_parenthesis_sp.svg");
      background-repeat: no-repeat;
      background-position: center top;
      padding-left: 100%;
      vertical-align: middle;
      transform: rotate(90deg);
      background-size: contain;
    }
    .home_message_txt:after {
      content: "";
      background-image: url("/lib/images/company_message_parenthesis_sp2.svg");
      background-repeat: no-repeat;
      background-position: center top;
      padding-left: 100%;
      vertical-align: middle;
      transform: rotate(180deg);
    }
      .home_message_txt p{
        width: 90%;
        font-size: 1.6rem;
        padding-bottom: 20px;
      }
.company_product{
  width: 100%;
  margin: 0px auto 64px;
}
  .productimg{
    width: 100%;
    margin: 0px auto 32px;
  }
  .product_logolink{
    width: 88%;
    margin: 0px auto 16px;
  }
    .product_logolink a {
    }
      .company_product .btn_readmore a{
        margin: 0px auto;
      }
.missionvalue{
  margin-bottom: 32px;
}
.missionvalue_heding {
  width: 64%;
  margin: 0px auto 32px;
}
.missionvalue_heding:before {
  padding-left: 12px;
  height: 42px;
}
.missionvalue_heding:after {
  padding-left: 12px;
  height: 42px;
  vertical-align: middle;
  transform: rotate(180deg);
}
  .missionvalue_heding h2{
    width: 88%;
    font-size: 2.2rem;
  }
  .missionvalue p{
    width: 88%;
    margin: 0px auto 32px;
  }
.company_mission{
width: 100%;
height: 400px;
background-image: url("/lib/images/company_mission_img_sp.jpg");
background-position: center center;
background-size: cover;
padding-top: 0px;
box-sizing: border-box;
margin-bottom: 580px;
z-index: -99999;
}
.mission_inner{
  width: 100%;
  margin: 0px auto;
}
.mission_txt{
width: 88%;
margin: 0px auto;
position: relative;
top: 452px;
}
.mission_heding {
  width: 80%;
  margin: 0px auto 16px;
}
  .mission_heding:before {
    padding-left: 12px;
    height: 42px;
  }
  .mission_heding:after {
    background-position: center right;
    padding-left: 12px;
    height: 42px;

  }
  .mission_heding h2{
    width: 80%;
    font-size: 2.2rem;
    text-align: center;
  }
  .mission_txt h3{
    font-size: 2.4rem;
    margin-bottom: 16px;
    line-height: 1.8;
    width: 100%;
    text-align: center;
    
  }
  .mission_txt p{      
    font-size: 1.6rem;
    line-height: 2.0;
    text-align: justify;
    font-weight: 400;
    position: relative;
    z-index: 1;
  }
  .mission_txt p:after{
    width: 120px;
    height: 120px;
    border-radius: 60px;
    top: -100px;
    z-index:-1;
    left: auto;
    right: -240px;
    }
    
.company_value{
  width: 100%;
  margin: 0px auto 64px;

}
.value_heding {
  width: 80%;
  margin: 0px auto 16px;
}
.value_heding:before {
  padding-left: 12px;
  height: 42px;
}
.value_heding:after {
  padding-left: 12px;
  height: 42px;
  vertical-align: middle;
}
  .value_heding h2{
    width: 80%;
    font-size: 2.2rem;
    text-align: center;
  }
.value_list{
  width: 88%;
  margin: 0px auto; 
  box-sizing: border-box;
  padding-left: 0px;
  padding-right: 0px;
}
.value_one{
  display: block;
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
}
  .value_one h3{
    width: 100%;
    font-size: 2.8rem;
  }
  .value_one h3:after{
    content: "";
    background-size: 45px;
    background-repeat: no-repeat;
    width: 60px;
    height: 55px;
    display: block;
    position: relative;
    top: -32px;
    left: -12px;
    z-index: -100;
    margin-bottom: -38px;
    }
  .value_one p{
    width: 100%;
    font-size: 1.6rem;
    text-align: justify;
  }
.company_cyndnoc{
width: 100%;
margin: 0px auto 170px;
padding: 20px 0px;
}
.company_cyndnoc_inner {
width: 88%;
margin: 0px auto;
display: block;
justify-content: space-between;
}
.company_cyndnoc_txt{
  width: 100%;
  padding-right: 0%;
  margin-bottom: 20px;
}
  .company_cyndnoc_txt h3{
    font-size: 2.2rem;
    line-height: 1.6;
  }
.company_cyndnoc_img {
  width: 80%;
  margin: 0px auto;
}

.company_topmessage{
width: 88%;
margin: 0px auto;
}
.company_topmessage_heading{
  margin-bottom: 64px;
}
.company_topmessage_heading h2 {
  width: 50%;
  margin: 0px auto;
}
.company_topmessage_heading h3 {
  font-size: 1.8rem;
  text-align: center;
}
.company_topmessage_one{
display: block;
justify-content: space-between;
align-items:flex-start;
margin-bottom: 80px;
width: 100%
}
.company_topmessage_one_img{
  width: 100%;
  margin-bottom: 12px;
}
  .company_topmessage_one_img img {
    border-radius: 4px;
  }
.company_topmessage_one_txt{
  width: 100%;
  }
  .company_topmessage_one_txt p {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.0;
    margin-top: 0px;
  }
    .company_topmessage_one_txt p span.company_topmessage_name{
      float: right;
    }
  }




/*-------------------------------------------------------------------
    require
-------------------------------------------------------------------*/
.require_content{
  max-width: 1104px;
  width: 88%;
}
.require_content_head.require_content_head{
  margin-top: 4.8rem;
}
.require_main h2 {
  text-align: center;
  padding-top: 180px;
  font-size: 3.6rem; 
  margin-bottom: 64px;
}
.require_content{
  width: 1060px;
  margin: 0px auto;
}
.require_content h3 {
  text-align: center;
  margin-bottom: 32px;
}
  .require_content_head.require_content_head h3 {
    width: 100%;
    height: 249px;
    color: #FFF;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 80px;
    font-size: 2.4rem;
    letter-spacing: 0.2rem;
    display: block;
    border-radius: 4px;
    margin-bottom: 32px;
  }    
  .require_content_head.require_content_head h3 span{
    font-family: 'Montserrat', sans-serif;
    display: block;
    font-size: 2.4rem;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 4.4rem;
    }
    .require_content_head.content_head_sales h3{
      background-image: url("/lib/images/require-head-sales.jpg");
    }
    .require_content_head.content_head_systemengineer h3{
      background-image: url("/lib/images/require-head-se.jpg");
    }
    .require_content_head.content_head_support h3{
      background-image: url("/lib/images/require-head-support.jpg");
    }  
    .require_content_head.content_head_telemarketing h3{
      background-image: url("/lib/images/require-head-tele.jpg");
    }  
    .require_content_head.content_head_newgrade-sales h3{
      background-image: url("/lib/images/require-head-ngsales.jpg");
    }  
  .require_content .require_attention{
    color: #ff4b36;
    text-align: center;
    font-size: 1.8rem;
  }
  .require_content .require_pitch {
    margin-top: 48px;
    margin-bottom: 48px;
    max-width: 88%;
    margin-left: auto;
    margin-right: auto;
  }
  .require_content table {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 60px;
    font-size: 1.4rem;
  }
  .require_content table tr th {
    background: #f8f8f8;
    padding: 30px 20px;
    border-bottom: #e7e7e7 solid 1px;
    vertical-align: middle;
    font-weight: normal;
    width: 40%;
    line-height: 1.8;
  }
  .require_content table tr:last-child th {
    border-bottom: none;
    }
  .require_content table tr td {
    padding: 30px 20px;
    border-bottom: #e7e7e7 solid 1px;
    line-height: 1.8;
  }
  .require_content table e tr:last-child td {
    border-bottom: none;
    }
  .require_content table td dl dt {
    font-weight: normal;
    clear: both;
    float: left;
    width: 8em;
  }
  .require_content table td dl dd {
    margin-left: 10em;
    margin-bottom: 1.8em;
  }




.btn-entry{
  background-color: #FF4B36;
  max-width: 640px;
  width: 100%;
  height: 98px;
  display: block;
  color: #FFF;
  margin: 0px auto;
  box-sizing: border-box;
  border-radius:999px;
  padding: 18px 32px;
  cursor: pointer;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.40);
  margin-bottom: 5.6rem;
  display: flex;
  align-items: center;
}
.btn-entry:hover {
  box-shadow:none;
  color: #FFF;
}
.btn-entry:visited{
  color: #FFF;
}
.btn-entry p {
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: 700;
  width: 100%;
}
.btn-entry p span{
  display: block;
  font-size: 1.8rem;
  font-family: Montserrat;
  font-weight: bold;
  }
  .btn-entry span.material-icons-round {
    font-size: 4.8rem;
  }

@media screen and (max-width:768px){
.btn-entry{
  width: 88%;
}
.require_main h2 {
  padding-top: 120px;
  font-size: 2.8rem; 
  margin-bottom: 32px;
}
.require_content{
  width: 100%;
  margin: 0px auto;
}
.require_content h3 {
}
.require_banner{
  width: 100%;
  margin: 0px auto 32px;
  }
  .require_banner ul {
    display: block;
    justify-content: space-between;
    align-items: flex-start;
    width: 88%;
    margin: 0px auto;
  }
  .require_banner ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  .require_banner ul li:last-child {
    margin-bottom: 0px;
    }
  .require_banner ul li span{  
    }
    .require_banner ul li a{
      width: 100%;
    }
    
  .require_content_head.require_content_head h3 {
    width: 100%;
    height: 160px;
    background-size: cover;
    font-size: 1.8rem;
    display: block;
    border-radius: 0px;
    margin-bottom: 32px;
    padding-top: 60px;
  }    
  .require_content_head.require_content_head h3 span{
    font-size: 3.2rem;
    } 
        
      .require_content_head.content_head_newgrade-sales h3 span{
        font-size: 2.4rem;
        }
    .require_content_head.content_head_sales h3{
      background-image: url("/lib/images/require-head-sales-sp.jpg");
    }
    .require_content_head.content_head_systemengineer h3{
      background-image: url("/lib/images/require-head-se-sp.jpg");
    }
    .require_content_head.content_head_support h3{
      background-image: url("/lib/images/require-head-support-sp.jpg");
    }  
    .require_content_head.content_head_telemarketing h3{
      background-image: url("/lib/images/require-head-tele-sp.jpg");
    }  
    .require_content_head.content_head_newgrade-sales h3{
      background-image: url("/lib/images/require-head-ngsales-sp.jpg");
    }
    .require_content_head.content_head_telemarketing h3 span {
      font-size: 2.6rem;
      letter-spacing: -0.2rem;
    }
  .require_content .require_attention{
    width: 88%;
    margin: 0px auto;
    line-height: 1.6;
    margin-bottom: 12px;
  }
  .require_content .require_pitch {
    margin-top: 32px;
    margin-bottom: 32px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

}






















/* 共通 */

body.open {
  overflow: hidden;
}
.head{
  margin-bottom: 2.8rem;
}
  .head h3{
    font-family: Montserrat;
    font-size: 3.8rem;
    text-align: center;
    font-weight: 800;
  }
  .head p{
    text-align: center;  
  }
.head-main {
  display: flex;
  align-items: center;
  justify-content: center;
}
.head-main .word{
  text-align: left;
  padding-left: 110px;
  height: 84px;
}
 .head-main h2{
  font-family: Montserrat;
  font-size: 4.2rem;
  font-weight: 800;
  line-height: 4.2rem;
  padding-top: 0.6rem;
}
.head-main p{
  color: #FFF;
  width: inherit!important;
  margin: 0px!important;
  text-align: left;
}
  .home .head-main p{
    color: #111;
  }
    .home .head-main .word{
      margin-bottom: 0.7rem;
    }
.under .content-header .head-main h2{
    color: #FFF;
}
  .head-main.interview .word {
    background: url(/lib/images/CofCYND-01.svg) no-repeat left center;
  }
  .head-main.workstyle .word {
    background: url(/lib/images/CofCYND-03.svg) no-repeat left center;
  }
  .head-main.data .word {
    background: url(/lib/images/CofCYND-04.svg) no-repeat left center;
  }
  .head-main.location .word {
    background: url(/lib/images/CofCYND-07.svg) no-repeat left center;
  }
  .head-main.require .word {
    background: url(/lib/images/CofCYND-05.svg) no-repeat left center;
  }
  .head-main.company .word {
    background: url(/lib/images/CofCYND-cynd.svg) no-repeat left center;
  }

  .btn-more {
    width: 210px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 28px;
    padding-right: 14px;
    box-sizing: border-box;
    color: #FFF;
    font-family: Montserrat;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    border-radius: 28px;
    background-color: #ccc;
    box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.20);
    cursor: pointer;
  }
    a.btn-more {
      color: #FFF;
    }
  .btn-more:hover{
    box-shadow: none;

  }
    .btn-more.workstyle{
      background-color: #35AE92;
    }
    .btn-more.location{
      background-color: #FA9831;
    }
    .btn-more.data{
      background-color: #f6d019;
    }
    .btn-more.company{
      background-color: #084e9b;
    }
      .btn-more.gotoservice{
        width: 320px;
        margin: 0px auto;
      }
    @media screen and (max-width:768px){
    .head-main h2 {
      font-size: 3.2rem;
      background-size: 5.8rem;
    }
      .head p {
        text-align: left;
      }
    }

  footer {
    width: 100%;
    background-color: var(--CYND_COLOR);
    color: #FFF;
    padding-top: 5.6rem;
    margin-top: 5.6rem;
    padding-bottom: 5.6rem;
    }
  footer .inner  {
    max-width: 1200px;
    width: 88%;
    margin: 0px auto;
    }
    footer a{
      color: #FFF;
    }
    footer a:visited{
      color: #FFF;
    }
    footer a:hover{
      color: #FFF;
    }
    footer .footerhead{
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-bottom: 2.8rem;
    }
    footer .footerhead a {
      font-family: Montserrat;
      font-size: 1.8rem;

      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-right: 2.0rem;
    }
      footer .footerhead .logo{
        width: 128px;
        height: auto;
        margin-right: 2.0rem;
      }
      footer .footerhead a span img {
        width: 100%;
        height: auto;
      }
      footer .footerhead p {
      }
      footer .content{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
      }
      footer .content .links {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 62%;
      }
        footer .content .links ul {
          width: 33%;
        }
        footer .content .links ul li{
          font-size: 1.6rem;
          font-style: normal;
          font-weight: 700;
          line-height: 2.8;
        }
        footer .banners{
          width: 38%;
        }
            footer .banners a{
              display: block;
              height: 100px;
              border-radius: 14px;
              border: 2px solid var(--CYND_COLOR);
              background-color: #fff;
              color: var(--CYND_COLOR);
              box-sizing: border-box;
              padding: 14px;
              cursor: pointer;
            }
              footer .banners a p{
                color: var(--CYND_COLOR);;
                text-align: left;
                width: 100%;
                font-size: 2.0rem;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                margin-bottom: 1.4rem;
              }
                footer .banners a p span{
                  display: block;
                  font-size: 1.8rem;
                }
                footer p.copyright {
                  margin-top: 2.8rem;
                  text-align: left;
                }

                  footer .banners a:nth-child(1){
                    margin-bottom: 1.4rem;
                  }
                  footer .banners a:nth-child(2){
                    background-image: url(../images/btn-newgrade-bg.png);
                    background-repeat: no-repeat;
                    background-size: cover;
                    border: 2px solid #51C7D9;
                    color: #FFF;
                  }
                  footer .banners a:nth-child(2) p{
                    color: #FFF;
                  }
                  footer .banners a:nth-child(2) p.arrow-l::before,footer .banners a:nth-child(2) p.arrow-l::after{
                    background-color: #FFF;
                  }
                  footer .banners a:hover p.arrow-l::before{
                    left:58%;
                  }
                  footer .banners a:hover p.arrow-l::after{
                    right:-3%;
                  }


                  

    @media screen and (max-width:980px){
      footer .content .links{
        width: 100%;
        margin-bottom: 2.8rem;
      }
      footer .content{
        flex-direction: column;
      }
      footer .banners a{
        width: 100%;
      }
      footer .banners{
        width: 100%;
      }
    }
    @media screen and (max-width:768px){
      footer {
        padding-bottom: 5.6rem;
      }
      footer .content .links{
        margin-bottom: 1.4rem;
        width: 100%;
      }
      footer .content .links ul{
        width: 100%;
      }
      footer .content .links ul li{
        line-height: 240%;
      }
      footer .content .links ul li:first-child{
        font-size: 1.8rem;
      }
      footer .footerhead{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        line-height: 140%;
      }
      footer .footerhead a{
        display: block;
        width: 100%;
      }
      footer .footerhead p{
        margin-top: 1.4rem;
      }
      footer .footerhead .logo{
        width: 42%;
        margin-right: 0px;
        margin-bottom: 1.4rem;
      }
      footer .footerhead .logo h1 {
        margin-bottom: 1.4rem;
      }
      footer .banners{
        width: 100%;
      }
      footer .banners a{
        width: 100%;
        height: auto;
        border:#FFF
      }
    }
/*
form
*/

.entry_content{
  max-width: 900px;
  width: 88%;
  margin: 0px auto;
}
.formTable {
}
.formTable dl {
    width: 100%;
    letter-spacing: -1.0rem;
    font-size: 180%;
    margin-bottom: 16px;
    }
        .formTable dl dt {
            width:35%;
            height: 74px;
            text-align:left;
            font-weight: normal;
            display: inline-block;
            letter-spacing: 0.0rem;
            vertical-align: top;
            box-sizing: border-box;
            line-height: 74px;
        }
      dl.formtextarea dt {
            line-height: 1.4;
            padding-top: 12px;
        }
      .contact_confirm dl.formtextarea dd {
          padding-top: 12px;
        }
        .formTable dl.text_area dt {
            line-height: 1.8;
            padding-top: 10px;
            }

        .formTable dl dd {
            display: inline-block;
            letter-spacing: 0.0rem;
            vertical-align: top;
            width: 65%;
            box-sizing: border-box;
            line-height: 74px;
        }
        dl.formtextarea dd {
            line-height: 1.4;
          }
            dd.form_check {
                padding-top: 14px;
                line-height: 0px!important;
                }
                .contact_comfirm dd.form_check {
                padding-top: 0px;
                line-height: 74px!important;
                }
        .form_section_one {
            margin-bottom: 40px;
        }
        p.explain {
            font-weight: bold;
            font-size: 2.2rem!important;
            margin-bottom: 0px;
            color: #E60000;
            border: none;
            padding-bottom: 10px;
        }
        .form_btn_wrapper {
            margin-top: 20px;
            }
        #ui-datepicker-div {
            font-size: 300%;
        }
        .privacy {
            margin-bottom: 64px;
        }
        .privacy p {
            font-weight: bold;
            padding-bottom: 0px;
            margin-bottom: 0px;
            border: none;
            }
            .contact_pp_inner {
                width: 100%;
                margin-bottom: 16px;
            }
        .required {
        }
        .required:after {
          content: "必 須";
          background-color: #ff4b36;
          color: #FFF;
          padding: 0px 6px 0px;
          margin-left: 10px;
          font-size: 70%;
          border-radius: 2px;
          display: inline-block;
          height: auto;
          box-sizing: border-box;
          line-height: 1.4;
        }
        .ninni:after {
            content: "任意";
            background-color: #CCC;
            color: #333;
            padding: 6px;
            margin-left: 10px;
            font-size: 1.4rem;
        }
        .form_btn_wrapper {
            }
        .form_btn_wrapper p {
            text-align: center!important;
            }
            .form_btn_wrapper input {
                padding: 8px 20px;
                font-size: 2.8rem;
                font-weight: bold;
                background-color: #ff4b36;
                color: #fff;
                border-style: none;
                width: 40%!important;
                cursor: pointer;
                border-radius: 9999px!important;
              }
              input.btn_formgo {
              }
              input.btn_formback {
                  background-color: #CCC;
              }
    /* form */                
    input, button, textarea, select {
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    select {
        padding-left: 10px;
        margin-left: 10px;
    }
    input {
        margin-left: 10px;
        border: 1px solid #b4b4b4;
    }
    label {
        margin-left: 10px;
    }
    textarea {
        margin-left: 10px;
    }
    #formWrap {
        width:100%;
        margin:0 auto;
        line-height:120%;
        font-size: 1.0rem;
    }
        #formWrap img {
            width: 100%;
            height: auto;
        }
            .form_check input {
                width: 5%!important;
            }
            .form_check p{
                vertical-align: middle;
                display: inline-block;
            }

            .formTable input {
                height: 64px;
                padding-left: 10px;
                vertical-align: middle;
                width: 100%;
                box-sizing: border-box;
                /*font-size: 100%;*/
                border-radius: 14px;
                font-size: 1.6rem;
            }
            .formTable select {
                height: 64px;
                width: 100%;
                border-radius:14px;
                border: 1px solid #CCC;
                background-image: url(../images/arrow.svg);
                background-repeat: no-repeat;
                background-size: 24px 24px;
                background-position: right 10px center;
                font-size: 100%;
                padding-left: 10px;
                line-height: 1.0;
            }
                input[type=radio], input[type=checkbox] {
                    display: none;
                    }
                    .radio, .checkbox {
                        box-sizing: border-box;
                        position: relative;
                        display: inline-block;
                        margin-right: 2px;
                        padding: 18px 6px 12px 42px;
                        border-radius: 8px;
                        background-color: #f0f0f0;
                        vertical-align: middle;
                        cursor: pointer;
                        font-size: 1.4rem;
                    }
                .radio:hover, .checkbox:hover {
                    background-color: #dcdcdc;
                    }
                    .radio:hover:after, .checkbox:hover:after {
                        border-color: #ff4b36;
                        }
                        .radio:after, .checkbox:after {
                            -webkit-transition: border-color 0.2s linear;
                            transition: border-color 0.2s linear;
                            position: absolute;
                            top: 50%;
                            left: 15px;
                            display: block;
                            margin-top: -10px;
                            width: 24px;
                            height: 24px;
                            border: 2px solid #bbb;
                            border-radius: 6px;
                            content: '';
                        }
                        .radio:before {
                            position: absolute;
                            top: 50%;
                            left: 20px;
                            display: block;
                            margin-top: -5px;
                            width: 10px;
                            height: 10px;
                            border-radius: 50%;
                            background-color: #ff4b36;
                            content: '';
                            opacity: 0;
                            }
                    input[type=radio]:checked + .radio:before {
                      opacity: 1;
                    }
                        .checkbox:before {
                            -webkit-transition: opacity 0.2s linear;
                            transition: opacity 0.2s linear;
                            position: absolute;
                            top: 50%;
                            left: 21px;
                            display: block;
                            margin-top:-12px;
                            width: 12px;
                            height: 21px;
                            border-right: 5px solid #ff4b36;
                            border-bottom: 5px solid #ff4b36;
                            content: '';
                            opacity: 0;
                            -webkit-transform: rotate(45deg);
                            -ms-transform: rotate(45deg);
                            transform: rotate(45deg);
                            }
                        input[type=checkbox]:checked + .checkbox:before {
                            opacity: 1;
                            }

                    .checkbox01-input {
                        width: 5%!important;
                        }
                    .checkbox01-parts {
                        vertical-align: middle;
                        padding-right: 30px;
                        }
                            label {
                                height: 50px;
                                width: 30%;
                            }
                            textarea {
                                width: 100%;
                                font-size: 100%;
                                border: 1px solid #b4b4b4;
                                border-radius: 4px;
                                line-height: 1.4;
                                padding: 10px;
                                box-sizing: border-box;
                                margin-top: 12px;
                            }
                            .textarea {
                                height: 100px!important;
                            }
                            input#submit_button {
                                    padding: 12px 20px;
                                    background-color: #ff4b36;
                                    color: #fff;
                                    border-style: none;
                                    width: 40%;
                                    cursor: pointer;
                                    font-size: 120%;
                                    height: 64px;
                                }
                            input#reset_button {
                                    padding: 12px 20px;
                                    background-color: #cfcfcf;
                                    color: #fff;
                                    border-style: none;
                                    width: 40%;
                                    cursor: pointer;
                                    font-size: 120%;
                                    height: 64px;
                                }
                                span.error {
                                    color: #ff4b36!important;
                                    padding-left: 10px;
                                    font-size: 1.4rem;
                                    vertical-align: top;
                                    display: block;
                                    line-height: 1.4;
            
                                }
                /* check box */
                input[type=checkbox] {
                      display: none;
                }
                .mwform-checkbox-field {
                  width: 200px;
                  margin: 0px auto;
                  display: block;
                }
                .mwform-checkbox-field-text {
                  box-sizing: border-box;
                  -webkit-transition: background-color 0.2s linear;
                  transition: background-color 0.2s linear;
                  position: relative;
                  display: inline-block;
                  margin: 20px 0px -8px 0;
                  padding: 24px 24px 24px 72px;
                  border-radius: 8px;
                  background-color: #f6f7f8;
                  vertical-align: middle;
                  cursor: pointer;
                  font-size: 16px;
                  width: 200px;
                }
                .mwform-checkbox-field label{
                  margin-left: 0px;
                }
                .mwform-checkbox-field-text:hover {
                  background-color: #ffdbd7;
                }
                .mwform-checkbox-field-text:hover:after {
                  border-color: #cfcfcf;
                }
                .mwform-checkbox-field-text:after {
                  -webkit-transition: border-color 0.2s linear;
                  transition: border-color 0.2s linear;
                  position: absolute;
                  top: 50%;
                  left: 35px;
                  display: block;
                  margin-top: -10px;
                  width: 22px;
                  height: 22px;
                  border: 2px solid #bbb;
                  border-radius: 6px;
                  content: '';
                }

                .mwform-checkbox-field-text:before {
                  -webkit-transition: opacity 0.2s linear;
                  transition: opacity 0.2s linear;
                  position: absolute;
                  top: 50%;
                  left: 41px;
                  display: block;
                  margin-top: -12px;
                  width: 10px;
                  height: 20px;
                  border-right: 5px solid #ff4b36;
                  border-bottom: 5px solid #ff4b36;
                  content: '';
                  opacity: 0;
                  -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
                  z-index: 1;
                }
                input[type=checkbox]:checked + .mwform-checkbox-field-text:before {
                  opacity: 1;
                }
                    .doui_checkbox span {
                        margin-top: 0px;
                    }
                  .form_check .error{ 
                      color: #ff4b36!important;
                      text-align: center;
                      font-size: 98%;
                      vertical-align: top;
                      display: block;
                      margin-top: 14px;
                      line-height: 1.4;
                  }
                /* radio box */
                input[type=radio] {
                      display: none;
                }
                .mwform-radio-field-text {
                  box-sizing: border-box;
                  -webkit-transition: background-color 0.2s linear;
                  transition: background-color 0.2s linear;
                  position: relative;
                  display: inline-block;
                  margin: 20px 20px -8px 0;
                  padding: 12px 12px 12px 42px;
                  border-radius: 8px;
                  background-color: #f6f7f8;
                  vertical-align: middle;
                  cursor: pointer;
                }
                .mwform-radio-field-text:hover {
                  background-color: #fce5e5;
                }
                .mwform-radio-field-text:hover:after {
                  border-color: #fce5e5;
                }
                .mwform-radio-field-text:after {
                  -webkit-transition: border-color 0.2s linear;
                  transition: border-color 0.2s linear;
                  position: absolute;
                  top: 50%;
                  left: 15px;
                  display: block;
                  margin-top: -10px;
                  width: 16px;
                  height: 16px;
                  border: 2px solid #bbb;
                  border-radius: 6px;
                  content: '';
                }
                .mwform-radio-field-text:before {
                  -webkit-transition: opacity 0.2s linear;
                  transition: opacity 0.2s linear;
                  position: absolute;
                  top: 50%;
                  left: 21px;
                  display: block;
                  margin-top: -7px;
                  width: 5px;
                  height: 9px;
                  border-right: 3px solid #968f84;
                  border-bottom: 3px solid #968f84;
                  content: '';
                  opacity: 0;
                  -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
                }
                input[type=radio]:checked + .mwform-radio-field-text:before {
                  opacity: 1;
                }
  .contact_confirm .privacy {
    display: none;
  }
  .privacy p{
    font-size: 180%;
    line-height: 1.8;
    font-weight: normal;
    text-align: center;
    margin-bottom: 16px;
}
  .contact_pp_inner {
    text-align: center;
  }
  .contact_pp_inner a{
    text-decoration: underline;
    font-size: 180%;
    margin-bottom: 60px;
    line-height: 1.8;
    text-align: justify;
    }
  .confirm .contact_pp_inner {
    display: none;
  }
  
.privacy .form_check{
  margin: 0px auto 16px;
  font-size: 16px;
}
  .confirm .privacy .form_check {
      text-align: center;
  }

@media screen and (max-width:768px){
.entry_content{
  width: 88%;
  margin: 0px auto;
}
.formTable dl {
  width: 100%;
  letter-spacing: -1.0rem;
  font-size: 180%;
  margin-bottom: 32px;
}
.formTable dl dt {
  width:100%;
  height: 32px;;
  text-align:left;
  font-weight: normal;
  display: block;
  letter-spacing: 0.0rem;
  vertical-align: top;
  box-sizing: border-box;
  line-height: 32px;
}
  dl.formtextarea dt {
    padding-top: 0px;
    line-height: 1.4;
    margin-bottom: 20px;
  }
  .formTable dl.text_area dt {
    line-height: 1.8;
    padding-top: 0px;
    padding-bottom: 0px;
    }
.formTable dl dd {
  display: block;
  letter-spacing: 0.0rem;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
  line-height: 74px;
}
  dl.formtextarea dd{
    line-height: 32px;
  }
.formTable input{
  margin-left: 0px;
  padding-left: 10px;
}
.formTable select{
  margin-left: 0px;
}
.formTable textarea {
  margin-left: 0px;
}
.form_btn_wrapper input {
  width: 100%!important;
  padding: 0px;
}
.confirm .form_btn_wrapper input {
  margin-bottom: 12px;
}
.formtextarea .required:after {
  display: inline-block;
  margin-left: 0px;
}
input#reset_button{ 
  display: block;
  width: 88%!important;
  margin: 0px auto 12px;
  }
  input#submit_button{
  display: block;
  width: 88%!important;
  margin: 0px auto 12px;
  }
  }