@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.a2a_button_facebook,
.a2a_button_twitter,
.a2a_dd,
.addtoany_share_save {
    display: none !important;
}

.custom-top-bar {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    padding: 10px 20px;
}
.custom-top-bar-logo {
    max-height: 60px;
    width: auto;
    display: block;
}
.custom-top-bar-text {
    line-height: 1.4;
}
.custom-top-bar-catch {
    font-size: 13px;
    margin: 0;
}
.custom-top-bar-name {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}


.original-footer {
    /* オリジナルデザインのスタイル */
    a {
      margin: 0;
      padding: 0;
      font-size: 100%;
      vertical-align: baseline;
      background: transparent;
      color: #4d4d4d;
      text-decoration: none;
    }

    a:focus {
      outline: none;
    }
    ul, ol, li {
      list-style-type: none;
    }

    .last_box {
      display: flex;
      margin: 0 auto;
      padding: 85px 60px 70px;
      justify-content: center;
      -moz-column-gap: clamp(79px, 10.416vw, 150px);  /*150px;*/
           column-gap: clamp(79px, 10.416vw, 150px);  /*150px;*/
    }
    .last_box .company_logo {
      margin-bottom: 10px;
    }
    .last_box .company_name {
      font-size: 28px;
      margin-bottom: 35px;
      letter-spacing: 0.1em;
      text-wrap: nowrap;
    }
    .last_box .company_name .small {
      font-size: 21px;
    }
    .last_box .textbox {
      margin-bottom: 20px;
    }
    .last_box .tel_num {
      font-size: 30px;
      padding-left: 25px;
      font-weight: bold;
      text-wrap: nowrap;
      position: relative;
    }
    .last_box .tel_num::before {
      position: absolute;
      content: "";
      width: 17px;
      height: 21px;
      left: 0;
      bottom: 50%;
      transform: translateY(50%);
      background: url(/images/common/tel_orange.png) center/contain no-repeat;
    }
    .last_box .sitemap {
      display: flex;
      -moz-column-gap: clamp(39px, 5.208vw, 75px);  /*75px;*/
           column-gap: clamp(39px, 5.208vw, 75px);  /*75px;*/
    }
    .last_box .sitemap .item {
      margin-bottom: 30px;
      letter-spacing: 0.1em;
      text-wrap: nowrap;
      position: relative;
    }
    .last_box .sitemap .item::before {
      content: ">";
      position: absolute;
      font-weight: bold;
      font-size: 24px;
      left: -20px;
      bottom: 50%;
      transform: translateY(50%);
      color: #F08300;
    }
    .last_box .sitemap .item:last-of-type {
      margin-bottom: 0;
    }
    .last_box .sitemap .indent {
      text-indent: 1em;
    }
    .footer-copyright {
      p {
        font-size: 15px;
        padding: 20px;
        letter-spacing: 0.1em;
        text-align: right;
      }
    }
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1199px){
  /*必要ならばここにコードを書く*/
    .last_box {
      display: flex;
      flex-direction: column;

      margin: 0 auto;
      padding: 85px 60px 70px;
      justify-content: center;
      -moz-column-gap: clamp(79px, 10.416vw, 150px);  /*150px;*/
           column-gap: clamp(79px, 10.416vw, 150px);  /*150px;*/
    }
    .company_info {
      text-align: center;
      margin-bottom: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .left {
      margin-right: 80px;
    }
    .last_box .company_logo {
      margin-bottom: 10px;
    }
    .last_box .company_name {
      font-size: 28px;
      margin-bottom: 20px;
      letter-spacing: 0.1em;
      text-wrap: nowrap;
    }
    .last_box .company_name .small {
      font-size: 21px;
    }
    .last_box .textbox {
      margin-bottom: 0;
    }
    .last_box .tel_num {
      width: fit-content;
      margin: 0 auto;
      font-size: 30px;
      padding-left: 25px;
      font-weight: bold;
      text-wrap: nowrap;
      position: relative;
    }
    .last_box .tel_num::before {
      position: absolute;
      content: "";
      width: 17px;
      height: 21px;
      left: 0;
      bottom: 50%;
      transform: translateY(50%);
      background: url(/images/common/tel_orange.png) center/contain no-repeat;
    }
    .last_box .sitemap {
      margin: 0 auto;
      display: flex;
      -moz-column-gap: clamp(39px, 5.208vw, 75px);  /*75px;*/
           column-gap: clamp(39px, 5.208vw, 75px);  /*75px;*/
    }
    .last_box .sitemap .item {
      margin-bottom: 30px;
      letter-spacing: 0.1em;
      text-wrap: nowrap;
      position: relative;
    }
    .last_box .sitemap .item::before {
      content: ">";
      position: absolute;
      font-weight: bold;
      font-size: 24px;
      left: -20px;
      bottom: 50%;
      transform: translateY(50%);
      color: #F08300;
    }
    .last_box .sitemap .item:last-of-type {
      margin-bottom: 0;
    }
    .last_box .sitemap .indent {
      text-indent: 1em;
    }


}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
    .last_box {
      display: block !important;
      margin: 0 auto;
      padding: 10vw 5vw !important;
      justify-content: center !important;
      -moz-column-gap: 0;
           column-gap: 0 !important;
    }
    .company_info {
      text-align: center;
      margin-bottom: 48px;
      display: block;
    }
    .left {
      margin-right: 0;
    }
    .last_box .company_logo {
      margin-bottom: 3vw;
    }
    .last_box .company_name {
      font-size: 8vw;
      margin-bottom: 5vw;
      text-align: center;
    }
    .last_box .company_name .small {
      font-size: 5vw;
    }
    .last_box .textbox {
      margin-bottom: 5vw;
      text-align: center;
    }
    .last_box .tel_num {
      font-size: 8vw;
      font-weight: bold;
      position: relative;
      text-align: center;
      margin-bottom: 10vw;
    }
    .last_box .tel_num::before {
      position: absolute;
      content: "";
      width: 6vw;
      height: 7vw;
      left: 9vw;
      bottom: 50%;
      transform: translateY(50%);
      background: url(/images/common/tel_orange.png) center/contain no-repeat;
    }
    .last_box .sitemap {
      display: block !important;
      -moz-column-gap: 0;
           column-gap: 0;
      justify-content: flex-end;
    }
    .last_box .sitemap .list01, .last_box .sitemap .list02, .last_box .sitemap .list03 {
      padding-left: 10vw;
      margin-bottom: 10vw;
    }
    .last_box .sitemap .list03 {
      margin-bottom: 0;
    }
    .last_box .sitemap .item {
      margin-bottom: 3vw;
      letter-spacing: 0.1em;
      font-size: 4vw;
      position: relative;
    }
    .last_box .sitemap .item::before {
      content: ">";
      position: absolute;
      font-weight: bold;
      font-size: 4vw;
      left: -20px;
      bottom: 50%;
      transform: translateY(50%);
      color: #F08300;
    }
    .last_box .sitemap .item:last-of-type {
      margin-bottom: 0;
    }
    .last_box .sitemap .indent {
      text-indent: 1em;
    }

    .footer-copyright {
      p {
        font-size: 4vw;
        padding: 5vwx;
        letter-spacing: 0.1em;
        text-align: right;
      }
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/*  */
@media screen and (max-width: 834px){
    .header {
        width: 100%;
        background-position: center center !important;
        background-size: cover !important;
        height: 40vw !important;
        min-height: 40vw !important;
    }
}