@charset "UTF-8";

/* --------------------------------------------------------------------------------
  横幅1023px以下（IPadAir縦～）でハンバーガーメニューに切り替える。
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------

  目次

  1.基本的なCSS
  2.page1_トップページ_ふじ鸞の特色
  3.page2_就労移行支援
  4.page3_就労継続支援B型
  5.page4_ご利用までの流れ
  6.page5_アクセス
  7.page6_お問い合わせ

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


/* ===================================================
	1.基本的なCSS
=================================================== */

* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
  background-color: #fdf5e6 !important;
  scroll-padding-top: 2rem; /* ページ内スクロールのずれ修正 */
}

a:link, a:visited {
  font-family: 'Noto Sans JP', sans-serif;
  text-decoration: none;
}
a:hover, a:active {
  font-family: 'Noto Sans JP', sans-serif;
  color: #ff8c00 !important;
  text-decoration: none;
}

p, li ,th ,td {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.08rem;
  line-height: 1.8;
  color: #000;
}

h1, h2, h3 {
  font-family: 'Noto Sans JP', sans-serif;
  color: #000;
}

h2, h3 {
  font-size: 1.3rem !important;
}

img {
  width: 100%;
  height: auto;
}

/* ページの大見出し */
h1 {
  font-size: 1.7rem !important;
  text-align: center;
}
h1 span {
  font-size: .9rem;
  color: #7fb319;
  padding-top: 1rem;
  position: relative;
  display: block;
  font-family: "M PLUS 1p", sans-serif !important;
  font-weight: 500;
}
h1 span:before {
  content: '';
  position: absolute;
  top: 7px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

/* オレンジ枠のボタン */
.btn_orange a {
  color: #000 !important;
  font-weight: 500 !important;
  border: 2px solid #ff6d24;
  background-color: #fff;
  border-radius: 50px;
  position: relative;
  display: inline-block !important;
  padding: 10px 25px !important;
  transition: 0.3s ease-in-out;
}
.btn_orange a:hover,
.btn_orange a:active {
  color: #ff6d24 !important;
  background: #ffee59;
}

/* 吹き出し */
.bubble {
  display: inline-block;
  position: relative;
  padding: 1.5rem;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}
.bubble:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}


/* モバイル版のみ表示の要素を無効にする */
 .mobile-show {
  display: none;
}
/* iPad(横)のみ表示の要素を無効にする */
.ipad {
  display: none;
}

/* iPad(横) */
@media screen and ( min-width: 1024px ) and ( max-width: 1179px ) {
  .ipad {
    display: inline-block;
  }
}

/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 767px ) {
  p, a, li {
      font-size: 1rem !important;
  }
  h2, h3, h4 {
      font-size: 1.2rem !important;
  }
  /* PC版のみ表示の要素を無効にする */
  .pc-show {
      display: none;
  }
  /* モバイル版のみ表示の要素を有効にする */
  .mobile-show {
      display: inline-block;
  }
  h1 {
    font-size: 1.3rem !important;
  }
  h1 span {
    font-size: .8rem;
    padding-top: .8rem;
  }
  h1 span:before {
    top: 5px;
  }
}



/* ===================================================
	2.page1_トップページ_ふじ鸞の特色
=================================================== */

#page1 {
  width: 100%;
  height: auto;
  padding-top: 1rem;
}

#page1 .col-sm-10 {
  position: relative;
}
#page1 .top_page img {
  border-radius: 30px 30px 0 0;
  border-top: 1px solid #ff6d24;
  border-left: 1px solid #ff6d24;
  border-right: 1px solid #ff6d24;
  object-fit:cover;
  width: 100%;
  height: auto;
}

/* トップ画像のエリア */
.top_page {
  position: relative;
}
/* トップ画像の上の文言 */
.top_tex {
  position: absolute;
  top: 50%;
  left: 2.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top_tex p {
  display: inline;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 2em;
  padding: 3px;
  background: #fff;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}


/* iPad(横) */
@media screen and ( min-width: 1024px ) and ( max-width: 1179px ) {
  /* トップ画像の上の文言 */
  .top_tex {
    position: absolute;
    top: auto;
    bottom: 3rem;
    left: 1rem;
  }
  .top_tex p {
    font-size: 1.2rem !important;
    padding: 2px;
  }
}

/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 1023px ) {
  #page1 {
    padding-top: 6rem;
  }
  #page1 .top_page img {
    border-radius: 20px 20px 0 0;
  }
  /* トップ画像の上の文言 */
  .top_tex {
    position: absolute;
    top: auto;
    bottom: -1.5rem;
    left: .5rem;
  }
  .top_tex p {
    font-size: .9rem !important;
    line-height: 2em;
    padding: 2px;
  }
}



/* ふじ鸞の特色
-------------------------------------------- */

#about_us {
  padding: 5rem 5rem 2rem 5rem !important;
  background-color: #fff;
  border-left: 1px solid #ff6d24;
  border-right: 1px solid #ff6d24;
  border-bottom: 1px solid #ff6d24;
  border-radius: 0 0 30px 30px;
}
#about_us .row {
  padding-top: 3rem;
}

#about_us .col-sm-6 {
  position: relative;
  padding: 3rem 2rem;
}
#about_us .col-sm-6 .h-100 {
  position: relative;
  padding: 2rem;
  border-radius: 30px;
  background-color: #fffccc;
}

/* 特色小見出し */
#about_us h2 {
  color: #ff6d24;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

/* POINT */
#about_us .point {
  position: absolute;
  top: -2.2rem;
  left: 2rem;
  border-radius: 10px;
  padding: .5rem 1rem;
  background-color: #ff6d24;
  display: inline-block;
  box-shadow: 0px 0px 0px 4px #ff6d24;
  border: dashed 1px #fff;
  margin: 0 auto 50px;
}
#about_us .point p {
  font-family: "Rowdies", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  margin: 0;
  padding: 0;
}

/* 特色画像 */
#about_us img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 2rem;
}


/* iPad(横)・iPadAir(横) */
@media screen and (orientation: landscape) and ( min-width: 992px ) and ( max-width: 1365px ) {
  #about_us {
    padding: 5rem 2rem 2rem 2rem !important;
    border-radius: 0 0 20px 20px;
  }
  #about_us .col-sm-6 {
    padding: 3rem 1.5rem;
  }
}

/* iPad(縦)・iPadAir(縦)・iPadPro(縦) */
@media screen and (orientation: portrait) and ( min-width: 768px ) and ( max-width: 1365px ) {
  #about_us {
    padding: 5rem 2rem 2rem 2rem !important;
    border-radius: 0 0 20px 20px;
  }
  #about_us .col-sm-6 {
    padding: 3rem 1rem;
  }
}

/* モバイル */
@media screen and ( max-width: 767px ) {
  #about_us {
    padding: 5rem 0 2rem 0 !important;
    border-radius: 0 0 20px 20px;
  }
  #about_us .col-sm-6 {
    padding: 2rem;
  }
  #about_us .col-sm-6 .h-100 {
    border-radius: 10px;
  }
  /* POINT */
  #about_us .point {
    top: -1.5rem;
  }
}



/* 充実したメンタルケア
-------------------------------------------- */

#mental_care {
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-align: center;
}

#mental_care .row {
  padding-top: 3rem;
}
#mental_care .col-sm-6 .h-100 {
  padding: 1.5rem;
  text-align: left;
  border: 1px solid #ff6d24;
  border-radius: 20px;
  background-color: #fff;
}

#mental_care .mental_care_title {
  text-align: center;
  height: 3.5rem;
  border-bottom: 1px solid #000;
  margin-bottom: 1rem;
}

#mental_care h3 {
  font-size: 1.08rem !important;
  color: #ff6d24;
  padding-bottom: 1rem;
}


/* iPad(横)～iPadAir(横) */
@media screen and ( min-width: 1024px ) and ( max-width: 1365px ) {
  #mental_care .mental_care_title {
    height: 4.5rem;
  }
  /* 改行無効 */
  #mental_care .mental_care_title br {
    display: none;
  }
}

/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 1023px ) {
  #mental_care {
    padding-bottom: 3rem;
  }
  #mental_care .row {
    padding-top: 2rem;
  }
  #mental_care .col-sm-6 {
    padding-bottom: 1rem;
  }
}



/* ===================================================
	3.page2_就労移行支援
=================================================== */
#page2 {
  padding-bottom: 2rem;
}
#page2 .white_bg {
  padding: 5rem 0 3rem;
  background-color: #fff;
}


/* 継続支援B型との共通部分
-------------------------------------------- */
.service {
  padding-top: 4rem;
}

.service_box {
  background-color: #cffacf;
  padding: 3rem 2rem;
  border-radius: 10px;
}

.service .col-sm-5 img {
  border-radius: 30px;
}

.service_text {
  padding-left: 3rem !important;
}

.service_list {
  padding-top: 1rem;
}
.service_list h2 {
  display: inline-block;
  font-size: 1.08rem !important;
  color: #fff;
  padding: .5rem 2rem;
  background-color: #36c2d7;
  border-radius: 10px;
}
.service_list img {
  width: 100px;
  height: auto;
  display: block;
  margin-left: auto;
}

/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 1023px ) {
  .service {
    padding: 2rem .8rem 0 .8rem;
  }
  .service .col-sm-5 img {
    border-radius: 10px;
  }
  .service_box {
    padding: 2rem 1rem;
  }
  .service_text {
    padding: 2rem 1rem 0 1rem !important;
  }
}


/* 整ったITスキル習得環境
-------------------------------------------- */

.it_skill {
  text-align: center;
  padding-top: 3rem;
}

.it_skill .col-sm-6 {
  padding-top: 2rem;
}

/* 吹き出し色変更 */
.it_skill h2 {
  background: -webkit-repeating-linear-gradient(-45deg, #dffdff, #dffdff 4px,#aefaff 3px, #aefaff 8px);
  background: repeating-linear-gradient(-45deg, #dffdff, #dffdff 4px,#aefaff 3px, #aefaff 8px);
  border-radius: 7px;
}
.it_skill h2:after {
  border: 15px solid transparent;
  border-top: 15px solid #bdfbff;
}

.it_skill .row {
  text-align: left;
}

.it_skill .row .col-sm-6:nth-child(1) {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.it_program {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* POINT */
.it_program_point {
  position: relative;
  width: 4rem;
  height: 4rem;
  background-color: #ff6d24;
  border-radius: 50%;
}
.it_program_point p {
  position: absolute;
  font-family: "Rowdies", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* IT・プログラミング習得プログラム */
.it_skill h3 {
  padding-left: 1.5rem;
  line-height: 1.8;
}
.it_skill h3 span {
  display: block;
  position: relative;
}
.it_skill h3 span:before {
  content: '';
  position: absolute;
  top: 0;
  display: inline-block;
  width: 110%;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

/* officeアイコンの大きさ */
.it_skill img {
  margin-top: 1.5rem;
  padding: .5rem;
  width: 100px;
}

/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 1023px ) {
  #page2 {
    padding-bottom: 1rem;
  }
  /* POINT */
  .it_program_point {
    width: 3rem;
    height: 3rem;
  }
  /* IT・プログラミング習得プログラム */
  .it_skill h3 {
    font-size: 1.1rem !important;
    padding-left: .8rem;
  }
  .it_skill h3 span:before {
    width: 100%;
  }
  /* officeアイコンの大きさ */
  .it_skill img {
    width: 80px;
  }
  .it_skill .row .col-sm-6:nth-child(2) {
    padding: 1rem 2rem 0 2rem !important;
  }
}



/* 就職までの流れ（利用までの流れと共通）
-------------------------------------------- */

.find_work {
  padding-top: 4rem;
  padding-bottom: 3rem;
  text-align: center;
}

.find_work .row,
.flow_to_use .row {
  padding-top: 3.5rem !important;
}

.find_work h2,
.flow_to_use h2 {
  display: inline-block;
  background: linear-gradient(transparent 60%, #ffc681 60%);
}

.find_work_text,
.flow_to_use_text {
  position: relative;
  padding: 1rem;
  border: 1px solid #ff6d24;
  background-color: #fff;
  border-radius: 10px;
  text-align: left;
}

.find_work_title,
.flow_to_use_title {
  text-align: center;
  padding-top: 2rem;
  height: 5.5rem;
  border-bottom: 1px solid #000;
  margin-bottom: 1rem;
}
.find_work_title h3,
.flow_to_use_title h3 {
  position: relative;
  display: block;
  font-size: 1.08rem !important;
  color: #ff6d24;
}

/* 矢印 */
.find_work_text .fa-caret-right,
.flow_to_use_text .fa-caret-right {
  position: absolute;
  right: -1rem;
  top: 50%;
  bottom: 50%;
  color: #ff6d24;
}

/* STEP */
.step {
  position: absolute;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  background-color: #ff6d24;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.step p {
  color: #fff;
  line-height: 1.6rem;
  margin: 0;
}
.step p span {
  font-size: 1.5rem;
  font-weight: 600;
  display: block;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
}

/* iPadPro(横)のみ */
@media screen and ( min-width: 1200px ) and ( max-width: 1399px ) and (orientation: landscape) {
  .ipadpro {
    display: none;
  }
}

/* iPad(縦)～iPadAir(横) */
@media screen and ( min-width: 768px ) and ( max-width: 1365px ) {
  /* STEP3の矢印は非表示 */
  .step3 .find_work_text .fa-caret-right,
  .step3 .flow_to_use_text .fa-caret-right {
    display: none !important;
  }
  .stepfw,
  .find_work .step1, .flow_to_use .step1,
  .find_work .step2, .flow_to_use .step2,
  .find_work .step3, .flow_to_use .step3,
  .find_work .step4, .flow_to_use .step4,
  .find_work .step5, .flow_to_use .step5 {
    padding-top: 3rem;
  }
}

/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 1023px ) {
  .find_work img {
    display: block;
    margin: 0 auto;
    width: 60%;
  }
  .find_work .row,
  .flow_to_use .row {
    padding-top: 1rem !important;
  }
}

/* モバイルのみの設定 */
@media ( max-width: 767px ) {
  .find_work_title,
  .flow_to_use_title {
    height: 4rem;
  }
  /* 矢印は非表示 */
  .find_work_text .fa-caret-right,
  .flow_to_use_text .fa-caret-right {
    display: none !important;
  }
  .stepfw {
    padding-top: 2rem;
  }
  .find_work .step1, .flow_to_use .step1,
  .find_work .step2, .flow_to_use .step2,
  .find_work .step3, .flow_to_use .step3,
  .find_work .step4, .flow_to_use .step4,
  .find_work .step5, .flow_to_use .step5 {
    padding-top: 3rem;
  }
}



/* ===================================================
	4.page3_就労継続支援B型
=================================================== */

#page3 {
  padding: 5rem 0;
  background-color: #fff;
}

/* 移行支援と共通部分の配色のみ変更 */
#page3 .service_box {
  background-color: #fffccc;
}
#page3 .service_list h2 {
  background-color: #ff8fda;
}

/* 吹き出し色変更 */
.schedule h2 {
  background: -webkit-repeating-linear-gradient(-45deg, #ffdff8, #ffdff8 4px,#ffc8f3 3px, #ffc8f3 8px);
  background: repeating-linear-gradient(-45deg, #ffdff8, #ffdff8 4px,#ffc8f3 3px, #ffc8f3 8px);
  border-radius: 7px;
}
.schedule h2:after {
  border: 15px solid transparent;
  border-top: 15px solid #ffcdf4;
}

/* iPad(縦)～iPadAir(横) */
@media screen and ( min-width: 768px ) and ( max-width: 1365px ) {
  #page3 {
    padding: 5rem 0 2rem;
  }
}


/* 一日の流れ
-------------------------------------------- */

.schedule {
  padding-top: 3rem;
  text-align: center;
}

.schedule .row {
  padding-top: 4rem;
}

.schedule .col-sm-4 {
  position: relative;
  padding: .8rem;
}

/* 時間 */
.schedule .time {
  position: absolute;
  top: -2.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 10px;
  padding: .5rem 1rem .5rem 1rem;
  background-color: #ff6d24;
  display: inline-block !important;
  box-shadow: 0px 0px 0px 4px #ff6d24;
  border: dashed 1px #fff;
  margin: 0 auto 50px;
  white-space:nowrap; /* 改行してしまうため、改行禁止 */
}
.schedule .time p {
  font-family: "Rowdies", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  margin: 0;
  padding: 0;
}

.schedule_text {
  position: relative;
  padding: 1rem;
  background-color: #fdf5e6;
  border-radius: 10px;
}

.schedule_text h3 {
  font-size: 1.08rem !important;
  margin-top: 1.5rem;
  height: 2rem;
  color: #ff6d24;
}

/* 写真 */
.schedule_text img {
  border-radius: 10px;
  object-fit: cover;
  height: 14rem;
}
/* イラストは全体を表示 */
.schedule .illust img {
  padding: .5rem;
  object-fit: contain;
  width: 100%;
  max-height: 200px;
}

/* 矢印 */
.schedule .fa-caret-right {
  position: absolute;
  right: -.3rem;
  top: 50%;
  bottom: 50%;
  color: #ff6d24;
}

/* iPad(縦)～iPadAir(横) */
@media screen and ( min-width: 768px ) and ( max-width: 1365px ) {
  .schedule .col-sm-4 {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }
  .schedule .row .col-sm-4:nth-child(3) .fa-caret-right {
    display: none;
  }
}

/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 1023px ) {
  #page3 {
    padding: 5rem 0 4rem 0;
  }
  .schedule {
    padding-top: 4rem;
  }
  .schedule .time {
    top: -1.5rem;
  }
  .schedule .col-sm-4 {
    padding-top: 2rem;
  }
}

/* モバイルのみの設定 */
@media ( max-width: 767px ) {
  /* 矢印非表示 */
  .schedule .fa-caret-right {
    display: none;
  }
}



/* ===================================================
	5.page4_ご利用までの流れ
=================================================== */

#page4 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}


/* 利用までの流れ（就職までの流れを流用）
-------------------------------------------- */

.flow_to_use {
  text-align: center;
}
.flow_to_use h1 {
  padding-bottom: 3rem;
}


/* 企業理念
-------------------------------------------- */

.philosophy {
  padding-top: 5rem;
}

.philosophy .col-sm-10 {
  border: 1px solid #ff6d24;
  border-radius: 30px;
  background-color: #fff;
  padding: 3rem;
  padding-top: 0;
} 

.philosophy .col-sm-6 {
  padding-top: 3rem;
}

.philosophy .col-sm-6:nth-child(1) {
  padding-right: 3rem;
}
.philosophy .col-sm-6:nth-child(4) {
  padding-left: 3rem;
}

.philosophy h2 {
  color: #ff6d24;
  position: relative;
  margin-bottom: 2rem;
  padding: .5rem 0;
  border-bottom: 4px dotted #ff6d24;
  font-weight: bold;
}

.philosophy img {
  border-radius: 20px;
}



/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 1023px ) {
  #page4 {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }
  .philosophy img {
    border-radius: 10px;
  }
}

/* iPad(縦)～iPadAir(縦) */
@media screen and ( min-width: 768px ) and ( max-width: 820px ) {
  .philosophy .col-sm-10 {
    padding: 2.5rem;
    padding-top: 0;
  } 
  .philosophy .col-sm-6 {
    padding-top: 2.5rem;
  }
  .philosophy .col-sm-6:nth-child(1) {
    padding-right: 1rem;
  }
  .philosophy .col-sm-6:nth-child(4) {
    padding-left: 1rem;
  }
}

/* モバイルのみの設定 */
@media ( max-width: 767px ) {
  .philosophy .justify-content-center {
    padding: 0 .8rem;
  }
  .philosophy .col-sm-10 {
    padding-top: 1rem;
    border-radius: 20px;
  } 
  .philosophy .col-sm-6 {
    padding: 2rem 0 0 0!important;
  }
}





/* ===================================================
	6.page5_アクセス
=================================================== */

#page5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #fff;
}

.access h2 {
  padding-bottom: 2rem !important;
  color: #ff6d24;
}

.access .row {
  margin-top: 3rem;
  padding: 3rem;
  background-color: #fffccc;
  border-radius: 30px;
}

.access th {
  display: flex;
  align-items: flex-start;
  padding: .5rem 2rem .5rem .5rem;
  color: #ff6d24;
}
.access td {
  padding: .5rem;  
}

.access .fa-phone,
.access .fa-fax,
.access .fa-envelope {
  color: #fff;
  font-size: 1rem;
  background-color: #ff6d24;
  padding: .4rem;
  border-radius: 50%;
  margin-right: .3rem;
  margin-top: .2rem;
}

.address div {
  display: flex;
}
/* 連絡先アイコンの調整 */
.address div p:nth-child(1),
.address div p:nth-child(2) {
  margin-bottom:.3rem !important;
}

/* 利用時間 */
.access span.tab {
  padding-left: 5.4rem; /* 5文字分スペース */
}
.access span.bold {
  font-weight: 600;
}

/* google map */
.access iframe {
  width: 100%;
  height: 100%;
}

/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 1023px ) {
  #page5 {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }  
  #page5 .access {
    padding: 0 1.5rem !important;
  }
  .access .row {
    padding: 2rem .5rem !important;
    border-radius: 20px;
  }
  .access th {
    width: 5rem;
    padding: .5rem 0;
  }
  .access td {
    padding-left: .5rem;  
  }
  /* 利用時間 */
  .access span.tab {
    padding-left: 0; /* 5文字分スペース */
  }
  .access .google_map {
    padding-top: 1rem;
  }
}



/* ===================================================
	7.page6_お問い合わせ
=================================================== */

#page6 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

#formWrap {
  font-family: 'Noto Sans JP', sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 3rem !important;
  background-color: #fff;
  border: 1px solid #ff6d24;
  border-radius: 20px;
}

.index-mail-form {
  padding-top: 3rem;
}

.index-mail-form h2 {
  color: #ff6d24;
}

.index-mail-form form {
  padding-top: 2rem;
  text-align: left;
}

.form-item {
  padding-bottom: .8rem;
}

/* フォームのラベル */
.col-form-label {
  background-color: #fffccc;
  border-radius: 10px;
}

/* 必須項目の'＊'マーク */
.fa-star-of-life {
  font-size: .8rem;
  color: #f01a1a;
  padding-left: .2rem;
  padding-bottom: .2rem;
}

/* 確認ボタンのレイアウト */
.submit-btn {
  margin-top: 2rem;
  text-align: center;
}

input[type="submit"] {
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 1.5rem;
  text-align: center;
  padding: 0.6rem 5rem;
  border: 0;
  border-radius: 6px;
  background-color: #352928;
  color: #ffffff;
  line-height: 1em;
  box-shadow: 4px 4px 0 #7a6b6a;
  transition: .3s;
}

/* 必須項目を埋めるとhoverが動く */
input[type="submit"].form-hover:hover {
  background-color: #ff6d24
}

/* エラーメッセージとアイコンの設定 */
.error {
  color: #a52a2a;
}

.error::before {
  content: '\f06a';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  color: #a52a2a;
  padding-right: 0.2rem;
}

/* チェックマーク設定 */
.icon_design {
  color: #019a66;
}


/* iPadAir(縦)～モバイルの共通設定 */
@media screen and ( max-width: 1023px ) {
  #page6 {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }
  #page6 .container {
    padding: 0 .8rem;
  }
  /* フォームのラベル */
  .col-form-label {
    border-radius: 5px;
    margin-bottom: .5rem !important;
  }
  .index-mail-form {
    padding-top: 3rem !important;
  }
  #formWrap {
    padding: 3rem 2rem !important;
  }
}


/* END
-------------------------------------------- */