@charset "UTF-8";
/* CSS Document */
/* -----------------------------------
  2023.09 update
  (c) 2023 melong works
  info@melong-works.com
  「https://npo-niji.net/」
  page_style.css

----------------------------------- */

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　共通　パーツ
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */



/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　就労継続支援B型 なないろ nanairo.html page_nanairo
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　ファーストビュー sec_fv
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* PC 表示
--------------------------------------------------------- */
.page_nanairo .sec_fv {
  width: 100%;
}

.page_nanairo .sec_fv .fv_img {
  width: 100%;
    -webkit-animation: fvShow 0.9s ease-in 0s forwards;
  animation: fvShow 1.9s ease-in 0s forwards;
}

@keyframes fvShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_nanairo .sec_fv {
        padding-top: 80px;/*headerの高さ分下げる*/
  }

}/*スマホ 表示 end*/

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　運営方針 .sec_management_policy
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* =========================================================

　全体

========================================================= */
/* PC 表示
--------------------------------------------------------- */
.page_nanairo .sec_basic_policy {
  width: 100%;
  position: relative;
}

.page_nanairo .sec_basic_policy .sec_wrap {
  padding: 12.5vw 0 12.5vw;
}

.page_nanairo .sec_basic_policy .sec_title {
  max-width: 303px;
  width: 100%;
  margin: auto;
}

/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_nanairo .sec_basic_policy .sec_wrap {
        padding: 20.5vw 5.335% 20.5vw;
  }

  .page_nanairo .sec_basic_policy .sec_title {
        max-width: 250px;
    width: 100%;
    margin: auto;
  }
}/*スマホ 表示 end*/

/* =========================================================

　コンテンツ部分

========================================================= */
/* PC 表示
--------------------------------------------------------- */
.page_nanairo .sec_basic_policy .sec_catch_wrap {
  color: #6d483d;
  font-size: clamp(1.125rem, 0.972rem + 0.65vw, 1.688rem);/*18-27 375-1758*/
  line-height: 1.852;
  text-align: center;
  margin-top: 4vw;
}

.page_nanairo .sec_basic_policy .catch_contents {
  margin-top: 2em;
}

/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_nanairo .sec_basic_policy .sec_catch_wrap {
    color: #6d483d;
    font-size: clamp(1.125rem, 0.972rem + 0.65vw, 1.688rem);/*18-27 375-1758*/
    line-height: 1.852;
    text-align: center;
        margin-top: 10.5vw;
  }

  .page_nanairo .sec_basic_policy .catch_contents {
        margin-top: 1.5em;
  }

}/*スマホ 表示 end*/

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　なないろについて sec_about_nanairo
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* =========================================================

　全体

========================================================= */
/* PC 表示
--------------------------------------------------------- */
.page_nanairo .sec_about_nanairo {
  background-color: #f5f0e4;
  background-image: url("../images/2x/bg_paint01_pc_2x.png") , url("../images/2x/bg_paint02_pc_2x.png");
  background-position: right 6px top -29px, left -139px bottom 30px;
  background-repeat: no-repeat, no-repeat;
  background-size: 658px auto, 747px auto;
  width: 100%;
  position: relative;
}

.page_nanairo .sec_about_nanairo .sec_wrap {
  padding: 4.5vw 0 4.5vw;
}

.page_nanairo .sec_about_nanairo .sec_title {
  max-width: 303px;
  width: 100%;
  margin: auto;
}

/* タブレット 表示調整
--------------------------------------------------------- */
@media all and (max-width: 810px) {
    .page_nanairo .sec_about_nanairo {
      background-color: #f5f0e4;
      background-image: url("../images/2x/bg_paint01_pc_2x.png") , url("../images/2x/bg_paint02_pc_2x.png");
            background-position: right -106px top -29px, left -139px bottom -30px;
      background-repeat: no-repeat, no-repeat;
            background-size: 330px auto, 347px auto;
      width: 100%;
      position: relative;
    }
  
}/*スマホ 表示 end*/

/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
    .page_nanairo .sec_about_nanairo .sec_wrap {
            padding: 20.5vw 5.335% 20.5vw;
    }

    .page_nanairo .sec_about_nanairo .sec_title {
            max-width: 250px;
      width: 100%;
      margin: auto;
    }
  
}/*スマホ 表示 end*/

/* =========================================================

　なないろ　施設情報　部分

========================================================= */
/* PC 表示
--------------------------------------------------------- */
/*2列ユニット*/
.page_nanairo .nanairo_info {
  max-width: 1000px;
  width: calc(100% - 4%);
  margin: 5.5vw auto 0;
}

.page_nanairo .nanairo_info .nanairo_info_group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.page_nanairo .nanairo_info .nanairo_info_group .info_unit {
  width: 48%;
  text-align: center;
  margin-left: 2%;
}
.page_nanairo .nanairo_info .nanairo_info_group .info_unit:nth-child(odd) {
  margin-left: 0;
}
.page_nanairo .nanairo_info .nanairo_info_group .info_unit:nth-child(n+3) {
  margin-top: 7.5%;
}

/*1列ユニット*/
.page_nanairo .nanairo_info .info_unit_row01 {
  width: 100%;
  text-align: center;
  margin: 5.5% auto 0;
}

/*ユニット内設定*/
.page_nanairo .nanairo_info .unit_head {
  max-width: 220px;
  width: 100%;
  margin: auto;
}
.page_nanairo .nanairo_info .unit_contents {
  color: #6d483d;
  font-size: clamp(1.125rem, 0.956rem + 0.72vw, 1.75rem);/*18-28 375-1758*/
  line-height: 1.652;
  margin-top: 2.5%;
}

.page_nanairo .nanairo_info .unit_contents .mid_txt {
  display: inline-block;
  font-size: clamp(1rem, 0.932rem + 0.29vw, 1.25rem);/*16-20 375-1758*/
  line-height: 1.652;
  margin-top: 0.5em;
}

/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_nanairo .nanairo_info {
        max-width: 100%;
        width: 100%;;
        margin: 15.5vw auto 0;
        padding: 0 5.335% 0;
        
    
  }

  .page_nanairo .nanairo_info .nanairo_info_group {
    width: 100%;
        display: block;
    flex-wrap: wrap;
  }

  .page_nanairo .nanairo_info .nanairo_info_group .info_unit {
        width: 100%;
    text-align: center;
        margin-left: 0;
        margin-top: 15.5%;
  }
  .page_nanairo .nanairo_info .nanairo_info_group .info_unit:nth-child(odd) {
        margin-left: 0;
  }
  .page_nanairo .nanairo_info .nanairo_info_group .info_unit:nth-child(n+3) {
        margin-top: 15.5%;
  }

  /*1列ユニット*/
  .page_nanairo .nanairo_info .info_unit_row01 {
    width: 100%;
    text-align: center;
        margin: 15.5% auto 0;
  }

  /*ユニット内設定*/
  .page_nanairo .nanairo_info .unit_head {
        max-width: 176px;
    width: 100%;
    margin: auto;
  }
  .page_nanairo .nanairo_info .unit_contents {
    color: #6d483d;
    font-size: clamp(1.125rem, 0.956rem + 0.72vw, 1.75rem);/*18-28 375-1758*/
    line-height: 1.652;
        margin-top: 4.5%;
  }

  .page_nanairo .nanairo_info .unit_contents .mid_txt {
    display: inline-block;
    font-size: clamp(1rem, 0.932rem + 0.29vw, 1.25rem);/*16-20 375-1758*/
    line-height: 1.652;
    margin-top: 0.5em;
  }

}/*スマホ 表示 end*/

/* =========================================================

　タイムスケジュール部分

========================================================= */
/* PC 表示
--------------------------------------------------------- */
/*--------------------------------------

 スケジュール帯部分

--------------------------------------*/
.page_nanairo .time_schedule_wrap {
  width: 1295px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: auto;
}

.page_nanairo .time_schedule_title {
  background: #89c08d;
  width: 50px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0.875rem, 0.807rem + 0.29vw, 1.125rem);/*14-18 375-1758*/
  color: #fff;
  writing-mode: vertical-rl;
}

.page_nanairo .time_schedule {
  width: 1225px;
  display: flex;
  align-items: flex-end;
}

.page_nanairo .schedule_Unit {
}

.page_nanairo .schedule_time {
  display: inline-block;
  font-size: clamp(0.875rem, 0.807rem + 0.29vw, 1.125rem);/*14-18 375-1758*/
  color: #89C08D;
  line-height: 1.333;
  letter-spacing: 0.05em;
  transform: translateX(-25%);
}

.page_nanairo ul li:nth-child(n + 4) .schedule_time {
  transform: translateX(-36%);
}

.page_nanairo .schedule_contents {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #89c08d;
  border-left: none;
  border-bottom: none;
  padding: 0;
  font-size: clamp(0.75rem, 0.699rem + 0.22vw, 0.938rem);/*12-15 375-1758*/
  font-feature-settings: "palt";
  color: #89C08D;
  line-height: 1.5;
  text-align: center;
}

.page_nanairo .schedule_Unit.col01 {
  width: calc(100% / 18 * 2);
}
.page_nanairo .col01 .schedule_contents {
  background: #edf6ee;
}
.page_nanairo .schedule_Unit.col02 {
  width: calc(100% / 18 * 5.5);
}
.page_nanairo .col02 .schedule_contents {
  background: #e7f2e8;
}
.page_nanairo .schedule_Unit.col03 {
  width: calc(100% / 18 * 2);
}
.page_nanairo .col03 .schedule_contents {
  background: #e1efe3;
}
.page_nanairo .schedule_Unit.col04 {
  width: calc(100% / 18 * 5.5);
}
.page_nanairo .col04 .schedule_contents {
  background: #dcecdd;
}
.page_nanairo .schedule_Unit.col05 {
  width: calc(100% / 18 * 1.5);
}
.page_nanairo .col05 .schedule_contents {
  background: #d6e9d7;
}
.page_nanairo .schedule_Unit.col06 {
  width: calc(100% / 18 * 1.5);
}
.page_nanairo .col06 .schedule_contents {
  background: #d0e6d1;
}

/*--------------------------------------

 全体枠設定

--------------------------------------*/
.page_nanairo .day_schedule_wrap {
  background: #fdfbe9;
  width: 1412px;
  border: 2px solid #f6d45a;
  border-radius: 10px;
  overflow: hidden;
  margin: 5.5vw auto 0;
}

.page_nanairo .day_schedule_title {
  background: #f6d45a;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.208% 0;
}
.page_nanairo .day_schedule_title img {
  max-width: 345px;
  width: 100%;
}

.page_nanairo .day_schedule_contents {
  padding: 30px 20px;
}

.page_nanairo .day_schedule_wrap .annotation_txt {
  max-width: 1295px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6d483d;
  font-size: clamp(0.875rem, 0.773rem + 0.43vw, 1.25rem);/*14-20 375-1758*/
  line-height: 1.452;
  margin: 0 auto 20px;
}


.page_nanairo .day_schedule_wrap .annotation_txt::before {
  content: '';
  background: url("../images/page/nanairo/icon_point.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 51px;
  height: 50px;
  flex-shrink: 0;
  display: block;
}
.page_nanairo .day_schedule_wrap .annotation_txt .txt_wrap {
  margin-left: 1em;
}



/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 1600px) {
/*--------------------------------------

 スケジュール帯部分

--------------------------------------*/
  .page_nanairo .time_schedule_wrap {
        width: 1045px;
        margin: 0 auto 16px;
        padding: 0 5.335%;
  }

  .page_nanairo .time_schedule_title {
        width: 35px;
        height: 100px;
  }

  .page_nanairo .time_schedule {
        width: 1000px;
  }

  .page_nanairo .schedule_time {
        line-height: 1.349;
  }

  .page_nanairo .schedule_contents {
        height: 100px;
        line-height: 1.417;
  }

/*--------------------------------------

 全体枠設定

--------------------------------------*/
  .page_nanairo .day_schedule_outer {
        width: 100%;
        padding: 0 5.335%;
  }
  .page_nanairo .day_schedule_wrap {
        width: 100%;
        margin: 15.5vw auto 0;
  }

  .page_nanairo .day_schedule_title {
        padding: 2.045% 0;
  }
  .page_nanairo .day_schedule_title img {
        max-width: 225px;
  }

  .page_nanairo .day_schedule_contents {
        padding: 18px 0;
  }

  .page_nanairo .day_schedule_wrap .annotation_txt {
        max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d483d;
    font-size: clamp(0.875rem, 0.773rem + 0.43vw, 1.25rem);/*14-20 375-1758*/
    line-height: 1.452;
    margin: 0 auto 20px;
        padding: 4% 4% 0;
  }


  .page_nanairo .day_schedule_wrap .annotation_txt::before {
    content: '';
    background: url("../images/page/nanairo/icon_point.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 51px;
    height: 50px;
    display: block;
  }
  .page_nanairo .day_schedule_wrap .annotation_txt .txt_wrap {
    margin-left: 1em;
  }

}/*スマホ 表示 end*/

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　アクセス sec_nanairo_access
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* =========================================================

　全体

========================================================= */
/* PC 表示
--------------------------------------------------------- */
.page_nanairo .sec_nanairo_access {
  background-image: url("../images/2x/bg_paint03_pc_2x.png") , url("../images/2x/bg_paint04_pc_2x.png") , url("../images/2x/bg_paint05_pc_2x.png");
  background-position: left 20px top 55px, right -300px top 556px, left -155px bottom -90px;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 609px auto, 807px auto, 722px auto;
  width: 100%;
  position: relative;

}

.page_nanairo .sec_nanairo_access .sec_wrap {
  padding: 4.5vw 0 4.5vw;
}

.page_nanairo .sec_nanairo_access .sec_title {
  max-width: 303px;
  width: 100%;
  margin: auto;
}

/* タブレット背景 表示調整
--------------------------------------------------------- */
@media all and (max-width: 810px) {
  .page_nanairo .sec_nanairo_access {
    background-image: url("../images/2x/bg_paint03_pc_2x.png") , url("../images/2x/bg_paint04_pc_2x.png") , url("../images/2x/bg_paint05_pc_2x.png");
        background-position: right -60px top 175px, left -180px top 286px, right -55px bottom -30px;
    background-repeat: no-repeat, no-repeat, no-repeat;
        background-size: 209px auto, 307px auto, 222px auto;
    width: 100%;
    position: relative;

  }

}/*スマホ 表示 end*/

/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_nanairo .sec_nanairo_access .sec_wrap {
        padding: 20.5vw 5.335% 20.5vw;
  }

  .page_nanairo .sec_nanairo_access .sec_title {
        max-width: 250px;
    width: 100%;
    margin: auto;
  }
}/*スマホ 表示 end*/

/* =========================================================

　コンテンツ部分

========================================================= */

/* PC 表示
--------------------------------------------------------- */
.page_nanairo .map_unit {
  max-width: 1200px;
  width: 100%;
  margin: 4.5vw auto 0;
}
.page_nanairo .map_unit .Name_of_facility_txt {
  color: #6d483d;
  font-size: clamp(1.25rem, 1.182rem + 0.29vw, 1.5rem);/*20-24 375-1758*/
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 20px;
}

.page_nanairo .map_iframe {
  position: relative;
  width: 100%;
  aspect-ratio: 800 / 300;
  
  margin-bottom: 20px;
}
.page_nanairo .map_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page_nanairo .map_unit .address_txt {
  font-size: clamp(0.875rem, 0.841rem + 0.14vw, 1rem);/*14-16 375-1758*/
  line-height: 1.875;
  text-align: center;
}

.page_nanairo .nanairo_transfer {
  max-width: 1200px;
  width: calc(100% - 4%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 5.5vw auto 0;
}
.page_nanairo .nanairo_transfer .unit_head {
  max-width: 250px;
  width: 100%;
}
.page_nanairo .nanairo_transfer .unit_contents {
  color: #6d483d;
  font-size: clamp(1.125rem, 1.023rem + 0.43vw, 1.5rem);/*18-24 375-1758*/
  line-height: 1.452;
  margin-left: 1em;
}
.page_nanairo .nanairo_transfer .unit_img {
  max-width: 203px;
  width: 100%;
  margin-left: 2%;
}

/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_nanairo .map_unit {
        max-width: 100%;
    width: 100%;
        margin: 18.5vw auto 0;
  }
  .page_nanairo .map_unit .Name_of_facility_txt {
    color: #6d483d;
    font-size: clamp(1.25rem, 1.182rem + 0.29vw, 1.5rem);/*20-24 375-1758*/
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 20px;
  }

  .page_nanairo .map_iframe {
    position: relative;
    width: 100%;
          aspect-ratio: 800 / 600;
    margin-bottom: 20px;
  }
  .page_nanairo .map_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .page_nanairo .map_unit .address_txt {
    font-size: clamp(0.875rem, 0.841rem + 0.14vw, 1rem);/*14-16 375-1758*/
    line-height: 1.875;
    text-align: center;
  }

  .page_nanairo .nanairo_transfer {
        max-width: 100%;
        width: 100%;
        display: block;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 15.5vw auto 0;
  }
  .page_nanairo .nanairo_transfer .unit_head {
        max-width: 140px;
    width: 100%;
  }
  .page_nanairo .nanairo_transfer .unit_contents {
    line-height: 1.452;
    text-align: center;
        margin-top: 2.5%;
        margin-left: 0;
  }
  .page_nanairo .nanairo_transfer .unit_img {
        max-width: 120px;
    width: 100%;
        margin-top: 2.5%;
        margin-left: auto;
  }

}/*スマホ 表示 end*/

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊
＊
＊　お問い合わせ .sec_nanairo_contact
＊
＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* =========================================================

　全体

========================================================= */
/* PC 表示
--------------------------------------------------------- */
.page_nanairo .sec_nanairo_contact {
  background: #f5f0e4;
  width: 100%;
  position: relative;
}

.page_nanairo .sec_nanairo_contact .sec_wrap {
  padding: 4.5vw 0 4.5vw;
}

.page_nanairo .sec_nanairo_contact .sec_title {
  max-width: 303px;
  width: 100%;
  margin: auto;
}

/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_nanairo .sec_nanairo_contact .sec_wrap {
        padding: 20.5vw 5.335% 20.5vw;
  }

  .page_nanairo .sec_nanairo_contact .sec_title {
        max-width: 250px;
    width: 100%;
    margin: auto;
  }

}/*スマホ 表示 end*/

/* =========================================================

　コンテンツ部分

========================================================= */

/* PC 表示
--------------------------------------------------------- */
.page_nanairo .sec_nanairo_contact .sec_catch {
  color: #6d483d;
  font-size: clamp(2.25rem, 1.64rem + 2.6vw, 4.5rem);/*36-72 375-1758*/
  font-weight: 500;
  line-height: 1.852;
  text-align: center;
  margin-top: 4vw;
}

.page_nanairo .sec_nanairo_contact .sec_contents {
  color: #6d483d;
  font-size: clamp(1rem, 0.729rem + 1.16vw, 2rem);/*16-32 375-1758*/
  line-height: 1.452;
  text-align: center;
  margin-top: 2vw;
}


.page_nanairo .sec_nanairo_contact .tel_group {
  max-width: 1200px;
  width: 100%;
  margin: 4.5vw auto 0;
}

.page_nanairo .sec_nanairo_contact .tel_no_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6d483d;
  font-size: clamp(1.813rem, 1.287rem + 2.24vw, 3.75rem);/*29-60 375-1758*/
  letter-spacing: 0.1em;
}
.page_nanairo .sec_nanairo_contact .tel_no_wrap .tel_no {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page_nanairo .sec_nanairo_contact .tel_no_wrap .tel_no::before {
  content: '';
  display: block;
  width: 50px;
  aspect-ratio: 1 / 1;
  background-image: url("../images/page/nanairo/icon_tel02.svg");
  background-position: left 0 top 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 0.2em;
}

.page_nanairo .sec_nanairo_contact .mobile_no_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6d483d;
  font-size: clamp(1.813rem, 1.287rem + 2.24vw, 3.75rem);/*29-60 375-1758*/
  letter-spacing: 0.1em;
}
.page_nanairo .sec_nanairo_contact .mobile_no_wrap .mobile_no {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_nanairo .sec_nanairo_contact .mobile_no_wrap .mobile_no::before {
  content: '';
  display: block;
  width: 50px;
  aspect-ratio: 1 / 1;
  background-image: url("../images/page/nanairo/icon_mobile02.svg");
  background-position: left 0 top 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 0.2em;
}
.page_nanairo .sec_nanairo_contact .manager_txt {
  color: #6d483d;
  font-size: clamp(1.125rem, 0.972rem + 0.65vw, 1.688rem);/*18-27 375-1758*/
  letter-spacing: 0em;
}

.page_nanairo .sec_nanairo_contact .reception_time_txt {
  color: #6d483d;
  font-size: clamp(0.875rem, 0.655rem + 0.94vw, 1.688rem);/*14-27 375-1758*/
  letter-spacing: 0.05em;
  text-align: center;
}

.page_nanairo .btn_01 {
  background-color: #f6d55a;
  border-radius: 9999px;
  max-width: 400px;
  width: 85%;
  aspect-ratio: 303 / 53;
  margin: 2.5vw auto 0;
}

.page_nanairo .btn_01 a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6d483d;
  font-size: clamp(1rem, 0.932rem + 0.29vw, 1.25rem);/*16-20 375-1758*/
  font-weight: 500;
  line-height: 1;
}


/* スマホ 表示
--------------------------------------------------------- */
@media all and (max-width: 768px) {
  .page_nanairo .sec_nanairo_contact .sec_catch {
        margin-top: 10.5vw;
  }

  .page_nanairo .sec_nanairo_contact .sec_contents {
    margin-top: 2vw;
  }


  .page_nanairo .sec_nanairo_contact .tel_group {
        max-width: 100%;
    width: 100%;
    margin: 4.5vw auto 0;
  }
  
  .page_nanairo .sec_nanairo_contact .tel_group + .sec_contents {
    margin-top: 4vw;
  }

  .page_nanairo .sec_nanairo_contact .tel_no_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d483d;
    font-size: clamp(1.813rem, 1.287rem + 2.24vw, 3.75rem);/*29-60 375-1758*/
    letter-spacing: 0.1em;
  }
  .page_nanairo .sec_nanairo_contact .tel_no_wrap .tel_no {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .page_nanairo .sec_nanairo_contact .tel_no_wrap .tel_no::before {
    content: '';
    display: block;
        width: 30px;
    aspect-ratio: 1 / 1;
    background-image: url("../images/page/nanairo/icon_tel02.svg");
    background-position: left 0 top 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.2em;
  }

  .page_nanairo .sec_nanairo_contact .mobile_no_wrap {
        display: block;
    align-items: center;
    justify-content: center;
    color: #6d483d;
    font-size: clamp(1.813rem, 1.287rem + 2.24vw, 3.75rem);/*29-60 375-1758*/
    letter-spacing: 0.1em;
        margin-top: 0.2em;
  }
  .page_nanairo .sec_nanairo_contact .mobile_no_wrap .mobile_no {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page_nanairo .sec_nanairo_contact .mobile_no_wrap .mobile_no::before {
    content: '';
    display: block;
        width: 30px;
    aspect-ratio: 1 / 1;
    background-image: url("../images/page/nanairo/icon_mobile02.svg");
    background-position: left 0 top 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.2em;
  }
  .page_nanairo .sec_nanairo_contact .manager_txt {
        display: block;
    color: #6d483d;
    font-size: clamp(1.125rem, 0.972rem + 0.65vw, 1.688rem);/*18-27 375-1758*/
        font-weight: 500;
    letter-spacing: 0em;
        text-align: center;
  }

  .page_nanairo .sec_nanairo_contact .reception_time_txt {
    color: #6d483d;
    font-size: clamp(0.875rem, 0.655rem + 0.94vw, 1.688rem);/*14-27 375-1758*/
    letter-spacing: 0.05em;
    text-align: center;
        margin-top: 0.5em;
  }

  .page_nanairo .btn_01 {
    background-color: #f6d55a;
    border-radius: 9999px;
    max-width: 400px;
    width: 85%;
    aspect-ratio: 303 / 53;
        margin: 10.5vw auto 0;
  }

  .page_nanairo .btn_01 a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d483d;
    font-size: clamp(1rem, 0.932rem + 0.29vw, 1.25rem);/*16-20 375-1758*/
    font-weight: 500;
    line-height: 1;
  }

}/*スマホ 表示 end*/