@charset "UTF-8";
/*-変数定義 font
------------------------------*/
@font-face {
  font-family: "Antro_Vectra";
  src: url("../Font/Antro_Vectra.otf") format("OpenType");
}
@font-face {
  font-family: "Antro_Vectra_Bolder";
  src: url("../Font/Antro_Vectra_Bolder.otf") format("OpenType");
}
/*--------------------------
font-size
---------------------------*/
/*行間計算*/
/*--------------------------
content-width
---------------------------*/
.inner--1000 {
  max-width: 1008px;
  max-width: 63rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.common-top-padding {
  padding-top: 120px;
  padding-top: 7.5rem;
}
@media screen and (max-width: 1000px) {
  .common-top-padding {
    padding-top: 5.9375rem;
  }
}

.br__sp {
  display: none;
}
@media screen and (max-width:767px) {
  .br__sp {
    display: block;
  }
}

.button__link {
  display: block;
  position: relative;
  padding: 30px;
  width: 100%;
  max-width: 300px;
  max-width: 18.75rem;
  margin-left: auto;
  margin-right: auto;
  color: #008EAE;
  background: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: none;
  border: 1px #008EAE solid;
  border-radius: 0.1875rem;
  text-align: center;
}

.button__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 1px;
  background-color: #008EAE;
}

.top-common__title {
  font-size: 28px;
  font-size: 1.75rem;
  letter-spacing: 0.13em;
  color: #333;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media screen and (max-width:767px) {
  .top-common__title {
    font-size: 1.25rem;
  }
}

.top-common__title-en {
  color: #92BFDF;
  font-family: "Antro_Vectra";
  font-size: 84px;
  font-size: 5.25rem;
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: -15px;
  margin-bottom: -0.9375rem;
  z-index: -1;
}
@media screen and (max-width:767px) {
  .top-common__title-en {
    font-size: 4rem;
  }
}

.top-common__title-en-thin {
  color: #BDCFE3;
}

.top-common__title-wrap {
  text-align: center;
  z-index: 1;
  position: relative;
}

.top-common__title-underline:after {
  content: "";
  width: 1px;
  width: 0.0625rem;
  height: 53px;
  height: 3.3125rem;
  background: #333;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-top: 0.9375rem;
}

/* ----------------------------------------
header pc
---------------------------------------- */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
  background-color: #fff;
  height: 120px;
  height: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  .header {
    height: inherit;
  }
}

.header__inner {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 17px;
  padding-bottom: 1.0625rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  max-width: 1370px;
  max-width: 85.625rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  .header__inner {
    padding-top: 3.125rem;
    padding-bottom: 0.625rem;
    padding-left: 0;
    padding-right: 4.625rem;
  }
}

.header__nav-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__logo-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__logo-flex-left {
  margin-right: 35px;
  margin-right: 2.1875rem;
}
@media screen and (max-width: 1440px) {
  .header__logo-flex-left {
    margin-right: 2.36vw;
  }
}

.header__logo-flex-left-text {
  font-size: clamp(8px, 0.8vw, 12px);
  font-weight: 500;
  line-height: 1.4166666667;
  letter-spacing: 0.29em;
  display: block;
}
@media screen and (max-width: 1000px) {
  .header__logo-flex-left-text {
    font-size: 0.625rem;
    width: 100%;
    position: absolute;
    background-color: #DBE7EA;
    padding: 0.25rem;
    text-align: center;
    top: 0;
    letter-spacing: 0.29em;
  }
}

.header__logo-flex-right {
  font-size: clamp(9px, 0.8vw, 12px);
  font-weight: 500;
  letter-spacing: 0.07em;
  line-height: 1;
  border-left: 1px solid #000;
  border-left: 0.0625rem solid #000;
  color: #525252;
  padding-left: 10px;
  padding-left: 0.625rem;
  display: block;
}
@media screen and (max-width: 1000px) {
  .header__logo-flex-right {
    display: none;
  }
}

.header__logo-flex-right-text {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

.header__logo-flex-right-text:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1000px) {
  .header__logo {
    padding-left: 1.25rem;
  }
}

.header__logo-item {
  width: 100%;
  max-width: clamp(200px, 17.3vw, 250px);
  position: relative;
  display: block;
}
@media screen and (max-width: 1000px) {
  .header__logo-item {
    max-width: 160px;
  }
}

.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1000px) {
  .header__nav-list {
    display: none;
  }
}

.header__nav-item {
  font-size: clamp(10px, 0.97vw, 14px);
  font-weight: bold;
  line-height: 1.4285714286;
  margin-right: clamp(10px, 2.22vw, 32px);
  white-space: nowrap;
}

.header__nav-button-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  background: linear-gradient(125deg, rgb(238, 117, 18) 0%, rgb(254, 192, 64) 100%, rgb(228, 162, 26) 100%);
  color: #fff;
  padding: 14px 10px;
  padding: 0.875rem 0.625rem;
  border-radius: 0.1875rem;
}

.header__nav-item-top {
  font-size: clamp(10px, 0.8vw, 12px);
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__nav-item-top:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_162_121%29%22%3E%3Cpath%20d%3D%22M15.5556%2016.4319H2.22222C0.996708%2016.4319%200%2015.4464%200%2014.2346V2.51587C0%202.11141%200.331687%201.78345%200.740741%201.78345H17.037C17.4461%201.78345%2017.7778%202.11141%2017.7778%202.51587V14.2346C17.7778%2015.4464%2016.7811%2016.4319%2015.5556%2016.4319ZM1.48148%203.24829V14.2346C1.48148%2014.6383%201.81399%2014.967%202.22222%2014.967H15.5556C15.9638%2014.967%2016.2963%2014.6383%2016.2963%2014.2346V3.24829H1.48148Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.037%207.64282H0.740741C0.331687%207.64282%200%207.31486%200%206.9104C0%206.50594%200.331687%206.17798%200.740741%206.17798H17.037C17.4461%206.17798%2017.7778%206.50594%2017.7778%206.9104C17.7778%207.31486%2017.4461%207.64282%2017.037%207.64282Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%204.71314C9.96157%204.71314%209.62988%204.38517%209.62988%203.98072V1.05103C9.62988%200.646566%209.96157%200.318604%2010.3706%200.318604C10.7797%200.318604%2011.1114%200.646566%2011.1114%201.05103V3.98072C11.1114%204.38517%2010.7797%204.71314%2010.3706%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%204.71314C6.99868%204.71314%206.66699%204.38517%206.66699%203.98072V1.05103C6.66699%200.646566%206.99868%200.318604%207.40773%200.318604C7.81679%200.318604%208.14847%200.646566%208.14847%201.05103V3.98072C8.14847%204.38517%207.81679%204.71314%207.40773%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%204.71314C12.9245%204.71314%2012.5928%204.38517%2012.5928%203.98072V1.05103C12.5928%200.646566%2012.9245%200.318604%2013.3335%200.318604C13.7426%200.318604%2014.0743%200.646566%2014.0743%201.05103V3.98072C14.0743%204.38517%2013.7426%204.71314%2013.3335%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%204.71314C4.03481%204.71314%203.70312%204.38517%203.70312%203.98072V1.05103C3.70312%200.646566%204.03481%200.318604%204.44387%200.318604C4.85292%200.318604%205.18461%200.646566%205.18461%201.05103V3.98072C5.18461%204.38517%204.85292%204.71314%204.44387%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%2010.5725C4.85297%2010.5725%205.18461%2010.2446%205.18461%209.84009C5.18461%209.43558%204.85297%209.10767%204.44387%209.10767C4.03477%209.10767%203.70312%209.43558%203.70312%209.84009C3.70312%2010.2446%204.03477%2010.5725%204.44387%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%2013.5022C4.85297%2013.5022%205.18461%2013.1743%205.18461%2012.7698C5.18461%2012.3653%204.85297%2012.0374%204.44387%2012.0374C4.03477%2012.0374%203.70312%2012.3653%203.70312%2012.7698C3.70312%2013.1743%204.03477%2013.5022%204.44387%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%2010.5725C7.81683%2010.5725%208.14847%2010.2446%208.14847%209.84009C8.14847%209.43558%207.81683%209.10767%207.40773%209.10767C6.99863%209.10767%206.66699%209.43558%206.66699%209.84009C6.66699%2010.2446%206.99863%2010.5725%207.40773%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%2013.5022C7.81683%2013.5022%208.14847%2013.1743%208.14847%2012.7698C8.14847%2012.3653%207.81683%2012.0374%207.40773%2012.0374C6.99863%2012.0374%206.66699%2012.3653%206.66699%2012.7698C6.66699%2013.1743%206.99863%2013.5022%207.40773%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%2010.5725C10.7797%2010.5725%2011.1114%2010.2446%2011.1114%209.84009C11.1114%209.43558%2010.7797%209.10767%2010.3706%209.10767C9.96152%209.10767%209.62988%209.43558%209.62988%209.84009C9.62988%2010.2446%209.96152%2010.5725%2010.3706%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%2013.5022C10.7797%2013.5022%2011.1114%2013.1743%2011.1114%2012.7698C11.1114%2012.3653%2010.7797%2012.0374%2010.3706%2012.0374C9.96152%2012.0374%209.62988%2012.3653%209.62988%2012.7698C9.62988%2013.1743%209.96152%2013.5022%2010.3706%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%2010.5725C13.7426%2010.5725%2014.0743%2010.2446%2014.0743%209.84009C14.0743%209.43558%2013.7426%209.10767%2013.3335%209.10767C12.9244%209.10767%2012.5928%209.43558%2012.5928%209.84009C12.5928%2010.2446%2012.9244%2010.5725%2013.3335%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%2013.5022C13.7426%2013.5022%2014.0743%2013.1743%2014.0743%2012.7698C14.0743%2012.3653%2013.7426%2012.0374%2013.3335%2012.0374C12.9244%2012.0374%2012.5928%2012.3653%2012.5928%2012.7698C12.5928%2013.1743%2012.9244%2013.5022%2013.3335%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_162_121%22%3E%3Crect%20width%3D%2217.7778%22%20height%3D%2216.1133%22%20fill%3D%22white%22%20transform%3D%22translate%280%200.318604%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  width: 17px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 3px;
  margin-right: 0.1875rem;
}

.header__nav-item-top-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
}

.header__nav-item-top-mark::before,
.header__nav-item-top-mark::after {
  content: "";
  width: 0.5px;
  width: 0.03125rem;
  height: 9px;
  height: 0.5625rem;
  bottom: 1px;
  bottom: 0.0625rem;
  background-color: #fff;
  position: relative;
}

.header__nav-item-top-mark::before {
  margin-right: 3px;
  margin-right: 0.1875rem;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.header__nav-item-top-mark::after {
  margin-left: 3px;
  margin-left: 0.1875rem;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

.header__nav-item-bottom {
  font-size: clamp(12px, 1.11vw, 16px);
  font-weight: bold;
  color: #fff;
  line-height: 1.4375;
}

.header__sp-favorite {
  display: none;
}
@media screen and (max-width: 1000px) {
  .header__sp-favorite {
    display: block;
    position: relative;
    top: 5px;
  }
}

/* ----------------------------------------
Mv
---------------------------------------- */
.hero {
  padding-bottom: 0px;
  padding-bottom: 0rem;
  position: relative;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.hero__background {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 0;
  min-height: 800px;
  max-height: 800px;
  border-top-left-radius: 80px;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .hero__background {
    padding-top: 5.375rem;
    width: 100%;
    min-height: 240px;
    max-height: 100%;
  }
}

.hero__background img {
  -o-object-fit: cover;
     object-fit: cover;
}

.hero__body {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 35%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-left: 0px;
  padding-left: 0rem;
  padding-right: 0px;
  padding-right: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
@media screen and (max-width: 1300px) {
  .hero__body {
    bottom: 0;
  }
}
@media screen and (max-width: 1200px) {
  .hero__body {
    left: 15%;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@media screen and (max-width:767px) {
  .hero__body {
    bottom: 0;
    top: 0;
    left: 0;
    padding-top: 7.125rem;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
}

@media screen and (max-width:767px) {
  .hero__body-copy {
    padding-bottom: 68px;
  }
}

.hero__body-copy-img {
  max-width: 434px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1200px) {
  .hero__body-copy-img {
    width: 60%;
  }
}
@media screen and (max-width:767px) {
  .hero__body-copy-img {
    max-width: 146px;
  }
}
@media screen and (max-width: 375px) {
  .hero__body-copy-img {
    max-width: 140px;
  }
}

.hero__body-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 540px;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .hero__body-badge {
    width: 80%;
  }
}
@media screen and (max-width:767px) {
  .hero__body-badge {
    max-width: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px;
    left: 0;
  }
}

.hero__body-en {
  color: #787878;
  font-family: "Antro_Vectra";
  letter-spacing: 0.16em;
  font-size: 54px;
  font-size: 3.375rem;
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
  margin-top: -6px;
  margin-top: -0.375rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (max-width: 1200px) {
  .hero__body-en {
    font-size: 2rem;
  }
}
@media screen and (max-width:767px) {
  .hero__body-en {
    position: absolute;
    font-size: 1.25rem;
    top: 23.25rem;
    left: 3.5rem;
  }
}

.hero__body-sp {
  background: rgba(0, 142, 174, .5);
  color: #fff;
  max-width: 184px;
  right: 0;
  position: absolute;
  top: 128px;
  top: 8rem;
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.07em;
  padding: 7px;
  padding: 0.4375rem;
  display: none;
}
@media screen and (max-width:767px) {
  .hero__body-sp {
    display: block;
  }
}

.hero__body-sp-text {
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
}

.hero__body-sp-text:last-child {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.hero__body-pc-scroll {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 23px;
  padding-left: 1.4375rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
@media screen and (max-width:767px) {
  .hero__body-pc-scroll {
    display: none;
  }
}

.hero__body-pc-scroll-text {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  font-family: "Didact Gothic", sans-serif;
  letter-spacing: 0.18em;
  padding-left: 6px;
  padding-left: 0.375rem;
}

.hero__body-scrolldown {
  position: absolute;
  left: 0;
  bottom: 21px;
  height: 148px;
  padding-left: 34px;
  padding-left: 2.125rem;
}
@media screen and (max-width:767px) {
  .hero__body-scrolldown {
    display: none;
  }
}

.hero__body-scrolldown span {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Didact Gothic", sans-serif;
  color: #000;
  padding-left: 42px;
  padding-left: 2.625rem;
  letter-spacing: 0.18em;
}

.hero__body-scrolldown::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 152px;
  background: #000;
  -webkit-animation: pathmove 1.4s ease-in-out infinite;
          animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}

.hero__body-scrolldown::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 12px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(27deg);
          transform: rotate(27deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@-webkit-keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 90px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 145px;
    opacity: 0;
  }
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 90px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 145px;
    opacity: 0;
  }
}
.hero__body-pc p {
  font-size: 19px;
  font-size: 1.1875rem;
  padding-right: 50px;
  padding-right: 3.125rem;
  padding-bottom: 58px;
  padding-bottom: 3.625rem;
  line-height: 1;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width:767px) {
  .hero__body-pc p {
    display: none;
  }
}

.hero__body-pc p span {
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
}

.header__pc-favorite {
  padding-top: 96px;
  padding-top: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1200px) {
  .header__pc-favorite {
    font-size: 2rem;
  }
}
@media screen and (max-width:767px) {
  .header__pc-favorite {
    display: none;
  }
}

.header__pc-favorite a {
  max-width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#g-nav-sp.panelactive {
  /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

/*丸の拡大*/
.circle-bg {
  position: fixed;
  z-index: 3;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(96, 219, 236)), to(rgb(87, 151, 228)));
  background: linear-gradient(0deg, rgb(96, 219, 236) 0%, rgb(87, 151, 228) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  pointer-events: none;
}

.circle-bg.circleactive {
  opacity: 1;
  pointer-events: auto;
}

#g-nav-sp-list {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  overflow: auto;
}

#g-nav-sp.panelactive #g-nav-sp-list {
  display: block;
}

/*ナビゲーション*/
#g-nav-sp ul.g-nav-sp__wrap {
  opacity: 0;
  position: relative;
  z-index: 999;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  max-width: 600px;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-top: 100px;
}

#g-nav-sp.panelactive ul.g-nav-sp__wrap {
  -webkit-animation-name: gnaviAnime;
          animation-name: gnaviAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes gnaviAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes gnaviAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.g-nav-sp__item {
  text-align: left;
  width: 100%;
  list-style: none;
  padding: 10px 0;
  padding: 0.625rem 0;
}

.g-nav-sp__item-title {
  border-bottom: 1px solid #fff;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-top: 25px;
  padding-top: 1.5625rem;
}

.g-nav-sp__item:first-child {
  padding-top: 0;
}

.g-nav-sp__item-link {
  color: #fff;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.openbtn1 {
  position: fixed;
  top: 5px;
  top: 0.3125rem;
  right: 0;
  z-index: 9999;
  cursor: pointer;
  width: 50px;
  height: 50px;
  display: none;
}
@media screen and (max-width: 1000px) {
  .openbtn1 {
    display: block;
    top: 2.625rem;
  }
}

/*×に変化*/
.openbtn1 span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  left: 14px;
  height: 1px;
  border-radius: 2px;
  background-color: #008EAE;
  width: 45%;
}

.openbtn1 span:nth-of-type(1) {
  top: 15px;
}

.openbtn1 span:nth-of-type(2) {
  top: 23px;
}

.openbtn1 span:nth-of-type(3) {
  top: 31px;
}

.openbtn1.active span:nth-of-type(1) {
  background-color: #fff;
  top: 18px;
  left: 18px;
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3) {
  background-color: #fff;
  top: 30px;
  left: 18px;
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
}

/* ----------------------------------------
Footer
---------------------------------------- */
.footer {
  background: linear-gradient(58deg, rgb(206, 243, 248) 0%, rgb(173, 203, 239) 100%);
}
@media screen and (max-width:767px) {
  .footer {
    margin-bottom: 4.125rem;
  }
}

.footer__inner {
  padding-top: 110px;
  padding-top: 6.875rem;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}
@media screen and (max-width:767px) {
  .footer__inner {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.footer___top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 70px;
  padding-bottom: 4.375rem;
}
@media screen and (max-width:767px) {
  .footer___top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 1.5rem;
  }
}

.footer__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 18%;
          flex: 0 1 18%;
  margin-right: 10%;
}
@media screen and (max-width:767px) {
  .footer__logo {
    margin-right: 0%;
    padding-bottom: 2.5rem;
    max-width: 8.125rem;
  }
}

.footer__nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3%;
}
@media screen and (max-width:767px) {
  .footer__nav {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
    width: 100%;
  }
}

.footer__item {
  font-size: 14px;
  font-size: 0.875rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.footer__item:first-child .footer__item-item,
.footer__item:first-child.is-head .footer__item-item {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.4285714286;
}

.footer__item:first-child,
.footer__item.is-head {
  border-bottom: 1px solid;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  font-weight: bold;
}

.footer__item.is-head {
  margin-top: 1.25em;
}

.footer__detail-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width:767px) {
  .footer__detail-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.footer__detail-title {
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 23%;
          flex: 0 1 23%;
  margin-right: 5%;
}
@media screen and (max-width:767px) {
  .footer__detail-title {
    padding-bottom: 1.25rem;
  }
}

.footer__detail-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5666666667;
  letter-spacing: -0.02em;
}

.footer__detail-content-text {
  border-left: 1px solid #333;
  font-weight: 500;
  color: #008EAE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  padding-left: 14px;
  padding-left: 0.875rem;
  margin-top: 20px;
  margin-top: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__detail-flex-bottom {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (max-width:767px) {
  .footer__detail-flex-bottom {
    margin-top: 2.5rem;
  }
}

.footer__copylight {
  background: #333;
  color: #fff;
  text-align: center;
  padding: 14px 5px;
  padding: 0.875rem 0.3125rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.8333333333;
}
@media screen and (max-width:767px) {
  .footer__copylight {
    padding: 1.3125rem 0.3125rem;
  }
}

/* ページトップ
==============================　*/
.footer-menu {
  position: fixed;
  display: none;
  bottom: 0;
  right: 0;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 8;
}
@media screen and (max-width:767px) {
  .footer-menu {
    display: block;
  }
}

.footer-menu___link {
  position: relative;
  display: block;
  width: 100%;
  height: inherit;
}

.footer-menu___link-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.footer-menu___link-flex-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  padding: 0.5rem;
  background: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer-menu___link-flex-left:before {
  content: "";
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M38.5603%200.105469H11.284C5.09946%200.105469%200.0859375%205.07721%200.0859375%2011.2102V38.2592C0.0859375%2044.3921%205.09946%2049.3639%2011.284%2049.3639H38.5603C44.7448%2049.3639%2049.7584%2044.3921%2049.7584%2038.2592V11.2102C49.7584%205.07721%2044.7448%200.105469%2038.5603%200.105469Z%22%20fill%3D%22%2306C755%22%2F%3E%3Cpath%20d%3D%22M41.4791%2022.4134C41.4791%2015.0647%2034.05%209.08594%2024.918%209.08594C15.7861%209.08594%208.35693%2015.0647%208.35693%2022.4134C8.35693%2029.0017%2014.2493%2034.5187%2022.2078%2035.5623C22.7464%2035.6778%2023.4806%2035.9148%2023.6669%2036.372C23.8345%2036.7876%2023.7756%2037.4372%2023.7212%2037.8575C23.7212%2037.8575%2023.5272%2039.0166%2023.4853%2039.2629C23.4123%2039.6785%2023.1531%2040.8868%2024.9196%2040.148C26.6876%2039.4091%2034.4567%2034.5787%2037.9306%2030.6134C40.3304%2028.0027%2041.4807%2025.3551%2041.4807%2022.4134H41.4791Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M35.9683%2026.6574H31.3162C31.1408%2026.6574%2030.9995%2026.5174%2030.9995%2026.3434V26.3388V19.184V19.1763C30.9995%2019.0024%2031.1408%2018.8623%2031.3162%2018.8623H35.9683C36.1422%2018.8623%2036.285%2019.0039%2036.285%2019.1763V20.3416C36.285%2020.5155%2036.1437%2020.6556%2035.9683%2020.6556H32.8063V21.8655H35.9683C36.1422%2021.8655%2036.285%2022.0071%2036.285%2022.1795V23.3448C36.285%2023.5188%2036.1437%2023.6588%2035.9683%2023.6588H32.8063V24.8687H35.9683C36.1422%2024.8687%2036.285%2025.0104%2036.285%2025.1828V26.348C36.285%2026.522%2036.1437%2026.6621%2035.9683%2026.6621V26.6574Z%22%20fill%3D%22%2306C755%22%2F%3E%3Cpath%20d%3D%22M18.7584%2026.657C18.9323%2026.657%2019.0751%2026.517%2019.0751%2026.343V25.1777C19.0751%2025.0053%2018.9323%2024.8637%2018.7584%2024.8637H15.5965V19.1744C15.5965%2019.002%2015.4537%2018.8604%2015.2798%2018.8604H14.1047C13.9293%2018.8604%2013.7881%2019.0004%2013.7881%2019.1744V26.3369V26.343C13.7881%2026.517%2013.9293%2026.657%2014.1047%2026.657H18.7569H18.7584Z%22%20fill%3D%22%2306C755%22%2F%3E%3Cpath%20d%3D%22M21.5585%2018.8623H20.385C20.2101%2018.8623%2020.0684%2019.0029%2020.0684%2019.1763V26.3434C20.0684%2026.5169%2020.2101%2026.6574%2020.385%2026.6574H21.5585C21.7334%2026.6574%2021.8752%2026.5169%2021.8752%2026.3434V19.1763C21.8752%2019.0029%2021.7334%2018.8623%2021.5585%2018.8623Z%22%20fill%3D%22%2306C755%22%2F%3E%3Cpath%20d%3D%22M29.5539%2018.8623H28.3788C28.2034%2018.8623%2028.0622%2019.0024%2028.0622%2019.1763V23.4326L24.7558%2019.0039C24.7481%2018.9931%2024.7388%2018.9824%2024.731%2018.9716C24.731%2018.9716%2024.731%2018.9716%2024.7294%2018.9701C24.7232%2018.9639%2024.717%2018.9562%2024.7108%2018.95C24.7093%2018.9485%2024.7062%2018.947%2024.7046%2018.9454C24.6984%2018.9408%2024.6937%2018.9362%2024.6875%2018.9316C24.6844%2018.93%2024.6813%2018.927%2024.6782%2018.9254C24.6736%2018.9208%2024.6674%2018.9177%2024.6611%2018.9146C24.658%2018.9131%2024.6549%2018.91%2024.6518%2018.9085C24.6456%2018.9054%2024.641%2018.9023%2024.6348%2018.8992C24.6317%2018.8977%2024.6286%2018.8962%2024.6254%2018.8946C24.6192%2018.8916%2024.613%2018.8885%2024.6068%2018.8869C24.6037%2018.8869%2024.6006%2018.8839%2024.596%2018.8839C24.5897%2018.8823%2024.5835%2018.8792%2024.5773%2018.8777C24.5742%2018.8777%2024.5696%2018.8762%2024.5665%2018.8746C24.5603%2018.8746%2024.554%2018.8715%2024.5478%2018.87C24.5432%2018.87%2024.5385%2018.87%2024.5339%2018.8685C24.5277%2018.8685%2024.523%2018.8669%2024.5168%2018.8669C24.5106%2018.8669%2024.5059%2018.8669%2024.4997%2018.8669C24.4966%2018.8669%2024.492%2018.8669%2024.4888%2018.8669H23.3215C23.1477%2018.8669%2023.0049%2019.007%2023.0049%2019.1809V26.348C23.0049%2026.5204%2023.1461%2026.6621%2023.3215%2026.6621H24.4966C24.672%2026.6621%2024.8133%2026.522%2024.8133%2026.348V22.0918L28.1242%2026.5266C28.1475%2026.5589%2028.1755%2026.5851%2028.2065%2026.6051C28.2065%2026.6051%2028.2096%2026.6066%2028.2096%2026.6082C28.2158%2026.6128%2028.222%2026.6159%2028.2298%2026.6205C28.2329%2026.622%2028.236%2026.6236%2028.2391%2026.6251C28.2438%2026.6282%2028.25%2026.6297%2028.2546%2026.6328C28.2593%2026.6359%2028.2655%2026.6374%2028.2702%2026.639C28.2733%2026.639%2028.2764%2026.6421%2028.2795%2026.6421C28.2872%2026.6451%2028.2934%2026.6467%2028.3012%2026.6482C28.3012%2026.6482%2028.3043%2026.6482%2028.3059%2026.6482C28.3323%2026.6544%2028.3602%2026.659%2028.3881%2026.659H29.5554C29.7293%2026.659%2029.8721%2026.5189%2029.8721%2026.345V19.1779C29.8721%2019.0055%2029.7308%2018.8638%2029.5554%2018.8638L29.5539%2018.8623Z%22%20fill%3D%22%2306C755%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-position: center;
}

.footer-menu___link-flex-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #F9A932;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 8px 8px 10px;
  padding: 0.5rem 0.5rem 0.5rem 0.625rem;
}

.footer-menu___link-flex-right:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_162_121%29%22%3E%3Cpath%20d%3D%22M15.5556%2016.4319H2.22222C0.996708%2016.4319%200%2015.4464%200%2014.2346V2.51587C0%202.11141%200.331687%201.78345%200.740741%201.78345H17.037C17.4461%201.78345%2017.7778%202.11141%2017.7778%202.51587V14.2346C17.7778%2015.4464%2016.7811%2016.4319%2015.5556%2016.4319ZM1.48148%203.24829V14.2346C1.48148%2014.6383%201.81399%2014.967%202.22222%2014.967H15.5556C15.9638%2014.967%2016.2963%2014.6383%2016.2963%2014.2346V3.24829H1.48148Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.037%207.64282H0.740741C0.331687%207.64282%200%207.31486%200%206.9104C0%206.50594%200.331687%206.17798%200.740741%206.17798H17.037C17.4461%206.17798%2017.7778%206.50594%2017.7778%206.9104C17.7778%207.31486%2017.4461%207.64282%2017.037%207.64282Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%204.71314C9.96157%204.71314%209.62988%204.38517%209.62988%203.98072V1.05103C9.62988%200.646566%209.96157%200.318604%2010.3706%200.318604C10.7797%200.318604%2011.1114%200.646566%2011.1114%201.05103V3.98072C11.1114%204.38517%2010.7797%204.71314%2010.3706%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%204.71314C6.99868%204.71314%206.66699%204.38517%206.66699%203.98072V1.05103C6.66699%200.646566%206.99868%200.318604%207.40773%200.318604C7.81679%200.318604%208.14847%200.646566%208.14847%201.05103V3.98072C8.14847%204.38517%207.81679%204.71314%207.40773%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%204.71314C12.9245%204.71314%2012.5928%204.38517%2012.5928%203.98072V1.05103C12.5928%200.646566%2012.9245%200.318604%2013.3335%200.318604C13.7426%200.318604%2014.0743%200.646566%2014.0743%201.05103V3.98072C14.0743%204.38517%2013.7426%204.71314%2013.3335%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%204.71314C4.03481%204.71314%203.70312%204.38517%203.70312%203.98072V1.05103C3.70312%200.646566%204.03481%200.318604%204.44387%200.318604C4.85292%200.318604%205.18461%200.646566%205.18461%201.05103V3.98072C5.18461%204.38517%204.85292%204.71314%204.44387%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%2010.5725C4.85297%2010.5725%205.18461%2010.2446%205.18461%209.84009C5.18461%209.43558%204.85297%209.10767%204.44387%209.10767C4.03477%209.10767%203.70312%209.43558%203.70312%209.84009C3.70312%2010.2446%204.03477%2010.5725%204.44387%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%2013.5022C4.85297%2013.5022%205.18461%2013.1743%205.18461%2012.7698C5.18461%2012.3653%204.85297%2012.0374%204.44387%2012.0374C4.03477%2012.0374%203.70312%2012.3653%203.70312%2012.7698C3.70312%2013.1743%204.03477%2013.5022%204.44387%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%2010.5725C7.81683%2010.5725%208.14847%2010.2446%208.14847%209.84009C8.14847%209.43558%207.81683%209.10767%207.40773%209.10767C6.99863%209.10767%206.66699%209.43558%206.66699%209.84009C6.66699%2010.2446%206.99863%2010.5725%207.40773%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%2013.5022C7.81683%2013.5022%208.14847%2013.1743%208.14847%2012.7698C8.14847%2012.3653%207.81683%2012.0374%207.40773%2012.0374C6.99863%2012.0374%206.66699%2012.3653%206.66699%2012.7698C6.66699%2013.1743%206.99863%2013.5022%207.40773%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%2010.5725C10.7797%2010.5725%2011.1114%2010.2446%2011.1114%209.84009C11.1114%209.43558%2010.7797%209.10767%2010.3706%209.10767C9.96152%209.10767%209.62988%209.43558%209.62988%209.84009C9.62988%2010.2446%209.96152%2010.5725%2010.3706%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%2013.5022C10.7797%2013.5022%2011.1114%2013.1743%2011.1114%2012.7698C11.1114%2012.3653%2010.7797%2012.0374%2010.3706%2012.0374C9.96152%2012.0374%209.62988%2012.3653%209.62988%2012.7698C9.62988%2013.1743%209.96152%2013.5022%2010.3706%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%2010.5725C13.7426%2010.5725%2014.0743%2010.2446%2014.0743%209.84009C14.0743%209.43558%2013.7426%209.10767%2013.3335%209.10767C12.9244%209.10767%2012.5928%209.43558%2012.5928%209.84009C12.5928%2010.2446%2012.9244%2010.5725%2013.3335%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%2013.5022C13.7426%2013.5022%2014.0743%2013.1743%2014.0743%2012.7698C14.0743%2012.3653%2013.7426%2012.0374%2013.3335%2012.0374C12.9244%2012.0374%2012.5928%2012.3653%2012.5928%2012.7698C12.5928%2013.1743%2012.9244%2013.5022%2013.3335%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_162_121%22%3E%3Crect%20width%3D%2217.7778%22%20height%3D%2216.1133%22%20fill%3D%22white%22%20transform%3D%22translate%280%200.318604%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  width: 20px;
  width: 1.25rem;
  height: 18px;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  margin-right: 0.5rem;
  margin-top: 17px;
  margin-top: 1.0625rem;
}

.footer-menu___link-flex-right:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_257_3039)%22%3E%3Cpath%20d%3D%22M9.51476%2018.68C14.6175%2018.68%2018.7541%2014.5336%2018.7541%209.41886C18.7541%204.30407%2014.6175%200.157715%209.51476%200.157715C4.412%200.157715%200.275391%204.30407%200.275391%209.41886C0.275391%2014.5336%204.412%2018.68%209.51476%2018.68Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M8.09082%2013.3679L12.0264%209.41898L8.09082%205.47412%22%20stroke%3D%22%23FEC040%22%20stroke-width%3D%221.73684%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_257_3039%22%3E%3Crect%20width%3D%2218.4828%22%20height%3D%2218.5263%22%20fill%3D%22white%22%20transform%3D%22translate(0.275391%200.157715)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  margin-right: 0.5rem;
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-left: 4px;
  margin-left: 0.25rem;
}

.footer-menu___link-flex-right-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(238,117,18,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0 7px #EE7512);
          filter: drop-shadow(0 0 7px #EE7512);
  -webkit-filter: drop-shadow(0 0 0.4375rem #EE7512);
          filter: drop-shadow(0 0 0.4375rem #EE7512);
}

.footer-menu___link-flex-right-top {
  font-size: 13.9px;
  font-size: 0.86875rem;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0;
}

.footer-menu___link-flex-right-bottom {
  font-size: 17.5px;
  font-size: 1.09375rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2571428571;
  letter-spacing: 0;
  white-space: nowrap;
}
@media screen and (max-width: 320px) {
  .footer-menu___link-flex-right-bottom {
    font-size: 0.90625rem;
  }
}

/*footerまでスクロールしたら消す*/
.is-hidden {
  visibility: hidden;
  opacity: 0;
}

body,
* {
  font-family: "Noto Sans JP", sans-serif;
  text-align: justify;
}

main.is-page {
  padding-top: 48px;
}
@media screen and (max-width:767px) {
  main.is-page {
    padding-top: 47px;
  }
}

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

a {
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

a:hover {
  opacity: 0.8;
}

/*--container
------------------------------*/
.container {
  max-width: 1000px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container02 {
  max-width: 1080px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container03 {
  max-width: 1080px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container04 {
  max-width: 1200px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.container05 {
  max-width: 820px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.container06 {
  max-width: 880px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.container07 {
  max-width: 900px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.child-container {
  max-width: 800px;
  width: calc(100% - 120px);
}
@media screen and (max-width:767px) {
  .child-container {
    width: 100%;
  }
}

.child-container02 {
  max-width: 684px;
  width: calc(100% - 120px);
}
@media screen and (max-width:767px) {
  .child-container02 {
    width: 100%;
  }
}

@media screen and (max-width:767px) {
  .sp-container {
    width: 84%;
    margin: 0 auto;
  }
}

/*--container
------------------------------*/
.is-front .container {
  max-width: 1000px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.is-front .container02 {
  max-width: 1080px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.is-front .container03 {
  max-width: 1080px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.is-front .container04 {
  max-width: 1200px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.is-front .container05 {
  max-width: 820px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.is-front .container06 {
  max-width: 880px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.is-front .container07 {
  max-width: 900px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.is-front .child-container {
  max-width: 800px;
  width: calc(100% - 120px);
}
@media screen and (max-width:767px) {
  .is-front .child-container {
    width: 100%;
  }
}
.is-front .child-container02 {
  max-width: 684px;
  width: calc(100% - 120px);
}
@media screen and (max-width:767px) {
  .is-front .child-container02 {
    width: 100%;
  }
}
@media screen and (max-width:767px) {
  .is-front .sp-container {
    width: 84%;
    margin: 0 auto;
  }
}

/*--section__title
------------------------------*/
.section__title {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.5;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 0.4em;
  font-weight: 500;
  z-index: 5;
  position: relative;
}
@media screen and (max-width:767px) {
  .section__title {
    font-size: 1.125rem;
  }
}

.section__title span {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  margin-left: 4px;
}
@media screen and (max-width:767px) {
  .section__title span {
    font-size: 0.8125rem;
    margin-left: 2px;
    letter-spacing: 0.3em;
  }
}

/* ----------------------------------------
page base
---------------------------------------- */
.is-page {
  background: #F5F5F0;
}

.page__section:not(:last-of-type) {
  padding-top: 148px;
}
@media screen and (max-width:767px) {
  .page__section:not(:last-of-type) {
    padding-top: 80px;
  }
}

.page__section:last-of-type {
  padding-top: 148px;
  padding-bottom: 160px;
}
@media screen and (max-width:767px) {
  .page__section:last-of-type {
    padding-top: 80px;
    padding-bottom: 120px;
  }
}

/* ----------------------------------------
page mv
---------------------------------------- */
.mv__wrap .container:not(.breadcrumbs) {
  padding: 100px 0;
}
@media screen and (max-width:767px) {
  .mv__wrap .container:not(.breadcrumbs) {
    padding: 60px 0 80px;
    width: 100%;
  }
}

.mv__wrap .container .page__top-title,
.is-404 h1 {
  text-align: center;
  font-weight: 500;
  font-size: 32px;
  font-size: 2rem;
  letter-spacing: 0.35em;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .mv__wrap .container .page__top-title,
  .is-404 h1 {
    font-size: 1.125rem;
  }
}

/* ----------------------------------------
breadcrumbs
---------------------------------------- */
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 21px;
  padding-top: 1.3125rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  max-width: 1370px;
  max-width: 85.625rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .breadcrumb {
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media screen and (max-width:767px) {
  .breadcrumb {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /*Google Chrome、Safariへの対応*/
  .breadcrumb::-webkit-scrollbar {
    display: none;
  }
}
.breadcrumb__item {
  color: #7B7B7B;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .breadcrumb__item {
    white-space: nowrap;
  }
}

.breadcrumb__item::after {
  content: "ー";
  padding-left: 7px;
  padding-left: 0.4375rem;
  padding-right: 7px;
  padding-right: 0.4375rem;
}

.breadcrumb__item:last-child::after {
  content: none;
}

/* ----------------------------------------
page title
---------------------------------------- */
.page-common__head {
  background-image: url(../img/about/img-page-common-bg.webp);
  padding-top: 84px;
  padding-top: 5.25rem;
  padding-bottom: 84px;
  padding-bottom: 5.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  background-size: cover;
  background-position: center;
  background-color: #F6F6F6;
  text-align: center;
}
@media screen and (max-width:767px) {
  .page-common__head {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.page-common__title {
  color: #7D7D7D;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.2857142857;
  letter-spacing: 0.1em;
  text-align: center;
  background-color: #fff;
  border-radius: 5rem;
  max-width: 600px;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  padding: 0.625rem;
}
@media screen and (max-width:767px) {
  .page-common__title {
    font-size: 1.125rem;
  }
}

.page-common__title--bg-white {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  color: #7D7D7D;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5rem;
  padding-left: 60px;
  padding-left: 3.75rem;
  padding-right: 60px;
  padding-right: 3.75rem;
}
@media screen and (max-width:767px) {
  .page-common__title--bg-white {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

/* ----------------------------------------
message mv
---------------------------------------- */
.page-404__content {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  max-width: 775px;
  max-width: 48.4375rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-top: 5.625rem;
  padding-bottom: 70px;
  padding-bottom: 4.375rem;
}
@media screen and (max-width:767px) {
  .page-404__content {
    padding-top: 2.5rem;
    padding-bottom: 3.125rem;
  }
}

.page-404__content-title {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  color: #000000;
  line-height: 1.2857142857;
  letter-spacing: 0.1em;
  padding-bottom: 44px;
  padding-bottom: 2.75rem;
}
@media screen and (max-width:767px) {
  .page-404__content-title {
    font-size: 1.5rem;
  }
}

.page-404__content-text {
  padding-left: 20px;
  padding-left: 1.25rem;
  position: relative;
  line-height: 2.25;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-align: center;
  padding-bottom: 35px;
  padding-bottom: 2.1875rem;
}
@media screen and (max-width:767px) {
  .page-404__content-text {
    font-size: 0.8125rem;
    padding-bottom: 1.25rem;
  }
}

/* ----------------------------------------
last
---------------------------------------- */
.sp-flex, .sp-block, .sp-inline {
  display: none !important;
}

@media screen and (max-width:767px) {
  .sp-hide {
    display: none !important;
  }
  .sp-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .sp-block {
    display: block !important;
  }
  .sp-inline {
    display: inline !important;
  }
}
.pc-hide {
  display: none;
}
@media screen and (max-width:767px) {
  .pc-hide {
    display: block;
  }
}

.ctp-contact {
  background-size: cover;
  background-image: url(../img/front/ctp-contact-bg.webp);
  background-position: center;
}
@media screen and (max-width:767px) {
  .ctp-contact {
    background-image: url(../img/front/ctp-contact-bg-sp.webp);
  }
}

.ctp-contact__inner {
  padding-top: 100px;
  padding-top: 6.25rem;
  padding-bottom: 75px;
  padding-bottom: 4.6875rem;
}
@media screen and (max-width:767px) {
  .ctp-contact__inner {
    padding-top: 3.125rem;
    padding-bottom: 4.125rem;
  }
}

.ctp-contact__text {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
}
@media screen and (max-width:767px) {
  .ctp-contact__text {
    font-size: 1.125rem;
    padding-bottom: 2rem;
  }
}

.ctp-contact__button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 28px;
  row-gap: 1.75rem;
  -webkit-column-gap: 4%;
     -moz-column-gap: 4%;
          column-gap: 4%;
}
@media screen and (max-width:767px) {
  .ctp-contact__button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 0.75rem;
  }
}

.ctp-contact__button-item {
  max-width: 428px;
  width: 48%;
}
@media screen and (max-width:767px) {
  .ctp-contact__button-item {
    max-width: 333px;
    width: 100%;
  }
}

.ctp-contact__button-reservation {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(125deg, rgb(238, 117, 18) 0%, rgb(254, 192, 64) 100%, rgb(228, 162, 26) 100%);
  color: #fff;
  padding: 14px 10px;
  padding: 0.875rem 0.625rem;
  border-radius: 0.1875rem;
  height: 100px;
  height: 6.25rem;
}
@media screen and (max-width:767px) {
  .ctp-contact__button-reservation {
    height: 4.25rem;
  }
}

.ctp-contact__button-reservation-top {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:767px) {
  .ctp-contact__button-reservation-top {
    font-size: 0.675rem;
  }
}

.ctp-contact__button-reservation:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_162_121%29%22%3E%3Cpath%20d%3D%22M15.5556%2016.4319H2.22222C0.996708%2016.4319%200%2015.4464%200%2014.2346V2.51587C0%202.11141%200.331687%201.78345%200.740741%201.78345H17.037C17.4461%201.78345%2017.7778%202.11141%2017.7778%202.51587V14.2346C17.7778%2015.4464%2016.7811%2016.4319%2015.5556%2016.4319ZM1.48148%203.24829V14.2346C1.48148%2014.6383%201.81399%2014.967%202.22222%2014.967H15.5556C15.9638%2014.967%2016.2963%2014.6383%2016.2963%2014.2346V3.24829H1.48148Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.037%207.64282H0.740741C0.331687%207.64282%200%207.31486%200%206.9104C0%206.50594%200.331687%206.17798%200.740741%206.17798H17.037C17.4461%206.17798%2017.7778%206.50594%2017.7778%206.9104C17.7778%207.31486%2017.4461%207.64282%2017.037%207.64282Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%204.71314C9.96157%204.71314%209.62988%204.38517%209.62988%203.98072V1.05103C9.62988%200.646566%209.96157%200.318604%2010.3706%200.318604C10.7797%200.318604%2011.1114%200.646566%2011.1114%201.05103V3.98072C11.1114%204.38517%2010.7797%204.71314%2010.3706%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%204.71314C6.99868%204.71314%206.66699%204.38517%206.66699%203.98072V1.05103C6.66699%200.646566%206.99868%200.318604%207.40773%200.318604C7.81679%200.318604%208.14847%200.646566%208.14847%201.05103V3.98072C8.14847%204.38517%207.81679%204.71314%207.40773%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%204.71314C12.9245%204.71314%2012.5928%204.38517%2012.5928%203.98072V1.05103C12.5928%200.646566%2012.9245%200.318604%2013.3335%200.318604C13.7426%200.318604%2014.0743%200.646566%2014.0743%201.05103V3.98072C14.0743%204.38517%2013.7426%204.71314%2013.3335%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%204.71314C4.03481%204.71314%203.70312%204.38517%203.70312%203.98072V1.05103C3.70312%200.646566%204.03481%200.318604%204.44387%200.318604C4.85292%200.318604%205.18461%200.646566%205.18461%201.05103V3.98072C5.18461%204.38517%204.85292%204.71314%204.44387%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%2010.5725C4.85297%2010.5725%205.18461%2010.2446%205.18461%209.84009C5.18461%209.43558%204.85297%209.10767%204.44387%209.10767C4.03477%209.10767%203.70312%209.43558%203.70312%209.84009C3.70312%2010.2446%204.03477%2010.5725%204.44387%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%2013.5022C4.85297%2013.5022%205.18461%2013.1743%205.18461%2012.7698C5.18461%2012.3653%204.85297%2012.0374%204.44387%2012.0374C4.03477%2012.0374%203.70312%2012.3653%203.70312%2012.7698C3.70312%2013.1743%204.03477%2013.5022%204.44387%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%2010.5725C7.81683%2010.5725%208.14847%2010.2446%208.14847%209.84009C8.14847%209.43558%207.81683%209.10767%207.40773%209.10767C6.99863%209.10767%206.66699%209.43558%206.66699%209.84009C6.66699%2010.2446%206.99863%2010.5725%207.40773%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%2013.5022C7.81683%2013.5022%208.14847%2013.1743%208.14847%2012.7698C8.14847%2012.3653%207.81683%2012.0374%207.40773%2012.0374C6.99863%2012.0374%206.66699%2012.3653%206.66699%2012.7698C6.66699%2013.1743%206.99863%2013.5022%207.40773%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%2010.5725C10.7797%2010.5725%2011.1114%2010.2446%2011.1114%209.84009C11.1114%209.43558%2010.7797%209.10767%2010.3706%209.10767C9.96152%209.10767%209.62988%209.43558%209.62988%209.84009C9.62988%2010.2446%209.96152%2010.5725%2010.3706%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%2013.5022C10.7797%2013.5022%2011.1114%2013.1743%2011.1114%2012.7698C11.1114%2012.3653%2010.7797%2012.0374%2010.3706%2012.0374C9.96152%2012.0374%209.62988%2012.3653%209.62988%2012.7698C9.62988%2013.1743%209.96152%2013.5022%2010.3706%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%2010.5725C13.7426%2010.5725%2014.0743%2010.2446%2014.0743%209.84009C14.0743%209.43558%2013.7426%209.10767%2013.3335%209.10767C12.9244%209.10767%2012.5928%209.43558%2012.5928%209.84009C12.5928%2010.2446%2012.9244%2010.5725%2013.3335%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%2013.5022C13.7426%2013.5022%2014.0743%2013.1743%2014.0743%2012.7698C14.0743%2012.3653%2013.7426%2012.0374%2013.3335%2012.0374C12.9244%2012.0374%2012.5928%2012.3653%2012.5928%2012.7698C12.5928%2013.1743%2012.9244%2013.5022%2013.3335%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_162_121%22%3E%3Crect%20width%3D%2217.7778%22%20height%3D%2216.1133%22%20fill%3D%22white%22%20transform%3D%22translate%280%200.318604%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  width: 40px;
  width: 2.5rem;
  height: 36px;
  height: 2.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  margin-right: 0.5rem;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (max-width:767px) {
  .ctp-contact__button-reservation:before {
    width: 1.75rem;
    height: 1.5rem;
  }
}

.ctp-contact__button-reservation-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ctp-contact__button-reservation-top-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
}

.ctp-contact__button-reservation-top-mark::before,
.ctp-contact__button-reservation-top-mark::after {
  content: "";
  width: 0.5px;
  width: 0.03125rem;
  height: 9px;
  height: 0.5625rem;
  bottom: 1px;
  bottom: 0.0625rem;
  background-color: #fff;
  position: relative;
}

.ctp-contact__button-reservation-top-mark::before {
  margin-right: 3px;
  margin-right: 0.1875rem;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.ctp-contact__button-reservation-top-mark::after {
  margin-left: 3px;
  margin-left: 0.1875rem;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

.ctp-contact__button-reservation-bottom {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.4375;
}
@media screen and (max-width: 800px) {
  .ctp-contact__button-reservation-bottom {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  .ctp-contact__button-reservation-bottom {
    font-size: 1.09375rem;
  }
}

.ctp-contact__button-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(125deg, #23CE72 0%, #0CB99A 88%, #0CB99A 88%);
  color: #fff;
  padding: 14px 10px;
  padding: 0.875rem 0.625rem;
  border-radius: 0.1875rem;
  height: 100px;
  height: 6.25rem;
}
@media screen and (max-width:767px) {
  .ctp-contact__button-line {
    height: 4.25rem;
  }
}

.ctp-contact__button-line-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  .ctp-contact__button-line-text {
    font-size: 1.09375rem;
  }
}

.ctp-contact__button-line-text:before {
  content: "";
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2257%22%20height%3D%2257%22%20viewBox%3D%220%200%2057%2057%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_162_82)%22%3E%3Cpath%20d%3D%22M44.1501%200H12.8499C5.75311%200%200%205.75311%200%2012.8499V44.1501C0%2051.2469%205.75311%2057%2012.8499%2057H44.1501C51.2469%2057%2057%2051.2469%2057%2044.1501V12.8499C57%205.75311%2051.2469%200%2044.1501%200Z%22%20fill%3D%22%2306C755%22%2F%3E%3Cpath%20d%3D%22M47.4985%2025.8139C47.4985%2017.3102%2038.9735%2010.3918%2028.4944%2010.3918C18.0153%2010.3918%209.49023%2017.3102%209.49023%2025.8139C9.49023%2033.4376%2016.2519%2039.8216%2025.3843%2041.0293C26.0024%2041.1629%2026.845%2041.4372%2027.0587%2041.9663C27.2511%2042.4472%2027.1834%2043.1989%2027.121%2043.6852C27.121%2043.6852%2026.8984%2045.0264%2026.8503%2045.3114C26.7666%2045.7924%2026.4691%2047.1907%2028.4962%2046.3357C30.525%2045.4807%2039.4402%2039.8911%2043.4266%2035.3026C46.1804%2032.2816%2047.5003%2029.2178%2047.5003%2025.8139H47.4985Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M41.1754%2030.7248H35.837C35.6357%2030.7248%2035.4736%2030.5627%2035.4736%2030.3614V30.3561V22.0768V22.0679C35.4736%2021.8666%2035.6357%2021.7045%2035.837%2021.7045H41.1754C41.3749%2021.7045%2041.5388%2021.8684%2041.5388%2022.0679V23.4163C41.5388%2023.6176%2041.3767%2023.7797%2041.1754%2023.7797H37.547V25.1797H41.1754C41.3749%2025.1797%2041.5388%2025.3436%2041.5388%2025.5431V26.8915C41.5388%2027.0928%2041.3767%2027.2549%2041.1754%2027.2549H37.547V28.655H41.1754C41.3749%2028.655%2041.5388%2028.8188%2041.5388%2029.0183V30.3667C41.5388%2030.568%2041.3767%2030.7301%2041.1754%2030.7301V30.7248Z%22%20fill%3D%22%2306C755%22%2F%3E%3Cpath%20d%3D%22M21.4262%2030.7248C21.6257%2030.7248%2021.7896%2030.5627%2021.7896%2030.3614V29.013C21.7896%2028.8135%2021.6257%2028.6496%2021.4262%2028.6496H17.7978V22.0661C17.7978%2021.8666%2017.6339%2021.7028%2017.4344%2021.7028H16.086C15.8848%2021.7028%2015.7227%2021.8649%2015.7227%2022.0661V30.3543V30.3614C15.7227%2030.5627%2015.8848%2030.7248%2016.086%2030.7248H21.4244H21.4262Z%22%20fill%3D%22%2306C755%22%2F%3E%3Cpath%20d%3D%22M24.6397%2021.7045H23.2931C23.0924%2021.7045%2022.9297%2021.8672%2022.9297%2022.0679V30.3614C22.9297%2030.5621%2023.0924%2030.7248%2023.2931%2030.7248H24.6397C24.8404%2030.7248%2025.0031%2030.5621%2025.0031%2030.3614V22.0679C25.0031%2021.8672%2024.8404%2021.7045%2024.6397%2021.7045Z%22%20fill%3D%22%2306C755%22%2F%3E%3Cpath%20d%3D%22M33.8149%2021.7045H32.4665C32.2652%2021.7045%2032.1031%2021.8666%2032.1031%2022.0679V26.9931L28.3091%2021.8684C28.3001%2021.8559%2028.2895%2021.8435%2028.2806%2021.831C28.2806%2021.831%2028.2806%2021.831%2028.2788%2021.8292C28.2716%2021.8221%2028.2645%2021.8132%2028.2574%2021.8061C28.2556%2021.8043%2028.2521%2021.8025%2028.2503%2021.8007C28.2432%2021.7954%2028.2378%2021.79%2028.2307%2021.7847C28.2271%2021.7829%2028.2236%2021.7793%2028.22%2021.7776C28.2146%2021.7722%2028.2075%2021.7687%2028.2004%2021.7651C28.1968%2021.7633%2028.1933%2021.7597%2028.1897%2021.758C28.1826%2021.7544%2028.1772%2021.7508%2028.1701%2021.7473C28.1666%2021.7455%2028.163%2021.7437%2028.1594%2021.7419C28.1523%2021.7384%2028.1452%2021.7348%2028.1381%2021.733C28.1345%2021.733%2028.1309%2021.7295%2028.1256%2021.7295C28.1185%2021.7277%2028.1113%2021.7241%2028.1042%2021.7223C28.1006%2021.7223%2028.0953%2021.7206%2028.0917%2021.7188C28.0846%2021.7188%2028.0775%2021.7152%2028.0704%2021.7134C28.065%2021.7134%2028.0597%2021.7134%2028.0543%2021.7117C28.0472%2021.7117%2028.0419%2021.7099%2028.0347%2021.7099C28.0276%2021.7099%2028.0223%2021.7099%2028.0151%2021.7099C28.0116%2021.7099%2028.0062%2021.7099%2028.0027%2021.7099H26.6632C26.4637%2021.7099%2026.2998%2021.872%2026.2998%2022.0732V30.3667C26.2998%2030.5662%2026.4619%2030.7301%2026.6632%2030.7301H28.0116C28.2129%2030.7301%2028.375%2030.568%2028.375%2030.3667V25.4416L32.1744%2030.5734C32.2011%2030.6108%2032.2332%2030.6411%2032.2688%2030.6642C32.2688%2030.6642%2032.2723%2030.666%2032.2723%2030.6678C32.2795%2030.6731%2032.2866%2030.6767%2032.2955%2030.682C32.2991%2030.6838%2032.3026%2030.6856%2032.3062%2030.6874C32.3115%2030.6909%2032.3187%2030.6927%2032.324%2030.6963C32.3293%2030.6998%2032.3365%2030.7016%2032.3418%2030.7034C32.3454%2030.7034%2032.3489%2030.707%2032.3525%2030.707C32.3614%2030.7105%2032.3685%2030.7123%2032.3774%2030.7141C32.3774%2030.7141%2032.381%2030.7141%2032.3828%2030.7141C32.4131%2030.7212%2032.4451%2030.7266%2032.4772%2030.7266H33.8167C34.0162%2030.7266%2034.1801%2030.5645%2034.1801%2030.3632V22.0697C34.1801%2021.8702%2034.018%2021.7063%2033.8167%2021.7063L33.8149%2021.7045Z%22%20fill%3D%22%2306C755%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_162_82%22%3E%3Crect%20width%3D%2257%22%20height%3D%2257%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: cover;
  margin-right: 16px;
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width:767px) {
  .ctp-contact__button-line-text:before {
    width: 2.375rem;
    height: 2.375rem;
  }
}

.ctp-contact__button-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  min-height: 100px;
  min-height: 6.25rem;
  border-radius: 0.1875rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
@media screen and (max-width:767px) {
  .ctp-contact__button-tel {
    min-height: 6.25rem;
  }
}

.ctp-contact__button-tel-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .ctp-contact__button-tel-text {
    font-size: 0.875rem;
  }
}
@media screen and (max-width:767px) {
  .ctp-contact__button-tel-text {
    font-size: 1rem;
    text-align: center;
  }
}

.ctp-contact__button-tel-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #008EAE;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 500;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

.ctp-contact__button-tel-number::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23B9B9B9%22%2F%3E%3Cg%20clip-path%3D%22url(%23clip0_154_166)%22%3E%3Cpath%20d%3D%22M24.0547%2019.7116C22.9221%2019.7116%2021.7872%2019.5221%2020.7494%2019.1453C20.3727%2019.0506%2020.0884%2019.1453%2019.8041%2019.3349L18.2925%2021.2232C15.6483%2019.9012%2013.0988%2017.5413%2011.7768%2014.8023L13.6651%2013.1959C13.9494%2012.9116%2014.0419%2012.5349%2013.8547%2012.2506C13.4779%2011.2128%2013.2884%2010.0779%2013.2884%208.94534C13.2884%208.47383%2012.9116%208%2012.343%208H9.13256C8.66105%208.00231%208%208.19184%208%208.94765C8%2017.7308%2015.2715%2025.0023%2024.0547%2025.0023C24.7157%2025.0023%2025%2024.436%2025%2023.8697V20.5645C25%2020.093%2024.5285%2019.7139%2024.0547%2019.7139V19.7116Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_154_166%22%3E%3Crect%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22white%22%20transform%3D%22translate(8%208)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 7px;
  margin-right: 0.4375rem;
}

.ctp-contact__button-tel-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ctp-contact__button-tel-bottom-text {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}

.ctp-contact__button-tel-bottom-text:first-child {
  margin-right: 20px;
  margin-right: 1.25rem;
}

.about {
  background-image: url(../img/front/img-about-bg.webp);
  background-size: cover;
}

.about__inner {
  max-width: 1118px;
  padding-top: 220px;
  padding-top: 13.75rem;
  padding-bottom: 135px;
  padding-bottom: 8.4375rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .about__inner {
    padding-left: 0rem;
    padding-top: 4.8125rem;
    padding-bottom: 3.5rem;
  }
}

.about__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width:767px) {
  .about__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.about__flex-picture {
  position: relative;
}
@media screen and (max-width:767px) {
  .about__flex-picture {
    width: 90%;
  }
}

.about__flex-picture-icon {
  position: absolute;
  max-width: 160px;
  max-width: 10rem;
  right: -30px;
  right: -1.875rem;
  top: -60px;
  top: -3.75rem;
}
@media screen and (max-width:767px) {
  .about__flex-picture-icon {
    max-width: 5rem;
    right: 0.3125rem;
    top: -1.875rem;
  }
}

.about__body {
  padding-top: 100px;
  padding-top: 6.25rem;
}
@media screen and (max-width:767px) {
  .about__body {
    padding-top: 0rem;
    padding-left: 1.25rem;
    margin-top: -5rem;
  }
}

.about__body-title {
  margin-left: -100px;
  z-index: 1;
  position: relative;
}
@media screen and (max-width:767px) {
  .about__body-title {
    display: block;
    margin-right: 0;
    margin-left: auto;
    text-align: right;
    max-width: 31.25rem;
  }
}

.about__body-title-top,
.about__body-title-bottom {
  padding: 15px 20px;
  padding: 0.9375rem 1.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.about__body-title-top {
  background-color: #39B2CE;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
@media screen and (max-width:767px) {
  .about__body-title-top {
    font-size: 1.5rem;
  }
}

.about__body-title-top--beige {
  color: #F7E9DF;
}

.about__body-title-bottom {
  background-color: #fff;
  color: #008EAE;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  .about__body-title-bottom {
    font-size: 1.5rem;
  }
}

.about__body-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8125;
  padding-top: 32px;
  padding-top: 2rem;
}

.about__button {
  padding-top: 78px;
  padding-top: 4.875rem;
}

.flow__group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding-top: 60px;
  padding-top: 3.75rem;
}
@media screen and (max-width:767px) {
  .flow__group {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 2.5rem;
    max-width: 15.625rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.flow {
  background: #F8F8F8;
}

.flow__inner {
  max-width: 1130px;
  padding-top: 100px;
  padding-top: 6.25rem;
  padding-bottom: 240px;
  padding-bottom: 15rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .flow__inner {
    padding-top: 5.25rem;
    padding-bottom: 8.375rem;
  }
}

.flow__title {
  position: relative;
}

.flow__title-picture-icon {
  position: absolute;
  max-width: 160px;
  max-width: 10rem;
  right: -100px;
  top: -80px;
}
@media screen and (max-width:767px) {
  .flow__title-picture-icon {
    display: none;
  }
}

.flow__item {
  text-align: center;
}

.flow__item-text {
  text-align: center;
  padding-top: 14px;
  padding-top: 0.875rem;
  font-weight: 500;
  font-size: 20px;
  font-size: 1.25rem;
}

.flow__item-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flow__item-img:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 23%;
  left: -4px;
  left: -0.25rem;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width:767px) {
  .flow__item-img:after {
    content: none;
  }
}

.flow__item:first-child .flow__item-img::after {
  content: none;
}

.access {
  background-image: url(../img/front/img-access-bg.jpg);
  background-size: cover;
  background-position: top;
  position: relative;
}
@media screen and (max-width:767px) {
  .access {
    background-image: url(../img/front/img-access-bg-sp.webp);
    margin-bottom: 6.25rem;
  }
}

.access__inner {
  padding-top: 90px;
  padding-top: 5.625rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

@media screen and (max-width:767px) {
  .access__content {
    padding-bottom: 5.625rem;
  }
}

.access__flex {
  max-width: 1120px;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4%;
  padding-top: 74px;
  padding-top: 4.625rem;
  padding-bottom: 54px;
  padding-bottom: 3.375rem;
  padding-right: 68px;
  padding-right: 4.25rem;
  padding-left: 68px;
  padding-left: 4.25rem;
  background: rgba(248, 248, 248, .7);
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-bottom: 100px;
  margin-bottom: 6.25rem;
}
@media screen and (max-width:767px) {
  .access__flex {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.access__bottom-flex {
  position: relative;
  z-index: 2;
  max-width: 1120px;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  gap: 1.25rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
@media screen and (max-width:767px) {
  .access__bottom-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5625rem;
    margin-top: 1.125rem;
    padding-bottom: 2.5rem;
  }
}

.access__bottom-flex-item img {
  aspect-ratio: 260/174;
}
@media screen and (max-width:767px) {
  .access__bottom-flex-item img {
    aspect-ratio: 144/93;
  }
}

.access__flex-body {
  width: 48%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width:767px) {
  .access__flex-body {
    width: 100%;
    padding-bottom: 0.9375rem;
  }
}

.access__flex-picture {
  width: 48%;
}
@media screen and (max-width:767px) {
  .access__flex-picture {
    width: 100%;
  }
}

.access__flex-picture-first {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width:767px) {
  .access__flex-picture-first {
    margin-bottom: 1.25rem;
  }
}

.access__title small {
  margin-bottom: -30px;
  margin-bottom: -1.875rem;
  margin-left: -20px;
  margin-left: -1.25rem;
}

@media screen and (max-width:767px) {
  .access__title-picture-icon.flow__title-picture-icon {
    display: block;
    width: 5rem;
    height: 4.875rem;
    right: -2.5rem;
    top: -3.75rem;
  }
}

.access__flex-body dl {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
@media screen and (max-width:767px) {
  .access__flex-body dl {
    padding-bottom: 0rem;
  }
}

.access__flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-bottom: 17px;
  padding-bottom: 1.0625rem;
}

.access__flex-item:last-child {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.access__flex-item-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80px;
          flex: 0 1 80px;
  -ms-flex: 0 1 5rem;
      flex: 0 1 5rem;
  margin-right: 25px;
  margin-right: 1.5625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  .access__flex-item-title {
    font-size: 0.8125rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 4.0625rem;
            flex: 0 1 4.0625rem;
    margin-right: 0.625rem;
  }
}

.access__flex-item-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4375;
}
@media screen and (max-width:767px) {
  .access__flex-item-text {
    font-size: 0.8125rem;
  }
}

.access__button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  margin-left: 1.25rem;
  padding: 20px;
}
@media screen and (max-width:767px) {
  .access__button a {
    margin-left: auto;
  }
}

.access__button a:before {
  content: "";
  width: 16px;
  width: 1rem;
  height: 24px;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.00049%2025.0565C7.83766%2025.0565%207.68267%2024.9878%207.57182%2024.8656C0.899516%2017.5528%200%2012.8359%200%209.18763C0%204.64546%203.58923%200.949707%208.00049%200.949707C12.4117%200.949707%2016.001%204.64546%2016.001%209.18763C16.001%2012.8369%2015.1015%2017.5528%208.43014%2024.8656C8.31929%2024.9878%208.16333%2025.0565%208.00147%2025.0565H8.00049ZM8.00049%202.16176C4.23763%202.16176%201.17712%205.3131%201.17712%209.18763C1.17712%2012.5218%202.00012%2016.8296%208.00049%2023.5596C14.0009%2016.8296%2014.8239%2012.5208%2014.8239%209.18763C14.8239%205.31411%2011.7633%202.16176%208.00049%202.16176ZM8.00049%2014.2964C5.26074%2014.2964%203.03108%2012.0016%203.03108%209.17955C3.03108%206.35749%205.25976%204.06267%208.00049%204.06267C10.7412%204.06267%2012.9699%206.35749%2012.9699%209.17955C12.9699%2012.0016%2010.7412%2014.2964%208.00049%2014.2964ZM8.00049%205.27573C5.91012%205.27573%204.2082%207.02715%204.2082%209.18056C4.2082%2011.334%205.90914%2013.0854%208.00049%2013.0854C10.0918%2013.0854%2011.7928%2011.334%2011.7928%209.18056C11.7928%207.02715%2010.0918%205.27573%208.00049%205.27573Z%22%20fill%3D%22%23008EAE%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
  margin-right: 0.375rem;
}

.access__flex-picture-dott {
  position: absolute;
  bottom: 0;
  max-width: 1440px;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width:767px) {
  .access__flex-picture-dott {
    display: none;
  }
}

@media screen and (max-width:767px) {
  .access__bottom-flex-pc {
    display: none;
  }
}

.access__bottom-flex-sp {
  display: none;
}
@media screen and (max-width:767px) {
  .access__bottom-flex-sp {
    display: grid;
  }
}

.access__button-sp {
  display: none;
}
@media screen and (max-width:767px) {
  .access__button-sp {
    display: block;
  }
}

@media screen and (max-width:767px) {
  .access__button-pc {
    display: none;
  }
}

.access__flex-picture-first-sp {
  display: none;
}
@media screen and (max-width:767px) {
  .access__flex-picture-first-sp {
    display: block;
  }
}

@media screen and (max-width:767px) {
  .access__flex-picture-first-pc {
    display: none;
  }
}

.greetings {
  background: radial-gradient(circle, rgba(247, 247, 247, .5) 42%, rgba(195, 193, 196, .5) 100%);
}

.greetings__inner {
  max-width: 1164px;
  max-width: 72.75rem;
  padding-top: 100px;
  padding-top: 6.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .greetings__inner {
    padding-top: 2.25rem;
    padding-bottom: 2.625rem;
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

.greetings__flex-body p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}

p.greetings__flex-dott {
  border: 1px dotted #000;
  padding: 10px 24px;
  padding: 0.625rem 1.5rem;
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
}

.greetings__flex-dott a {
  color: #008EAE;
  font-size: 12px;
  font-size: 0.75rem;
}

.greetings__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: 78px;
  margin-top: 4.875rem;
}
@media screen and (max-width:767px) {
  .greetings__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1rem;
  }
}

.greetings__flex-body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
  padding-top: 140px;
  padding-top: 8.75rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  margin-right: 5%;
}
@media screen and (max-width: 1000px) {
  .greetings__flex-body {
    padding-top: 2.5rem;
  }
}
@media screen and (max-width:767px) {
  .greetings__flex-body {
    padding-bottom: 0rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-right: 0;
  }
}

p.greetings__flex-text {
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}
@media screen and (max-width:767px) {
  p.greetings__flex-text {
    padding-bottom: 1.5625rem;
    font-size: 0.8125rem;
  }
}

.greetings__flex-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
}
@media screen and (max-width:767px) {
  .greetings__flex-img {
    margin-bottom: 0.9375rem;
  }
}

.greetings__flex-img-text {
  position: absolute;
  bottom: 53%;
  border-top: 1px solid;
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-left: 26px;
  padding-left: 1.625rem;
  padding-right: 26px;
  padding-right: 1.625rem;
}
@media screen and (max-width: 1100px) {
  .greetings__flex-img-text {
    bottom: 38vw;
    padding-right: 1.8vw;
    padding-left: 1.8vw;
    padding-top: 2.4vw;
  }
}
@media screen and (max-width:767px) {
  .greetings__flex-img-text {
    bottom: inherit;
    top: 60%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-top: 1rem;
    padding-right: 0;
    padding-left: 0;
    margin-left: 1.25rem;
  }
}

.greetings__flex-img-text-top {
  font-size: clamp(12px, 1.25vw, 18px);
  line-height: 1.4444444444;
}
@media screen and (max-width:767px) {
  .greetings__flex-img-text-top {
    font-size: 0.8125rem;
  }
}

.greetings__flex-img-text-bottom {
  font-size: clamp(20px, 1.94vw, 28px);
  line-height: 1.4642857143;
  font-weight: 700;
  color: #333;
}
@media screen and (max-width:767px) {
  .greetings__flex-img-text-bottom {
    font-size: 1.5rem;
    line-height: 1.4583333333;
    padding-top: 0.25rem;
  }
}

.faq__inner {
  max-width: 1120px;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-top: 94px;
  padding-top: 5.875rem;
  padding-bottom: 140px;
  padding-bottom: 8.75rem;
}
@media screen and (max-width:767px) {
  .faq__inner {
    padding-top: 2.25rem;
    padding-bottom: 4.75rem;
  }
}

.flow__title-picture-icon {
  right: -135px;
}

.faq__content-wrap {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (max-width:767px) {
  .faq__content-wrap {
    margin-top: 1.25rem;
  }
}

.faq__content:last-child .faq__con {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.faq__content-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
@media screen and (max-width:767px) {
  .faq__content-title {
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 1.5384615385;
    padding-bottom: 0.625rem;
  }
}

.faq__question,
.faq__answer {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2;
  font-weight: 500;
  color: #333333;
}
@media screen and (max-width:767px) {
  .faq__question,
  .faq__answer {
    font-size: 0.8125rem;
    line-height: 1.5384615385;
  }
}

.faq__con:last-child {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}

.faq__question {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 14px;
  padding-top: 0.875rem;
  padding-bottom: 14px;
  padding-bottom: 0.875rem;
  padding-right: 57px;
  padding-right: 3.5625rem;
  border-bottom: 1px solid;
  position: relative;
  cursor: pointer;
}

.faq__question:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.048%2024.4999C6.69682%2024.5266%201.52652%2019.3995%201.49984%2013.0483C1.47316%206.6971%206.6002%201.52679%2012.9514%201.50011C19.3026%201.47343%2024.473%206.60048%2024.4996%2012.9517C24.5263%2019.3029%2019.3993%2024.4732%2013.048%2024.4999Z%22%20fill%3D%22white%22%20stroke%3D%22%23BDCFE3%22%2F%3E%3Cpath%20d%3D%22M8.19236%2011.1227L13.1154%2015.9995L17.9922%2011.0815%22%20stroke%3D%22%23BDCFE3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.faq__question.is-accordion-active:after {
  content: "";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq__answer {
  display: none;
  margin-top: 14px;
  margin-top: 0.875rem;
  padding: 15px 57px 15px 57px;
  padding: 0.9375rem 3.5625rem 0.9375rem 3.5625rem;
  border: 1px dashed #333333;
}
@media screen and (max-width:767px) {
  .faq__answer {
    padding: 0.9375rem 0.625rem;
  }
}

.faq__answer p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.faq__badge {
  font-family: "Jost", sans-serif;
  font-weight: 300;
  font-size: 41px;
  font-size: 2.5625rem;
  line-height: 1;
  color: #BDCFE3;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.page-about-access {
  margin-top: 74px;
  margin-top: 4.625rem;
}
@media screen and (max-width:767px) {
  .page-about-access {
    margin-top: 3rem;
  }
}

.page-about-access__inner {
  max-width: 1120px;
  max-width: 70rem;
  padding-top: 112px;
  padding-top: 7rem;
  padding-bottom: 64px;
  padding-bottom: 4rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .page-about-access__inner {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.page-about-access__title .flow__title-picture-icon {
  top: -110px;
  right: -229px;
}

.page-about-access__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-about-access__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 1.25rem;
  }
}

.page-about-access__body {
  width: 70%;
}
@media screen and (max-width:767px) {
  .page-about-access__body {
    width: 100%;
  }
}

.page-about-access__table {
  padding: 50px;
  padding: 3.125rem;
  background: rgba(255, 255, 255, .84);
}
@media screen and (max-width:767px) {
  .page-about-access__table {
    padding: 1.25rem;
    background: none;
  }
}

.page-about-access__img {
  width: 80%;
  margin-left: -29%;
  z-index: -1;
}
@media screen and (max-width:767px) {
  .page-about-access__img {
    width: 100%;
    margin-left: 0%;
  }
}

.page-about-access__bottom-flex {
  padding-bottom: 0;
  margin: 0;
}

.page-about-schedule {
  background: #F3F3F3;
}

.page-about-schedule__inner {
  max-width: 840px;
  max-width: 52.5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-top: 42px;
  padding-top: 2.625rem;
  padding-bottom: 42px;
  padding-bottom: 2.625rem;
  margin-left: auto;
  margin-right: auto;
}

.page-about-schedule__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  gap: 3.125rem;
}
@media screen and (max-width:767px) {
  .page-about-schedule__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
  }
}

.page-about-schedule__body-text {
  white-space: nowrap;
  letter-spacing: 0.63em;
  line-height: 1.4375;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}

.page-about-feature__title {
  letter-spacing: 0.1em;
}

.page-about-feature__inner {
  max-width: 1120px;
  max-width: 70rem;
  padding-top: 172px;
  padding-top: 10.75rem;
  padding-bottom: 200px;
  padding-bottom: 12.5rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .page-about-feature__inner {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}

.page-about-feature__group {
  padding-top: 86px;
  padding-top: 5.375rem;
}
@media screen and (max-width:767px) {
  .page-about-feature__group {
    padding-top: 2.625rem;
  }
}

.page-about-feature__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width:767px) {
  .page-about-feature__flex-body {
    margin-top: 2.125rem;
  }
}

.page-about-feature__flex-img {
  position: relative;
}

.page-about-feature__flex-img:after {
  content: "";
  max-width: 309px;
  max-width: 19.3125rem;
  width: 100%;
  height: 268px;
  height: 16.75rem;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#DAF8FF));
  background: linear-gradient(90deg, #fff 0%, #DAF8FF 100%);
  position: absolute;
  border-radius: 1.25rem;
  z-index: -1;
}

.page-about-feature__flex-title {
  color: #5896CB;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.13em;
  line-height: 1.4545454545;
  border-top: 1px solid #5896CB;
  border-bottom: 1px solid #5896CB;
  padding-top: 7px;
  padding-top: 0.4375rem;
  padding-bottom: 7px;
  padding-bottom: 0.4375rem;
  text-align: center;
}

.page-about-feature__flex-expert {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 2;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.page-about-feature__flex--first {
  max-width: 940px;
  max-width: 58.75rem;
  margin-right: 0;
  margin-left: auto;
  padding-bottom: 126px;
  padding-bottom: 7.875rem;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--first {
    padding-bottom: 3.75rem;
  }
}

.page-about-feature__flex--first .page-about-feature__flex-body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 46.5%;
          flex: 0 1 46.5%;
  margin-left: 11%;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--first .page-about-feature__flex-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-left: 0;
  }
}

.page-about-feature__flex--first .page-about-feature__flex-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-about-feature__flex--first .page-about-feature__flex-img:after {
  right: -192px;
  right: -12rem;
  top: 150px;
  top: 9.375rem;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--first .page-about-feature__flex-img:after {
    top: auto;
    top: initial;
    bottom: -6.25rem;
    right: -3.375rem;
  }
}

.page-about-feature__flex--second {
  max-width: 886px;
  max-width: 55.375rem;
  margin-right: auto;
  margin-left: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-bottom: 243px;
  padding-bottom: 15.1875rem;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--second {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 2.5rem;
  }
}

.page-about-feature__flex--second .page-about-feature__flex-body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49.4%;
          flex: 0 1 49.4%;
  margin-right: 5.4%;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--second .page-about-feature__flex-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-right: 0;
  }
}

.page-about-feature__flex--second .page-about-feature__flex-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-about-feature__flex--second .page-about-feature__flex-img:after {
  left: -140px;
  left: -8.75rem;
  top: 140px;
  top: 8.75rem;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--second .page-about-feature__flex-img:after {
    top: auto;
    top: initial;
    bottom: -6.25rem;
    right: -3.375rem;
  }
}

.page-about-feature__flex--third {
  max-width: 912px;
  max-width: 57rem;
  margin-right: 0;
  margin-left: auto;
  padding-bottom: 236px;
  padding-bottom: 14.75rem;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--third {
    padding-bottom: 2.5rem;
  }
}

.page-about-feature__flex--third .page-about-feature__flex-body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  margin-left: 8.2%;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--third .page-about-feature__flex-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-left: 0;
  }
}

.page-about-feature__flex--third .page-about-feature__flex-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-about-feature__flex--third .page-about-feature__flex-img:after {
  right: -228px;
  right: -14.25rem;
  top: 140px;
  top: 8.75rem;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--third .page-about-feature__flex-img:after {
    top: auto;
    top: initial;
    bottom: -6.25rem;
    right: -3.375rem;
  }
}

.page-about-feature__flex--four {
  max-width: 888px;
  max-width: 55.5rem;
  margin-right: auto;
  margin-left: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--four {
    top: auto;
    top: initial;
    bottom: -6.25rem;
    right: -3.375rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.page-about-feature__flex--four .page-about-feature__flex-body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49.4%;
          flex: 0 1 49.4%;
  margin-right: 5.4%;
}
@media screen and (max-width:767px) {
  .page-about-feature__flex--four .page-about-feature__flex-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-right: 0;
  }
}

.page-about-feature__flex--four .page-about-feature__flex-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-about-feature__flex--four .page-about-feature__flex-img:after {
  left: -230px;
  left: -14.375rem;
  top: 150px;
  top: 9.375rem;
}

.page-about-flow .flow__inner {
  padding-bottom: 130px;
  padding-bottom: 8.125rem;
}
@media screen and (max-width:767px) {
  .page-about-flow .flow__inner {
    font-size: 1rem;
    padding-bottom: 4.375rem;
  }
}

.page-about-flow__text {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  padding-top: 26px;
  padding-top: 1.625rem;
}
@media screen and (max-width:767px) {
  .page-about-flow__text {
    font-size: 1rem;
  }
}

.page-about-flow__group {
  gap: 30px;
  gap: 1.875rem;
}

.page-about-flow__group .flow__item-img:after {
  border-width: 10px 0 10px 14px;
  left: -14px;
}

.page-about-flow__item-text {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .page-about-flow__item-text {
    font-size: 1.125rem;
  }
}

.page-about-flow__item-text:after {
  content: "";
  max-width: 52px;
  max-width: 3.25rem;
  height: 6px;
  height: 0.375rem;
  background: #92BFDF;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14px;
  margin-top: 0.875rem;
}
@media screen and (max-width:767px) {
  .page-about-flow__item-text:after {
    max-width: 2.25rem;
    height: 0.25rem;
  }
}

.page-about-flow__item-expert {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.875;
  margin-top: 14px;
  margin-top: 0.875rem;
}
@media screen and (max-width:767px) {
  .page-about-flow__item-expert {
    font-size: 0.8125rem;
  }
}

.page-about-map__inner {
  text-align: center;
  padding-top: 100px;
  padding-top: 6.25rem;
  padding-bottom: 174px;
  padding-bottom: 10.875rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
  max-width: 100rem;
}
@media screen and (max-width:767px) {
  .page-about-map__inner {
    padding-top: 4rem;
    padding-bottom: 4.625rem;
  }
}

.page-about-map__map {
  padding-top: 74px;
  padding-top: 4.625rem;
}

@media screen and (max-width:767px) {
  .page-about-map__map iframe {
    aspect-ratio: 300/200;
    height: auto !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.page-about-root {
  max-width: 1120px;
  max-width: 70rem;
  padding-bottom: 150px;
  padding-bottom: 9.375rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .page-about-root {
    padding-bottom: 4.625rem;
  }
}

.page-about-root__title {
  color: #7B7B7B;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.4545454545;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  padding-left: 35px;
  padding-left: 2.1875rem;
  padding-right: 75px;
  padding-right: 4.6875rem;
  border: 1px solid;
  border-radius: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 580px;
  max-width: 36.25rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 46px;
  margin-bottom: 2.875rem;
}
@media screen and (max-width:767px) {
  .page-about-root__title {
    font-size: 0.9375rem;
    line-height: 2.375;
    margin-bottom: 1.875rem;
  }
}

.page-about-root__title:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2234%22%20height%3D%2245%22%20viewBox%3D%220%200%2034%2045%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_275_765)%22%3E%3Cpath%20d%3D%22M27.1964%206.21079H24.0354V1.38767H26.6689C27.8758%201.38767%2028.8568%202.36101%2028.8568%203.55837V4.18678H30.2555V3.55837C30.2555%201.59582%2028.647%200%2026.6689%200H7.3311C5.35296%200%203.74448%201.59582%203.74448%203.55837V4.18678H5.14316V3.55837C5.14316%202.36101%206.12424%201.38767%207.3311%201.38767H9.96462V6.21079H6.8036L0%2011.9617V35.3775L1.065%2041.5645H3.72449V43.1881C3.72449%2044.1852%204.54173%2044.998%205.54878%2044.998H8.04842C9.05348%2044.998%209.87271%2044.1872%209.87271%2043.1881V41.5645H24.1253V43.1881C24.1253%2044.1852%2024.9425%2044.998%2025.9496%2044.998H28.4492C29.4543%2044.998%2030.2735%2044.1872%2030.2735%2043.1881V41.5645H32.933L33.988%2035.435L33.998%2011.9597L27.1964%206.20683V6.21079ZM11.3633%201.38767H22.6367V6.21079H11.3633V1.38767ZM8.47602%2043.1901C8.47602%2043.422%208.2862%2043.6123%208.05042%2043.6123H5.55078C5.317%2043.6123%205.12518%2043.424%205.12518%2043.1901V41.5665H8.47602V43.1901ZM28.8768%2043.1901C28.8768%2043.422%2028.687%2043.6123%2028.4512%2043.6123H25.9516C25.7178%2043.6123%2025.526%2043.424%2025.526%2043.1901V41.5665H28.8768V43.1901ZM32.6013%2035.2606L31.7541%2040.1789H2.24589L1.39868%2035.2606V12.604L7.31711%207.59846H26.6809L32.5993%2012.604V35.2626L32.6013%2035.2606Z%22%20fill%3D%22%23787878%22%2F%3E%3Cpath%20d%3D%22M8.70753%2011.3413L5.17285%2014.3307V26.0664H28.8266V14.3307L25.2919%2011.3413H8.70753ZM27.4279%2024.6788H6.57154V14.971L9.22304%2012.729H24.7764L27.4279%2014.971V24.6788Z%22%20fill%3D%22%23787878%22%2F%3E%3Cpath%20d%3D%22M7.39124%2028.4395C5.70083%2028.4395%204.32812%2029.8033%204.32812%2031.4784C4.32812%2033.1535%205.70283%2034.5194%207.39124%2034.5194C9.07965%2034.5194%2010.4544%2033.1555%2010.4544%2031.4784C10.4544%2029.8013%209.07965%2028.4395%207.39124%2028.4395ZM7.39124%2033.1317C6.47211%2033.1317%205.72681%2032.3903%205.72681%2031.4784C5.72681%2030.5665%206.47411%2029.8271%207.39124%2029.8271C8.30838%2029.8271%209.05568%2030.5685%209.05568%2031.4784C9.05568%2032.3883%208.30838%2033.1317%207.39124%2033.1317Z%22%20fill%3D%22%23787878%22%2F%3E%3Cpath%20d%3D%22M26.609%2028.4395C24.9186%2028.4395%2023.5459%2029.8033%2023.5459%2031.4784C23.5459%2033.1535%2024.9206%2034.5194%2026.609%2034.5194C28.2974%2034.5194%2029.6741%2033.1555%2029.6741%2031.4784C29.6741%2029.8013%2028.2994%2028.4395%2026.609%2028.4395ZM26.609%2033.1317C25.6899%2033.1317%2024.9446%2032.3903%2024.9446%2031.4784C24.9446%2030.5665%2025.6919%2029.8271%2026.609%2029.8271C27.5262%2029.8271%2028.2754%2030.5685%2028.2754%2031.4784C28.2754%2032.3883%2027.5282%2033.1317%2026.609%2033.1317Z%22%20fill%3D%22%23787878%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_275_765%22%3E%3Crect%20width%3D%2234%22%20height%3D%2245%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  width: 34px;
  width: 2.125rem;
  height: 45px;
  height: 2.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 30px;
  margin-right: 1.875rem;
  background-repeat: no-repeat;
}
@media screen and (max-width:767px) {
  .page-about-root__title:before {
    width: 1.5rem;
    height: 2.1875rem;
    margin-right: 2rem;
    background-size: contain;
  }
}

.page-about-root__group-wrap {
  padding-top: 67px;
  padding-top: 4.1875rem;
}

.page-about-root__group {
  padding-bottom: 116px;
  padding-bottom: 7.25rem;
}
@media screen and (max-width:767px) {
  .page-about-root__group {
    padding-bottom: 3.625rem;
  }
}

.page-about-root__group:last-child {
  padding-bottom: 0;
}

.page-about-root__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 53px;
  gap: 3.3125rem;
}
@media screen and (max-width:767px) {
  .page-about-root__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}

.page-about-root__grid-text {
  padding-top: 20px;
  padding-top: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  color: #333;
  line-height: 1.4375;
}
@media screen and (max-width:767px) {
  .page-about-root__grid-text {
    font-size: 0.875rem;
  }
}

.page-contact {
  background: #F8F8F8;
}

.page-contact__content {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  max-width: 775px;
  max-width: 48.4375rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-top: 5.625rem;
  padding-bottom: 240px;
  padding-bottom: 15rem;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .page-contact__content {
    padding-top: 2.5rem;
    padding-bottom: 7.5rem;
  }
}

.page-contact__content-title {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  color: #4E818D;
  line-height: 2.25;
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
}
@media screen and (max-width:767px) {
  .page-contact__content-title {
    font-size: 1.25rem;
  }
}

.ctp-contact__button-wrap-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  gap: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width:767px) {
  .page-contact .access__flex {
    margin-bottom: 0;
  }
}

/* お問い合わせ */
.wpcf7-spinner {
  position: absolute;
  right: 0;
}

.contact__text-link a {
  color: inherit;
}

.contact__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
@media screen and (max-width:767px) {
  .contact__item {
    display: block;
    padding-top: 0.9375rem;
    padding-bottom: 1.25rem;
  }
}

.contact__item--use {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact__item--message {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.contact__item-label span:first-child {
  padding-right: 0px;
  padding-right: 0rem;
}

@media screen and (max-width:767px) {
  .contact__form .contact__item-label > span:nth-child(1) {
    margin-right: 1rem;
  }
}

@media screen and (max-width:767px) {
  .contact__item-accept {
    padding: 0;
  }
}

.contact__item-label .required {
  color: #BD4D4D;
  font-size: 12px;
  padding-left: 10px;
  padding-left: 0.625rem;
}

.contact__item-label .any {
  font-size: 12px;
  color: #333333;
  padding-left: 10px;
  padding-left: 0.625rem;
}

.contact__item-label {
  color: #7C898C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32%;
          flex: 0 1 32%;
  font-size: 16px;
  font-size: 1rem;
  margin-right: 0px;
  margin-right: 0px;
  margin-right: 0rem;
  margin-right: 20px;
  background-image: url(../img/common/arrow.webp);
  background-size: 100% 100%;
  padding: 16px 18px 16px 16px;
  padding: 1rem 1.125rem 1rem 1rem;
  max-width: 260px;
  max-width: 16.25rem;
}
@media screen and (max-width:767px) {
  .contact__item-label {
    margin-bottom: 10px;
    padding: 0.625rem 1.125rem 0.625rem 1rem;
  }
}

.contact__form div.contact__item-label {
  margin-top: 4px !important;
}

.contact__item-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #595757;
}

.contact__item-text input,
.contact__item-text textarea {
  width: 100%;
  display: block;
  background-color: #fff;
  padding: 14px 10px;
  padding: 0.875rem 0.625rem;
}

.contact__accept {
  text-align: center;
}

.contact__accept {
  text-align: left;
}

.contact__item-text.contact__item-body--transparent input {
  background: none;
  background-color: none;
  border-color: transparent;
}

.primary__contact-button--white {
  text-align: center;
}
@media screen and (max-width:767px) {
  .primary__contact-button--white {
    margin-bottom: 10px;
    text-align: center;
    margin-top: 0px;
  }
}

.primary__contact-button--white input {
  color: #fff;
  font-size: 14px;
  background: transparent;
  border: 1px solid #92BFDF;
  background-color: #92BFDF;
  width: 100%;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 20px 30px;
  margin-top: 30px;
  margin-inline: auto;
}

.primary__contact-button--white input:hover {
  color: #92BFDF;
  border: 1px solid #92BFDF;
  background-color: #fff;
}

div#wpcf7cpcnf {
  z-index: 100;
  max-width: 700px;
  margin-inline: auto;
  right: 0;
}

div#wpcf7cpcnf p {
  margin-bottom: 0;
}

@media screen and (max-width:767px) {
  div#wpcf7cpcnf tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

div#wpcf7cpcnf th {
  font-weight: bold;
}

div#wpcf7cpcnf td {
  width: 73%;
}
@media screen and (max-width:767px) {
  div#wpcf7cpcnf td {
    width: 100%;
  }
}

div#wpcf7cpcnf th {
  width: 27%;
}
@media screen and (max-width:767px) {
  div#wpcf7cpcnf th {
    width: 100%;
  }
}

.wpcf7cp-btns {
  text-align: center;
}

.wpcf7cp-btns button {
  font-size: 14px;
  background: transparent;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 20px 30px;
  margin-top: 30px;
  margin-inline: auto;
}

.wpcf7cp-btns button:first-child {
  margin-right: 4%;
}

.wpcf7cp-btns button:hover {
  color: #ffffff;
  border: 1px solid #fff;
}

::-webkit-input-placeholder {
  color: #aaa !important;
}

::-moz-placeholder {
  color: #aaa !important;
}

::-ms-input-placeholder {
  color: #aaa !important;
}

::placeholder {
  color: #aaa !important;
}

::-ms-input-placeholder {
  color: #aaa !important;
}

:-ms-input-placeholder {
  color: #aaa !important;
}

.contact__item input[type=radio] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.contact__item .wpcf7-form-control.wpcf7-radio {
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contact__item .wpcf7-list-item {
  margin: 0;
}

.contact__item .wpcf7-list-item.first {
  margin-left: 0;
}

.contact__item span.wpcf7-list-item-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.contact__item span.wpcf7-list-item-label::before {
  display: block;
  content: "";
  border-radius: 50%;
  border: 1px solid #C9C9C9;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #C9C9C9;
}

.contact__item span.wpcf7-list-item-label::after {
  display: block;
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #008EAE;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}

.contact__item input[type=radio]:checked + span.wpcf7-list-item-label::after {
  display: block;
}

.contact__item input[type=radio]:checked + span.wpcf7-list-item-label::before {
  display: block;
  background-color: #fff;
  border: 1px solid #595757;
}

.wpcf7-not-valid-tip {
  position: absolute;
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 3px;
  padding-top: 0.1875rem;
  white-space: nowrap;
}

.contact__item-time {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.contact__item-body-reservation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
  .contact__item-body-reservation-item {
    padding-bottom: 1.5625rem;
    row-gap: 20px;
  }
}

.contact__item-body-reservation-item span:first-child {
  padding-right: 5px;
  padding-right: 0.3125rem;
}

.contact__item-body-reservation-item .required {
  font-size: 12px;
  font-size: 0.75rem;
  color: #BD4D4D;
  background: #fff;
  padding: 2px 6px;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}

.contact__item-body-reservation-item .any {
  font-size: 12px;
  font-size: 0.75rem;
  background: #fff;
  color: #333333;
  padding: 2px 6px;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}

.contact__item-body-reservation-item input {
  padding: 4px 12px;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  text-align: center;
}

.contact__item-body-reservation-text-first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28%;
  margin-right: 10px;
  margin-right: 0.625rem;
}
@media screen and (max-width: 500px) {
  .contact__item-body-reservation-text-first {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 120px;
            flex: 0 1 120px;
  }
}

.contact__item-body-reservation-text-first .contact__item-body-reservation-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 128px;
          flex: 0 1 128px;
  margin-right: 5px;
  margin-right: 0.3125rem;
}

.contact__item-body-reservation-text-first .any {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.contact__item-body-reservation-text-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33%;
}
@media screen and (max-width: 500px) {
  .contact__item-body-reservation-text-date {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 158px;
    width: 100%;
  }
}

.contact__item-body-reservation-text-date span {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30px;
          flex: 0 1 30px;
  -ms-flex: 0 1 1.875rem;
      flex: 0 1 1.875rem;
}

.contact__item-body-reservation-text-date .wpcf7-form-control-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.contact__item-body-reservation-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.contact__item-body-reservation-text-date .wpcf7-form-control::-webkit-calendar-picker-indicator {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 500px) {
  .contact__item-body-reservation-text-time {
    width: 100%;
  }
}

.contact__item-body-reservation-text-time .wpcf7-form-control-wrap {
  position: relative;
  background: #fff;
  border-radius: 0.25rem;
}
@media screen and (max-width: 500px) {
  .contact__item-body-reservation-text-time .wpcf7-form-control-wrap {
    width: 100%;
  }
}
.contact__item-body-reservation-text-time .wpcf7-form-control-wrap::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #B1ACAC transparent transparent transparent;
  position: absolute;
  top: 10px;
  right: 12px;
  pointer-events: none;
}
.contact__item-body-reservation-text-time .wpcf7-form-control-wrap .wpcf7-form-control {
  width: 112px;
  width: 7rem;
  padding: 4px 27px 4px 12px;
  padding: 0.25rem 1.6875rem 0.25rem 0.75rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}
@media screen and (max-width: 500px) {
  .contact__item-body-reservation-text-time .wpcf7-form-control-wrap .wpcf7-form-control {
    width: 100%;
  }
}

.contact__item-body-select {
  position: relative;
  background: #fff;
  max-width: 240px;
  max-width: 15rem;
}
.contact__item-body-select::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #B1ACAC transparent transparent transparent;
  position: absolute;
  top: 14px;
  right: 12px;
  pointer-events: none;
}
.contact__item-body-select .wpcf7-form-control {
  padding: 7px 27px 7px 12px;
  padding: 0.4375rem 1.6875rem 0.4375rem 0.75rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}

.contact__item-acceptance {
  text-align: center;
}

.contact__policy {
  margin-top: 30px;
  margin-top: 1.875rem;
  height: 180px;
  height: 11.25rem;
  padding: 20px 30px;
  padding: 1.25rem 1.875rem;
  overflow-y: scroll;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}

select {
  color: #000;
}

.page-contact-thanks__content {
  max-width: 900px;
  max-width: 56.25rem;
}

.page-contact-thanks__content-title {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  color: #7D7D7D;
  line-height: 2.25;
  padding-bottom: 44px;
  padding-bottom: 2.75rem;
}
@media screen and (max-width:767px) {
  .page-contact-thanks__content-title {
    font-size: 1.5rem;
  }
}

.page-contact-thanks__content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}

.page-contact-thanks__content-text {
  padding-left: 20px;
  padding-left: 1.25rem;
  position: relative;
  line-height: 2.25;
  font-size: 16px;
  font-size: 1rem;
}

.page-contact-thanks__content-text:before {
  content: "・";
  position: absolute;
  left: 0;
}

.page-contact-thanks__content-text a {
  color: #008EAE;
}

.page-contact-thanks__button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-contact-thanks__button a:before {
  content: "";
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_181_483)%22%3E%3Cpath%20d%3D%22M12.4715%202.40648C12.5505%202.40661%2012.6308%202.43008%2012.6986%202.47824L24.1861%2010.5569C24.2083%209.95107%2024.2181%209.37974%2024.2056%209.12305L12.4708%200.870509L0.7875%209.08717V10.5348L12.2444%202.47824C12.3123%202.43008%2012.3912%202.40661%2012.4715%202.40648ZM12.4715%202.40648C12.4718%202.40648%2012.472%202.40648%2012.4722%202.40648H12.4708C12.4711%202.40648%2012.4713%202.40648%2012.4715%202.40648ZM24.5486%2011.683C24.4681%2011.683%2024.3889%2011.6582%2024.3208%2011.6112L12.4708%203.27727L0.620833%2011.6112C0.5%2011.6954%200.343056%2011.7065%200.2125%2011.6388C0.0819444%2011.5712%200%2011.4374%200%2011.2911V8.87189C0%208.70905%200.101389%208.56828%200.244444%208.51032L12.2444%200.0714747C12.3806%20-0.025127%2012.5625%20-0.025127%2012.7%200.0714747L24.7125%208.51998C24.7125%208.51998%2024.7194%208.52274%2024.7222%208.52412C25.0083%208.6497%2025.0236%208.86085%2024.9903%2010.1153C24.9758%2010.6308%2024.952%2011.1474%2024.9459%2011.2795C24.945%2011.2998%2024.9444%2011.311%2024.9444%2011.3118C24.9375%2011.4539%2024.8528%2011.5823%2024.7236%2011.6444C24.6694%2011.6706%2024.6097%2011.6844%2024.5514%2011.6844L24.5486%2011.683Z%22%20fill%3D%22%23008EAE%22%2F%3E%3Cpath%20d%3D%22M12.4715%202.40648C12.5505%202.40661%2012.6308%202.43008%2012.6986%202.47824L24.1861%2010.5569C24.2083%209.95107%2024.2181%209.37974%2024.2056%209.12305L12.4708%200.870509L0.7875%209.08717V10.5348L12.2444%202.47824C12.3123%202.43008%2012.3912%202.40661%2012.4715%202.40648ZM12.4715%202.40648C12.4718%202.40648%2012.472%202.40648%2012.4722%202.40648H12.4708C12.4711%202.40648%2012.4713%202.40648%2012.4715%202.40648ZM24.5486%2011.683C24.4681%2011.683%2024.3889%2011.6582%2024.3208%2011.6112L12.4708%203.27727L0.620833%2011.6112C0.5%2011.6954%200.343056%2011.7065%200.2125%2011.6388C0.0819444%2011.5712%200%2011.4374%200%2011.2911V8.87189C0%208.70905%200.101389%208.56828%200.244444%208.51032L12.2444%200.0714747C12.3806%20-0.025127%2012.5625%20-0.025127%2012.7%200.0714747L24.7125%208.51998C24.7125%208.51998%2024.7194%208.52274%2024.7222%208.52412C25.0083%208.6497%2025.0236%208.86085%2024.9903%2010.1153C24.9758%2010.6308%2024.952%2011.1474%2024.9459%2011.2795C24.945%2011.2998%2024.9444%2011.311%2024.9444%2011.3118C24.9375%2011.4539%2024.8528%2011.5823%2024.7236%2011.6444C24.6694%2011.6706%2024.6097%2011.6844%2024.5514%2011.6844L24.5486%2011.683Z%22%20stroke%3D%22url(%23paint0_linear_181_483)%22%2F%3E%3Cpath%20d%3D%22M21.9026%2024H16.2803C16.0623%2024%2015.8873%2023.8248%2015.8873%2023.6095V16.8349H9.11089V23.6095C9.11089%2023.8261%208.9345%2024%208.71784%2024H3.09562C2.87756%2024%202.70117%2023.8248%202.70117%2023.6095V11.4335C2.70117%2011.2169%202.87756%2011.043%203.09562%2011.043C3.31367%2011.043%203.48867%2011.2182%203.48867%2011.4335V23.2175H8.32339V16.443C8.32339%2016.2263%208.49978%2016.0525%208.71645%2016.0525H16.2803C16.4984%2016.0525%2016.6748%2016.2277%2016.6748%2016.443V23.2175H21.5095V11.4335C21.5095%2011.2169%2021.6859%2011.043%2021.9026%2011.043C22.1192%2011.043%2022.2956%2011.2182%2022.2956%2011.4335V23.6095C22.2956%2023.8261%2022.1192%2024%2021.9026%2024Z%22%20fill%3D%22%23008EAE%22%2F%3E%3Cpath%20d%3D%22M21.9026%2024H16.2803C16.0623%2024%2015.8873%2023.8248%2015.8873%2023.6095V16.8349H9.11089V23.6095C9.11089%2023.8261%208.9345%2024%208.71784%2024H3.09562C2.87756%2024%202.70117%2023.8248%202.70117%2023.6095V11.4335C2.70117%2011.2169%202.87756%2011.043%203.09562%2011.043C3.31367%2011.043%203.48867%2011.2182%203.48867%2011.4335V23.2175H8.32339V16.443C8.32339%2016.2263%208.49978%2016.0525%208.71645%2016.0525H16.2803C16.4984%2016.0525%2016.6748%2016.2277%2016.6748%2016.443V23.2175H21.5095V11.4335C21.5095%2011.2169%2021.6859%2011.043%2021.9026%2011.043C22.1192%2011.043%2022.2956%2011.2182%2022.2956%2011.4335V23.6095C22.2956%2023.8261%2022.1192%2024%2021.9026%2024Z%22%20stroke%3D%22url(%23paint1_linear_181_483)%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_181_483%22%20x1%3D%220%22%20y1%3D%225.8417%22%20x2%3D%2225.0029%22%20y2%3D%225.8417%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.545%22%20stop-color%3D%22%230CA1C4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231F9FDA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_181_483%22%20x1%3D%222.70117%22%20y1%3D%2217.5215%22%20x2%3D%2222.2956%22%20y2%3D%2217.5215%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.545%22%20stop-color%3D%22%230CA1C4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231F9FDA%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_181_483%22%3E%3Crect%20width%3D%2225%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 6px;
  margin-right: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.page-price__inner {
  max-width: 1120px;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-top: 80px;
  padding-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-price__inner {
    padding-top: 3rem;
  }
}

.page-price-consultation__catch-inner {
  padding-top: 100px;
  padding-top: 6.25rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
@media screen and (max-width:767px) {
  .page-price-consultation__catch-inner {
    padding-top: 3.125rem;
    padding-bottom: 2.5rem;
  }
}

.page-price-consultation__catch-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  gap: 2.5rem;
}
@media screen and (max-width:767px) {
  .page-price-consultation__catch-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.page-price-consultation__catch-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 28px;
  padding: 1.5rem 1.75rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width:767px) {
  .page-price-consultation__catch-item {
    max-width: 21.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.page-price-consultation__catch-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.625rem;
  border: 5px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#5797E4), color-stop(20%, #5797E4), color-stop(40%, #5797E4), color-stop(60%, #60DBEC), color-stop(80%, #60DBEC), to(#60DBEC)) border-box border-box;
  background: linear-gradient(180deg, #5797E4 0%, #5797E4 20%, #5797E4 40%, #60DBEC 60%, #60DBEC 80%, #60DBEC 100%) border-box border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: exclude;
          mask-composite: exclude;
  pointer-events: none;
}

.page-price-consultation__catch-item-price {
  color: #39B2CE;
  font-size: 98px;
  font-size: 6.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: 500;
}
@media screen and (max-width:767px) {
  .page-price-consultation__catch-item-price {
    font-size: 4.875rem;
  }
}

.page-price-consultation__catch-item-price-yen {
  font-size: 44px;
  font-size: 2.75rem;
  position: relative;
}
@media screen and (max-width:767px) {
  .page-price-consultation__catch-item-price-yen {
    font-size: 1.625rem;
  }
}

.page-price-consultation__catch-item-text {
  font-size: 21px;
  font-size: 1.3125rem;
  letter-spacing: 0.1em;
  line-height: 1.7142857143;
  color: #7D7D7D;
}
@media screen and (max-width:767px) {
  .page-price-consultation__catch-item-text {
    font-size: 0.875rem;
  }
}

.page-price-consultation__text {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2.25;
  color: #7D7D7D;
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}
@media screen and (max-width:767px) {
  .page-price-consultation__text {
    font-size: 0.8125rem;
  }
}

.page-price-consultation-table__wrap .page-price-consultation-table:first-child {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.page-price-consultation-table {
  border-collapse: collapse;
  background: #eaf6fe;
  width: 100%;
  color: #595757;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .page-price-consultation-table {
    font-size: 0.8125rem;
  }
}

.page-price-consultation-table__head-title {
  width: 50%;
  text-align: center;
  background: #C4E8F0;
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  border: 3px solid #fff;
  vertical-align: middle;
}
@media screen and (max-width:767px) {
  .page-price-consultation-table__head-title {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.page-price-consultation-table__head-title-blue {
  background: rgba(57, 178, 206, .5);
}

.page-price-consultation-table__body-text {
  text-align: center;
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  border: 3px solid #fff;
  vertical-align: middle;
}

.page-price-consultation__bottom-inner {
  max-width: 700px;
  max-width: 43.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-top: 65px;
  padding-top: 4.0625rem;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
}
@media screen and (max-width:767px) {
  .page-price-consultation__bottom-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.page-price-consultation__bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-price-consultation__bottom-item:first-child {
  padding-bottom: 64px;
  padding-bottom: 4rem;
}

.page-price-consultation__bottom-item-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
  background: #39B2CE;
  letter-spacing: 0.1em;
  line-height: 2;
  padding: 5px 16px;
  padding: 0.3125rem 1rem;
  border-top-left-radius: 10px;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 10px;
  border-top-right-radius: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width:767px) {
  .page-price-consultation__bottom-item-title {
    font-size: 1rem;
  }
}

.page-price-consultation__bottom-item-body {
  border: 1.5px solid #39B2CE;
  border: 0.09375rem solid #39B2CE;
  border-radius: 0.5rem;
  padding: 30px 36px;
  padding: 1.875rem 2.25rem;
}
@media screen and (max-width:767px) {
  .page-price-consultation__bottom-item-body {
    padding: 1.25rem 1.625rem;
  }
}

.page-price-consultation__bottom-item-text {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .page-price-consultation__bottom-item-text {
    font-size: 0.875rem;
  }
}

.page-price-consultation__bottom-item-box {
  border: 1.5px solid #39B2CE;
  border: 0.09375rem solid #39B2CE;
  border-radius: 0.5rem;
  padding: 30px 36px;
  padding: 1.875rem 2.25rem;
  width: 100%;
}

.page-price-consultation__bottom-item-box-inner {
  max-width: 460px;
  max-width: 28.75rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-price-consultation__bottom-item-box-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .page-price-consultation__bottom-item-box-title {
    font-size: 0.875rem;
  }
}

.page-price-consultation__bottom-item-box-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .page-price-consultation__bottom-item-box-text {
    font-size: 0.875rem;
  }
}

.page-price-consultation__bottom-item-box-title-second {
  padding-top: 15px;
  padding-top: 0.9375rem;
}

.page-price-consultation__bottom-item-box-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.page-price-consultation__caution {
  position: absolute;
  font-size: 14px;
  font-size: 0.875rem;
}

.page-acne__content {
  max-width: 1120px;
  max-width: 70rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-bottom: 300px;
  padding-bottom: 18.75rem;
  padding-top: 70px;
  padding-top: 4.375rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .page-acne__content {
    padding-bottom: 6.25rem;
  }
}

.page-acne__top {
  margin-top: 100px;
  margin-top: 6.25rem;
}
@media screen and (max-width:767px) {
  .page-acne__top {
    margin-top: 3rem;
  }
}

.page-acne__top-content {
  width: 100%;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255, 255, 255, .1)), to(rgba(57, 178, 206, .1)));
  background: linear-gradient(90deg, rgba(255, 255, 255, .1) 30%, rgba(57, 178, 206, .1) 100%);
}
@media screen and (max-width:767px) {
  .page-acne__top-content {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}

.page-acne__top-content-text {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.1em;
  line-height: 2.25;
  max-width: 772px;
  max-width: 48.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .page-acne__top-content-text {
    font-size: 0.8125rem;
  }
}

.page-acne__top-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  gap: 1.25rem;
  max-width: 580px;
  max-width: 36.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-top: 5.625rem;
}
@media screen and (max-width:767px) {
  .page-acne__top-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
  }
}

.page-acne__top-grid-item {
  position: relative;
  padding: 20px 15px 28px;
  padding: 1.25rem 0.9375rem 1.75rem;
  border: 1px solid #008EAE;
  border: 0.0625rem solid #008EAE;
  border-radius: 0.375rem;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .page-acne__top-grid-item {
    padding: 1.25rem 0.625rem 1.75rem;
  }
}

.page-acne__top-grid-item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 45px;
  max-width: 2.8125rem;
  height: 45px;
  height: 2.8125rem;
  margin-left: auto;
  margin-right: auto;
}

.page-acne__top-grid-item-text {
  color: #008EAE;
  letter-spacing: 0.16em;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.25;
  text-align: center;
  margin-top: 4px;
  margin-top: 0.25rem;
}
@media screen and (max-width:767px) {
  .page-acne__top-grid-item-text {
    font-size: 0.75rem;
  }
}

.page-acne__top-grid-item-button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 21px;
  width: 1.3125rem;
  height: 21px;
  height: 1.3125rem;
  border-top-left-radius: 999px;
  border-top-left-radius: 62.4375rem;
  background: #39B2CE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-acne__top-grid-item-button-arrow {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 7px;
  width: 0.4375rem;
  height: 7px;
  height: 0.4375rem;
  -webkit-transform: translateX(-25%) rotate(135deg);
          transform: translateX(-25%) rotate(135deg);
  margin-left: 8px;
  margin-left: 0.5rem;
}

.page-acne__top-grid-item-button-arrow::before,
.page-acne__top-grid-item-button-arrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.page-acne__top-grid-item-button-arrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  height: 0.0625rem;
}

.page-acne__top-grid-item-button-arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  width: 0.0625rem;
}

.page-acne__bottom-group {
  padding-top: 150px;
  padding-top: 9.375rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-group {
    padding-top: 3.75rem;
  }
}

.page-acne__bottom-head {
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-head {
    padding-bottom: 1.875rem;
  }
}

.page-acne__bottom-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.8181818182;
  padding-top: 18px;
  padding-top: 1.125rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  border-top: 1px solid #898989;
  border-bottom: 1px solid #898989;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-title {
    font-size: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.page-acne__bottom-head-img {
  max-width: 45px;
  max-width: 2.8125rem;
  margin-right: 20px;
  margin-right: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-head-img {
    max-width: 1.875rem;
    margin-right: 0.9375rem;
  }
}

.page-acne__bottom-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-text {
    font-size: 0.8125rem;
  }
}

.page-acne__bottom-content {
  max-width: 913px;
  max-width: 57.0625rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-content {
    padding-left: 0;
    padding-right: 0;
  }
}

.page-acne__bottom-first-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 44px;
  gap: 2.75rem;
  max-width: 780px;
  max-width: 48.75rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-top: 54px;
  padding-top: 3.375rem;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-first-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    padding-bottom: 2.5rem;
  }
}

.page-acne__bottom-first-grid-img img {
  aspect-ratio: 154/140;
}

.page-acne__bottom-first-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page-acne__bottom-first-grid-item-text {
  text-align: center;
  border-radius: 0.3125rem;
  border: 1px solid #008EAE;
  color: #008EAE;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  line-height: 1.4285714286;
  width: 100%;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-first-grid-item-text {
    font-size: 0.75rem;
    margin-top: 0.625rem;
  }
}

.page-acne__bottom-second-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #333333;
  letter-spacing: 0.13em;
  line-height: 1.4444444444;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-second-head {
    font-size: 1rem;
    padding-bottom: 2.5rem;
  }
}

.page-acne__bottom-second-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-acne__bottom-second-number:after {
  content: "";
  background: #000;
  width: 30px;
  width: 1.875rem;
  height: 1px;
  height: 0.0625rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  margin-left: 0.5rem;
  margin-right: 12px;
  margin-right: 0.75rem;
}

.page-acne__bottom-second-flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10%;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-second-flex {
    display: block;
  }
}

.page-acne__bottom-second-flex {
  padding-bottom: 66px;
  padding-bottom: 4.125rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-second-flex {
    padding-bottom: 2.5rem;
  }
}

.page-acne__bottom-second-flex-title {
  border: 1px solid #898989;
  border-radius: 1.5625rem;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: 0.13em;
  line-height: 1.4375;
  border-radius: 1.5625rem;
  max-width: 194px;
  max-width: 12.125rem;
  width: 100%;
  padding-top: 7px;
  padding-top: 0.4375rem;
  padding-bottom: 7px;
  padding-bottom: 0.4375rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
  margin-bottom: 1.75rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-second-flex-title {
    margin-bottom: 0.875rem;
    font-size: 0.875rem;
  }
}

.page-acne__bottom-second-flex-title-white {
  background: #FCFEF6;
}

.page-acne__bottom-second-flex-title-gray {
  background: #F6F4F2;
}

.page-acne__bottom-second-flex-title-red {
  background: #FFEEE9;
}

.page-acne__bottom-second-flex-title-yellow {
  background: #FFF4D7;
}

.page-acne__bottom-second-flex-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 74%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 34px;
  margin-bottom: 2.125rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-second-flex-img {
    margin-bottom: 1.25rem;
  }
}

.page-acne__bottom-second-flex-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-second-flex-text {
    font-size: 0.8125rem;
  }
}

.page-acne__bottom-second-flex-top {
  padding-bottom: 26px;
  padding-bottom: 1.625rem;
}

.page-acne__bottom-second-head-bottom {
  border-top: 1px solid #DFDFDF;
  border-top: 0.0625rem solid #DFDFDF;
  margin-top: 44px;
  margin-top: 2.75rem;
  padding-top: 54px;
  padding-top: 3.375rem;
}

.page-acne__bottom-second-flex-item {
  position: relative;
}

.page-acne__bottom-second-flex-item:first-child:after {
  content: "";
  width: 1px;
  height: 107%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: -10%;
  top: 0;
  background: #DFDFDF;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-second-flex-item:first-child:after {
    content: none;
  }
}

@media screen and (max-width:767px) {
  .page-acne__bottom-second-flex-item:first-child {
    padding-bottom: 2.5rem;
  }
}

.page-acne__bottom-second-content-text {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255, 255, 255, .1)), to(rgba(57, 178, 206, .2)));
  background: linear-gradient(90deg, rgba(255, 255, 255, .1) 30%, rgba(57, 178, 206, .2) 100%);
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0;
  line-height: 2;
  max-width: 580px;
  max-width: 36.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 65px;
  padding-left: 4.0625rem;
  padding-right: 65px;
  padding-right: 4.0625rem;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
@media screen and (max-width:767px) {
  .page-acne__bottom-second-content-text {
    margin-bottom: 1.25rem;
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    padding-right: 1.25rem;
  }
}

/* ====================
// ニキビのお薬
==================== */
.page-acne__medicine-group {
  border: 1px solid #B9D7DE;
  border-radius: 0.3125rem;
  margin-top: 60px;
  margin-top: 3.75rem;
  padding: 50px 45px 66px;
  padding: 3.125rem 2.8125rem 4.125rem;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group {
    margin-top: 1.875rem;
    padding: 1.875rem 1.25rem 1.875rem;
  }
}

.page-acne__medicine-group-title {
  text-align: center;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}

.page-acne__medicine-group-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 1.875rem;
    gap: 1.25rem;
  }
}

@media screen and (max-width:767px) {
  .page-acne__medicine-group-flex-body {
    margin-right: 0;
  }
}

.page-acne__medicine-group-flex-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-flex-text {
    font-size: 0.8125rem;
  }
}

.page-acne__medicine-group-flex-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-acne__medicine-group-flex-img-pc {
  display: block;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-flex-img-pc {
    display: none;
  }
}

.page-acne__medicine-group-flex-img-sp {
  display: none;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-flex-img-sp {
    display: block;
    margin-top: 1.25rem;
  }
}

.page-acne__medicine-group-detail-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #000000;
  border-radius: 1.875rem;
  border: 1px solid #39B2CE;
  letter-spacing: 0.13em;
  line-height: 2;
  padding: 3px 12px;
  padding: 0.1875rem 0.75rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-detail-title {
    font-size: 0.875rem;
  }
}

.page-acne__medicine-group-detail-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.13em;
  line-height: 2;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-detail-text {
    font-size: 0.8125rem;
    padding-bottom: 1.875rem;
  }
}

.page-acne__medicine-group-detail-text:last-child {
  padding-bottom: 0;
}

.page-acne__medicine-group-detail-title-padding {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-detail-title-padding {
    margin-top: 1.875rem;
  }
}

.page-acne__medicine-group-last {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255, 255, 255, .1)), to(rgba(57, 178, 206, .2)));
  background: linear-gradient(90deg, rgba(255, 255, 255, .1) 30%, rgba(57, 178, 206, .2) 100%);
  border: none;
}

.page-acne__medicine-group-last-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-last-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.page-acne__medicine-group-last-flex-img-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: none;
}

.page-acne__medicine-group-last-flex-img {
  margin-bottom: 80px;
  margin-bottom: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-last-flex-img {
    margin-bottom: 2.5rem;
  }
}

.page-acne__medicine-group-last-flex-button .button__link {
  background: transparent;
  letter-spacing: 0.1em;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}

.page-acne__medicine-group-last-title {
  font-size: 22px;
  font-size: 1.375rem;
  color: #000000;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.4545454545;
  font-weight: 500;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  text-align: center;
}
@media screen and (max-width:767px) {
  .page-acne__medicine-group-last-title {
    font-size: 0.9375rem;
  }
}

.page-acne__bottom-content .page-price-consultation__catch-inner {
  padding-top: 30px;
  padding-top: 1.875rem;
}

/* ===================
 施術の流れ
=================== */
.page-acne__bottom-group .flow__group {
  padding-top: 0;
}

/* ===================
 注意事項
=================== */
.page-acne__caution-content-title {
  padding-top: 32px;
  padding-top: 2rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.page-acne__caution-table {
  border-collapse: collapse;
  background: #eaf6fe;
  width: 100%;
  color: #595757;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  line-height: 2;
}

.page-acne__caution-table-body-title {
  vertical-align: middle;
  width: 40%;
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  border: 3px solid #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
  background: #E7F2F4;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .page-acne__caution-table-body-title {
    font-size: 0.8125rem;
  }
}

.page-acne__caution-table-body-text {
  width: 60%;
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  border: 3px solid #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
  background: #E5E5E5;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .page-acne__caution-table-body-text {
    font-size: 0.8125rem;
  }
}

.page-acne__caution-table-body-list {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0.1em;
  line-height: 1.5;
}

.page-acne__caution-table-body-list-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-acne__caution-table-body-list-text:before {
  content: "・";
}

.page-acne__caution-table-body-list-text-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.page-acne__caution-table-body-list-text-last:before {
  content: "※";
}
/*# sourceMappingURL=style.css.map */