@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*==========================================
 COMMON INNER
===========================================*/
.page-ttlSub {
  letter-spacing: 0.09em;
  margin-bottom: clamp(40px, 4vw, 60px);
  line-height: 1.1; }
  .page-ttlSub::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    max-width: clamp(120px, 20vw, 265px);
    background: #005a3e;
    margin: clamp(25px, 4vw, 40px) auto 0; }
  .page-ttlSub .ttl-main {
    color: #005a3e;
    font-family: "Yu Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: clamp(2.2rem, 5vw, 9.4rem);
    font-weight: bold; }
    .page-ttlSub .ttl-main.sizeM {
      font-size: clamp(2.2rem, 3vw, 5rem); }
  .page-ttlSub .ttl-sub {
    font-size: clamp(1.6rem, 2.6vw, 3rem);
    font-weight: 500;
    margin-top: 0.6em; }

.subpage-leadR {
  font-family: "Yu Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  font-weight: bold;
  font-size: clamp(1.8rem, 2vw, 2.2rem);
  letter-spacing: 0.11em; }

.subpage-txtR {
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
  font-weight: 500;
  line-height: 1.75; }

/*==========================================
 404
===========================================*/
.page_notfound .bgGray {
  padding-bottom: clamp(10rem, 7.8125vw, 15rem); }
  @media screen and (max-width: 960px) {
    .page_notfound .bgGray {
      padding-top: clamp(8rem, 8.3333333333vw, 12rem); } }
.page_notfound .page-ttlSub .ttl-main {
  font-size: clamp(6rem, 7vw, 9.4rem); }

/*==========================================
 THANKS
===========================================*/
.page_thanks .thanks-cts {
  border-radius: 30px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: clamp(60px, 12vw, 120px) 4%; }

/*==========================================
 OTHER
===========================================*/
.other-block {
  border-top: 1px solid #aeaeae;
  max-width: 1515px;
  width: 100%;
  margin: clamp(60px, 10vw, 100px) auto 0;
  padding: clamp(60px, 10vw, 100px) 0 0; }
  .other-block .other-inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto; }
  .other-block .otherBlock-ttl {
    display: flex;
    align-items: baseline;
    margin-bottom: clamp(40px, 6vw, 60px); }
    .other-block .otherBlock-ttl .ttl-en {
      font-family: "Yu Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
      color: #005a3e;
      letter-spacing: 0.09em;
      margin-right: 0.5em;
      font-size: clamp(3rem, 4vw, 4.8rem); }
    .other-block .otherBlock-ttl .ttl-ja {
      font-weight: 500;
      letter-spacing: 0.1em; }

/*==========================================
 BOTTOM CTS LINK
===========================================*/
.bottom_ctsLink {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .bottom_ctsLink .ctsLink-btn {
    width: 48%; }
    .bottom_ctsLink .ctsLink-btn:nth-of-type(n+3) {
      margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .bottom_ctsLink .ctsLink-btn {
        width: 100%; }
        .bottom_ctsLink .ctsLink-btn:nth-of-type(n+2) {
          margin-top: 20px; } }
    .bottom_ctsLink .ctsLink-btn a {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      background: #005a3e;
      color: #fff;
      height: clamp(140px, 20vw, 227px); }
      @media (hover: hover) {
        .bottom_ctsLink .ctsLink-btn a:hover {
          background: #a79d92; } }
    .bottom_ctsLink .ctsLink-btn .btn-inner {
      position: relative;
      text-align: center; }
    .bottom_ctsLink .ctsLink-btn .btn-ttl {
      font-size: clamp(1.4rem, 1.6vw, 1.6rem);
      letter-spacing: 0.06em; }
      .bottom_ctsLink .ctsLink-btn .btn-ttl .ttl-main {
        font-family: "Yu Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
        font-size: clamp(2.4rem, 3vw, 4rem);
        letter-spacing: 0.1em; }
      .bottom_ctsLink .ctsLink-btn .btn-ttl .ttl-sub {
        font-weight: bold; }
    .bottom_ctsLink .ctsLink-btn .btn-more {
      margin-top: 1.5em; }
      @media screen and (max-width: 767px) {
        .bottom_ctsLink .ctsLink-btn .btn-more {
          margin-top: 1em; } }
      .bottom_ctsLink .ctsLink-btn .btn-more .txt {
        font-weight: bold; }
      .bottom_ctsLink .ctsLink-btn .btn-more .arw {
        position: relative;
        margin-left: 1.5em;
        width: clamp(25px, 3vw, 40px);
        display: inline-block;
        transition: 0.3s ease-in-out; }
        .bottom_ctsLink .ctsLink-btn .btn-more .arw::before, .bottom_ctsLink .ctsLink-btn .btn-more .arw::after {
          position: absolute;
          bottom: 0;
          right: 0;
          height: 1px;
          background: #fff;
          content: ''; }
        .bottom_ctsLink .ctsLink-btn .btn-more .arw:before {
          width: calc(100% + 10px);
          transform: translateY(-50%);
          transition: 0.3s ease-in-out, width 0.3s ease-in-out 0.2s; }
        .bottom_ctsLink .ctsLink-btn .btn-more .arw:after {
          width: 8px;
          transform: translateY(-50%) rotate(45deg);
          transform-origin: right center;
          transition: 0.3s ease-in-out, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s; }
    .bottom_ctsLink .ctsLink-btn.shadow .btn-ttl {
      text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); }
    .bottom_ctsLink .ctsLink-btn.shadow .btn-more {
      text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); }
      .bottom_ctsLink .ctsLink-btn.shadow .btn-more .arw::before, .bottom_ctsLink .ctsLink-btn.shadow .btn-more .arw::after {
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8); }
    .bottom_ctsLink .ctsLink-btn.recruit a::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background: url("../img/common/btnBg_recruit.jpg") no-repeat center/cover;
      opacity: 0.34; }
    .bottom_ctsLink .ctsLink-btn.recruit .btn-ttl .ttl-main {
      letter-spacing: 0.3em; }
    .bottom_ctsLink .ctsLink-btn.company a::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background: url("../img/common/btnBg_company.jpg") no-repeat center/cover;
      opacity: 0.34; }

/*# sourceMappingURL=common_inner.css.map */