@charset "utf-8";
/* CSS Document */

/* LINE誘導タブを非表示 */
#firstview__tabs {
  display: none;
}
#title-bg h2 {
  color: #574845;
  font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, 'Yu Gothic medium', 'Hiragino Sans', "メイリオ", 'sans-serif';
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 40px 16px;
}
.firstview-img img {
  height: auto;
}
@media only screen and (max-width: 767px) {
  .firstview-img {
    padding-top: 100px;
    height: auto;
  }
  #title-bg h2 {
  padding: 16px 16px 20px 16px;
}
}

/*----- ビジネスページ完了後、common.cssに移動して他ページも調整する -----*/
.section {
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}
.section--light-beige {
  background-color: #FDF9F5;
}
.section--dark-beige {
  background-color: #F8EBE0;
}
.content {
  max-width: 1080px;
  margin: 0 auto;
}
img {
  width: 100%;
}
/*----- // -----*/

/*----- ビジネスページ -----*/
.content__business {
  padding: 80px 0;
  margin-top: 80px;
}
.content__business--firsttext__wrapper {
  margin-bottom: 60px;
}
.content__business--firsttext {
  width: fit-content;
  line-height: 3.0rem;
  margin-bottom: 16px;
}
ul.internal-link--business {
  margin: 0 auto 40px;
}
a.internal-link__list--business h3 {
  color: #fff;
  background-color: #54C0C8;
}
.content__business__row-wrapper {
  padding-top: 100px;
  margin-top: -40px;
}
.content__business__title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.business__title--icon {
  width: 80px;
  height: 80px;
  position: relative;
  z-index: 10;
}
.business__title--text {
  font-size: 28px;
  font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, 'Yu Gothic medium', 'Hiragino Sans', "メイリオ", 'sans-serif';
  font-weight: 600;
  padding: 20px 32px 20px 60px;
  border-radius: 0 100px 100px 0;
  margin-left: -40px;
  position: relative;
  z-index: 1;
  color: #54C0C8;
  background-color: #fff;
  border: solid 3px #54C0C8;
}
.business__category__wrapper {
  width: 100%;
  background-color: #FFF; 
  box-shadow: 0 1px 3px 0 rgba(87, 72, 69, 0.2);
  border-radius: 20px;
  font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, 'Yu Gothic medium', 'Hiragino Sans', "メイリオ", 'sans-serif';
  padding: 80px 24px 40px;
  margin-top: -40px;
}
.business__sub-title {
  color: #574845;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  margin-bottom: 40px;
}
.business__category__inner {
  display: flex;
  align-items: center;
  gap: 24px;
}
.business__category-img {
  max-width: 480px;
}
.business__caption {
  margin-bottom: 16px;
}
.business__item-list {
  list-style: none;
  margin-bottom: 32px;
}
.business__item-list h4 {
  width: fit-content;
  padding: 0 2px;
  border-bottom: solid 2px #54C0C8;
  margin-bottom: 8px;
}
.business__supporter--title {
  color: #574845;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  width: fit-content;
  margin: 0 auto 16px;
}
.business__supporter--caption {
  width: fit-content;
  max-width: 755px;
  margin: 0 auto;
}
.content__business__category-flexbox {
  display: flex;
  gap: 80px 40px;
  margin-bottom: 60px;
}
.business__category-flexbox__item {
  width: 50%;
}

@media only screen and (max-width: 1080px) {
  .business__category__inner {
    flex-direction: column;
  }
  .business__category-img {
    margin: 0 auto;
  }
  .content__business__category-flexbox {
    display: block;
  }
  .business__category-flexbox__item {
    width: 100%;
  }
}
/* Smartphones (landscape) ----------- */
@media only screen and (max-width :768px) {
  .content__business__row-wrapper {
    margin-bottom: 40px;
  }
  .business__category__wrapper {
    padding: 60px 16px 40px;
  }
  .business__title--text {
    font-size: 22px;
    font-weight: 600;
    /*padding: 16px 20px 16px 36px;*/
  }
  .business__title--icon {
    width: 70px;
    height: 70px;
  }
  .business__supporter--title {
    margin: 80px auto 16px;
  }
}
/*----- お問い合わせリンク -----*/
.business__contact-links {
  text-align: center;
  width: 100%;
  padding-bottom: 80px;
}
#bookrun__wrapper iframe {
  width: 100%;
  max-width: 1080px;
  max-height: 1000px;
}
.bookrun__wrapper {
  margin-bottom: 80px;
}
.business__contact-links__description {
  margin-bottom: 40px;
}
.business__contact-links__flexbox {
  display: flex;
  gap: 24px;
  justify-content: center;
}
.business__link-button {
  text-decoration: none;
  display: block;
  width: 240px;
  margin: 0 auto;
}
.business__link-button h4 {
  padding: 16px 24px;
  color: #574845;
  font-size: 18px;
  font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, 'Yu Gothic medium', 'Hiragino Sans', "メイリオ", 'sans-serif';
  font-weight: 600;
  text-align: center;
  background-color: #D0E7E9;
  box-shadow: 0 4px 0 rgba(87, 72, 69, .5);
  border-radius: 40px;
}
.business__link-button h4:hover {
  transition: ease .3s;
  transform: translateY(4px);
  box-shadow: none;
}
/* Smartphones (landscape) ----------- */
@media only screen and (max-width :768px) {
  .business__contact-links__description {
    margin-bottom: 24px;
  }
  #bookrun__wrapper iframe {
    max-height: 600px;
  }
  .business__contact-links__flexbox {
    flex-direction: column;
  }
}

/*----- お問い合わせフォーム埋め込み
.business__contact-section {
  width: 100%;
  background-color: #FDF9F5;
  padding-top: 60px;
}
.business__contact__form-wrapper {
  max-width: 740px;
  padding-top: 40px;
  margin: 0 auto;
}
@media screen and (max-width:1080px) {
  .contact__google-form {
    width: 100%;
  }
}
@media screen and (max-width:480px) {
  .contact__google-form {
    min-height: 1800px;
  }
} -----*/

/*---------------------------- ふわっと表示 ----------------------------*/
.content__business__row-wrapper.fadein.is-animated {
  animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* // ふわっと表示 ----------------------------*/