@charset "UTF-8";
/* SCSSの読み込み */
@import url(all.css);
/*===============================================
  切り替え用
===============================================*/
html {
  font-size: clamp(8px, 2.2222222222vw, 10px);
  scroll-padding-top: 8rem;
}

.sp-none {
  display: none !important;
}

/*===============================================
  ページネーション
===============================================*/
/*===============================================
  詳細ページ前後
===============================================*/
/*===============================================
  wrapper
===============================================*/
#wrapper {
  min-width: 320px;
}

/*===============================================
  header
===============================================*/
#header .header__inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 8rem;
}
#header .header__logo img {
  height: 2.1rem;
  aspect-ratio: 222/21;
  -o-object-fit: contain;
     object-fit: contain;
}

/*===============================================
  footer
===============================================*/
#footer {
  padding-top: 7.2rem;
  padding-bottom: 7rem;
}
#footer .footer__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 3rem;
  width: 90%;
}
#footer .footer__logo {
  text-align: center;
}
#footer .footer__logo img {
  height: 2.5rem;
  aspect-ratio: 54/5;
  -o-object-fit: contain;
     object-fit: contain;
}
#footer .footer__btn {
  height: 8rem;
}

/*フッターナビ
-----------------------------*/
.footer-nav {
  padding-top: 5rem;
}
.footer-nav__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  font-size: calc(var(--font-size-base) - 1px);
}
.footer-nav__item {
  background: var(--color-green);
}
.footer-nav__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  line-height: calc(1em + 1rem);
  padding: 1.25em 1em;
}
.footer-nav__sub-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  font-size: var(--font-size-xs);
  line-height: calc(1em + 1rem);
  padding: 3rem 5vw;
}
.footer-nav__sub-item {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.9rem;
       column-gap: 0.9rem;
  margin-block: calc((1em - 1lh) / 2);
}
.footer-nav__sub-item::before {
  content: "";
  display: block;
  width: 0.5rem;
  aspect-ratio: 5/11;
  background: url(../img/common/arrow_nav.svg) no-repeat center/contain;
}

/*コピーライト
-----------------------------*/
.copy {
  padding-block: 2rem;
  background: var(--color-green);
}
/*===============================================
  fixed固定
===============================================*/
/*サイドボタン
-----------------------------*/
#side {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  width: 100%;
  height: 7rem;
  box-shadow: 0 0 0 1px var(--color-gold) inset;
  outline: solid 1px rgba(146, 134, 73, 0.5);
  outline-offset: calc(-0.5rem - 1px);
  background: #f6f3ef;
  left: 0;
  bottom: 0;
}
#side::before {
  width: 2.4rem;
  aspect-ratio: 1;
}
#side::after {
  content: "";
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border: solid 2rem transparent;
  border-image-source: url(../img/common/frame.png);
  border-image-slice: 45;
  border-image-repeat: repeat;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: -1;
  pointer-events: none;
}
#side > span {
  font-size: var(--font-size-base);
  line-height: calc(1em + 0.5rem);
}

/*===============================================
  visual
===============================================*/
/*共通
-----------------------------*/
.visual__catch {
  width: 90%;
  box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.15);
}
.visual__catch > span.line::before {
  height: 2rem;
}
.visual__catch > span.line::after {
  width: 80vw;
  height: 0.6rem;
  background: url(../img/common/line-deco.png) no-repeat center/contain, linear-gradient(to right, var(--color-gold) calc(50% - 2rem), transparent calc(50% - 2rem), transparent calc(50% + 2rem), var(--color-gold) calc(50% + 2rem)) no-repeat center/100% 1px;
}
.visual__catch::before {
  width: calc(100% - 1.2rem);
  height: calc(100% - 1.2rem);
  border-width: 2.4rem;
}

/*メインビジュアル
-----------------------------*/
.visual__main {
  height: calc(100svh - 15rem);
  min-height: 64rem;
}
.visual__main::before, .visual__main::after {
  width: 100%;
}
.visual__main::before {
  height: 60%;
  -webkit-mask: linear-gradient(185deg, black 70.397%, transparent 89.242%);
          mask: linear-gradient(185deg, black 70.397%, transparent 89.242%);
}
.visual__main::after {
  height: 60%;
}
.visual__catch--main {
  row-gap: 2.4rem;
  padding-block: 4rem;
}
.visual__catch--main .main {
  padding-bottom: 2rem;
}
.visual__catch--main .main img {
  height: 2.4rem;
  aspect-ratio: 105/8;
  -o-object-fit: contain;
     object-fit: contain;
}
.visual__catch--main .main::before {
  width: calc(100% + 2rem);
  top: -2rem;
}
.visual__catch--main .sub {
  font-size: var(--font-size-base);
  letter-spacing: 0.08em;
  margin-inline-end: -0.08em;
}

/*サブビジュアル
-----------------------------*/
.visual__sub {
  height: 24rem;
}
.visual__catch--sub {
  height: 12rem;
  font-size: var(--font-size-h2);
  padding-top: 1rem;
}
.visual__catch--sub > span {
  padding-bottom: 2rem;
}
.visual__catch--sub > span::before {
  width: calc(100% + 2rem);
  top: -1.5rem;
}

/*===============================================
  main#container
===============================================*/
/*===============================================
  パンくずリスト
===============================================*/
.breadcrumb {
  font-size: min(var(--font-size-xs), 2.6667vw);
  line-height: var(--line-height-xs);
  padding-block: calc(2rem - 0.5em);
}
.breadcrumb__list {
  width: 90%;
}
.breadcrumb + .section {
  padding-top: 10rem;
}

/*===============================================
  main共通
===============================================*/
.section {
  padding-block: 8rem;
}

.inbox {
  width: 90%;
}

/*電話番号
-----------------------------*/
.com-tel {
  row-gap: 0.8rem;
}
.com-tel__num {
  font-size: 3.2rem;
}
.com-tel__num::before {
  font-size: 1.8rem;
  margin-block: -0.1rem;
}
.com-tel__num span {
  margin-block-start: -0.5rem;
  margin-block-end: -0.2rem;
}
/*ボタン
-----------------------------*/
.com-btn {
  width: 32rem;
  height: 6rem;
}
.com-btn::after {
  width: 3rem;
}
.com-btn--mail {
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
}
.com-btn--mail::before {
  width: 2.4rem;
}
.com-btn--window {
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
}
.com-btn--window::before {
  width: 1.5rem;
}

/* SNS
-----------------------------*/
/*テーブル
-----------------------------*/
.com-table {
  line-height: 1.5;
  padding: 3.2rem 2.4rem;
}
.com-table::before {
  border-width: 2.4rem;
}
.com-table tr th,
.com-table tr td {
  padding-block: 1em;
}
.com-table--noblock tr th {
  width: 7.5em;
}
.com-table--noblock tr:first-of-type th,
.com-table--noblock tr:first-of-type td {
  padding-top: 0;
}
.com-table--noblock tr:last-of-type th,
.com-table--noblock tr:last-of-type td {
  padding-bottom: 0;
}
.com-table:not(.com-table--noblock) table,
.com-table:not(.com-table--noblock) table tbody,
.com-table:not(.com-table--noblock) table th,
.com-table:not(.com-table--noblock) table tr,
.com-table:not(.com-table--noblock) table td {
  display: block !important;
  width: 100% !important;
}
.com-table:not(.com-table--noblock) tr th {
  padding: 1.5em 0 1em;
}
.com-table:not(.com-table--noblock) tr td {
  padding: 0 0 1.5em;
}
.com-table:not(.com-table--noblock) tr:first-of-type th {
  padding-top: 0;
}
.com-table:not(.com-table--noblock) tr:last-of-type td {
  padding-bottom: 0;
}

/*テキストボックス
-----------------------------*/
.com-text br:not(.pc-none) {
  display: none;
}

/*お知らせ
-----------------------------*/
.com-post__list {
  padding: 3rem 2.4rem;
  box-shadow: 0.2rem 0.2rem 1.2rem rgba(0, 0, 0, 0.15);
  outline-offset: 0.8rem;
}
.com-post__item {
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
}
.com-post__item--image .com-post__link {
  padding: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.com-post__item--image .com-post__image {
  width: 12rem;
  align-self: flex-start;
}
.com-post__item--image .com-post__inner {
  gap: 1rem 1em;
  padding-block: 0.5rem;
}
.com-post__item--image .com-post__heading {
  margin-bottom: 0.8rem;
}
.com-post__item--image .com-post__heading > span {
  -webkit-line-clamp: 2;
  max-height: 2lh;
}
.com-post__item--image .com-post__tags {
  padding-top: 0.5rem;
}
.com-post__link {
  gap: 1.5rem 1em;
}
.com-post__date {
  font-size: var(--font-size-xs);
}
.com-post__tag {
  font-size: var(--font-size-xs);
  line-height: calc(1em + 0.8rem);
  padding-inline: 0.75em;
  border-radius: 100vh;
}

/* こんなお悩みございませんか
-----------------------------*/
.com-worries__list {
  background: var(--color-white);
  outline: solid 1px var(--color-line);
  box-shadow: 0.5rem 0.5rem var(--color-line);
  border-radius: 2rem;
  padding: 1rem 2rem;
  margin-bottom: 4.5rem;
  position: relative;
}
.com-worries__list::before {
  content: "";
  width: 4.5rem;
  height: 5.6rem;
  background: url(../img/common/balloon_worries-small.svg) no-repeat, url(../img/common/balloon_worries-big.svg) no-repeat;
  background-size: 2rem, 3.6rem;
  background-position: left bottom, right top;
  position: absolute;
  right: calc(50% - 12rem);
  bottom: -4rem;
  z-index: 1;
  pointer-events: none;
}
.com-worries__item {
  border-bottom: solid 1px var(--color-line);
}
.com-worries__item:last-of-type {
  border-bottom: none;
}
.com-worries__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 1.5em;
       column-gap: 1.5em;
  padding: 1em;
}
.com-worries__link::after {
  content: "";
  display: block;
  width: 2.4rem;
  aspect-ratio: 1;
  background: url(../img/common/arrow.svg) no-repeat center/0.5rem;
  background-color: var(--color-mos);
  border-radius: 50%;
  flex-shrink: 0;
}
.com-worries__link p {
  font-size: var(--font-size-h6);
  line-height: var(--line-height-h6);
}
.com-worries__image {
  text-align: center;
}
.com-worries__image img {
  height: 20rem;
}

/*===============================================
  タイトル
===============================================*/
/*大タイトル
-----------------------------*/
.com-title01 {
  row-gap: 2.5rem;
  margin-bottom: 5rem;
}
.com-title01 > span.en {
  font-size: var(--font-size-base);
}

/*中タイトル
-----------------------------*/
.com-title02 .deco::before {
  width: calc(100% + 8rem);
  max-width: 98vw;
  height: 1.6rem;
}
.com-title02--line {
  row-gap: 1.5rem;
  word-break: keep-all;
}
.com-title02--line > span {
  line-height: calc(1em + 1.5rem);
}
.com-title02--line::after {
  margin-top: 1rem;
}

/*小タイトル
-----------------------------*/
/*===============================================
  共通セクション
===============================================*/
/*お問い合わせ
-----------------------------*/
.com-contact {
  max-width: 90vw;
  padding: 4rem 2.4rem 3.2rem;
  background-size: calc(100% - 1.2rem) calc(100% - 1.2rem);
  margin-inline: auto;
}
.com-contact::before {
  border-width: 3.2rem;
}
.com-contact::after {
  width: 98vw;
  height: 12rem;
  bottom: -4.8rem;
}
.com-contact__title {
  margin-bottom: 3rem;
}
.com-contact__items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 2.4rem;
}
.com-contact__btn {
  width: 30rem;
}
.com-contact__label {
  width: 100%;
  text-align: center;
  font-size: var(--font-size-h6);
  line-height: calc(1em + 1rem);
  padding: 2rem 1rem 1.5rem;
  border-radius: 1rem;
}
.com-contact__label .b {
  font-size: 2.4rem;
  line-height: 1;
}

/*セクション名
-----------------------------*/
/*===============================================
  トップページ
===============================================*/
/*苦しかった経験を、
誰かの希望に変えるために
-----------------------------*/
.top-intro {
  background-size: 78rem;
}
.top-intro__title {
  font-size: min(var(--font-size-h3), 6.2223vw);
}
.top-intro__title::after {
  width: 5.6rem;
  aspect-ratio: 7/5;
  right: -4.2rem;
  bottom: -3rem;
}
.top-intro__image img {
  width: 100%;
  aspect-ratio: 1.7777777778;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-intro__image {
  margin-top: 4rem;
}
.top-intro__inner:has(+ *) {
  margin-bottom: 4rem;
}

/*プロフィール
-----------------------------*/
.top-profile {
  background-size: 78rem;
}
.top-profile__title {
  margin-inline: auto;
}
.top-profile__title::after {
  width: 4.2rem;
  aspect-ratio: 7/5;
  right: -3rem;
  bottom: -2.4rem;
}
.top-profile__image {
  width: 30rem;
}
.top-profile__image img {
  width: 100%;
  aspect-ratio: 0.8333333333;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-profile__image {
  margin: 0 auto 4rem;
}
.top-profile__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.top-profile__image::before {
  top: 1rem;
  left: 1rem;
}
.top-profile__inner:has(+ *) {
  margin-bottom: 4rem;
}

/*こんなお悩みございませんか
-----------------------------*/
.top-worries::before {
  height: 100%;
}
.top-worries__title::after {
  height: 1.2rem;
  margin-top: 1rem;
}

/*ネイチャーセラピーへご相談ください
-----------------------------*/
.top-menu {
  padding-top: 0;
}
.top-menu:has(.com-contact)::before {
  height: 60rem;
}
.top-menu__title {
  row-gap: 1.5rem;
  padding-block: 4rem;
}
.top-menu__title::before {
  width: 100vw;
  left: -5vw;
}
.top-menu__title::after {
  width: calc(100% + 2rem);
  max-width: 98vw;
  height: 4rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.5rem;
}
.top-menu__title > span.en {
  margin-bottom: 1rem;
}
.top-menu__title > span.mid {
  font-size: calc(1em - 1rem);
}
.top-menu__bnr {
  padding-top: 6.4rem;
}
.top-menu__bnr:has(+ *) {
  margin-bottom: 6.4rem;
}
.top-menu__heading {
  margin-bottom: 2rem;
}
.top-menu__item {
  min-height: 15rem;
  padding: 5rem 2rem;
  margin-inline: 1rem;
}
.top-menu__item::after {
  width: 3.2rem;
  background-size: 0.6rem;
  right: 1.2rem;
  bottom: 1.2rem;
}
.top-menu__item p {
  font-size: var(--font-size-h4);
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}
.top-menu__item p::before {
  width: 98vw;
  height: 12rem;
}

/*バナーリンクセクション
-----------------------------*/
.top-bnr {
  background-size: 12rem;
}
.top-bnr__item {
  height: 10rem;
  padding-inline: 2.4rem;
  font-size: var(--font-size-h4);
  margin-bottom: 2rem;
}
.top-bnr__item:last-of-type {
  margin-bottom: 0;
}
.top-bnr__item p {
  letter-spacing: 0.08em;
  margin-inline-end: -0.08em;
}
.top-bnr__item::after {
  width: 3.2rem;
}

/* お問い合わせ（セクション非表示用）
-----------------------------*/
/*お知らせ・ブログ
-----------------------------*/
.top-news::before {
  height: 24rem;
}
.top-news__btn {
  margin: 4.5rem auto 0;
}

/*===============================================
  ネイチャーガーデンについて
===============================================*/
/*当社のカウンセリング方法
-----------------------------*/
.about-method__box {
  row-gap: 3rem;
}
.about-method__image {
  padding-inline: 1rem;
}
.about-method__image img {
  width: 100%;
  aspect-ratio: 1.7777777778;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-method__image::before {
  width: 98vw;
  height: 12rem;
}
.about-method__list {
  padding-top: 2rem;
}
.about-method__item {
  padding: 3.2rem 2.4rem;
  margin-bottom: 2rem;
}
.about-method__item:last-of-type {
  margin-bottom: 0;
}
.about-method__caption {
  word-break: keep-all;
  margin-bottom: 2.5rem;
}

/*特徴・当社の強み
-----------------------------*/
.about-feature__item {
  margin-bottom: 8rem;
}
.about-feature__heading {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  margin-bottom: 2.5rem;
}
.about-feature__heading > span::after {
  width: 5rem;
  aspect-ratio: 10/7;
  right: -3.2rem;
  bottom: -2rem;
}
.about-feature__heading::before {
  font-size: 3.6rem;
  margin-top: -0.5rem;
}
.about-feature__image img {
  width: 100%;
  aspect-ratio: 1.7777777778;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-feature__image {
  margin-bottom: 3.5rem;
}
.about-feature__image::before {
  top: 1rem;
  left: 1rem;
}

/*===============================================
  カウンセリングメニュー
===============================================*/
/*カウンセリングメニュー
-----------------------------*/
.menu-list {
  background-size: 78rem;
}
.menu-list:has(+ .top-worries) {
  padding-bottom: 4rem;
}
.menu-list__label {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  padding: 2.5rem 3rem;
}
.menu-list__label dt {
  font-size: 2rem;
}
.menu-list__label dd {
  font-size: 3rem;
}
.menu-list__label dd .num {
  display: inline-block;
  font-size: 5rem;
  margin-top: -0.2em;
}
.menu-list__label dd .num .min {
  font-size: 2rem;
}
.menu-list__item + .menu-list__box {
  margin-top: 8rem;
}
.menu-list__item {
  padding-top: 5rem;
  margin-bottom: 3rem;
}
.menu-list__heading {
  padding-bottom: 1.5rem;
  margin-bottom: 2.5rem;
}
.menu-list__thumb img {
  width: 100%;
  aspect-ratio: 1.6666666667;
  -o-object-fit: cover;
     object-fit: cover;
}
.menu-list__thumb {
  margin-bottom: 3.5rem;
}
.menu-list__thumb::before {
  top: 1rem;
  left: 1rem;
}
.menu-list__price {
  font-size: var(--font-size-h6);
  line-height: 1.66667;
  padding-top: 3rem;
}
.menu-list__box {
  padding: 3.6rem 2.4rem 3.2rem;
}
.menu-list__box:has(+ *) {
  margin-bottom: 8rem;
}
.menu-list__caption {
  margin-bottom: 3rem;
}
.menu-list__text strong {
  font-size: var(--font-size-h6);
  line-height: 1.66667;
}

/* その他
-----------------------------*/
/*===============================================
  お悩み解決実例
===============================================*/
/*こんなお悩みございませんか
-----------------------------*/
.case-worries {
  padding-bottom: 2rem;
}
.case-worries__text {
  font-size: var(--font-size-h3);
  line-height: calc(1em + 1.2rem);
  letter-spacing: var(--letter-spacing-lg);
  margin-top: calc(3.6rem + (1em - 1lh) / 2) !important;
}
.case-worries__text p {
  margin-inline-end: calc(var(--letter-spacing-lg) * -1);
}
.case-worries__text p span {
  background: linear-gradient(to top, #ebf4de calc(1em - 1.2rem), transparent calc(1em - 1.2rem));
}

/*実際にあったご相談内容をご紹介
-----------------------------*/
.case-list__title {
  margin-bottom: 0;
}
.case-list__item {
  padding-block: 5rem;
  border-bottom: solid 1px rgba(146, 134, 73, 0.5);
}
.case-list__item:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.case-list__balloon {
  align-items: flex-end;
  flex-direction: column;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.case-list__balloon--consult {
  align-items: flex-start;
  margin-bottom: 2rem;
}
.case-list__balloon--consult figcaption {
  margin-top: -1.5rem;
  background: var(--color-mos);
}
.case-list__balloon--counselor figcaption {
  margin-top: -0.8rem;
}
.case-list__icon {
  text-align: center;
  padding-inline: 2rem;
  margin-bottom: -1.5rem;
}
.case-list__icon img {
  width: 10rem;
}
.case-list__icon figcaption {
  flex-direction: row;
  padding: 0.5em 0.75em;
}
.case-list__icon figcaption p::after {
  content: "/";
  margin-inline: 0.5em;
}
.case-list__icon figcaption p:last-of-type::after {
  display: none;
}
.case-list__text {
  font-size: var(--font-size-h6);
  line-height: var(--line-height-h6);
  padding: 3rem 2rem 2rem;
}
.case-list__text::after {
  display: none;
}

/*===============================================
  初めての方へ
===============================================*/
/*ページ内リンク
-----------------------------*/
.guide-link {
  padding-bottom: 2rem;
}
.guide-link__items {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
}
.guide-link__item {
  width: 100%;
}
.guide-link__item:first-of-type {
  min-width: 22rem;
}
.guide-link__item {
  padding-right: 1rem;
}
.guide-link__item::before {
  right: 1rem;
}

/*カウンセリングの流れ
-----------------------------*/
.guide-flow__item {
  padding: 3.2rem 2.4rem 3rem;
  margin-bottom: 5rem;
}
.guide-flow__item::after {
  height: 2.4rem;
  top: calc(100% + 1.3rem);
}
.guide-flow__heading {
  row-gap: 1.5rem;
  margin-bottom: 2.5rem;
}
.guide-flow__image img {
  width: 100%;
  aspect-ratio: 1.7777777778;
  -o-object-fit: cover;
     object-fit: cover;
}
.guide-flow__image {
  margin-top: 3rem;
}
.guide-flow__items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
  padding: 3rem 0 1rem;
}

/*Q&A
-----------------------------*/
.guide-faq__item {
  padding: 3.2rem 2.4rem;
  margin-bottom: 3rem;
}
.guide-faq__heading {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
}
.guide-faq__heading::before {
  font-size: 3rem;
  margin-top: -0.5rem;
  padding-bottom: 0.2rem;
}
.guide-faq__heading > span {
  line-height: var(--line-height-h6);
  margin-block-start: calc((2.7rem - 1lh) / 2);
}
.guide-faq__body {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.guide-faq__body::before {
  font-size: 3rem;
  margin-top: -0.5rem;
}
.guide-faq__body p {
  margin-block-start: calc((2.5rem - 1lh) / 2);
}

/*===============================================
  会社情報
===============================================*/
/*会社概要
-----------------------------*/
.company-info__box {
  padding-top: 8rem;
}
.company-info__heading {
  margin-bottom: 3rem;
}
.company-info__heading::after {
  width: 4.2rem;
  aspect-ratio: 7/5;
  right: -3.6rem;
  bottom: -1.6rem;
}
.company-info__map {
  height: 32rem;
}

/*カウンセラー紹介
-----------------------------*/
.company-counselor__image {
  width: 30rem;
}
.company-counselor__image img {
  width: 100%;
  aspect-ratio: 0.8333333333;
  -o-object-fit: cover;
     object-fit: cover;
}
.company-counselor__image {
  margin: 0 auto 3rem;
}
.company-counselor__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.company-counselor__image::before {
  top: 1rem;
  left: 1rem;
}
.company-counselor__heading {
  width: -moz-fit-content;
  width: fit-content;
  align-items: flex-end;
  flex-direction: row;
  border-block: solid 1px var(--color-mos);
  padding: 1.5rem 1rem;
  margin: 0 auto 3.2rem;
}
.company-counselor__heading .sub {
  font-size: calc(1em - 0.8rem);
  margin-right: 1em;
}

/*===============================================
  お知らせ
===============================================*/
/* お知らせ 一覧
-----------------------------*/
/* お知らせ 詳細
-----------------------------*/
.news-detail__heading {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

/*タグリスト
-----------------------------*/
/*===============================================
  お問い合わせ
===============================================*/
.contact-form .contact-submits-wrap > * {
  margin: 0 auto 2rem;
}
.contact-form .contact-submits-wrap > *:last-child {
  margin-bottom: 0;
}

/*===============================================
  お問い合わせ完了
===============================================*/
/*===============================================
  プライバシーポリシー
===============================================*/
.privacy-policy__box {
  padding: 3.2rem 2.4rem;
}
.privacy-policy__heading {
  margin-bottom: 2.4rem;
}

/*===============================================
  サイトマップ
===============================================*/
.sitemap-list__item {
  margin-bottom: 1.2rem;
}
.sitemap-list__item:last-of-type {
  margin-bottom: 0;
}
.sitemap-list__link {
  padding: 1em;
}

/*===============================================
  404エラー
===============================================*/