@charset "UTF-8";
/*-----------------------------------------------------------------
///////////////////////////////////////////////////////////////////
【メモ】
● 可変(vw)は、1100pxで計算しています
///////////////////////////////////////////////////////////////////
------------------------------------------------------------------*/
*,
::before,
::after {
  box-sizing: border-box;
}

body {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", sans-serif;
  font-weight: 300;
  font-size: 15px;
  font-weight: 300;
  -webkit-text-size-adjust: 100%; /*スマホ横画面で文字の拡大・収縮防止用*/
  -webkit-font-smoothing: antialiased; /* 文字の太さを整える。Safari環境用 */
}

img {
  width: 100%;
  vertical-align: top;
}

a {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.2em;
  word-break: break-all;
}
@media (min-width: 1200px) {
  a[href*=tel] {
    pointer-events: none;
  }
}

ul,
ol {
  list-style: none;
}

ul,
ol,
dl {
  line-height: 1.5;
}

header {
  line-height: 1.25;
}

main {
  line-height: 1.75;
}

footer {
  line-height: 1.25;
}

/*-----------------------------------------------------------------------------------
文字 
-----------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  font-weight: 500;
}

h1,
h2,
h3 {
  font-weight: 600;
}

h2 {
  font-size: clamp(22px, 2.22vw, 24px);
}

h3 {
  font-size: clamp(20px, 2.04vw, 22px);
}

h4 {
  font-size: clamp(17px, 1.67vw, 18px);
}

p {
  margin-bottom: 0.5em;
}
p:last-of-type {
  margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------
文字 > 微調整
-----------------------------------------------------------------------------------*/
/* サイズ調節 */
.Small {
  font-size: 0.6em;
}

.Semi-small {
  font-size: 0.8em;
}

.Large {
  font-size: 1.25em;
}

/* 文字詰める */
.Narrow {
  letter-spacing: 0;
}

/* 改行 */
.Br {
  display: inline-block;
}

/*-----------------------------------------------------------------------------------
 装飾
-----------------------------------------------------------------------------------*/
/* ボタン */
.Button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 0.6em 2px 1em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.25;
  text-align: left;
  color: #11457b;
  background: #ffffff;
}
@media (min-width: 1100px) {
  .Button:hover[class] {
    color: #ffffff;
    background: #0d65c0;
    transition: all 0.5s;
  }
}

/* ボタン・wrapper */
.Button-wrap {
  display: inline-block;
  width: 280px;
  height: 45px;
  box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.05);
}
@media (max-width: 640px) {
  .Button-wrap {
    width: 100%;
    height: 60px;
  }
}

/* 丸アイコン */
.Icon-circle {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.Icon-circle::before, .Icon-circle::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Icon-circle::before {
  background: url(../img/icon_arrow.svg) center no-repeat;
  background-size: 15px;
  z-index: -1;
}
.Icon-circle::after {
  background: #11457b;
  z-index: -2;
}

/* 横線 アイコン */
.Icon-border04 {
  display: inline-block;
  width: 1em;
  height: 0.8em;
  background: url(../img/icon_heading.svg) center no-repeat;
  background-size: cover;
}

/* アイコン・wrapper */
.Icon-wrap-S {
  display: inline-block;
  width: 24px;
}

.Icon-wrap-M {
  display: inline-block;
  width: 40px;
}

.Icon-wrap-L {
  display: inline-block;
  width: 56px;
}

.Icon-wrap-fl {
  display: flex;
  align-items: baseline;
}

/* 付箋 */
.Tag {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px 5px 3px;
  border-radius: 3px;
  line-height: 1.25;
  font-weight: 500;
  background: #ffffff;
}
.Tag--blue {
  color: #ffffff;
  background: #11457b;
}
.Tag--r-blue {
  color: #ffffff;
  background: #396b9f;
}
.Tag--pink {
  color: #ffffff;
  background: #b28c93;
}
.Tag--purple {
  color: #ffffff;
  background: #9794bc;
}

/* 吹き出し */
.Blowing {
  display: block;
  padding: 1em 2em;
  border-radius: 20px;
  color: #000000;
  background: #e8e7f4;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .Blowing {
    margin: 0 0 0 16px;
  }
  .Blowing::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 16px 8px 0;
    border-color: transparent #e8e7f4 transparent transparent;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%);
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .Blowing--left {
    margin: 0 16px 0 0;
  }
  .Blowing--left::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #e8e7f4;
    position: absolute;
    left: auto;
    right: -16px;
    transform: translate(0, -50%);
    z-index: -1;
  }
}

/* 付箋ボックス */
.Box-tag {
  margin: 25px 0 0 0;
  background: #ffffff;
  position: relative;
}
@media (min-width: 1100px) {
  .Box-tag {
    margin: 25px 0 0 1.5em;
  }
}
.Box-tag__head {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: min(auto, 500px);
  min-width: 186px;
  min-height: 45px;
  padding: 0.5em 1em 0.55em;
  line-height: 1.25;
  text-align: center;
  color: #ffffff;
  background: #11457b;
  border-radius: 10px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
  position: relative;
  top: -22.5px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1100px) {
  .Box-tag__head {
    left: -1.5em;
    transform: translate(0, 0);
  }
}
.Box-tag__foot {
  color: #303948;
}
@media (min-width: 1100px) {
  .Box-tag__foot {
    margin-left: -0.5em;
  }
}

.Box-tag-wrap {
  display: block;
  overflow: hidden;
}

/* 二段ボックス */
.Box-separate {
  display: flex;
  flex-direction: column;
}
.Box-separate__head, .Box-separate__foot {
  display: flex;
}
.Box-separate__head {
  min-height: 55px;
  line-height: 1.25;
  padding: 0.5em 24px 0.55em;
  color: #ffffff;
  background: #11457b;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
}
.Box-separate__foot {
  flex-grow: 1;
  min-height: 150px;
  padding: 1em 24px 2em;
  border: solid 1px #0d65c0;
  color: #11457b;
  background: #ffffff;
}

/*-----------------------------------------------------------------------------------
画面幅
-----------------------------------------------------------------------------------*/
.wrapper {
  width: 100%;
  min-width: 320px;
  overflow: hidden; /* 余白対策 */
}

/*-----------------------------------------------------------------------------------
stayHeader_test.js設定
-----------------------------------------------------------------------------------*/
#header {
  display: block;
  width: 100%;
}

#home #header {
  display: none;
}

#home #header.show,
#header.show {
  display: block;
  box-shadow: 0px 13px 15px 0px rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

/*-----------------------------------------------------------------------------------
header
-----------------------------------------------------------------------------------*/
.header {
  display: grid;
  grid-template: minmax(50px, 1fr)/200px auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 clamp(20px, 3.7vw, 40px);
  background: #d6d7dd;
  position: relative;
  z-index: 1;
}
@media (min-width: 1100px) {
  .header {
    padding: 0 0 0 20px;
  }
}
.header__logo {
  width: clamp(160px, 18.52vw, 200px);
}
.header__logo a {
  display: block;
}
.header__nav {
  display: block;
  position: relative;
}
@media (min-width: 1100px) {
  .header__nav {
    display: none;
  }
}
.header__pc-nav {
  display: none;
}
@media (min-width: 1100px) {
  .header__pc-nav {
    display: block;
  }
}

/*-----------------------------------------------------------------------------------
header > グローバルナビ
-----------------------------------------------------------------------------------*/
/* グローバルナビ(pc) */
.pc-navigation {
  display: grid;
  grid-template: 80px/repeat(5, 140px);
  text-align: center;
}
.pc-navigation li {
  display: grid;
  font-size: 13px;
  font-weight: 500;
  color: #11457b;
}
.pc-navigation li:last-of-type {
  background: #bfcdd8;
}
.pc-navigation li a {
  display: grid;
  padding-top: 22px;
  position: relative;
}
.pc-navigation li a::before {
  content: "";
  display: block;
  height: 20px;
  border-left: 1px solid;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

/* グローバルナビ(sp) */
.hamburger-trigger {
  display: none;
}

.hamburger-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 6px;
  position: relative;
  z-index: 51;
}
.hamburger-icon span {
  display: block;
  width: 100%;
  height: 1px;
  background: #11457b;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}
.hamburger-icon span::before, .hamburger-icon span::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #11457b;
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.hamburger-icon span::before {
  top: 6px;
}
.hamburger-icon span::after {
  bottom: 6px;
}

.hamburger-contents {
  display: block;
  width: 100vw;
  height: 100vh;
  padding: 64px 0;
  font-size: 22px;
  color: #ffffff;
  background: #11457b;
  overflow: scroll;
  position: fixed;
  top: 0;
  left: 200vw;
  z-index: 50;
}

.hamburger-trigger:checked ~ .hamburger-icon {
  background: rgba(17, 69, 123, 0.7);
  position: fixed;
  top: 25px;
  right: clamp(20px, 3.7vw, 40px);
  transform: translate(0, -50%);
}
.hamburger-trigger:checked ~ .hamburger-icon span {
  background: transparent;
  transition: all 0.5s;
}
.hamburger-trigger:checked ~ .hamburger-icon span::before, .hamburger-trigger:checked ~ .hamburger-icon span::after {
  top: 50%;
  background: #ffffff;
  transition: all 0.5s;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.hamburger-trigger:checked ~ .hamburger-icon span::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.hamburger-trigger:checked ~ .hamburger-contents {
  left: 50%;
  transform: translate(-50%, 0);
}

.Navigation {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: clamp(16px, 1.82vw, 18px);
  letter-spacing: 0.05em;
}
@media (min-width: 1100px) {
  .Navigation {
    font-size: 14px;
  }
}
.Navigation li > a {
  display: block;
  padding: 0.25em 0.5em;
}

#header .Navigation,
#main .Navigation {
  width: min(calc(100% - clamp(40px, 7.41vw, 80px)), 1080px);
  margin: 0 auto;
}
#header .Navigation li,
#main .Navigation li {
  padding-bottom: 1em;
  border-top: 1px solid #757a80;
}
#header .Navigation li:last-of-type,
#main .Navigation li:last-of-type {
  border-bottom: 1px solid #757a80;
}
#header .Navigation li > a:nth-of-type(n + 2),
#main .Navigation li > a:nth-of-type(n + 2) {
  border-top: 1px solid #757a80;
}

/*-----------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------*/
.footer-top {
  padding: 40px 0;
  background: #d6d7dd;
}
@media (min-width: 1100px) {
  .footer-top {
    padding: 32px 0;
  }
}

.footer-bottom {
  min-height: 1200px;
  padding: 40px 0 0;
  color: #ffffff;
  background: #11457b;
}
@media (min-width: 1100px) {
  .footer-bottom {
    min-height: auto;
    padding: 64px 0 136px;
  }
}

.footer-inner {
  width: min(calc(100% - clamp(40px, 7.41vw, 80px)), 1080px);
  margin: 0 auto;
}

.footer-bottom .footer-inner {
  display: grid;
  grid-template: auto/repeat(1, min(100%, 500px));
  gap: 64px 0;
}
@media (min-width: 1100px) {
  .footer-bottom .footer-inner {
    grid-template: auto/repeat(1, 1fr 350px);
  }
}

.footer-cards {
  display: grid;
  grid-template: auto/repeat(1, 1fr);
  justify-content: center;
  gap: 40px;
}
@media (min-width: 768px) {
  .footer-cards {
    grid-template: auto/repeat(2, 1fr);
  }
}
@media (min-width: 1100px) {
  .footer-cards {
    grid-template: auto/repeat(3, 300px);
    gap: 24px;
  }
}

.footer-card {
  display: grid;
  grid-template: auto 56px/1fr;
  align-items: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1100px) {
  .footer-card {
    grid-template: 124px 56px/1fr;
  }
}
.footer-card__img {
  width: 100%;
  padding-top: 41.5%;
  background: url(../img/img_foottop_01.png) center no-repeat;
  background-size: cover;
}
.footer-card__img--02 {
  background: url(../img/img_foottop_02.png) center no-repeat;
  background-size: cover;
}
.footer-card__img--03 {
  background: url(../img/img_foottop_03.png) center no-repeat;
  background-size: cover;
}
.footer-card__img--04 {
  background: url(../img/img_foottop_04.png) center no-repeat;
  background-size: cover;
}
.footer-card__img--05 {
  background: url(../img/img_foottop_05.png) center no-repeat;
  background-size: cover;
}
.footer-card__img--06 {
  background: url(../img/img_foottop_06.png) center no-repeat;
  background-size: cover;
}
.footer-card__text {
  background: transparent;
}
.footer-card:hover[class] {
  transform: scale(1.05);
  transition: all 0.5s;
}

.footer-b-top {
  color: #e0e0e0;
}

.footer-b-bottom {
  color: #ffffff;
}
.footer-b-bottom__btn {
  height: 60px;
}
.footer-b-bottom__logo {
  width: 200px;
  margin-top: 40px;
}
@media (min-width: 1100px) {
  .footer-b-bottom__logo {
    margin-top: 32px;
  }
}
.footer-b-bottom__deta {
  margin-top: 32px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media (min-width: 1100px) {
  .footer-b-bottom__deta {
    margin-top: 24px;
  }
}
.footer-b-bottom__deta dt {
  margin-bottom: 1em;
  font-size: clamp(20px, 2vw, 22px);
  font-weight: 700;
}
@media (min-width: 1100px) {
  .footer-b-bottom__deta dt {
    font-size: 16px;
  }
}
.footer-b-bottom__deta dd {
  letter-spacing: 0.05em;
  font-size: clamp(16px, 1.82vw, 18px);
}
@media (min-width: 1100px) {
  .footer-b-bottom__deta dd {
    font-size: 13px;
  }
}
.footer-b-bottom__copy-right {
  margin-top: 24px;
  font-size: 13px;
}
@media (min-width: 1100px) {
  .footer-b-bottom__copy-right {
    margin-top: 136px;
  }
}

/*-----------------------------------------------------------------------------------
main
-----------------------------------------------------------------------------------*/
#main {
  min-height: 60vh;
  color: #000000;
  background: #eaeaeb;
}

/*-----------------------------------------------------------------------------------
HOME
-----------------------------------------------------------------------------------*/
/* メインビジュアル */
.main-visual {
  position: relative;
}
.main-visual__inner {
  display: grid;
  grid-template: "mv-c mv-c" min(126.28vw, 740px) "mv-l mv-r" 68.27vw/1fr 1fr;
}
@media (min-width: 1100px) {
  .main-visual__inner {
    grid-template: "mv-l mv-c mv-r" 100vh/1fr 1fr 1fr;
  }
}
.main-visual__center {
  grid-area: mv-c;
  width: 100%;
  height: 100%;
  background: url(../img/img_mv_c.jpg) center no-repeat;
  background-size: cover;
}
.main-visual__left {
  grid-area: mv-l;
  width: 100%;
  height: 100%;
  background: url(../img/img_mv_l.jpg) center no-repeat;
  background-size: cover;
}
.main-visual__right {
  grid-area: mv-r;
  width: 100%;
  height: 100%;
  background: url(../img/img_mv_r.jpg) center no-repeat;
  background-size: cover;
}
.main-visual__c-txt {
  display: block;
  width: min(84.47vw, 495px);
  margin: 0 auto;
  padding: min(8.53vw, 50px) 0 0 0;
}
@media (min-width: 1100px) {
  .main-visual__c-txt {
    width: min(84.47%, 495px);
  }
}
.main-visual__c-txt img {
  width: 100%;
}

/****************/
/*スクロールダウン*/
/****************/
.scrolldown1 {
  position: absolute;
  left: 50%;
  bottom: 25px;
  height: 50px;
}

.scrolldown1 span {
  position: absolute;
  left: -15px;
  top: -15px;
  color: #0d65c0;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
}

.scrolldown1::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 50px;
  background: #0d65c0;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  -webkit-animation: pathmove 1.4s ease-in-out infinite;
          animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@-webkit-keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 50px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 50px;
    opacity: 0;
  }
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 50px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 50px;
    opacity: 0;
  }
}
/*-----------------------------------------------------------------------------------
セクション
-----------------------------------------------------------------------------------*/
.home-section {
  padding: 40px 0 72px;
  position: relative;
  z-index: 0;
}
.home-section::before {
  content: "";
  display: block;
  width: max(calc(100vw + 40px), 1586px);
  height: 100%;
  background: url(../img/img_bg_01.png) top 50px left no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.home-section__left-text {
  display: none;
}
@media (min-width: 1200px) {
  .home-section__left-text {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 11px;
    position: absolute;
    top: 50%;
    left: 1.5em;
    transform: translate(-50%, -50%) rotate(90deg);
  }
}

.home-section-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(32px, 33.64vw, 40px) 0;
  width: min(calc(100% - clamp(40px, 7.41vw, 80px)), 1080px);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.home-section-inner--change {
  display: block;
}

/* セクション > タイトル・wrapper */
.home-ttl-wrap {
  letter-spacing: 0.05em;
  text-align: center;
}
@media (min-width: 1100px) {
  .home-ttl-wrap {
    width: min(82.87%, 895px);
    margin: 0 0 0 auto;
    text-align: left;
  }
}

/* セクション > タイトル */
.home-ttl {
  display: grid;
  grid-template: "home_t_top" auto "home_t_main" auto "home_t_sub" auto/1fr;
  gap: 0 10px;
  font-family: "Avenir", "Arial", sans-serif;
  font-weight: 300;
}
@media (min-width: 1100px) {
  .home-ttl {
    grid-template: "home_t_top - - home_t_main" 5fr "home_t_top home_t_sub home_t_sub home_t_sub" 3fr/auto 1fr 1fr 4fr;
    align-items: flex-start;
  }
}
.home-ttl__top {
  grid-area: home_t_top;
  font-size: 6.538em;
  font-family: "Prism";
  font-weight: 400;
  line-height: 1;
}
.home-ttl__main {
  grid-area: home_t_main;
  font-size: 1em;
}
@media (min-width: 1100px) {
  .home-ttl__main {
    align-self: flex-end;
  }
}
.home-ttl__sub {
  grid-area: home_t_sub;
  font-size: 0.769em;
}

/* セクション > リード文 */
.home-lead {
  margin: 16px 0 32px;
  font-size: clamp(17px, 1.64vw, 18px);
  text-align: center;
}

/* セクション > コンテナ > タイトル */
.home-ttl_02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25em 0;
}
.home-ttl_02__top {
  font-size: 3.75em;
  font-family: "Prism";
  font-weight: 400;
  line-height: 1;
}
.home-ttl_02__img {
  width: 152px;
}
.home-ttl_02__main {
  font-size: 1em;
}
.home-ttl_02__sub {
  font-size: 0.667em;
  font-weight: 300;
}
.home-ttl_02__sub--en {
  font-family: "Avenir", "Arial", sans-serif;
  font-weight: 300;
}

/* コンテナ・wrapper（コンテナを横並びにする） */
.home-container-wrap {
  display: grid;
  grid-template: 1fr/repeat(1, 1fr);
  gap: 40px 0;
  width: 100%;
}
/* @media (min-width: 1100px) {
  .home-container-wrap {
    grid-template: 1fr/repeat(2, min(100%, 520px));
    justify-content: space-between;
  }
} */
/* 2023/05/30 コンテンツ削除に伴い、変更。追加した場合、元に戻す */
@media (min-width: 1100px) {
  .home-container-wrap {
    grid-template: 1fr/repeat(auto-fit, min(100%, 520px));
    justify-content: center;
  }
}

/* セクション > コンテナ */
.home-container {
  display: block;
  width: 100%;
  text-align: center;
  box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.05);
  isolation: isolate;
  position: relative;
  z-index: 1;
}
@media (min-width: 1100px) {
  .home-container {
    border-radius: 120px;
    overflow: hidden;
  }
}
.home-container__inner {
  display: grid;
  grid-template: minmax(340px, 1fr) 300px/1fr;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (min-width: 1100px) {
  .home-container__inner {
    grid-template: 350px/1fr 1fr;
  }
}
.home-container__inner--02 {
  grid-template: minmax(300px, 1fr) 210px/1fr;
}
@media (min-width: 1100px) {
  .home-container__inner--02 {
    grid-template: 275px 195px/1fr;
  }
}
.home-container__inner--03 {
  grid-template: minmax(315px, 1fr) 300px/1fr;
}
@media (min-width: 1100px) {
  .home-container__inner--03 {
    grid-template: 380px/1fr 1fr;
  }
}
.home-container__inner--04 {
  grid-template: minmax(163px, 1fr) 210px/1fr;
}
@media (min-width: 1100px) {
  .home-container__inner--04 {
    grid-template: 270px/1fr 1fr;
  }
}
@media (min-width: 1100px) {
  .home-container--even .home-c-contents {
    order: 2;
  }
}
@media (min-width: 1100px) {
  .home-container--even .home-c-img {
    order: 1;
  }
}
.home-container:hover {
  isolation: isolate;
}
.home-container:hover .home-c-img::before {
  transform: translate(-50%, -50%) scale(1.1);
  transition: all 1s;
}
.home-container:hover .Icon-circle {
  transform: scale(1.1);
  transition: all 0.5s;
}

/* セクション > コンテナ > 本文 */
.home-c-contents {
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 24px 0;
  min-height: 160px;
  padding: 32px 16px 24px;
}
@media (min-width: 768px) {
  .home-c-contents--half {
    width: 50%;
  }
}
@media (min-width: 1100px) {
  .home-c-contents--half {
    width: 100%;
  }
}
.home-c-contents__txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  width: min(100%, 500px);
}
.home-c-contents__text {
  width: min(100%, 464px);
  margin: 0 auto;
}

/* セクション > コンテナ > イメージ */
.home-c-img {
  order: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.home-c-img::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/img_home_01-01.jpg) top center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-c-img--01-02::before {
  background: url(../img/img_home_01-02.jpg) top center no-repeat;
  background-size: cover;
}
.home-c-img--02-01::before {
  background: url(../img/img_home_02-01.jpg) center no-repeat;
  background-size: cover;
}
.home-c-img--02-02::before {
  background: url(../img/img_home_02-02.jpg) top center no-repeat;
  background-size: cover;
}
.home-c-img--03-01::before {
  background: url(../img/img_home_03-01.jpg) center no-repeat;
  background-size: cover;
}
.home-c-img--03-02::before {
  background: url(../img/img_home_03-02.jpg) center bottom 20% no-repeat;
  background-size: cover;
}

/* セクション/コンテナ > 背景設定など */
#home h2 {
  font-size: clamp(24px, 2.36vw, 26px);
}
#home #news {
  color: #11457b;
  background: #ffffff;
}
#home #news::before {
  display: none;
}
#home #about {
  color: #11457b;
  background: #d6d7dd;
}
#home #about .home-container {
  background: #f5f8fc;
}
#home #studio {
  color: #483034;
  background: #ebdede;
}
#home #studio::before {
  background: url(../img/img_bg_02.png) top 50px left no-repeat;
  background-size: contain;
}
#home #studio .home-container {
  background: #fdf4f4;
}
#home #studio .Icon-circle::after {
  background: #483034;
}
#home #partner {
  color: #11457b;
  background: #efefef;
}
#home #partner::before {
  background: url(../img/img_bg_03.png) top 50px left no-repeat;
  background-size: contain;
}
#home #partner .home-container {
  background: #ffffff;
}

/* ニュース */
.news-table {
  width: 100%;
  border-style: solid;
  border-width: 1px 0 1px 0;
  color: #11457b;
}
.news-table__unit {
  display: grid;
  grid-template: auto/repeat(1, 1fr);
  gap: 0.25em 0.5em;
  padding: 16px 0;
  border-bottom: 1px solid;
}
.news-table__unit:last-of-type {
  border-bottom: none;
}
@media (min-width: 768px) {
  .news-table__unit {
    grid-template: auto/repeat(1, 80px 1fr auto);
  }
}
.news-table__unit > dt {
  font-size: 13px;
}
.news-table__unit > dd.Tag,
.news-table__unit > dd .Tag {
  width: 130px;
  font-size: 12px;
}

/* added */
.news-table__unit a:link,.news-table__unit a:visited{
    text-decoration:underline;
    color: #11457b;
    font-weight:normal;
}
.news-table__unit a:hover{
    text-decoration:underline;
    font-weight:bold;
}
/* added */



.news-foot {
  width: 100%;
  height: 60px;
  margin-left: auto;
}
@media (min-width: 1100px) {
  .news-foot {
    width: 280px;
    height: 45px;
  }
}
.news-foot .Button {
  font-size: clamp(16px, 1.82vw, 18px);
  background: #dee3eb;
}
@media (min-width: 1100px) {
  .news-foot .Button {
    font-size: 14px;
  }
}

/*-----------------------------------------------------------------------------------
下層 
-----------------------------------------------------------------------------------*/
.local-navigation {
  display: none;
}
@media (min-width: 1100px) {
  .local-navigation {
    display: block;
  }
}
.local-navigation ul {
  width: 100%;
  display: grid;
  grid-template: 50px/repeat(auto-fit, 140px);
  justify-content: center;
  align-items: center;
  gap: 0 15px;
  text-align: center;
  color: #11457b;
  background: #bfcdd8;
}
.local-navigation li {
  height: 100%;
  line-height: 1.25;
  font-size: 12px;
  font-weight: 500;
}
.local-navigation li a {
  display: grid;
  height: 100%;
  padding-top: 15px;
  position: relative;
}
.local-navigation li a::before {
  content: "";
  display: block;
  height: 10px;
  border-left: 1px solid;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.head {
  width: 100%;
  height: 200px;
  background: url(../img/img_head_sp_05.jpg) center no-repeat;
  background-size: cover;
  position: relative;
}
@media (min-width: 1100px) {
  .head {
    height: 120px;
    background: url(../img/img_head_05.jpg) center no-repeat;
    background-size: cover;
  }
}
.head__text {
  width: min(calc(100% - clamp(40px, 7.41vw, 80px)), 1080px);
  margin: 0 auto;
  font-size: 24px;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#about .head {
  background: url(../img/img_head_sp_01.jpg) center no-repeat;
  background-size: cover;
}
@media (min-width: 1100px) {
  #about .head {
    background: url(../img/img_head_01.jpg) center no-repeat;
    background-size: cover;
  }
}

#business .head {
  background: url(../img/img_head_sp_02.jpg) center no-repeat;
  background-size: cover;
}
@media (min-width: 1100px) {
  #business .head {
    background: url(../img/img_head_02.jpg) center no-repeat;
    background-size: cover;
  }
}

#studio .head {
  background: url(../img/img_head_sp_03.jpg) center no-repeat;
  background-size: cover;
}
@media (min-width: 1100px) {
  #studio .head {
    background: url(../img/img_head_03.jpg) center no-repeat;
    background-size: cover;
  }
}

#fc .head {
  background: url(../img/img_head_sp_04.jpg) center no-repeat;
  background-size: cover;
}
@media (min-width: 1100px) {
  #fc .head {
    background: url(../img/img_head_04.jpg) center no-repeat;
    background-size: cover;
  }
}

.breadcrumb {
  display: none;
}
@media (min-width: 1100px) {
  .breadcrumb {
    display: block;
    padding: 0.5em 0;
  }
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  gap: 0 2em;
  width: min(calc(100% - clamp(40px, 7.41vw, 80px)), 1080px);
  margin: 0 auto;
}
.breadcrumb li {
  padding: 0 1em 0 0;
  font-size: 12px;
  font-weight: 500;
  color: #11457b;
  position: relative;
}
.breadcrumb li::before {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-style: solid;
  border-width: 0 1px 1px 0;
  position: absolute;
  top: 50%;
  left: calc(100% + 0.6em);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.breadcrumb li:last-of-type {
  padding: 0;
}
.breadcrumb li:last-of-type::before {
  display: none;
}

.contents {
  width: min(calc(100% - clamp(40px, 7.41vw, 80px)), 1080px);
  margin: 0 auto;
  padding: 32px 0 104px;
}

/*-----------------------------------------------------------------------------------
下層 > コンテンツ >
-----------------------------------------------------------------------------------*/
/* display */
.di_b {
  display: block;
}

.di_inb {
  display: inline-block;
}

.di_fl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1em;
}

/* flex_オプション(初期値に戻す) */
.fl_w_0 {
  flex-wrap: nowrap;
}

.fl_j_0 {
  justify-content: flex-start;
}

.fl_g_0 {
  gap: 0;
}

/* 横幅 */
.wid_SS {
  width: min(100%, 220px);
}
@media (max-width: 640px) {
  .wid_SS {
    width: 100%;
  }
}

.wid_S {
  width: min(100%, 240px);
}
@media (max-width: 640px) {
  .wid_S {
    width: 100%;
  }
}

.wid_M {
  width: min(100%, 350px);
}
@media (max-width: 640px) {
  .wid_M {
    width: 100%;
  }
}

.wid_L {
  width: min(100%, 460px);
}
@media (max-width: 640px) {
  .wid_L {
    width: 100%;
  }
}

.wid_LL {
  width: min(100%, 525px);
}
@media (max-width: 640px) {
  .wid_LL {
    width: 100%;
  }
}

.wid_LLL {
  width: min(100%, 700px);
}
@media (max-width: 640px) {
  .wid_LLL {
    width: 100%;
  }
}

.wid_4L {
  width: min(100%, 800px);
}
@media (max-width: 640px) {
  .wid_4L {
    width: 100%;
  }
}

.wid_100 {
  width: 100%;
}

/* 余白(padding) */
.p_01 {
  padding: 4px 8px;
}

.p_02 {
  padding: 8px 16px;
}

.p_03 {
  padding: 16px clamp(16px, 2.18vw, 24px);
}

.p_04 {
  padding: 24px clamp(24px, 2.91vw, 32px) clamp(32px, 3.64vw, 40px);
}

.p_05 {
  padding: clamp(24px, 2.91vw, 32px) clamp(24px, 3.64vw, 40px) clamp(32px, 5.09vw, 56px);
}

.p_06 {
  padding: clamp(24px, 3.64vw, 40px) clamp(24px, 5.09vw, 56px) clamp(32px, 6.55vw, 72px);
}

.p_07 {
  padding: clamp(24px, 5.09vw, 56px) clamp(24px, 5.82vw, 64px) clamp(32px, 7.27vw, 80px);
}

.p_em_01 {
  padding: 0.25em 0.6em 0.3em;
}

.p_em_02 {
  padding: 0.5em 1em 0.6em;
}

/* 余白(padding-top) */
.pt_0 {
  padding-top: 0;
}

/* 余白(padding-left) */
.pl_0 {
  padding-left: 0;
}

.pl_em_01 {
  padding-left: 0.6em;
}

.pl_em_02 {
  padding-left: 1em;
}

.pl_em_03 {
  padding-left: 1.6em;
}

@media (max-width: 767px) {
  .pl_sp {
    padding-left: 0;
  }
}

@media (min-width: 1100px) {
  .pl_pc {
    padding-left: 0;
  }
}

/* 余白(padding-right) */
.pr_em_01 {
  padding-right: 0.6em;
}

.pr_em_02 {
  padding-right: 1em;
}

.pr_em_03 {
  padding-right: 1.6em;
}

@media (max-width: 767px) {
  .pr_sp {
    padding-right: 0;
  }
}

@media (min-width: 1100px) {
  .pr_pc {
    padding-right: 0;
  }
}

/* 余白(margin) */
.m_c {
  margin: 0 auto;
}

.m_0 {
  margin: 0;
}

/* 余白(margin-top) */
.mt_01 {
  margin-top: 8px;
}

.mt_02 {
  margin-top: 16px;
}

.mt_03 {
  margin-top: clamp(16px, 2.18vw, 24px);
}

.mt_04 {
  margin-top: clamp(24px, 2.91vw, 32px);
}

.mt_05 {
  margin-top: clamp(32px, 3.64vw, 40px);
}

.mt_06 {
  margin-top: clamp(40px, 4.36vw, 48px);
}

.mt_07 {
  margin-top: clamp(48px, 5.09vw, 56px);
}

.mt_08 {
  margin-top: clamp(56px, 5.82vw, 64px);
}

.mt_09 {
  margin-top: clamp(64px, 6.55vw, 72px);
}

.mt_10 {
  margin-top: clamp(72px, 7.27vw, 80px);
}

.mt_11 {
  margin-top: clamp(80px, 8vw, 88px);
}

.mt_12 {
  margin-top: clamp(88px, 8.73vw, 96px);
}

.mt_13 {
  margin-top: clamp(96px, 9.45vw, 104px);
}

.mt_em_01 {
  margin-top: 0.6em;
}

.mt_em_02 {
  margin-top: 1em;
}

.mt_em_03 {
  margin-top: 1.6em;
}

.mt_em_04 {
  margin-top: 2em;
}

/* 余白(margin-right) */
.mr_em_01 {
  margin-right: 0.6em;
}

.mr_em_02 {
  margin-right: 1em;
}

.mr_em_03 {
  margin-right: 1.6em;
}

@media (max-width: 767px) {
  .mr_sp {
    margin-right: 0;
  }
}

/* テキスト方向 */
.txt_c {
  text-align: center;
}

.txt_l {
  text-align: left;
}

.txt_r {
  text-align: right;
}

.txt_j {
  text-align: justify;
}

/* テキスト高さ */
.line_def {
  line-height: 1.75;
}

.line_S {
  line-height: 1.25;
}

.line_M {
  line-height: 1.5;
}

.line_L {
  line-height: 2;
}

.line_LL {
  line-height: 2.2;
}

/* フォント種類 */
.ff_def {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", sans-serif;
}

.ff_01 {
  font-family: "Noto Sans JP", sans-serif;
}

/* 文字サイズ */
.fs_def {
  font-size: 15px;
}

.fs_01 {
  font-size: 14px;
}

.fs_02 {
  font-size: clamp(15px, 1.48vw, 16px);
}

.fs_03 {
  font-size: clamp(17px, 1.67vw, 18px);
}

.fs_04 {
  font-size: clamp(18px, 1.82vw, 20px);
}

.fs_05 {
  font-size: clamp(20px, 2.04vw, 22px);
}

.fs_06 {
  font-size: clamp(22px, 2.18vw, 24px);
}

.fs_07 {
  font-size: clamp(24px, 2.36vw, 26px);
}

/* 文字太さ */
.fw_01 {
  font-weight: 300;
}

.fw_02 {
  font-weight: 500;
}

.fw_03 {
  font-weight: 600;
}

.fw_04 {
  font-weight: 700;
}

/* 文字色 */
.col_w {
  color: #ffffff;
}

.col_b {
  color: #000000;
}

.col_01 {
  color: #11457b;
}

/* 線 */
.bo {
  border-style: solid;
  border-width: 1px;
  border-color: #0d65c0;
}

/* 背景 */
.bgc_w {
  background: #ffffff;
}

.bgc_01 {
  background: #11457b;
}

.bgc_01_02 {
  background: #426f9f;
}

.bgc_01_03 {
  background: #639ed6;
}

.bgc_02 {
  background: #f07e5b;
}

.bgc_02_02 {
  background: #e6a895;
}

.bgc_03 {
  background: #b28c93;
}

.bgc_04 {
  background: #9794bc;
}

/* シャドウ・角丸 */
.b_shadow_01 {
  border-radius: 8px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.16);
}

/* シャドウ・薄い */
.b_shadow_02 {
  box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.05);
}

/* シャドウ・テキスト */
.t_shadow_01 {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
}

/*-----------------------------------------------------------------------------------
下層 > コンテンツ > 共通パーツ
-----------------------------------------------------------------------------------*/
.heading {
  display: grid;
  grid-template: auto/1em 1fr;
  align-items: baseline;
}
.heading__left {
  display: block;
  width: 1em;
  height: 0.8em;
  background: url(../img/icon_heading.svg) center no-repeat;
  background-size: cover;
}
.heading__right {
  margin-left: 0.6em;
  color: #11457b;
}

.heading-bottom {
  margin-left: 1.6em;
}
@media (max-width: 767px) {
  .heading-bottom {
    margin-left: 0;
  }
}
.heading-bottom__inner {
  font-size: 15px;
}

/* テーブル */
.table {
  border-top: solid 1px #0d65c0;
}
.table > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: solid 1px #0d65c0;
  padding: 0.5em 0;
}
.table dt {
  width: 65%;
}
.table dd {
  width: 35%;
  text-align: right;
}
@media (max-width: 767px) {
  .table dt,
.table dd {
    width: 100%;
  }
}

/* リスト装飾表示 */
.list {
  padding-left: 1em;
}
.list li {
  list-style-type: disc;
  padding-left: 0.25em;
}

/* イメージ（黄金比） */
.img_gold {
  display: block;
  width: 100%;
  padding-top: 61.8%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1100px) {
  .img_gold {
    width: 100%;
    padding-top: 0;
  }
}
.img_gold img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1100px) {
  .img_gold img {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
  }
}

/* イメージ（16:9） */
.img_16-9 {
  display: block;
  width: 100%;
  padding-top: 56.2%;
  overflow: hidden;
  position: relative;
}
.img_16-9 img,
.img_16-9 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*-----------------------------------------------------------------------------------
下層 > クライオの効果
-----------------------------------------------------------------------------------*/
/* クライオのもたらす効果のしくみ */
.effect_list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.effect_list > li::after {
  content: "";
  display: block;
  width: 80px;
  height: 38px;
  background: url(../img/icon_arrow_02.svg) center no-repeat;
  background-size: contain;
}
.effect_list > li:last-of-type::after {
  display: none;
}
.effect_list > li > div {
  width: 100%;
  min-height: 45px;
  padding: 0.5em;
  background: #ffffff;
}

/*-----------------------------------------------------------------------------------
下層 > 利用者の声
-----------------------------------------------------------------------------------*/
.voice_list,
.voice_list_02 {
  background: #ffffff;
}
.voice_list > li,
.voice_list_02 > li {
  display: grid;
  grid-template: "voice_img" 120px "voice_text" 1fr/1fr;
  justify-content: space-between;
  gap: 1em 0.6em;
  margin-top: 1.6em;
}
.voice_list > li:first-of-type,
.voice_list_02 > li:first-of-type {
  margin-top: 0;
}
.voice_list > li > img,
.voice_list_02 > li > img {
  grid-area: voice_img;
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.voice_list > li > dl,
.voice_list_02 > li > dl {
  grid-area: voice_text;
}

@media (min-width: 768px) {
  .voice_list > li {
    grid-template: "voice_img voice_text" 1fr/120px 1fr;
  }
}
@media (min-width: 768px) {
  .voice_list > li:nth-of-type(2n) {
    grid-template: "voice_text voice_img" 1fr/1fr 120px;
  }
}
.voice_list > li > img {
  border-radius: 50%;
  background: #e5eef9;
}
.voice_list > li > dl {
  align-self: center;
}

@media (min-width: 768px) {
  .voice_list_02 > li {
    grid-template: "voice_img voice_text" 1fr/150px 1fr;
  }
}
.voice_list_02 > li > img {
  border-radius: 30px;
}
@media (min-width: 768px) {
  .voice_list_02 > li > img {
    width: 150px;
    height: 150px;
  }
}

/*-----------------------------------------------------------------------------------
下層 > 事例
-----------------------------------------------------------------------------------*/
/* 映像 */
.case_first > .wid_L {
  width: min(100%, 500px);
}

/*-----------------------------------------------------------------------------------
下層 > リースのご案内
-----------------------------------------------------------------------------------*/
.lease_card .Box-tag__foot.di_fl {
  justify-content: center;
}
.img_rental_point {
  width: min(100%, 180px);
}

/*-----------------------------------------------------------------------------------
下層 > クライオ直営店のご案内
-----------------------------------------------------------------------------------*/
.studio_card img {
  height: 220px;
}

.studio_list .wid_LL {
  width: min(100%, 540px);
}
@media (max-width: 640px) {
  .studio_list .wid_LL {
    width: 100%;
  }
}
.studio_list .wid_M {
  width: min(100%, 280px);
}
@media (max-width: 640px) {
  .studio_list .wid_M {
    width: 100%;
  }
}

/*-----------------------------------------------------------------------------------
下層 > クライオフィットとは
-----------------------------------------------------------------------------------*/
/* クライオフィットのコンセプト */
.fit_cards {
  width: 100%;
}
.fit_cards > li {
  display: grid;
  grid-template: "fit_icon fit_text fit_img"/48px auto 200px;
  gap: 1em 2em;
  padding: clamp(24px, 2.91vw, 32px) clamp(24px, 3.64vw, 40px) clamp(24px, 2.91vw, 32px) 24px;
  background: #ffffff;
}
.fit_cards > li:first-of-type {
  margin-top: 0;
}
@media (max-width: 767px) {
  .fit_cards > li {
    grid-template: "fit_icon fit_text" "- fit_text" "- fit_img"/48px 1fr;
  }
}
@media (max-width: 640px) {
  .fit_cards > li {
    gap: 1em;
  }
}
.fit_cards .icon {
  grid-area: fit_icon;
  width: 48px;
  height: 48px;
  align-self: center;
}
.fit_cards .text {
  grid-area: fit_text;
  width: min(100%, 700px);
}
@media (max-width: 640px) {
  .fit_cards .text {
    width: 100%;
  }
}
.fit_cards .img {
  grid-area: fit_img;
  width: min(100%, 200px);
}
@media (max-width: 640px) {
  .fit_cards .img {
    width: 100%;
  }
}

/*-----------------------------------------------------------------------------------
下層 > クライオビューティーとは
-----------------------------------------------------------------------------------*/
/* クライオビューティーのコンセプト */
.beauty_cards {
  display: grid;
  grid-template: minmax(35px, 1fr)/repeat(auto-fit, 180px);
  align-items: center;
  gap: 14px clamp(14px, 1.82vw, 20px);
  width: 100%;
  text-align: center;
}
@media (max-width: 640px) {
  .beauty_cards {
    grid-template: minmax(35px, 1fr)/repeat(auto-fit, 130px);
    justify-content: center;
  }
}
.beauty_cards > li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #f4768d;
  background: #ffffff;
  border: solid 1px #f2cdd0;
}

/* フェムテックスタジオに求められる３つの要件 */
.beauty_box {
  padding: clamp(16px, 2.18vw, 24px) clamp(16px, 2.18vw, 24px) clamp(24px, 2.91vw, 32px);
  text-align: center;
  background: rgba(225, 139, 155, 0.2);
}
.beauty_box ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px clamp(14px, 1.82vw, 20px);
}
.beauty_box ol > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.6em 0;
  width: min(100%, 320px);
  padding: 1em 1em 1.1em;
  border-radius: 20px;
  color: #533042;
  background: #ffffff;
}
.beauty_box ol > li::before {
  content: "";
  display: block;
  width: 120px;
  height: 56px;
  background: url(../img/img_beauty_02.png) center no-repeat;
  background-size: contain;
}
.beauty_box ol > li:nth-of-type(2)::before {
  background: url(../img/img_beauty_03.png) center no-repeat;
  background-size: contain;
}
.beauty_box ol > li:nth-of-type(3)::before {
  background: url(../img/img_beauty_04.png) center no-repeat;
  background-size: contain;
}

/*-----------------------------------------------------------------------------------
下層 > FCオーナー募集
-----------------------------------------------------------------------------------*/
/* クライオビジネスとは */
.fcowner_card {
  padding: 24px clamp(24px, 2.91vw, 32px);
  background: #ffffff;
}
.fcowner_card .di_fl {
  gap: 0.5em 1em;
}
.fcowner_card img {
  width: 88px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* しっかりとした開業サポート */
.fcowner_box_02 .Box-separate > .fs_07 {
  font-size: clamp(24px, 3.27vw, 36px);
}
.fcowner_box_02 .Box-separate__head {
  justify-content: center;
}
.fcowner_box_02 .Box-separate__foot .di_fl {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.fcowner_box_02 .Box-separate__foot img {
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
}

/*-----------------------------------------------------------------------------------
下層 > FC料金
-----------------------------------------------------------------------------------*/
.fcprice_menu {
  padding: 24px clamp(24px, 2.91vw, 32px) clamp(32px, 4.36vw, 48px);
  border: solid 4px #639ed6;
  background: #ffffff;
}
.fcprice_menu h3,
.fcprice_menu h4 {
  color: #11457b;
}
.fcprice_menu--02 {
  border: solid 4px #d0667a;
}
.fcprice_menu--02 h3 {
  color: #d0667a;
}
.fcprice_menu > .di_fl {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .fcprice_menu > .di_fl {
    flex-direction: row;
  }
}
.fcprice_menu > .di_fl img {
  width: auto;
  height: 150px;
}
.fcprice_menu > .fs_01 {
  font-size: 13px;
}
.fcprice_menu > .table .fs_01 {
  font-size: 12px;
}