@charset "UTF-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ふれあいグループ標準フォーマット[老健]（TYPE:F）(C)FureaiGroup 2021

File name:      _variable.scss
Last Update:    2021/08/31
Style Info:     ふれあいグループ標準フォーマット（変数指定用）
------------------------------------------------------------->
 0.基本スタイル
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ===========================================================
 0.基本スタイル
=========================================================== */
/*フォントサイズ*/
/* テキストカラー */
/* メインカラー */
/* その他カラー */
/* メールフォーム用 */
/* フォント */
/* 蛍光カラー */
/* 背景 */
/* リンクカラー */
/* アンチエイリアス処理 */
/* section-title-h2  */
/* グラデ背景 */
/* スマホナビ用シャドウ */
/* コンテンツ幅
----------------------------------------------------------- */
/* メディアクエリ
----------------------------------------------------------- */
/* cleafix */
/* ===========================================================
 1.ヘッダー・フッター
=========================================================== */
/* サイトロゴ
----------------------------------------------------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
湘南ふれあいの園（TYPE:F）(C)FureaiGroup 2023

File name:      about.scss
Last Update:    2023/02/18
Style Info:     当ホームについて
------------------------------------------------------------->*/
/*
1.当ホームについて

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 変数読込
----------------------------------------------------------- */
/* 汎用スタイル
----------------------------------------------------------- */
.about-container01 {
  max-width: 1000px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0 10px;
}
@media screen and (min-width: 960px), print {
  .about-container01 {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}

.about-table01 {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
@media screen and (min-width: 960px), print {
  .about-table01 {
    font-size: 16px;
  }
}
.about-table01 th,
.about-table01 td {
  border-top: #e9e9e9 1px solid;
  border-bottom: #e9e9e9 1px solid;
}
.about-table01 th {
  position: relative;
  text-align: left;
  width: 25%;
}
.about-table01 td {
  text-align: left;
  padding: 7px 0 7px 30px;
  width: 75%;
}

.about-fbox01 {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  margin: 1em auto;
  flex-direction: column;
  max-width: 1000px;
}
@media screen and (min-width: 960px), print {
  .about-fbox01 {
    align-items: flex-start;
    /* 奇数番目は左から右へ並べる */
    /* 偶数番目は右から左へ並べる */
  }
  .about-fbox01:nth-child(2n+1) {
    flex-direction: row;
  }
  .about-fbox01:nth-child(2n) {
    flex-direction: row-reverse;
  }
}
.about-fbox01 p {
  font-size: 12px;
  margin: 0 10px;
}
@media screen and (min-width: 960px), print {
  .about-fbox01 p {
    font-size: 16px;
  }
}
.about-fbox01 figure {
  width: 83%;
}
@media screen and (min-width: 960px), print {
  .about-fbox01 figure {
    width: 40%;
  }
}
.about-fbox01 figure img {
  border-radius: 10px;
}
@media screen and (min-width: 960px), print {
  .about-fbox01 div {
    width: 60%;
  }
}
.about-fbox01 div h3 {
  position: relative;
  font-size: 18px;
  margin: 0 0 8px 30px;
  max-width: 450px;
  border-radius: 10px;
  padding: 10px;
}
.about-fbox01 div h3::before {
  content: "";
  background-image: url(/sono/images/icon/ico_point.png);
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  background-color: #ffca2c;
  border-radius: 50%;
  left: -22px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 960px), print {
  .about-fbox01 div h3 {
    font-size: 3.6rem;
    margin: 0 0 10px 50px;
  }
  .about-fbox01 div h3::before {
    left: -38px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}/*# sourceMappingURL=about.css.map */