/*--------------------------------------
base
--------------------------------------*/
#coming {
  text-align: center;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
}
#coming div:first-child {
  margin: 120px 10%;
}
#coming .fadeUp {
  font-size: clamp(20px, 2.2vw, 38px);
  text-align: center;
  line-height: 2;
  font-weight: bold;
  color: var(--main-color);
  padding: 1rem 0;
  width: 90%;
  margin: 0 auto 50px;
}
#coming .icon_flex svg {
  width: 1.58vw;
  min-width: 24px;
  max-width: 30px;
}
#coming .txt .line {
  display: block;
  font-size: var(--f-56);
  color: transparent;
  -webkit-text-stroke: 2px #212121;
  text-shadow: 3px 3px var(--main-color);
  font-weight: 800;
}
.txtInner {
  animation-name: show;
  animation-duration: 0.4s;
  animation-fill-mode: backwards;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*--------------------------------------
base
--------------------------------------*/
body {
  font-family: 'sans', 'Noto Sans JP';
  position: relative;
  color: #212121;
  margin: 0px;
  font-weight: 500;
}
footer {
  position: relative;
  margin: auto;
  width: 100%;
}
p {
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  opacity: 1;
  transition: opacity .15s ease-in-out;
  transition: transform 0.3s;
}
a:hover {
  text-decoration: none;
  opacity: .5;
  color: unset;
}
img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
/*--------------------------------------
bootstrap-hacks
--------------------------------------*/
/*-----gutter-----*/
.gutter-1 {
  margin-right: -1px;
  margin-left: -1px;
}
.gutter-1 > [class^='col-'] {
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
}
.gutter-5 {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-5 > [class^='col-'] {
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.gutter-75 {
  margin-right: -7.5px;
  margin-left: -7.5px;
}
.gutter-75 > [class^='col-'] {
  padding-top: 7.5px;
  padding-right: 7.5px;
  padding-bottom: 7.5px;
  padding-left: 7.5px;
}
.gutter-10 {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-10 > [class^='col-'] {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.gutter-15 {
  margin-right: -15px;
  margin-left: -15px;
}
.gutter-15 > [class^='col-'] {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
/*-----font-family-----*/
@font-face {
  font-family: "sans";
  src: url("font/Noto_Sans_JP/static/NotoSansJP-Medium.ttf");
}
@font-face {
  font-family: "Poppins";
  src: url("font/Poppins/Poppins-Medium.ttf");
}
@font-face {
  font-family: "Roboto";
  src: url("font/Roboto/Roboto-Medium.ttf");
}
.ff-poppins {
  font-family: "Poppins", "Roboto", "Museo Sans" !important;
  color: #FF7F50;
}
.ff-Roboto {
  font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
}
.ff-sans {
  font-family: "sans", "Noto Sans JP", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important;
}
/*-----font-color-----*/
.color-corporate-red {
  color: #EB6464;
}
.color-corporate-blue {
  color: #36A6CE;
}
/*-----flex-----*/
.flex_center {
  display: flex;
  align-items: center;
}
.borderbox__grid.flex_center_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:min(2.5vw,30px);
  padding: 4.87% 0;
  width: 95%;
}
/*-----bg-color-----*/
.bg-white {
  background-color: #fff;
}
.bg_orange {
  background-color: #FAF0EC;
}
.bg_gray {
  background-color: #FAFAFA;
  z-index: 0;
  position: relative;
}
.bg_orange_heaf {
  background: linear-gradient(90deg, #fff 0%, #fff 48%, #FAF0EC 48%, #FAF0EC 100%);
  width: 100%;
  height: 100%;
}
.bg_orange_heaf_vice {
  background: linear-gradient(90deg, #FAF0EC 0%, #FAF0EC 52%, #fff 52%, #fff 100%);
  width: 100%;
  height: 100%;
}
/*-----border-----*/
.boader_box {
  border: solid 2px var(--main-color);
  padding: min(1.6vw, 17px) min(3.2vw, 35px);
}
/*円のテキスト*/
.text_round p {
  color: #fff;
  background-color: #40899C;
  border-radius: 50%;
  padding: min(1.6vw, 17px);
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: var(--font20);
}
@media screen and (max-width:759.98px) {
  .text_round p {
    padding: min(3.7vw, 42px);
    width: 60px;
    height: 60px;
  }
}
/*四角白枠＋白文字    */
.text_white_border {
  color: #fff;
  border: solid 1px #fff;
  border-radius: min(8%, 3px);
  padding: min(1.6vw, 17px);
}
/*-----font-size-----*/
.text_nomal {
  font-size: var(--font15) !important;
  line-height: 2.2;
  letter-spacing: 0.2px;
}
.txt_bold {
  font-weight: 700;
}
:root {
  --main-color: #FF7F50;
  --sub-color: #524A4A;
  --sub2-color: #FBEEE8;
  --text-color: #3E3B3A;
  --text2-color: #404040;
  --gray-color: #A2A2A2;
  --black-color: #000;
  --blue-color: #CBEFF2;
  --blue2-color: #40899C;
  --light_blue-color: #F0F6F7;
  --white-color: #fff;
  --f-10: clamp(10px, 0.6vw, 10px);
  --f-12: clamp(10px, 0.9vw, 12px);
  --f-14: clamp(11px, 1vw, 14px);
  --f-15: clamp(12px, 1.2vw, 15px);
  --f-18: clamp(13px, 1.5vw, 18px);
  --f-20: clamp(13.6px, 1.7vw, 20px);
  --f-24: clamp(16px, 2vw, 24px);
  --f-26: clamp(18px, 1.9vw, 22px);
  --f-28: clamp(20px, 2vw, 28px);
  --f-30: clamp(22px, 2.1vw, 30px);
  --f-32: clamp(24px, 2.8vw, 32px);
  --f-37: clamp(26px, 3.5vw, 40px);
  --f-38: clamp(27px, 3.7vw, 41px);
  --f-42: clamp(30px, 3.5vw, 42px);
  --f-45: clamp(32px, 3.6vw, 45px);
  --f-50: clamp(40px, 3.8vw, 50px);
  --f-56: clamp(46px, 4.5vw, 56px);
  --f-70: clamp(46px, 6.6vw, 70px);
  --f-85: clamp(70px, 6.9vw, 85px);
}
@media screen and (max-width:759.98px) {
  :root {
    --f-10: clamp(10px, 1.8vw, 14px);
    --f-12: clamp(10px, 2.1vw, 20px);
    --f-14: clamp(11px, 3.7vw, 28px);
    --f-15: clamp(15px, 2.5vw, 25px);
    --f-18: clamp(15px, 3vw, 36px);
    --f-20: clamp(14px, 3.5vw, 40px);
    --f-24: clamp(20px, 4.7vw, 48px);
    --f-28: clamp(22px, 7vw, 56px);
    --f-30: clamp(21px, 5.8vw, 29px);
    --f-32: clamp(20px, 6.3vw, 64px);
    --f-37: clamp(22px, 6.9vw, 68px);
    --f-38: clamp(23px, 7vw, 69px);
    --f-42: clamp(24px, 7vw, 84px);
    --f-45: clamp(28px, 6.8vw, 110px);
    --f-50: clamp(40px, 13vw, 100px);
    --f-56: clamp(46px, 14.8vw, 112px);
    --f-70: clamp(48px, 10.4vw, 65px);
    --f-85: clamp(35px, 12.3vw, 80px);
  }
  .text_nomal {
    line-height: 2.4;
  }
}
.font10 {
  font-size: var(--f-10) !important;
}
.font12 {
  font-size: var(--f-12) !important;
}
.font14 {
  font-size: var(--f-14) !important;
}
.font15 {
  font-size: var(--f-15) !important;
}
.font18 {
  font-size: var(--f-18) !important;
}
.font20 {
  font-size: var(--f-20) !important;
}
.font24 {
  font-size: var(--f-24) !important;
}
.font28 {
  font-size: var(--f-28) !important;
}
.font30 {
  font-size: var(--f-30) !important;
}
.font37 {
  font-size: var(--f-37) !important;
}
.font42 {
  font-size: var(--f-42) !important;
}
.font45 {
  font-size: var(--f-45) !important;
}
.font50 {
  font-size: var(--f-50) !important;
}
.font56 {
  font-size: var(--f-56) !important;
}
.font85 {
  font-size: var(--f-85) !important;
}
.font100 {
  font-size: var(--f-100) !important;
}
/*--------------------------------------
アニメーション
--------------------------------------*/
@-webkit-keyframes passing-bar {
  0% {
    left: 0;
    right: auto;
    width: 0;
  }
  50% {
    left: 0;
    right: auto;
    width: 100%;
  }
  51% {
    left: auto;
    right: 0;
    width: 100%;
  }
  100% {
    left: auto;
    right: 0;
    width: 0;
  }
}
@keyframes passing-bar {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
@-webkit-keyframes passing-txt {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes passing-txt {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* css */
.passing .passing-bar {
  position: relative;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.passing .passing-bar:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #fff;
}
.passing .passing-txt {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.passing.move .passing-bar:before {
  -webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
  animation: passing-bar 1s ease 0s 1 normal forwards;
}
.passing.move.animation_delay02 .passing-bar:before {
  -webkit-animation: passing-bar 1s ease 1s 1 normal forwards;
  animation: passing-bar 1s ease 1s 1 normal forwards;
}
.passing.move .passing-txt {
  -webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
  animation: passing-txt 0s ease .5s 1 normal forwards;
}
.passing.move.animation_delay02 .passing-txt {
  -webkit-animation: passing-txt 1.5s ease .5s 1 normal forwards;
  animation: passing-txt 1.5s ease .5s 1 normal forwards;
}
/*--------------------------------------
共通css
--------------------------------------*/
/* SP版 切り替え */
.sp_open {
  display: none !important;
}
.sp_open_br br {
  display: none;
}
.top_info .sp_open {
  display: none;
}
.align_c {
  text-align: center;
}
.sec-m1200,.sec-m1100 {
  max-width: 1100px;
  margin: 0 auto;
  width: 90%;
}
.sec-m910 {
  max-width: 910px;
  margin: 0 auto;
  width: 90%;
}
@media screen and (max-width:759.98px) {
  .sp_hide {
    display: none !important;
  }
  .sp_open {
    display: block !important;
  }
  .sp_hide_br br {
    display: none;
  }
  .sp_open_br br {
    display: block;
  }
  .sp_width_max {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
/*-----margin padding-----*/
.margin_auto {
  margin: min(10.35vw, 95px) auto min(4.9vw,45px);
}
.margin_auto_120 {
  margin: min(7.25vw, 120px) auto;
}
.padding_auto {
  padding: min(10.35vw, 95px) 0 min(4.9vw, 45px);
}
.margin_top {
  margin-top: min(7.25vw, 120px);
}
.margin_bottom {
  margin-bottom: min(7.25vw, 120px);
}
.margin_none {
  margin: 0 !important;
}
.text_margin_top{
    margin-top: min(4.9vw, 45px)!important;
}
.text_margin_bottom{
    margin-bottom: min(4.9vw, 45px)!important;
}
.padding_top {
  padding-top: min(7.25vw, 120px);
}
.padding_bottom {
  padding-bottom: min(7.25vw, 120px);
}
.padding_bottom60 {
  padding-bottom: min(5.2vw, 60px);
}
.bg_gray.padding_bottom {
  padding-bottom: min(9.6vw, 150px);
}
@media screen and (max-width:758.98px) {
  .margin_auto {
    margin: min(13.3vw, 95px) auto min(4.9vw, 45px);
  }
    .margin_auto_120{
        margin: min(15.9vw, 100px) auto;
    }
  .padding_auto {
    padding: min(10.35vw, 95px) 0 min(4.9vw, 45px);
  }
  .bg_gray.padding_bottom {
    padding-bottom: min(15.9vw, 100px);
  }
  .padding_bottom {
    padding-bottom: min(15.9vw, 100px);
  }
}
/*-- ボタン系 ---------------*/
.loading__btn__wrap{

}
.loading__btn {
display: inline-flex;
    text-decoration: none;
    color: #404040;
    width: clamp(250px, 12.8vw, 300px);
    height: clamp(50px, 3.2vw, 70px);
    font-size: var(--f-15);
    position: relative;
    opacity: 1 !important;
    transition: all 0.3s;
    background-color: #CCC;
    border-radius: 100vw;
    transition: color 0.4s;
    overflow: hidden;
}
.loading__btn:before,
.loading__btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 0;
  background-color: var(--main-color);
  pointer-events: none;
}
.loading__btn:before {
  bottom: 0;
  left: 0;
}
.loading__btn:after {
  top: 0;
  right: 0;
}
.loading__btn:hover {
  color: var(--main-color);
}
.loading__btn:hover:before,
.loading__btn:hover:after {
  height: 100%;
}
.loading__btn:hover:before {
  transition: height 0.2s 0.2s linear;
}
.loading__btn:hover:after {
  transition: height 0.2s linear;
}
.loading__btn span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #FFF;
  border-radius: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
}
/*--------------------------------------
header
--------------------------------------*/
.header {
  width: 100%;
  min-height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4599964985994398) 0%, rgba(255, 255, 255, 0) 100%);
}
.header__wrap {
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.header__wrap__left a {
  background: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 0 25px 0;
  height: 100%;
  padding: 10px 20px;
}
.header__wrap__left a:hover{
    opacity: 1;
}
.header.top .header__right__flex {
  padding-left: 50px;
  display: flex;
}
.header__left__icon {
  width: 80px;
}
@media screen and (max-width:758.98px) {
  .header__left__icon {
    width: 60px;
  }
}
.header__right__table {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991.98px) {
  .header__right__table {
    display: none;
  }
}
.header__table__block {
  margin-right: 80px;
}
@media screen and (max-width: 1329.98px) {
  .header__table__block {
    margin-right: 20px;
  }
}
.header__table__text {
  font-size: var(--f-15);
  font-weight: 700;
}
.header__table__ruby {
  font-size: var(--f-10);
  color: var(--main-color);
}
.header__right__cnt {
  display: flex;
  align-items: center;
}
.header__cnt__tell {
  margin-right: 30px;
}
@media screen and (max-width: 1329.98px) {
  .header__cnt__tell {
    margin-right: 10px;
  }
}
@media screen and (max-width: 991.98px) {
  .header__cnt__tell {
    display: none;
  }
  .header.top .header__right__flex {
    padding: 0;
  }
}
.header__tell__label {
  width: 100%;
  min-height: 22px;
  background: var(--main-color);
  font-size: var(--f-10);
  color: #fff;
  position: relative;
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.header__tell__label::before {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, 0);
  border-top: 3.5px solid var(--main-color);
  border-bottom: 3.5px solid transparent;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
}
.header__tell__number {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: var(--f-26);
  color: var(--text2-color);
  font-family: 'Poppins', sans-serif;
}
.header__tell__icon {
  margin-right: 5px;
  width: 20px;
  height: 25px;
}
.header__right__boxes {
  display: flex;
  z-index: 99;
}
.header__boxes__training {
  width: 80px;
  height: 80px;
  border: 2px solid var(--main-color);
  background: var(--white-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.header__training__icon {
  margin-bottom: 3px;
  width: 53px;
  height: 22px;
}
.header__training__text {
  font-size: clamp(8px, 2.35vw, 14px);
  color: var(--main-color);
}
@media screen and (max-width: 758.98px) {
  .header__boxes__training {
    width: 70px;
    height: 70px;
  }
  .header__training__icon {
    margin-bottom: 3px;
    width: 43px;
    height: 15px;
  }
}
.header__boxes__menu {
  width: 80px;
  height: 80px;
  background: var(--main-color);
  position: relative;
  cursor: pointer;
  z-index: 99;
}
.header__boxes__menu:hover {
  opacity: 0.9;
}
.header__menu__wrap {
  width: 45px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.header__menu__bar01, .header__menu__bar02, .header__menu__bar03 {
  height: 3px;
  background: var(--white-color);
  position: absolute;
  left: 0;
  transform-origin: -5% 60%;
}
.header__menu__bar01 {
  width: 100%;
  top: 0;
}
.header__menu__bar02 {
  width: 75%;
  top: 50%;
  transform: translate(0, -50%);
}
.header__menu__bar03 {
  width: 50%;
  top: 100%;
  transform: translate(0, -50%);
}
.active.header__menu__bar01 {}
.active.header__menu__bar02 {}
.active.header__menu__bar03 {}
@media screen and (max-width: 758.98px) {
  .header__boxes__menu {
    width: 70px;
    height: 70px;
  }
  .header__menu__wrap {
    width: 30px;
    height: 25px;
  }
  .header__menu__bar01 {
    height: 2px;
  }
  .header__menu__bar02 {
    height: 2px;
  }
  .header__menu__bar03 {
    height: 2px;
  }
  .header__menu__bar01, .header__menu__bar02, .header__menu__bar03 {
    transform-origin: -10% 60%;
  }
}
.header__menu__wrap div {
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0, .78, .33, 1);
  animation-direction: normal;
  transition: 0.2s;
}
.header__boxes__menu .header__menu__bar01 {
  animation-name: menuAnime01;
}
.header__boxes__menu .header__menu__bar02 {
  animation-name: menuAnime02;
}
.header__boxes__menu .header__menu__bar03 {
  animation-name: menuAnime03;
}
.header__boxes__menu.active .header__menu__bar01 {
  animation-name: menuAnimeActive01;
}
.header__boxes__menu.active .header__menu__bar02 {
  animation-name: menuAnimeActive02;
}
.header__boxes__menu.active .header__menu__bar03 {
  animation-name: menuAnimeActive03;
}
@keyframes menuAnime01 {
  0% {
    transform: translate(0, -50%) rotate(45deg);
    left: 7px;
  }
  60% {
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
  }
  100% {
    top: 0;
  }
}
@keyframes menuAnime02 {
  59% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes menuAnime03 {
  0% {
    transform: translate(0, -50%) rotate(-45deg);
    width: 100%;
    left: 7px;
  }
  59% {
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    left: 0;
  }
  60% {
    width: 50%;
  }
  100% {
    top: 100%;
  }
}
@keyframes menuAnimeActive01 {
  0% {
    top: 0;
  }
  40% {
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
  }
  100% {
    transform: translate(0, -50%) rotate(45deg);
    left: 7px;
  }
}
@keyframes menuAnimeActive02 {
  39% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes menuAnimeActive03 {
  0% {
    top: 100%;
  }
  39% {
    width: 50%;
  }
  40% {
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    left: 0;
  }
  100% {
    transform: translate(0, -50%) rotate(-45deg);
    width: 100%;
    left: 7px;
  }
}
header[data-js-scroll="true"] .header__wrap__right {
  transition: 1s;
  background-color: #fff;
  border-radius: 0 0 0 25px;
  box-shadow: 0px 0px 20px -10px #ccc;
}
header[data-js-scroll="true"] .header__wrap__left a {
  transition: 1s;
  box-shadow: 0px 0px 20px -10px #ccc;
}
/*--------------------------------------
menu
--------------------------------------*/
.menu {
max-width: 100%;
    width: 100%;
    margin: auto;
    background: var(--main-color);
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    padding: min(7.8vw,120px) min(5vw,40px);
    color: #fff;
    z-index:95;
}
.submenu,
.header__link__sub{
    display: none;
}
.header__link__main{
display: flex;
    justify-content: space-between;
    width: 81%;
    gap: min(4.2vw,100px);
    margin: 0 auto;
}
.header__link__main > .inner-nav > li > a > p{
    font-size: var(--f-10);
        color: #fff;
}

.header__link__main > .inner-nav > li > a > .footer__lamp__ruby{
    color: #fff;
    font-size: var(--f-32);
    font-style: italic;
}

.menu__wrap {}
@media screen and (max-width: 991.98px) {
  .menu {
    width: 100%;
    padding: 0;
  }
    .menu__wrap{
padding-top: 80px;
}
    .menu__wrap{
    height: 100vh;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    overflow-y: scroll;
    webkit-overflow-scrolling: auto;
  overflow-scrolling: auto;
}
    .header__wrap__left a{
        position: relative;
        z-index: 99;
    }
  .inner-nav > li a, .header__link__sub {
    padding: 15px 0 15px min(8.2vw, 29.5px);
    transition: .3s;
    border-bottom: 1px solid #E2E2E2;
    display: block;
    position: relative;
    margin-bottom: 0;
  }
  .inner-nav > li > a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 40%;
    min-width: 133px;
    height: inherit;
    border-bottom: 1px solid var(--main-color);
  }
    .submenu{
    display: block;
    height: 100%;
    width: 100%;
}    
    .header__link__sub{
    display: block;
    width: 100%;
    padding-bottom: 50px;
}
    .header__link__main{
        display: block;
    width: 100%;
    }
        .header__link__main > .header_footer_info_wrap{
        display: none;
    }
  .submenu_title_wrap a:hover, .inner-nav > li > a:hover {
    background-color: #FAF0EC;
    opacity: 1;
  }
.header__link__main > .inner-nav > li > a > p {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #212121;
  }
  .header__link__main > .inner-nav > li > a > .footer__lamp__ruby{
    font-size: 10px;
    color: var(--main-color);
    font-family: 'Poppins', sans-serif;
    font-style: normal;
  }
  .header__link__sub > .footer__sub__text {
    margin: 10px 0;
    color: #212121;
  }
  /*-- sab menu ---------------*/
  .inner-nav > li {
    position: relative;
  }
  .toggleBtn {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    padding-right: 20px;
    height: 67px;
    width: 100px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .toggleBtn:hover {
    cursor: pointer;
  }
  .toggleBtn:hover span, .toggleBtn.rotate_arrow span {
    transform: scale(1.2);
    box-sizing: border-box;
    background-color: #FAF0EC;
  }
  .toggleBtn span {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: transform 0.3s;
  }
  .toggleBtn span::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    height: 1.4px;
    width: 10px;
    background-color: var(--main-color);
    transform: translate(-50%, -50%);
  }
  .toggleBtn span::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    height: 10px;
    width: 1.4px;
    background-color: var(--main-color);
    transform: translate(-50%, -50%);
    transition: all 0.3s;
  }
  .toggleBtn.rotate_arrow span::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .submenu_inner {
    position: relative;
    opacity: 1;
    margin-top: -1px;
  }
  .submenu > ul > li {
    background-color: var(--main-color);
  }
  .submenu > ul > li > a {
    color: #fff;
    padding: 15px 0 15px min(8.2vw, 29.5px);
    border-bottom: 1px solid #fff;
    transition: all 1s;
    font-size: 13px;
  }
  nav li.submenu ul li:last-child a {
    border-bottom: none;
  }
    .header__link__sp_hide.sp_hide{
        display: none;
    }
}
@media screen and (max-width: 758.98px) {
    .menu__wrap{
padding-top: 70px;
}
}
/*--------------------------------------
footer
--------------------------------------*/
.footer {
  padding-top: 50px;
  padding-bottom: 15px;
  background: var(--sub-color);
}
@media screen and (max-width: 991.98px) {
  .footer {
    padding-top: 25px;
    padding-bottom: 5px;
  }
}

.footer__wrap__top {
  margin-bottom: 45px;
  display: flex;
  justify-content: center;
}
.footer__top__icon {
  width: 155px;
  height: 105px;
}
.footer__wrap__middle {
  display: flex;
  justify-content: space-between;
  margin-bottom: 55px;
  gap: 10px;
}
.footer__info__address {
  margin-bottom: 15px;
  font-size: var(--f-15);
  color: #fff;
}
.footer__address__icon {
  width: 17px;
  height: 23px;
  margin-right: 20px;
}
.footer__info__tell {
  margin-bottom: 15px;
  font-size: var(--f-15);
  color: #fff;
  display: block;
}
.footer__tell__icon {
  width: 24px;
  height: 24px;
  margin-right: 20px;
}
.footer__info__instagram {
  margin-bottom: 15px;
  font-size: var(--f-15);
  color: #fff;
  display: block;
}

.footer__instagram__icon {
  width: 25px;
  height: 25px;
  margin-right: 20px;
}
.footer__info__button {
  padding: 0 50px;
  min-height: 70px;
  background: #fff;
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sub-color);
}
.footer__info__button:hover,
.footer__info__instagram:hover,
.footer__info__tell:hover{
      color: #fff;
}
.footer__button__icon {
  width: 38px;
  height: 31px;
  margin-right: 15px;
}
.footer__middle__link {
  display: flex;
  justify-content: space-between;
}
.footer__middle__link ul li {
  margin-bottom: 12px;
}
.footer__link__main {
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .footer__link__main {
    margin-bottom: 25px;
  }
    .footer__wrap__middle{
        flex-wrap: wrap;
    }
}
.footer__main__left {
  margin-right: 60px;
}
.footer__main__right {
  margin-right: 60px;
}
.footer__main__lamp {
  margin-bottom: 20px;
}
.footer__lamp__text {
  font-size: var(--f-15);
  color: #fff;
}
.footer__lamp__ruby {
  font-size: var(--f-10);
  color: var(--main-color);
  font-family: 'Poppins', sans-serif;
}
.footer__link__sub {}
.footer__sub__text {
  font-size: var(--f-12);
  display: block;
  margin-bottom: 10px;
  color: #fff;
}
.footer__wrap__bottom {}
.footer__bottom__copyright {
  text-align: center;
  font-size: var(--f-10);
  color: #fff;
}
@media screen and (max-width: 758.98px) {
    .footer{
        padding-top: 45px;
    }
    .footer__top__icon {
  width: clamp(80px, 2.5vw, 100px);
    height: auto;
}
    .time__line__text{
      font-size: var(--f-14)!important;
    }
  .footer__info__address, .footer__info__tell, .footer__info__instagram {
    margin-bottom: 13px;
    font-size: var(--f-14);
  }
  .footer__address__icon, .footer__tell__icon, .footer__instagram__icon {
    margin-right: 10px;
  }
  .footer__wrap__middle {
    display: block;
    margin-bottom: 35px;
  }
  .footer__middle__link, .footer__middle__link {
    display: none;
  }
  .footer_nav_item {
    margin-top: 25px;
  }
  .footer__sub__text {
    font-size: 12px;
  }
}
/*--------------------------------------
gotop
--------------------------------------*/
.gotop {
  width: 65px;
  height: 65px;
  background: var(--main-color);
  border-radius: 10px 0 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  bottom: 10px;
  right: 0;
  cursor: pointer;
  z-index: 97;
}
.gotop__image {
  margin-bottom: 5px;
  width: 7.5px;
  height: 26px;
}
.gotop__text {
  font-size: 12px;
  color: #fff;
  font-weight: 100;
}
@media screen and (max-width: 991.98px) {
  .gotop {
    width: 55px;
    height: 55px;
  }
}
/*--------------------------------------
section
--------------------------------------*/
.sticky > div {
  position: sticky;
  top: 90px;
  left: 0;
}
.section__wrap {
  max-width: 1100px;
  margin: auto;
  width: 90%;
}
.section__wrap.thin {
  padding: 0 min(8.2vw, 200px);
}
.section__noMarginWrap {
  max-width: 1200px;
  margin: auto;
}
.section.sub2Color, .section.blue,.section.light_blue {
  padding: min(13.87vw, 120px) 0;
}
.section.helfOverlay {
  position: relative;
  padding-bottom: min(7vw, 100px);
}
.section.helfOverlay::before {
  content: '';
  width: 47.5%;
  height: 79%;
  background: var(--sub2-color);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.section.helfOverlay.voice::before {
  height: 100%;
}
.section.sub2Color {
  background: var(--sub2-color);
}
.section.blue {
  background: var(--blue-color);
}
.section.light_blue {
  background: var(--light_blue-color);
}
.section.light_blue > .text__blue {
 color: #40899C!important;
}
.section.gray {
  background: #FAFAFA;
  padding: min(8.3vw, 100px) 0;
}
.section_flow.gray {
  background: #FAFAFA;
  padding: min(13.3vw, 100px) 0 0;
}
.section.arrow {
  position: relative;
  padding-bottom: 105px;
}
.section.arrow::before {
  content: '';
  border-top: 40px solid var(--main-color);
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width:758.98px) {
  .section.helfOverlay {
    /* margin-bottom: 50px; */
  }
  .helfOverlay.voice::before {
    width: 60%;
    height: 100%;
  }
  .section.helfOverlay::before {
    width: 60%;
    height: 100%;
  }
}
@media screen and (max-width: 575.98px) {
  .section__wrap, .section__wrap.thin {
    padding: 0 10px;
  }
}
/*--------------------------------------
component
--------------------------------------*/
.text__small {
  font-size: var(--f-12);
  margin-bottom: 5px;
}
.text__normal {
  font-size: var(--f-15);
  margin-bottom: 5px;
  line-height: 2.2;
  letter-spacing: 0.2px;
}
.text__middle {
  font-size: var(--f-18);
  margin-bottom: 5px;
}
.text__big {
  font-size: var(--f-20);
  font-weight: bold;
  margin-bottom: 10px;
}
.text__big2 {
  font-size: var(--f-30);
  font-weight: bold;
  margin-bottom: 10px;
}
.text__white {
  color: #fff;
}
.text__orange {
  color: var(--main-color) !important;
}
.text__blue {
  color: #40899C;
}
.text__center {
  text-align: center !important;
}
.text__bold {
  font-weight: bold !important;
}
.text__magin__auto {
  margin: 10px 0;
}
@media screen and (max-width: 758.98px) {
   .text__normal {
  line-height: 1.8;
} 
}
.borderbox {
  position: relative;
  display: inline-block;
}
.borderbox__border {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding: min(3.8vw, 20px) min(2vw, 25px);
  display: flex;
  align-items: center;
  border: 1.5px solid var(--main-color);
  justify-content: center;
  z-index: 1;
}
.borderbox__border__text {
  font-size: var(--f-20);
  color: var(--main-color);
}
.borderbox.blueLabel .borderbox__border__text {
  color: var(--blue2-color);
}
.borderbox.bent .borderbox__border {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);
}
.borderbox.bent .borderbox__border::before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 10px solid var(--main-color);
  border-right: 10px solid var(--main-color);
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  position: absolute;
  bottom: -2.5px;
  right: -2.5px;
}
.borderbox.bent .borderbox__border::after {
  content: "";
  width: 13px;
  height: 13px;
  border-top: 1.5px solid var(--main-color);
  border-left: 1.5px solid var(--main-color);
  position: absolute;
  bottom: 3px;
  right: 3px;
}
.borderbox.blackBorder {
  margin-bottom: 10px;
}
.borderbox.blackBorder .borderbox__border {
  border: 1.5px solid #707070;
  padding: 15px 25px;
}
.borderbox__under {
  width: 100%;
  height: 100%;
  background: #FAF0EC;
  position: absolute;
  top: 3px;
  left: 3px;
}
.borderbox.bent .borderbox__under {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);
}
.borderbox.blackBorder .borderbox__under {
  top: 5px;
  left: 5px;
}
.borderbox.blueLabel .borderbox__under {
  background: var(--blue-color);
}
.borderbox.whiteLabel .borderbox__under {
  background: #fff;
}
.borderbox__border__text {
  font-size: var(--f-20);
  font-weight: bold;
}
.borderbox.more .borderbox__border {
  border-radius: 25px;
  padding: min(5.2vw,30px) min(3.2vw,45px);
}
.borderbox.more .borderbox__border__text {
  font-size: clamp(20px, 2vw, 31px);
}
.borderbox.more .text__middle {
  font-size: clamp(15px, 1.9vw, 17px);
}
.borderbox.more .borderbox__under {
  border-radius: 25px;
}
.borderbox.more .borderbox__under {
  top: 10px;
  left: 10px;
}
.borderbox.corner .borderbox__border {
  border-radius: 25px;
}
.borderbox__border .text__big2 .text__normal{
    margin-left: 13px;
}
.borderbox.corner .borderbox__under {
  border-radius: 25px;
}
.borderbox__circleWrap {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  z-index: 7;
}
.borderbox__more {
  width: 95px;
  height: 95px;
  background: var(--blue2-color);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: var(--f-18);
}
.borderbox__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: min(2.5vw,30px);
}
.borderbox__flex__imageArea {
padding: 3% 6.8%;
    background-color: #fff;
    border-radius: 6%;
}
.borderbox.large .borderbox__border {
  border-radius: 25px;
  padding: 55px 45px;
  align-items: flex-start;
}
.borderbox.large .borderbox__border__text {
  font-size: 30px;
}
.borderbox.large .borderbox__under {
  border-radius: 25px;
}
.borderbox.more .borderbox__under {
  top: 10px;
  left: 10px;
}
.borderbox.mbl {
  margin-bottom: 100px;
}
.sec-m910 > .borderbox.mbl {
  width: 100%;
  margin: min(5.3vw, 60px) auto;
}
@media screen and (max-width: 991.98px) {
  .borderbox.large .borderbox__border__text {
    font-size: 20px;
  }
  .borderbox.large .borderbox__border {
    border-radius: 15px;
    padding: 40px 35px;
  }
    .borderbox.more .borderbox__border__text {
  font-size: clamp(17px, 3.4vw, 25px);
}
  .borderbox.mbl {
    margin-bottom: 60px;
  }
  .borderbox.large .borderbox__under {
    border-radius: 15px;
  }
}
@media screen and (max-width: 758.98px) {
      .borderbox__more {
    position: relative;
    left: 15%;
  }
    .borderbox.more .borderbox__border{
      padding: min(11.2vw,40px) min(7.2vw,45px);
    }
    .borderbox.more .borderbox__border
  .borderbox__circleWrap {
    transform: translate(0, -50%);
  }
  .borderbox.large .borderbox__border {
    padding: 40px 20px;
  }
  .borderbox__border {
    padding: min(3vw, 21px) min(6vw, 24px);
  }
  .borderbox__grid {
    grid-template-columns: 1fr;
    margin: 0 auto;
  }
  .borderbox__grid__textArea {
    padding: 0;
  }
  .borderbox__flex__imageArea,
    .borderbox__grid__imageArea{
    width: 100%;
    max-width: 100%;
  }
}
.button {
  max-width: 300px;
  width: 100%;
  height: 70px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  z-index: 2;
  position: relative;
  overflow: hidden;
}
.button.small {
  max-width: 260px;
  width: 100%;
}
.button.center {
  margin: auto;
}
.button.whiteBorder {
  border: 2px solid #fff;
}
.button.whiteBorder .button__text {
  color: #fff;
}
.button.blackBorder {
  border: 2px solid #000;
  background: #fff;
}
.button.blackBorder .button__text {
  color: #000;
}
.button.whiteBackground {
  background: #fff;
}
.button.whiteBackground .button__text {
  color: var(--main-color);
}
.button.orageBackground {
  background: var(--main-color);
}
.button.orageBackground .button__text {
  color: #fff;
}
.button__icon {
  margin-right: 10px;
}
.button__icon.mail {
  width: 28px;
}
.button__icon.barbell {
  width: 50px;
}
.button__icon.tell {
  width: 26px;
}
.button__icon.logo {
  width: 55px;
}
.button__icon.blog {
  width: 35px;
}
.button__icon.voice {
  width: 37px;
}
.button__icon.coin {
  width: 30px;
}
.button__text {
  font-size: var(--f-15);
}
.button.whiteBackground .button__text__bk {
  color: var(--sub-color);
}
.button:hover {
  opacity: 1;
}
.button::after {
  background: var(--main-color);
  border-radius: 50%;
  content: "";
  display: block;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 100%;
  height: 0;
  z-index: -1;
  transform: translateY(-50%) scale(0.1);
  transition: opacity .5s, transform 0s;
  transition-delay: 0s, .1s;
}
.button:hover::after {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  transition-delay: 0s;
  transition: opacity .8s, transform .6s ease-in-out;
}
.button:hover .button__text {
  color: #fff !important;
}
.button:hover img {
  filter: brightness(346%);
}
.button:hover::after {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  transition-delay: 0s;
  transition: opacity .8s, transform .6s ease-in-out;
}
.button.whiteBackground:hover {
  border: 2px solid #fff;
}
.button.orageBackground:hover::after {
  background: #ff6d32;
}
@media screen and (max-width: 758.98px) {
  .button {
    min-width: 300px;
  }
  .button__icon.mail {
    width: 28px;
  }
  .button__icon.barbell {
    width: 30px;
  }
  .button__icon.tell {
    width: 26px;
  }
  .button__icon.logo {
    width: 55px;
  }
  .button__icon.blog {
    width: 35px;
  }
  .button__icon.voice {
    width: 37px;
  }
    .button__text {
  font-size: 15px;
}
}
.heading01 {
  text-align: center;
  font-size: var(--f-45);
  font-weight: bold;
  margin-bottom: 55px;
  color: var(--text2-color);
}
.heading01 .heading__en {
  font-family: 'Poppins', sans-serif;
  transform: scale(1, 1.1);
  display: inline-block
}
.heading01 .lead {
  font-size: var(--f-15);
  color: var(--main-color);
  display: block;
  margin-top: 5px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}
.heading01.white, .heading01.white span {
  color: #fff;
}
.heading02 {
  text-align: center;
  font-size: var(--f-38);
  color: var(--main-color);
  margin-bottom: min(8.8vw,80px);
}
.heading03 {
  font-size: var(--f-24);
  font-weight: bold;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
  color: var(--text2-color);
}
.heading03.small {
  font-size: var(--f-18);
}
.heading03.white {
  color: #fff;
}
.heading03::before {
  content: '';
  width: 4px;
  height: 100%;
  background: var(--main-color);
  position: absolute;
  top: 0;
  left: 0;
}
.heading03.white::before {
  background: #fff;
}
.heading04 {
  font-size: var(--f-37);
  font-weight: bold;
  margin-bottom: 30px;
  color: var(--text2-color);
  font-family: 'Poppins', sans-serif;
}
.heading04 .orange {
  color: var(--main-color);
}
.heading04 .ruby {
  font-size: var(--f-18);
  color: var(--main-color);
  margin-top: 5px;
  display: block;
}
.heading05 {
  font-size: var(--f-38);
  font-weight: bold;
  color: var(--main-color);
  margin-bottom: 25px;
  text-align: center;
}
.heading05 span {
  display: block;
  font-size: var(--f-18);
  font-weight: normal;
  margin-top: 25px;
  color: var(--text2-color);
}
.heading06 {
  font-size: var(--f-38);
  font-weight: bold;
  color: var(--text2-color);
}
.tellNum {
  font-size: var(--f-45);
  color: #fff;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: 'Poppins', sans-serif;
}
.tellNum.orange {
  color: var(--main-color);
}
.tellNum__icon {
  max-width: 40px;
}
.time {
  display: flex;
  margin-bottom: 20px;
}
.time__hours {
  margin-right: 10px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--sub-color);
  font-weight: lighter;
  border-radius: 3px;
  font-size: var(--f-15);
  padding: 0 17px;
}
.time__lines {}
.time__line {
  display: flex;
  align-items: center;
}
.time__line:not(:last-child) {
  margin-bottom: 6px;
}
.time__line__label {
  min-height: 45px;
  min-width: 140px;
  border-radius: 3px;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-size: var(--f-15);
}
.time__line__label.gray {
  min-height: 30px;
  background: var(--gray-color);
  border: none;
}
.time__line__text {
  font-size: var(--f-15);
  color: #fff;
}
.time.orange .time__hours {
  background: var(--main-color);
  color: #fff;
}
.time.orange .time__line__label {
  background: #fff;
  color: var(--main-color);
  border: 1px solid var(--main-color);
}
.time.orange .time__line__label.gray {
  background: var(--main-color);
  color: #fff;
}
.time.orange .time__line__text {
  color: var(--main-color);
}
@media screen and (max-width: 991.98px) {
  .time__line:not(:last-child) {
    margin-bottom: 3px;
  }
  .time__line__label {
    min-height: 25px;
    min-width: 110px;
  }
  .time__line__label.gray {
    min-height: 15px;
  }
}
@media screen and (max-width: 758.98px) {
  .time__line__label {
    min-height: 50px;
    min-width: 85px;
    width: 25vw;
     font-size:clamp(10px, 2.8vw, 15px);
    padding: 3.5% 0;
    }
    
    .footer__info__address, .footer__info__tell, .footer__info__instagram{
        font-size: var(--f-10);
  }
  .time__line__label.gray {
    min-height: 40px;
  }
  .time__hours {
    margin-right: 5px;
    padding: 0 3px;
    width: 11.5%;
    font-size: clamp(11px, 3.3vw, 18px);
  }
  .time__lines {
    width: 85%;
  }
}
.smile__circle {
  width: 130px;
  height: 130px;
  background: var(--main-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  position: relative;
}
.smile__circle.smile__circle__blue{
  background: var(--blue2-color);
}

.smile__circle__point {
  font-size: var(--f-18);
  font-weight: bold;
}
.smile__circle__number {
  font-size: 42px;
  font-weight: bold;
  line-height: 0.7;
  margin-bottom: 25px;
  font-family: 'Poppins', sans-serif;
}
.smile__circle__icon {
  width: 100px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  bottom: 19%;
  border: 5px solid #fff;
  clip-path: polygon(30% 50%, 70% 50%, 100% 100%, 0 100%);
}
.smile__circle.small {
  width: 90px;
  height: 90px;
}
.smile__circle.small .smile__circle__point {
  font-size: var(--f-12);
}
.smile__circle.small .smile__circle__number {
  font-size: 32px;
  margin-bottom: 15px;
}
.smile__circle.small .smile__circle__icon {
  width: 80px;
  height: 40px;
}
@media screen and (max-width: 1329.98px) {
  .smile__circle {
    width: 90px;
    height: 90px;
  }
  .smile__circle__number {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .smile__circle__icon {
    width: 80px;
    height: 40px;
  }
  .smile__circle.small {
    width: 70px;
    height: 70px;
  }
  .smile__circle.small .smile__circle__number {
    font-size: 22px;
  }
  .smile__circle.small .smile__circle__icon {
    width: 60px;
    height: 30px;
  }
}
@media screen and (max-width: 991.98px) {
  .smile__circle {
    width: 100px;
    height: 100px;
  }
  .smile__circle__number {
    font-size: 22px;
  }
  .smile__circle__icon {
    width: 60px;
    height: 30px;
    border: 3px solid #fff;
  }
  .smile__circle.small {
    width: 70px;
    height: 70px;
  }
  .smile__circle.small .smile__circle__number {
    font-size: 22px;
  }
  .smile__circle.small .smile__circle__icon {
    width: 60px;
    height: 30px;
  }
    .smile__circle__point {
    line-height: 2;
    margin-top: -6px;
}
}
.speechNum {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
}
.speechNum__number {
  width: 65px;
  height: 65px;
  border: 4px solid var(--main-color);
  border-radius: 50% 50% 0 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: var(--main-color);
  font-weight: bold;
  margin-right: 10px;
  font-family: 'Poppins', sans-serif;
}
.speechNum__body {
  font-size: var(--f-20);
  font-weight: bold;
}
.speechNum__body .small {
  font-size: var(--f-15);
  font-weight: 400;
}
.imageArea {
  margin-bottom: 50px;
}
.imageArea img {
  width: 100%;
}
@media screen and (max-width: 991.98px) {
  .speechNum__number {
    width: 55px;
    height: 55px;
    border: 2px solid var(--main-color);
    font-size: 18px;
  }
}
/*--------------------------------------
sectionSpeech
--------------------------------------*/
.sectionSpeech {
  max-width: 940px;
  width: 80%;
  height: min(7vw, 85px);
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--main-color);
  background: #fff;
  border-radius: 50px;
  font-size: var(--f-24);
  color: var(--main-color);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sectionSpeech::before {
  content: '';
  border-top: 12px solid var(--main-color);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translate(-50%, 0);
}
.sectionSpeech::after {
  content: '';
  border-top: 9px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%, 0);
}
.sectionSpeech__relative {
  position: relative;
}

.sectionSpeech.text__blue {
 color: var(--blue2-color);
    border: 2px solid var(--blue2-color);
}

.sectionSpeech.text__blue::before {
  content: '';
  border-top: 12px solid var(--blue2-color);
}

@media screen and (max-width: 758.98px) {
  .sectionSpeech {
    font-size: clamp(10px, 2.3vw, 23px);
    width: 100%;
  }
  .sectionSpeech::before {
    border-top: 6px solid var(--main-color);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -8px;
  }
  .sectionSpeech::after {
    content: '';
    border-top: 7px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -5px;
  }
}
/*--------------------------------------
list
--------------------------------------*/
.list {
  padding: 0;
  margin: 0;
}
.list li ,
.list p,
.number__list li,
.number__list p{
  font-size: var(--f-12);
  position: relative;
  color: var(--text2-color);
  margin-bottom: 10px;
}
.list li{
    display: flex;
}

.list li::before {
  content: '・';
  color: var(--main-color);
  height: 100%;
  display: block;
}
.number__list{
	counter-reset: listnum;
	list-style: none;
}
.number__list li::before{
	counter-increment: listnum;
	content: counter(listnum) ".";
    color: var(--text2-color);
}
/*--------------------------------------
slider
--------------------------------------*/
.slider {
  width: 100%;
  padding: 60px 0;
  overflow: hidden;
}
.slider__box {
  padding: 0 25px;
}
.slick-list {
  overflow: visible;
}
@media screen and (max-width: 991.98px) {
  .slider {
    padding: 30px 0;
  }
}
/*--------------------------------------
table
--------------------------------------*/
.table {}
.table th, .table td {
  font-size: var(--f-22);
  min-height: 160px;
  text-align: center;
  vertical-align: middle;
}
.table th:nth-child(2) {
  background: var(--text2-color);
}
.table th:nth-child(3) {
  background: var(--main-color);
}
.table th:nth-child(4) {
  background: #CACACA;
}
.table th {
  color: #fff;
  border: none;
  width: calc(100%/4);
  padding: 20px 25px;
}
.table td {
  border: 1px solid #000;
  padding: 30px 25px;
}
.table td:nth-child(2) {
  border-right: none;
}
.table td:nth-child(4) {
  border-left: none;
}
.table td:nth-child(3) {
  color: var(--main-color);
  box-shadow: inset 6px 0px 0px 0px var(--main-color);
  position: relative;
  border-left: none;
  border-right: none;
}
.table td:nth-child(3)::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: inset -6px 0px 0px 0px var(--main-color);
}
.table .big {
  font-size: 37px;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
}
.table tr:nth-child(2) td:not(:nth-child(1)) {
  border-top: none;
}
.table tr:nth-child(5) td:nth-child(3) {
  border-bottom: none;
}
.table tr:nth-child(5) td:nth-child(3)::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: inset 0px -6px 0px 0px var(--main-color);
}
.table th:nth-child(3) {
  position: relative;
}
.table th:nth-child(3)::before {
  content: '';
  width: 100%;
  height: 40px;
  background: var(--main-color);
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -50%);
}
@media screen and (max-width: 1329.98px) {
  .table .big {
    font-size: 27px;
  }
}
@media screen and (max-width: 991.98px) {
  .table .big {
    font-size: 17px;
  }
  .table th {
    padding: 10px 15px;
  }
  .table td {
    padding: 15px 15px;
    font-size: 10px;
  }
  .table th:nth-child(3)::before {
    height: 20px;
  }
  .table td:nth-child(3) {
    box-shadow: inset 3px 0px 0px 0px var(--main-color);
  }
  .table td:nth-child(3)::before {
    box-shadow: inset -3px 0px 0px 0px var(--main-color);
  }
  .table tr:nth-child(5) td:nth-child(3)::after {
    box-shadow: inset 0px -3px 0px 0px var(--main-color);
  }
}
.table2 {
  width: 100%;
  margin-top: min(5.7vw, 50px);
}
.table2 tr {
  vertical-align: middle
}
.table2 th {
  min-height: 50px;
  width: 200px;
  background: var(--main-color);
  padding: min(1.5vw, 15px) min(1.5vw, 15px) min(1.5vw, 15px) min(4vw, 35px);
  background-clip: padding-box;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  color: #fff;
  font-size: var(--f-15);
  font-weight: bold;
}
.table2 td {
  background: #fff;
  padding: min(1.5vw, 15px) min(4vw, 35px);
  background-clip: padding-box;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  color: var(--text2-color);
  font-size: var(--f-15);
}
@media screen and (max-width: 758.98px) {
  .table2 th {
    width: 90px;
    padding-left: 10px;
    font-size: clamp(10px, 2.1vw, 15px);
  }
  .table2 td {
    padding-left: 10px;
    font-size: clamp(10px, 2.1vw, 15px);
  }
  .person__info__noteArea div .list li {
    font-size: clamp(10px, 2.1vw, 15px);
  }
}
/*--------------------------------------
box
--------------------------------------*/
.box {
  padding: min(5.7vw, 50px) min(6.8vw, 60px);
  background: var(--sub2-color);
  border-radius: 8px;
}
@media screen and (max-width: 767.98px) {
  .box {
    padding: min(9.2vw, 50px) min(7.4vw, 60px);
  }
}
/*--------------------------------------
featurePoint
--------------------------------------*/
.featurePoint {
  width: 90px;
  height: 90px;
  border: 4px solid var(--text2-color);
  border-radius: 50px 50px 0 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text2-color);
  position: relative;
  background: #fff;
}
.featurePoint__text {
  font-size: 38px;
  color: var(--text2-color);
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
}
.featurePoint__circle {
  width: 100px;
  height: 100px;
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(60deg);
}
.featurePoint__circle svg {
  overflow: visible;
}
.featurePoint__circle path {
  fill: none;
}
.featurePoint__circle text {
  fill: #393939;
  font-weight: bold;
}
@media screen and (max-width: 758.98px) {
  .featurePoint {
    width: 70px;
    height: 70px;
    border-width: 3px;
    margin: 0 auto;
  }
  .featurePoint__circle {
    width: 85px;
    height: 85px;
    font-size: 25px;
    transform: translate(-50%, -50%) rotate(60deg);
  }
  .featurePoint__text {
    font-size: 28px;
  }
}
@media screen and (max-width: 575.98px) {
  .featurePoint {
    margin: auto;
  }
}
/*--------------------------------------
fv
--------------------------------------*/
.fv {
  padding-bottom: 0;
  background-image: url("images/");
  background-size: cover;
  position: relative;
}
.fv__main__wrap {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 10;
}
.fv__main {
  max-width: 1300px;
  margin: auto;
  position: relative;
  padding-top: 230px;
  width: 90%;
  height: 93%;
}
/* スライド写真 */
.swiper_home {
  margin: inherit;
  padding: inherit;
  max-width: inherit;
  z-index: -10;
  width: 100vw;
}
.swiper_home .swiper-wrapper {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  overflow: hidden;
}
.swiper_home > .swiper-wrapper > .swiper-slide > .slide_img > img {
  min-height: 750px;
}
.swiper_home > .swiper-wrapper > .swiper-slide > .slide_img > img, .top_voice_swiper > .swiper-wrapper > .swiper-slide > .slide_img > img {
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.swiper_home .swiper-slide-active .slide_img, .swiper_home .swiper-slide-duplicate-active .slide_img, .swiper_home .swiper-slide-prev .slide_img {
  animation: zoomUp 8s linear 0s normal both;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.fv__heading {
  font-size: var(--f-56);
  color: var(--main-color);
  font-weight: 300;
  margin: 15px 0;
  --delay: 1s;
}
.fv__heading__wrap {
  /* background-color: #fff; */
  display: inline-block;
  padding: 5px 10px;
  position: relative;
}
.fv__heading__wrap:not(:last-child) {
  margin-bottom: 10px;
}
.fv__heading__textWrap {
  overflow: hidden;
  transform: translate(-105%, 0);
  display: inline-block;
  z-index: 2;
  position: relative;
}
.fv__heading__border {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.fv__heading__text {
  transform: translate(100%, 0);
  display: inline-block;
}
.fv__heading.animation .fv__heading__wrap.one .fv__heading__border {
  animation: fvBorderAnime 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) var(--delay) forwards;
}
.fv__heading.animation .fv__heading__wrap.two .fv__heading__border {
  animation: fvBorderAnime 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) calc(var(--delay) + 0.2s) forwards;
}
.fv__heading.animation .fv__heading__wrap.one .fv__heading__textWrap {
  animation: fvWrapAnime 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) calc(var(--delay) + 0.4s) forwards;
}
.fv__heading.animation .fv__heading__wrap.two .fv__heading__textWrap {
  animation: fvWrapAnime 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) calc(var(--delay) + 0.6s) forwards;
}
.fv__heading.animation .fv__heading__wrap.one .fv__heading__text {
  animation: fvTextAnime 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) calc(var(--delay) + 0.4s) forwards;
}
.fv__heading.animation .fv__heading__wrap.two .fv__heading__text {
  animation: fvTextAnime 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) calc(var(--delay) + 0.6s) forwards;
}
@keyframes fvWrapAnime {
  0% {
    transform: translate(-105%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fvTextAnime {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fvBorderAnime {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.fv__main__voice {
  width: 185px;
  height: 185px;
  background: var(--main-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  bottom: -20px;
  right: min(2vw, 75px);
  z-index: 10;
}
.fv__main__voice::before {
content: '\\  予約受付スタート  /';
    color: #fff;
    font-size: 15px;
    text-align: center;
    top: -45%;
    position: relative;
    text-shadow: 1px 2px 3px #808080;
}
  .fv__main__voice {
    bottom: 15px;
  }
  a.fv__main__voice:hover{
    opacity: 1;
  }
.fv__voice__text {
color: #fff;
    font-size: 13px;
    text-align: center;
    margin-top: -3%;
    margin-bottom: 5px;
}
.fv__voice__ruby {
  color: #fff;
  font-size: var(--f-10);
}
.fv__voice__icon {
  width: 95px;
  height: 7px;
}
.fv__voice__circletext {
  width: 155px;
  height: 155px;
  font-size: 6.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: voiceCircleAnime 50s infinite linear;
  transform-origin: 0% 0%;
}
@keyframes voiceCircleAnime {
  0% {
    transform: rotate(0deg) translate(-50%, -50%);
  }
  50% {
    transform: rotate(180deg) translate(-50%, -50%);
  }
  100% {
    transform: rotate(360deg) translate(-50%, -50%);
  }
}
.fv__voice__circletext svg {
  overflow: visible;
}
.fv__voice__circletext path {
  fill: none;
}
.fv__voice__circletext text {
  fill: #fff;
}
.fv__sub {
  padding: 20px 0;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.fv__sub::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #CAEAEC;
  opacity: 0.8;
  top: 0;
  left: 0;
  z-index: 0;
}

.fv__sub__wrap {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 280px));
  column-gap: 20px;
  place-items: center;
  padding: 0 10px;
  z-index: 2;
}
.fv__sub__box {
  background: #fff;
  border-radius: 5px;
  max-width: 280px;
  width: 100%;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--f-18);
  color: var(--main-color);
  padding: 10px;
  height: 100%;
}
.fv__box__icon {
  width: 36px;
  margin-right: 5px;
}
@media screen and (max-width: 758.98px) {
  .swiper_home > .swiper-wrapper > .swiper-slide > .slide_img > img {
    min-height: inherit;
  }
  .fv__main {
    padding-top: 125px;
    height: 86%;
  }
  .fv__heading {
    font-size: clamp(22px, 6.9vw, 68px);
  }
  .fv__main__voice {
    width: 150px;
    height: 150px;
    right: 10px;
    bottom: -10px;
  }
  .fv__voice__ruby {
    font-size: 8.5px;
  }
  .fv__voice__circletext {
    width: 125px;
    height: 125px;
  }
  .fv__voice__icon {
    width: 75px;
  }
  .fv__box__icon {
    width: 25px;
    margin-bottom: 5px;
  }
  .fv__sub__box {
    flex-direction: column;
  }
.fv__voice__text {
    font-size: 11px;
    margin-top: -3%;
}
    .fv__main__voice::before {
    font-size: 10px;
    top: -40%;
}
}
@media screen and (max-width: 575.98px) {
  .fv {}
  .fv__sub {
    padding: 20px 0;
  }
  .fv__sub__wrap {
    column-gap: 10px;
  }
  .fv__sub__box {
    font-size: 10px;
  }
  .fv__main {
    padding-top: 80px;
  }
  .fv__main__voice {
    bottom: min(5.5vw, 17px);
  }
}
/*--------------------------------------
news
--------------------------------------*/
.news {
  display: flex;
  justify-content: center;
  margin: min(2.9vw, 40px) auto min(6.5vw, 100px);
}
.news__box {
  max-width: 1000px;
  border: 2px solid var(--main-color);
  padding: 35px 45px;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: 75px;
}
.news__box__title {}
.news__title__text {
  font-size: var(--f-24);
}
.news__title__ruby {
  font-size: var(--f-10);
  color: var(--main-color);
}
.news__box__cnt {}
.news__cnt__line {
  width: 100%;
}
.news__cnt__line time{
  font-size: var(--f-12);
  font-weight: bold;
  margin-bottom: 5px;
  font-family: "Poppins", "Roboto", "Museo Sans"
}
@media screen and (max-width: 758.98px) {
  .news {
    display: block;
    justify-content: center;
    margin: min(5.6vw, 40px) auto min(13vw, 100px);
  }
  .news__box {
    padding: min(5.6vw, 25px);
    display: block;
  }
  .news__box__title {
    margin-bottom: 10px;
  }
}
/*--------------------------------------
lesson
--------------------------------------*/
.lesson {
  background-image: url(../image/img_trial_bg.png);
  position: relative;
  background-size: cover;
}
.lesson.limited {
  background-image: url(../image/img_limited_bg.png);
}
.lesson::before {
  content: '';
  max-width: 740px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background: var(--main-color);
  z-index: 1;
  opacity: 0.9;
}
.lesson__wrap {
  max-width: 1400px;
  padding: min(5.5vw, 140px) 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: auto;
  position: relative;
  z-index: 2;
}
.lesson.limited .lesson__wrap {
  padding: 50px 155px 75px 155px;
}
.lesson__title {
  text-align: center;
  margin-bottom: 35px;
}
.lesson__title__text {
  font-size: var(--f-45);
  font-weight: bold;
  color: #fff;
}
.lesson__title__ruby {
  font-size: var(--f-15);
  color: #fff;
}
.lesson__plan {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  margin-bottom: 45px;
}
.lesson__button__wrap {
  display: grid;
  grid-template-columns: minmax(0, 300px) minmax(0, 300px);
  grid-gap: 30px;
}
.lesson__button__cnt {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 758.98px) {
  .lesson__explanation {
    width: 80%;
    font-size: 12px;
    padding: 10px;
    height: 55px;
  }
  .lesson__wrap {
    padding: min(17vw, 50px) min(4vw, 50px)!important;
  }
  .lesson__plan, .lesson__button__wrap {
    grid-template-columns: 1fr;
  }
}
/*--------------------------------------
case
--------------------------------------*/
.case {
  display: grid;
}
.case__box {
  position: relative;
}
.case__box__textarea {
  width: 60%;
  margin-left: auto;
  padding: 15px 0 0 30px;
  border-radius: 25px 0 0 0;
  background: #fff;
  z-index: 1;
  margin-top: -30px;
  position: relative;
}
.flow .case__box:nth-child(2n) {
  padding-top: 160px;
}
.flow.case.twoColumns .case__box:nth-child(4n+1), .flow.case.twoColumns .case__box:nth-child(4n+2) {
  padding-right: 40px;
}
.flow.case.twoColumns .case__box:nth-child(4n+3), .flow.case.twoColumns .case__box:nth-child(4n+4) {
  padding-left: 40px;
}
.flow.case {
  grid-row-gap: 0;
}
.case__box__title {
  font-size: var(--f-20);
  font-weight: bold;
  margin-bottom: 15px;
}
.case__box__body {
  font-size: var(--f-15);
}
.twoColumns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 30px;
  margin-bottom: 130px;
}
.case.threeColumns {
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 35px;
  grid-row-gap: 120px;
}

.case.threeColumns > .case__box > .case__box__textarea {
  background: #fafafa;
  padding-bottom: 7px;
}
.case__box__image.credit__img{
    width: 80%;
    margin: 0 auto;
}
@media screen and (max-width: 991.98px) {
  .flow .case__box:nth-child(2n) {
    padding-top: 0;
  }
  .flow.case {
    grid-template-columns: 1fr;
    grid-row-gap: 100px;
  }
  .flow.case.twoColumns .case__box:nth-child(4n+1), .flow.case.twoColumns .case__box:nth-child(4n+2) {
    padding-right: 0;
  }
  .flow.case.twoColumns .case__box:nth-child(4n+3), .flow.case.twoColumns .case__box:nth-child(4n+4) {
    padding-left: 0;
  }
  .flow.case .case__box {
    max-width: 600px;
    margin: auto;
  }
  .flow.case.twoColumns .case__box:nth-child(2n + 1) {
    padding-right: 15%;
  }
  .flow.case.twoColumns .case__box:nth-child(2n) {
    padding-left: 15%;
  }
  .case__box__textarea {
    width: 90%;
    padding: 10px 0 0 20px;
    margin-top: -20px;
    border-radius: 15px 0 0 0;
  }
}
@media screen and (max-width:758.98px) {
  .twoColumns {
    grid-template-columns: 1fr;
    gap: 50px;
    margin-bottom: min(15.9vw, 100px);
  }
  .flow.case.twoColumns .case__box:nth-child(2n + 1) {
    padding-right: 0;
    width: 100%;
  }
  .flow.case.twoColumns .case__box:nth-child(2n) {
    padding-left: 0;
    width: 100%;
  }
  .flow.case {
    grid-row-gap: 50px;
    margin-bottom: 100px;
  }
    .case__box__image.credit__img{
    width: 100%;
}
}
/*--------------------------------------
root
--------------------------------------*/

.root {
  position: relative;
}

/* .root::before ,
.root::after {
  content: '';
  width: 70%;
  height: 27%;
  border: 3px solid var(--main-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-100% - -3px));
  z-index: -1;
}
.root::before {
  border-left: none;
}
.root::after {
  border-right: none;
  transform: translate(-50%, 0);
} */

.root .featurePoint {
  width: 60px;
  height: 60px;
}
.root .featurePoint__text {
  font-size: 30px;
}
.root.case {
  grid-column-gap: 55px;
}
.root .svg-1 {
  display: block;
}
.root .svg-2 {
  display: none;
}
.root .svg-3 {
  display: none;
}

.root .svg-stroke {
  stroke-width: 1.5px;
  stroke: #FCCAB7;
  fill: none;
  stroke-linecap: round;
  stroke-dasharray: 0,2.5px;
  stroke-dashoffset: -5px;
  animation:just 2s infinite linear;
}
.root .svg-arrow {
  stroke-width:1px;
  stroke-dashoffset:-5px;
  x1:20px;
  y1:40px;
  x2:270px;
  y2:40px;
  stroke-linecap:round;
  stroke-linejoin: round;
}


@keyframes just {

0% {

stroke-dashoffset:0px;
}


100% {

stroke-dashoffset:-5px;
}

}

@media screen and (max-width: 991.98px) {
  .root.case {
    grid-template-columns: 1fr 1fr;
  }
  .root .svg-1 {
    display: none;
  }
  .root .svg-2 {
    display: block;
  }
  .root .svg-3 {
    display: none;
  }
}

@media screen and (max-width: 575.98px) {
  .root .svg-1 {
    display: none;
  }
  .root .svg-2 {
    display: none;
  }
  .root .svg-3 {
    display: block;
  }
  .case.root.threeColumns {
    grid-template-columns: 1fr;
    grid-row-gap: 50px;
  }
  /* .case.root::before {
    width: 3px;
    height: 90%;
    background: var(--main-color);
    top: 0;
    left: 75%;
    transform: translate(0,0);
  }
  .case.root::after {
    content: none;
  } */
  .case.root .case__box__textarea {
    width: 100%;
    margin-top: 0;
    transform: translate(0,0);
    position: relative;
  }
  .case.root .case__box {
    border-radius: 10px;
    padding: 10px;
    border: 2px solid var(--main-color);
    background: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .case.root .case__box__textarea p {
    font-size: 16px;
  }
  .root .featurePoint {
    /* transform: translate(0, -50%); */
  }
}

@media screen and (max-width: 397.98px) {
  .case.root .case__box {
    grid-template-columns: 1fr;
    position: relative;
  }
      .case.root .case__box__image {
padding: 0 5% 0 2%;
  }
    .case.root .case__box__textarea{
        padding: 0 7%;
        margin-top: 10px;
    }
      .root .svg-3 {
    display: none;
  }
    .case.root .case__box::after{
    content: "";
    position: absolute;
    top: 100.5%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    width: 8px;
    height: 20%;
    background: #FCCAB7;
    z-index: -1;
}
        .case.root .case__box:last-of-type::after {
display: none;
}

}
/*--------------------------------------
blog
--------------------------------------*/
.topBlog {
  background-image: linear-gradient(180deg, var(--sub2-color) 51%, rgba(255, 255, 255, 1) 51%);
}
.topBlog__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px;
  padding-top: 80px;
  padding-bottom: 100px;
}
.topBlog__wrap__box {}
.topBlog__box__info {
  background: #FAFAFA;
  border-radius: 12px;
  padding: 45px 30px;
  margin-bottom: 25px;
}
.topBlog__info__view {
  display: grid;
  grid-template-columns: minmax(0, 190px) 1fr;
  grid-gap: 10px;
  margin-bottom: 25px;
}
.topBlog__view__title {}
.topBlog__title__date {
  font-size: var(--f-10);
  color: var(--main-color);
  margin-bottom: 5px;
}
.topBlog__title__text {
  font-size: var(--f-24);
}
.topBlog__info__body {
  font-size: var(--f-15);
}
.topBlog__video {
  border-radius: 25px;
  overflow: hidden;
  margin-top: -4px;
}
.topBlog__video iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}
@media screen and (max-width: 991.98px) {
  .topBlog__wrap {
    display: block;
    padding-top: 60px;
    padding-bottom: 70px;
  }
  .topBlog__wrap__box:first-child {
    margin-bottom: 60px;
  }
  .topBlog {
    background-image: linear-gradient(180deg, var(--sub2-color) 100%, rgba(255, 255, 255, 1) 100%);
  }
}
@media screen and (max-width: 599.98px) {
  .topBlog__box__info {
    padding: min(9vw, 38px) min(7vw, 35px);
  }
  .topBlog__info__view {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .topBlog__info__view img {
    padding-top: 20px;
  }
}
/*--------------------------------------
trialContact
--------------------------------------*/
.trialContact {
  padding: 80px 0;
  background: var(--main-color);
}
.trialContact__grid {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: min(12.2vw, 75px);
  max-width: 1100px;
  margin: 0 auto;
}
.trialContact__wrap .whiteBackground {
  margin-bottom: 20px;
}
.trialContact__plan {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 758.98px) {
  .trialContact {
    padding: 40px 0;
  }
  .trialContact__grid {
    display: block;
  }
  .trialContact__info {
    margin-bottom: 40px;
  }
  .trialContact__plan {
    margin: auto;
  }
  .trialContact__info {
    margin: auto;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575.98px) {}
/*--------------------------------------
topAbout
--------------------------------------*/
.topAbout__grid {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  grid-row-gap: 0px;
  gap: 20px;
}
.topAbout__textArea {
  margin-top: min(8.2vw, 100px);
}
.topAbout__textArea > .text__big2 {
  margin-bottom: min(3.8vw, 45px);
 line-height: 1.58;
}
.topAbout__textArea__title {
  font-size: var(--f-42);
  font-weight: bold;
  color: var(--main-color);
  margin-bottom: 30px;
}
.topAbout__textArea__margin {
  margin-top: 150px;
}
.topAbout__textArea__ennjoy {
  margin: 15px 0;
  margin-left: -3.5%;
}
.topAbout___flowloop__flex {
  display: flex;
  flex-direction: row-reverse;
}
.topAbout___flowloop__Area {
  width: 40%;
}
.topAbout___flowloop__Area p {
  margin-bottom: 15px;
}
.flowloop__Area_img {
  padding: min(8.3vw, 100px) 0 0;
}
.topAbout__imageArea__image {}
.topAbout__imageArea__sp {
  margin-top: min(8.2vw, 100px);
  width: 100%;
}
.topAbout__textArea > .orageBackground {
  margin-top: min(3.9vw, 40px);
}
@media screen and (max-width: 758.98px) {
  .topAbout__grid {
    grid-template-columns: 1fr;
  }
  .topAbout__textArea__margin {
    margin-top: 50px;
  }
  .topAbout__textArea > .text__big2 {
    margin-bottom: 35px;
  }
  .topAbout__textArea {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .topAbout___ennjoyArea {
    align-items: baseline;
  }
  .topAbout__textArea > .orageBackground {
    margin: min(5.9vw, 40px) auto 0;
  }
  .topAbout___flowloop__Area {
    width: 100%;
    align-items: flex-start;
  }
    .topAbout__textArea__ennjoy {
  width: 90%;
margin-right: auto;
}
}
/*--------------------------------------
topFeature
--------------------------------------*/
.topFeature__heading {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: min(2.2vw, 40px);
  margin-bottom: 45px;
 align-items: center;
}
.topFeature__text__body {
  font-size: var(--f-37);
  font-weight: 700;
}
.topFeatur__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: min(5vw, 70px);
}
.topFeatur__grid.topPoint__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: min(5vw, 70px);
  margin-bottom: min(8.6vw, 110px);
} 
.topFeatur__grid__imageArea {}
.topFeatur__grid__textArea {}
.topFeatur__textArea__image {
  max-width: 360px;
  width: 100%;
  border-radius: 14px;
  margin-top: min(3.9vw, 60px);
  margin-bottom: min(2.6vw, 40px);
}
.topFeatur__textArea__point {}
.topFeatur__point__border {
  font-size: var(--f-20);
  font-weight: bold;
  color: var(--main-color);
  line-height: 0.78;
    font-family: 'Poppins', sans-serif;
}
.topFeatur__point__area {
  border-top: 2px solid var(--main-color);
  padding: 25px 30px;
  background: var(--sub2-color);
}
.topFeatur__textArea__point {
  margin-top: 20px;
}
.topFeatur__point__title {}
.topFeatur__pading {
  padding: 0 min(3.8vw,50px);
  margin-bottom: 120px;
}
.topFeature__heading__text__margin{
    margin-top: -7px;
}
@media screen and (max-width: 758.98px) {
  .topFeatur__grid {
    display: block;
  }
    .topFeatur__grid.topPoint__grid {
  margin-bottom: 60px;
    display: block;
} 
  .topFeatur__grid__textArea {
    margin-bottom: 20px;
  }
  .topFeatur__grid__imageArea {
    width: 100%;
    margin-bottom: 40px;
  }
  .topFeatur__textArea__image {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .topFeatur__pading {
    padding: 0;
    margin:0 auto 80px;
    width: 90%;
  }
  .topFeature__heading__point {
    margin: auto;
  }
  .topFeature__heading {
    grid-template-columns: 1fr;
    grid-row-gap: 45px;
    margin: min(8.1vw, 60px) 0;
    padding-top: 50px;
  }
  .topFeature {
    padding: 0 10px;
  }
    .topFeature__heading__text__margin{
    margin-top: 0;
}
}
/*--------------------------------------
topTestimonials
--------------------------------------*/
.topTestimonials__grid__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: min(5vw, 70px);
  margin-bottom: 50px;
}
.topTestimonials__grid__box {
  max-width: 400px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.topTestimonials__grid__box img {
  margin-bottom: 20px;
}
.topTestimonials__grid__border {
  width: 100%;
  height: 2px;
  background: var(--main-color);
  margin: 5px 0;
}
@media screen and (max-width: 758.98px) {
  .topTestimonials__grid__box img {
    min-width: 265px;
  }
  .topTestimonials__grid__inner {
    overflow-x: scroll;
    webkit-overflow-scrolling: auto;
  overflow-scrolling: auto;
      opacity: 1;
  }
}
/*--------------------------------------
gReview__slider
--------------------------------------*/
.section.gReview {
  background: var(--sub2-color);
  padding: 80px 0 150px;
  margin: auto;
}
.gReview__title {
  text-align: center;
  margin-bottom: 65px;
}
.gReview__title__text {
  margin-bottom: 20px;
  font-size: var(--f-45);
  font-weight: bold;
}
.gReview__slider__point__wrap {
  position: relative;
}
.gReview__title__text img {
  width: 270px;
}
.gReview__title__lead {
  font-size: var(--f-18);
  color: var(--main-color);
}
.gReview__contents {
  margin-top: -25px;
}
.top_voice_tag_wrap {
  position: relative;
  z-index: 10;
}
.top_voice_tag_wrap div {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.top_voice_tag {
  background-color: #fff;
  border: solid 4px #212121;
  display: inline-block;
  border-radius: 100vw 100vw 0 100vw;
  padding: min(0.48vw, 8px) min(2.23vw, 43px);
  margin-top: 10px;
}
.top_voice_tag span {
  font-size: var(--f-24);
}
.top_voice_tag span:nth-of-type(2) {
  color: #404040;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.top_voice_tag span:nth-of-type(2)::before {
  position: absolute;
  top: -0.2rem;
  height: 100%;
  content: '';
  border-left: solid 3px;
  left: 0;
  transform: rotate(20deg);
}
@media screen and (max-width:759.98px) {
  .section.gReview {
    padding: 65px 0 95px;
  }
  .gReview__title__text img {
    width: clamp(119px, 31.3vw, 200px);
  }
  .top_voice_tag {
    margin-top: 7px;
    padding: min(2vw, 8px) min(3.23vw, 12px);
    border: solid 2px #212121;
  }
  .top_voice_tag_wrap .font24, .top_voice_tag_wrap .font42 span {
    font-size: clamp(13px, 2.7vw, 32px) !important;
  }
  .top_voice_tag_wrap .font42 {
    font-size: clamp(18px, 3.3vw, 40px) !important;
  }
  .top_voice_swiper {
    margin-top: -10px;
    width: 88%;
  }
  .top_voice_tag span:nth-of-type(2) {
    padding-left: 7px;
  }
  .top_voice_tag span:nth-of-type(2)::before {
    top: -0.1rem;
    border-left: solid 1.5px;
  }
  .top_voice_innner {
    padding: 20px 0 min(16vw, 62px);
  }
  .gReview__title {
    margin-bottom: 35px;
  }
}
/*--------------------------------------
pageFv
--------------------------------------*/
.pageFv {
  padding-top: min(7vw, 150px);
  margin-top: 80px;
}
.pageFv__wrap, .sub__pageFv__wrap {
  text-align: center;
}
.pageFv h1 {
  font-size: clamp(43px, 5.6vw, 66px);
  font-weight: bold;
  margin-bottom: 5px;
  color: var(--text2-color);
  font-family: 'Poppins', sans-serif;
}
.pageFv p {
  font-size: var(--f-20);
  font-weight: bold;
  color: var(--main-color);
  margin-bottom: 50px;
}
.sub__pageFv__wrap h1 {
  font-size: var(--f-45);
  font-family: 'sans', 'Noto Sans JP';
}
.sub__pageFv__wrap p {
  font-size: var(--f-15);
  color: var(--main-color);
}
@media screen and (max-width: 767.98px) {
  .pageFv {
    padding-top: min(16.3vw, 100px);
    margin-top: 70px;
  }
  .pageFv h1 {
    font-size: clamp(30px, 10.4vw, 60px);
  }
  .pageFv p {
    margin-bottom: min(8vw, 90px);
  }
  .sub__pageFv__wrap h1 {
    font-size: var(--f-45);
  }
  .sub__pageFv__wrap p {
    font-size: var(--f-12);
  }
}
/*--------------------------------------
breadcrumb
--------------------------------------*/
.breadcrumb {
  display: flex;
  justify-content: flex-end;
  background: none;
  padding: 0;
  margin: 0;
  margin-bottom: 25px;
}
.breadcrumb ol {
  display: flex;
  gap: 30px;
}
.breadcrumb li {
  font-size: 10px;
}
.breadcrumb a {
  font-size: 10px;
}
.breadcrumb li:not(:last-child) a{
  color: #CACACA;
}
.breadcrumb li {
  position: relative;
}
.breadcrumb li:not(:last-child)::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid var(--text2-color);
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translate(0, -50%);
}
/*--------------------------------------
important
--------------------------------------*/
.important {
  position: relative;
  padding-left: 20%;
  padding-bottom: 10%;
  max-width: 1400px;
  margin: 0 auto min(7.25vw, 120px);
}
.important__image {}
.important__textArea {
  background: #fafafa;
  padding: min(4vw, 38px) min(4.5vw, 50px);
  border-radius: 25px;
  position: absolute;
  bottom: 0;
  left: 100px;
  width: 55%;
}
.important__textArea .heading06 {
  margin: 20px 0;
}
.important .smile__circle {
  position: absolute;
  top: 0;
  left: 50px;
  transform: translate(0, -69%);
}
.important.reverse {
  padding-right: 20%;
  padding-left: 0;
}
.important.reverse .important__textArea {
  background: #fff;
  right: 100px;
  left: auto;
}
.important.reverse .smile__circle {
  right: 50px;
  left: auto;
}
@media screen and (max-width: 991.98px) {
  .important {
    padding-left: 100px;
    padding-bottom: 150px;
  }
  .important.reverse {
    padding-right: 100px;
  }
  .important__textArea {
    width: 75%;
    left: 50px;
  }
  .important.reverse .important__textArea {
    right: 50px;
  }
}
@media screen and (max-width: 758.98px) {
  .important__textArea {
    width: 90%;
    border-radius: 0 30px 30px 0;
    left: 0;
    bottom: 35px;
    transform: translate(0, 100%);
  }
  .important {
    padding-left: 9%;
    padding-bottom: 0;
    margin-bottom: min(85vw, 300px);
  }
  .important.reverse .important__textArea {
    right: 50px;
    border-radius: 30px 0 0 30px;
    right: 0;
  }
  .important.reverse {
    padding-right: 9%;
  }
  .important__image img {
    min-height: 198px;
    object-fit: cover;
  }
  .important .smile__circle {
    left: 10px;
  }
  .important.reverse .smile__circle {
    right: 10px;
    left: auto;
  }
  .important__textArea .heading06 {
    font-size: clamp(24px, 2.8vw, 41px);
  }
  .important__textArea .text__normal {
    font-size: 12px;
  }
}
/*--------------------------------------
planFv__image
--------------------------------------*/
.planFv__image {
  z-index: -1;
  margin-top: -45px;
  padding: 10px;
}
.planFv__text {
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 767.98px) {
  .planFv__text {
    font-size: 16px;
  }
}

/*--------------------------------------
planFv__image
--------------------------------------*/

.plan__fv{
  background: linear-gradient(90deg, var(--sub2-color) 0%, var(--sub2-color) 50%, var(--light_blue-color) 50%, var(--light_blue-color) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.plan__fv  .sectionSpeech{
  font-size:clamp(17px, 2.1vw, 30px);
    color: #404040;
    max-width: 1200px;
    display: block;
    text-align: center;
    height: auto;
}
.plan__fv__wrap{
    max-width: 1400px;
    padding: 130px 0 100px;
    margin: auto;
    position: relative;
    z-index: 2;
}
.plan__fv__wrap > .plan__fv__flex,
.plan__fv__wrap > .d-flex{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.plan__fv__img {
display: flex;
    justify-content: space-between;
    width: 95%;
    margin-left: auto;
}
.plan__fv__img img{
    width: 42%;
}
.plan__fv  .sectionSpeech > span{
    font-size: clamp(16px, 3.2vw, 41px);
    margin: 1px;
}
.plan__fv__txt{
      position: relative;
     font-size: clamp(27px, 3.8vw, 50px);
     font-weight: bold;
      display: inline-block;
    text-stroke: 1px  var(--main-color);
    -webkit-text-stroke: 1px  var(--main-color);
    color: #fff;
    font-family: 'Poppins', sans-serif;
}
.plan__fv__txt.text__fv__blue{
        text-stroke: 1px  var(--blue2-color);
    -webkit-text-stroke: 1px  var(--blue2-color);
}
.plan__fv__circle {
width: 19.8%;
border: px solid #333;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
 
.plan__fv__circle__inner {
position: relative;
padding-top: 100%;
height: 0;
}
 
.plan__fv__circle__inner p {
position: absolute;
top: calc((100% - 1em)/2.8);
left: 0;
right: 0;
margin: 0;
text-align: center;
    color: #404040;
    font-size: clamp(24px, 3vw, 47px);
    font-weight: 700;
    line-height: 1.3;
}
.plan__fv__circle__inner p span{
  letter-spacing: -0.5rem;
}
.plan__fv__circle__inner p .plan__fv__circle__small{
    font-size: clamp(20px, 2.2vw, 41px);
     letter-spacing: -0.4rem;
}


@media screen and (max-width:758.98px) {
    .plan__fv .sectionSpeech{
        width: 90%;
    }
    .plan__fv{
        background: linear-gradient(180deg, var(--sub2-color) 0%, var(--sub2-color) 50%, var(--light_blue-color) 50%, var(--light_blue-color) 100%);
        margin-top: min(20.25vw, 80px);
    }
    .plan__fv__wrap{
        padding: 80px 0 50px;
    }
    .plan__fv__wrap > .plan__fv__flex{
        display: flex!important;
        flex-direction: column;
        width: 90%;
        gap:17vh;
        margin: 0 auto;
    }
    .plan__fv__circle{
        width: 36.8%;
    }
    .plan__fv__circle__inner p span {
    letter-spacing: -0.2rem;
}
    .plan__fv__txt{
        font-size: 8.32vw;
    }
    .plan__fv__circle__inner p {
    font-size: 5.5vw;
}
    .plan__fv__circle__inner p .plan__fv__circle__small {
    font-size:3.8vw;
    letter-spacing: -1vw;
}
    .plan__fv .sectionSpeech > span{
        font-size: clamp(19px, 3.2vw, 41px);
    }
}

@media screen and (max-width:410.98px) {
        .plan__fv__wrap > .plan__fv__flex{
        gap:10.5vh;
    }

}
/*--------------------------------------
access
--------------------------------------*/
.access__map {
  height: 0;
  overflow: hidden;
  padding-bottom: 37.25%;
  position: relative;
  margin: min(5.3vw, 60px) auto 0;
}
.access__map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.parking__grid{
    display: grid;
grid-template-columns: 0.9fr 0.8fr;
    padding: 5% 2%;
}
.parking__grid :first-child{
grid-area: 1 / 1 / 2 / 2;
}
.parking__grid :nth-child(2){
grid-area: 2 / 1 / 3 / 2; 
}
.parking__grid :nth-child(3){
grid-area: 1 / 2 / 3 / 3;
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.parking__grid :nth-child(3) > img{
width: 75%;
}

@media screen and (max-width:758.98px) {
  .access__map {
    padding-bottom: 56.25%;
  }
    .parking__grid :first-child{
grid-area: 1 / 1 / 2 / 3;
}
    .parking__grid :nth-child(3){
grid-area: 2 / 2 / 3 / 3;
}
    .parking__grid :nth-child(3) > img{
width: 57.7%;
}
}
/*--------------------------------------
threePoint
--------------------------------------*/
.threePoint {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 100px;
  grid-row-gap: 50px;
}
.threePoint__box {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.threePoint img {
  max-width: 250px;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 991.98px) {
  .threePoint {
    grid-column-gap: 75px;
  }
}
@media screen and (max-width: 767.98px) {
  .threePoint {
    grid-template-columns: 1fr;
  }
}
/*--------------------------------------
price__wrap
--------------------------------------*/
.price__wrap {}
.price__commissionText {
  font-size: var(--f-30);
  color: var(--main-color);
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
}
.price__commissionText::before, .price__commissionText::after {
  content: '';
  width: 2px;
  height: 50%;
  background: var(--main-color);
  position: absolute;
  top: 25px;
}
.price__commissionText::before {
  left: -15px;
  transform: rotate(-30deg);
}
.price__commissionText::after {
  right: -15px;
  transform: rotate(30deg);
}
.price__commissionText span {
  font-size: 150%;
  margin-left: -1%;
}
.price__tab {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.price__tab__box {
    width: clamp(300px, 80vw, 700px); 
}
.price__commissionText.text__blue{
     color: var(--blue2-color);
}
.price__commissionText.text__blue::before, .price__commissionText.text__blue::after {
    content: '';
    background: var(--blue2-color);
}
@media screen and (max-width: 758.98px) {
  .price__commissionText {
    font-size: clamp(16px, 5vw, 27px);
  }
  .price__wrap {
    padding: 5px;
  }

  .price__commissionText::before, .price__commissionText::after {
    top: 16px;
  }

}
/*----- top price ---------*/
.top_praice_wrap {
  text-align: center;
}
.top_price_innner .sectiom_ttl .txt_bold {
  font-weight: 700;
  margin: min(2.3vw, 30px) auto;
}
.top_price_innner {
  text-align: center;
}

.price__head h2 {
  margin: 20px 0 10px;
}
/* table */
.price_table {
  margin: min(2.78vw, 45px) auto min(6.8vw, 120px);
  padding-top: 40px;
}
.price_table table {
  width: 100%;
  height: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  position: relative;
}
.price_table tbody {
background-color: #fff;
}
.price_table table::before {
  border: 6px solid var(--main-color);
  border-radius: min(40%, 30px) min(40%, 30px) 0 0;
  -webkit-box-shadow: inset 0 20px 0 var(--main-color);
  box-shadow: inset 0 20px 0 var(--main-color);
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  height: calc(100% + 20px);
  width: 25%;
}
.price_table table thead th:first-of-type {
  background: #fafafa;
  color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.price_table table thead th:nth-of-type(2) {
  background: #404040;
  color: #fff;
  border: none;
}
.price_table table thead th:last-of-type {
  background: #cacaca;
  color: #fff;
  border: none;
}
.price_table table th, .price_table table td {
  border: 1px solid #ccc;
  padding: min(2.23vw, 43px) min(0.8vw, 12px);
}
.price_table table th:nth-child(3), .price_table table td:nth-child(3) {
  color: var(--main-color);
}
.price_table table tr:first-child th:nth-child(3) {
  position: relative;
  background-color: var(--main-color);
  border: none;
}
.price_table table th {
  color: #fff;
  font-size: 1.4vw;
}
.price_table table th h4 {
  color: #fff;
  font-size: 1.8vw;
  letter-spacing: 0.5px;
}
.price_table table tr td {
  font-size: 2vw;
  font-family: "Poppins", "Roboto", "Museo Sans";
  font-weight: 700;
  letter-spacing: 0.5px;
  width: 25%;
}
.price_table table tr .ff-sans {
  font-size: 1.12vw;
}
.price_table table tr td:first-of-type {
  font-size: 1vw;
  letter-spacing: 0.2px;
}
.price_table table tbody tr td span {
  font-size: 0.8vw;
  display: block;
  margin-top: 3px;
  font-family: "sans", "Noto Sans JP", 'Hiragino Kaku Gothic ProN';
}
.price_table_boder {
  border-top: none !important;
}
/* table blue*/
.price_table_blue{

}
.price_table.price_table_blue table::before {
  border: 6px solid #40899C;
  -webkit-box-shadow: inset 0 20px 0 #40899C;
  box-shadow: inset 0 20px 0 #40899C;
}
.price_table.price_table_blue table th:nth-child(3), .price_table.price_table_blue table td:nth-child(3) {
  color: #40899C;
}
.price_table.price_table_blue table tr:first-child th:nth-child(3) {
  background-color: #40899C;
}
.price_table_cancel {
    position: relative;
    display: block;
    font-size: 2vw!important;
    font-family: "Poppins", "Roboto", "Museo Sans"!important;
}
.price_table_cancel::after {
    content: '';
    width: 60%;
    border-top: 1px solid #f00;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(5deg);
    -webkit-transform: translate(-50%, -50%);
    border-bottom: 1px solid #f00;
    padding-bottom: 2px;
}

.price__sectionSpeech {
max-width: 400px;
    width: 40%;
    height: min(4vw, 54px);
    padding: 20px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--main-color);
    background: #fff;
    border-radius: 100vw;
    font-size: var(--f-20);
    color: var(--main-color);
    position: relative;
}
.price__sectionSpeech::before {
  content: '';
  border-top: 12px solid var(--main-color);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translate(-50%, 0);
}
.price__sectionSpeech::after {
  content: '';
  border-top: 10px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0);
}
.price__sectionSpeech__blue{
     border: 2px solid var(--blue2-color);
    color: var(--blue2-color);
}
.price__sectionSpeech__blue::before {
  content: '';
  border-top: 12px solid var(--blue2-color);
}

.blog__sectionSpeech{
max-width: 450px;
    width: 50%;
    height: min(3.8vw, 50px);
    padding: 6px;
    font-size: var(--f-18);
}

@media screen and (max-width:759.98px) {
  .price_table {
    margin: min(2.78vw, 45px) auto;
    padding: 40px 0;
  }
  .price_table table tr td:first-of-type {
    font-size: 2.5vw;
  }
  .price_table table tr td {
    font-size: 2.65vw;
  }
  .price_table table tr .ff-sans {
    font-size: 1.82vw;
  }
  .price_table table tbody tr td span {
    font-size: 1.5vw;
  }
  .price_table table th h4 {
    font-size: 2.42vw;
  }
  .price_table table th, .price_table table td {
    border: 1px solid #ccc;
    padding: min(2.23vw, 43px) min(1.8vw, 12px);
  }
  .price_table table::before {
    border: 3px solid var(--main-color);
    left: 50%;
    border-radius: 8px 8px 0 0;
    height: calc(100% + 7px);
  }
    
.price_table.price_table_blue table::before {
  border: 3px solid #40899C;
}
    .price__sectionSpeech {
  width: 95%;
        height: min(9vw, 50px);
        font-size: 3.1vw;
        padding: min(5vw, 20px);
}
    .price__sectionSpeech__blue{
  width: 90%;
}
    .sectionSpeech.text__blue::before {
    content: '';
    border-top: 6px solid var(--blue2-color);
}
    .price__sectionSpeech::before {
    border-top: 12px solid var(--main-color);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: -11px;
}
    .price__sectionSpeech::after {
    border-top: 7px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -7px;
}
    .price__sectionSpeech__blue::before {
    border-top: 9px solid var(--blue2-color);
}
    .blog__sectionSpeech{
    width: 80%;
    height: min(7.8vw, 60px);
}

}
/*--------------------------------------
selfTraining
--------------------------------------*/
.section.selfTraining {
  background-image: url(../image/img_selfTraining.png);
  background-size: cover;
}
.selfTraining {}
.selfTraining__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 30px;
}
.selfTraining {}
@media screen and (max-width: 991.98px) {
  .section.selfTraining {
    padding-top: 85px;
    background-position: center;
  }
}
@media screen and (max-width: 767.98px) {
  .selfTraining__grid {
    grid-template-columns: 1fr;
    gap:50px;
  }
  .selfTraining__wrap {
    padding: 0 10px;
  }
}
/*--------------------------------------
  price__optionTab
  --------------------------------------*/
.price__optionTab {
 width: clamp(300px, 85vw, 758px);
margin: 0 auto min(8.3vw, 100px);
}

/*--------------------------------------
facirity
--------------------------------------*/
.facirity {
  max-width: 1400px;
  margin: 0 auto min(8.3vw, 100px);
}
.facirity__wrap__img{
    margin: min(8.3vw, 100px) 0 min(8.3vw, 100px) auto;
  width: 100%;  
}
.facirity__wrap {
  padding-left: min(16.3vw, 200px);
  margin: min(4.5vw, 50px) auto 0;
  position: relative;
}
.facirity__fv img {}
.facirity__title {
  padding: min(7.2vw, 65px) min(4.5vw, 50px) min(4vw, 35px);
  background: #fff;
  border-radius: 30px 30px 0 30px;
  position: absolute;
  bottom: 0;
  left: 12%;
  width: 75%;
}
.facirity__title__text {
  font-size: var(--f-37);
  font-weight: bold;
  color: var(--text2-color);
  margin-bottom: 10px;
  font-family: 'Poppins', sans-serif;
}
.facirity__title__lead {
  font-size: var(--f-20);
  color: var(--main-color);
  font-weight: 700;
}
.facirity__title__blue{
  font-size: var(--f-20);
  color:#40899C;
  font-weight: 700;
}
.facirity__drawing {
  width: clamp(330px, 33.8vw, 576px);
}

.facirity__machine .topFeature .topFeatur__grid .text__normal{
    margin: min(2.5vw,25px) 0;
}
.facirity__machine .topFeature .topFeatur__grid .topFeatur__textArea__point  .text__normal{
    margin: 0;
}
.facirity__machine .topFeature .topFeatur__grid .topFeatur__textArea__point  .list li{
    font-size: var(--f-15);
}


@media screen and (max-width: 758.98px) {
  .facirity__wrap {
    padding-left: 0;
    margin: min(9.5vw, 45px) auto;
  }
  .facirity__title {
    position: relative;
    top: -30px;
    left: -7%;
    padding: min(7vw, 22px) min(8.5vw, 45px);
  }
  .facirity .text__center {
    text-align: left !important;
  }
}
/*--------------------------------------
placeGrid
--------------------------------------*/
.placeGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
}
.placeGrid__box {
  /* padding-bottom: 150px; */
}
.placeGrid__box:nth-child(2n) {
  padding-top: 45px;
}
.placeGrid__box img {}
.placeGrid__origin {
  position: relative;
}
.placeGrid__title {
  font-size: var(--f-30);
  font-weight: bold;
  color: #fff;
  transform: translate(5%, -124%);
  width: calc(100% - 3%);
  font-family: 'Poppins', sans-serif;
  min-height: 90px;
}
.placeGrid__body {
  position: absolute;
  width: 70%;
  top: -35%;
  right: 0;
}
.section.sub2Color .placeGrid .text__big{
  padding: min(2.3vw, 15px) min(2.3vw, 15px) 2px min(3.6vw, 35px);
  background: var(--sub2-color);
  border-radius: 100vw 0 0 100vw;
}
.section.blue .placeGrid .text__big {
  padding: min(2.3vw, 15px) min(2.3vw, 15px) 2px min(3.6vw, 35px);
  background: var(--blue-color);
  border-radius: 100vw 0 0 100vw;
}
.section.sub2Color .placeGrid .text__normal, .section.blue .placeGrid .text__normal {
  padding: 0 min(2.3vw, 15px) 0 min(3.6vw, 35px);
}
@media screen and (max-width: 758.98px) {
  .section.sub2Color .placeGrid, .section.blue .placeGrid {
    grid-template-columns: 1fr;
  }
  .placeGrid__box:nth-child(2n) {
    padding-top: 0;
  }
  .placeGrid__origin {
    padding-bottom: 15px;
  }
  .section.sub2Color .placeGrid__body, .section.blue .placeGrid__body {
    width: 100%;
    top: 1%;
  }
  .section.sub2Color .placeGrid .text__big, .section.blue .placeGrid .text__big {
    font-size: clamp(12.6px, 2vw, 33px);
    width: 69%;
    margin-left: auto;
  }
  .section.sub2Color .placeGrid .text__normal, .section.blue .placeGrid .text__normal {
    font-size: clamp(12px, 3.3vw, 15px);
    padding: 0;
  }
  .section.sub2Color .placeGrid .placeGrid__title, .section.blue .placeGrid .placeGrid__title {
    margin-top: -25px;
  }
  .section.sub2Color .placeGrid .placeGrid__box, .section.blue .placeGrid .placeGrid__box {
    padding-bottom: min(14.1vw, 60px);
  }
}




/*--------------------------------------
_panorama
--------------------------------------*/
.section.section__panorama {
  padding: min(8.8vw, 80px) 0 min(13.87vw, 120px);
}
.section__panorama >.section__wrap > .heading02 {
  margin-bottom: 10px;
}
.section.blue.section__panorama .heading02 {
  margin-bottom: 10px;
  color: #40899C;
}
/*--------------------------------------
person
--------------------------------------*/
.person {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-gap: 45px;
  margin-bottom: 50px;
}
.person__mainImage {}
.person__info {}
.person__info__title {
  font-size: var(--f-20);
  color: var(--main-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--text2-color);
}
.person__info__lead {
  font-size: var(--f-15);
  margin-bottom: 10px;
  line-height: 1.5rem;
}
.person__info__name {
  font-size: var(--f-15);
  margin-bottom: 20px;
}
.person__info__name .big {
  font-size: var(--f-24);
  font-weight: bold;
  padding: 0 10px;
}
.person__info__noteArea {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
.person__info__noteArea img {
  margin-bottom: 15px;
}
.person__info__noteArea02 {
  display: flex;
  align-items: center;
}
.person__info__noteArea02 div:nth-child(2) {
  margin-bottom: 1%;
}
.person__noteArea__title {
  font-size: var(--f-20);
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.person__noteArea__title::before {
  content: '';
  width: 4px;
  height: 80%;
  background: var(--text2-color);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.person2__top {
  display: grid;
  grid-template-columns: minmax(0, 140px) 1fr;
  grid-gap: 30px;
  margin-bottom: 30px;
}
.person2__top__image {}
.person2__top__body {}
.person2__top__name {
  font-size: var(--f-24);
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CACACA;
}
.person2__top__grid {
  display: grid;
  grid-template-columns: minmax(0, 110px) 1fr;
  grid-gap: 10px;
}
.person__top__img {
  width: clamp(120px, 5.8vw, 160px);
  margin: min(10.8vw, 120px) auto min(7.3vw, 100px);
}
.person2__bottom {}
.person__info__text{
   background-color: #fff;
    padding: min(9.2vw,85px);
    border-radius: 15px;
}
@media screen and (max-width: 758.98px) {
  .person {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    margin-bottom: min(9.2vw, 40px);
  }
  .person__info__noteArea {
    grid-column-gap: 10px;
  }
  .person__mainImage {
    margin: auto;
    max-width: 260px;
  }
  .person__top__img {
    width: clamp(70px, 5.8vw, 110px);
    margin: min(21.8vw, 80px) auto min(10.3vw, 60px);
  }
  .person__info__noteArea02 div:nth-child(2) {
    margin-bottom: 1.2%;
  }
}
/*--------------------------------------
singlePage
--------------------------------------*/
.singlePage {
  display: grid;
  grid-template-columns: 1fr minmax(0, 245px);
  grid-gap: min(5.2vw,100px);
}
.singlePage__list {}
.singlePage__list__line {
  padding: min(4.5vw,30px) 10px min(4.5vw,30px) 0;
  display: grid;
  grid-template-columns: minmax(0, 280px) 1fr;
  grid-gap: 30px;
  border-bottom: 1px solid #CACACA;
}
.singlePage__list__line img {
  border-radius: 8px;
}
.singlePage__list__info {}
.singlePage__infoWrap {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.singlePage__date {
  font-size: var(--f-15);
  color: var(--main-color);
  margin-right: 10px;
}
.singlePage__cat {
  font-size: var(--f-12);
  padding: 5px 15px;
  border-radius: 2px;
  display: inline-block;
}
.singlePage__cat.blog {
  background: var(--main-color);
  color: #fff;
}
.singlePage__list__title {
  font-size: var(--f-24);
  font-weight: bold;
  margin-bottom: 10px;
}
.singlePage__sidebar {
  /* width: 240px; */
}
.singlePage__sidebar__heading {
  position: relative;
  font-size: var(--f-20);
  font-weight: bold;
}
.singlePage__sidebar__heading::before {
  content: '';
  width: 100%;
  height: 1px;
  background: var(--text2-color);
  position: absolute;
  left: 0;
  top: 50%;
  clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}
.singlePage__sidebar__heading span {
  font-size: var(--f-20);
  padding-right: 20px;
  display: inline-block;
}
.singlePage__sidebar__catList {
  margin: 0;
  padding: 0;
  margin-bottom: 65px;
}
.singlePage__sidebar__catList li {
  font-size: var(--f-15);
  padding: 10px 0;
  border-bottom: 1px solid #CACACA;
}
.singlePage__sidebar__latestInfoList {
  margin: 0;
  padding: 0;
}
.singlePage__sidebar__latestInfoList li {
  padding: 15px 0;
  border-bottom: 1px solid #000;
}
.singlePage__sidebar__title {
  font-size: var(--f-15);
  font-weight: bold;
}
.wp-block-image{
    margin-bottom: 50px;
}
@media screen and (max-width: 1329.98px) {
  .singlePage__list__line {
    grid-template-columns: minmax(0, 205px) 1fr;
  }
}
@media screen and (max-width: 991.98px) {
  .singlePage {
    display: block;
  }
  .singlePage__list {
    margin-bottom: 40px;
  }
  .singlePage__sidebar__heading {
    background: var(--main-color);
    color: #fff;
    padding: 10px;
  }
  .singlePage__sidebar__heading::before {
    content: none;
  }
  .singlePage__sidebar__catList, .singlePage__sidebar__latestInfoList {}
  .singlePage__cat {
    padding: 2px 10px;
  }
  .singlePage__blog {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 758.98px) {
  .singlePage__list__line {
    grid-template-columns:1fr;
    grid-gap: 15px;
  }
    .singlePage__sidebar__catList,
    .singlePage__sidebar__latestInfoList{
        margin-bottom: min(7.8vw,30px);
    }
}
/*--------------------------------------
singlePage__pagenation
--------------------------------------*/
.singlePage__pagenation {
  padding: 20px 0;
  display: flex;
  justify-content: center;
}
.nav-links > .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-numbers {
  font-size: var(--f-15);
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.page-numbers :hover{
color: var(--main-color);
}
.page-numbers.dots {}
.page-numbers.prev {
  padding-right: 30px;
  position: relative;
  width: auto;
  white-space: nowrap;
  padding: 5px 20px;
  display: flex;
  flex-direction: row-reverse;
}
.page-numbers.prev::before {
  content: '◀';
  font-size: 18px;
  color: var(--text2-color);
  padding-left: 20px;
}
.page-numbers.next {
  padding-left: 30px;
  position: relative;
  width: auto;
  white-space: nowrap;
  padding: 5px 20px;
}
.page-numbers.next::before {
  content: '▶';
  font-size: 18px;
  color: var(--text2-color);
  padding-right: 20px;
}
.page-numbers.current {
  background: var(--main-color);
  color: #fff;
}
a.page-numbers {
  position: relative;
}
a.page-numbers::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: #d9d8d7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.2s;
  z-index: -1;
}
.page-numbers:hover::after {
  transform: translate(-50%, -50%) scale(1);
}
@media screen and (max-width: 758.98px) {
  .page-numbers.prev {
    padding-right: 0;
  }
  .page-numbers.next::after {
    padding-left: 5px;
    font-size: 10px;
  }
  .page-numbers.next {
    padding-left: 0;
  }
  .page-numbers.next::before {
    content: '▶';
    font-size: 10px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 758.98px) {
  .page-numbers {
    width: 30px;
    height: 30px;
    font-size: 3vw;
  }
    .singlePage__sidebar__title{
        margin-top: 15px;
    }
    .singlePage__list__line img {
    height: 100%;
    object-fit: cover;
}

}
/*--------------------------------------
singlePage__blog
--------------------------------------*/
.singlePage__blog {}
.singlePage__blog__box {
  padding: min(4.8vw,65px);
  background: #fff;
  border-radius: 8px;
  margin-bottom: 50px;
}
.singlePage__blog__titleBox {
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: 1px solid #CACACA;
}
.singlePage__blog__titleBox p{
    font-size: var(--f-15);
}
.singlePage__blog__title {
  font-size: var(--f-24);
  font-weight: bold;
}
.singlePage__pagenation2 {
  padding-top: 25px;
  margin-top: 50px;
  border-top: 1px solid #CACACA;
  display: flex;
  justify-content: center;
  align-items: center;
}
.singlePage__pagenation2 a {
  font-size: var(--f-15);
  padding: 13px 20px;
  position: relative;
  line-height: 0.1;
}
.singlePage__pagenation2 a::before {
  content: '◀';
  font-size: 18px;
  color: var(--text2-color);
  padding-right: 10px;
}
.singlePage__pagenation2 a[rel="next"] {
  font-size: var(--f-15);
  padding: 13px 20px;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  line-height: 0.1;
}
.singlePage__pagenation2 a[rel="next"]::before {
  content: '▶';
  font-size: 18px;
  color: var(--text2-color);
  padding-left: 10px;
}
.singlePage__pagenation2 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: #d9d8d7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.2s;
  z-index: -1;
}
.singlePage__pagenation2 a:hover::after {
  transform: translate(-50%, -50%) scale(1);
}
.mb_single {
  margin-bottom: 70px;
}
.wp-block-heading{
    margin: 1rem 0;
    font-size: var(--f-24);
}
.singlePage__blog__box> .text__middle{
    margin: 1rem 0; 
}
.singlePage__blog__box > .box{
    margin-top: 80px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 758.98px) {
  .singlePage__blog__box {
    padding: 8%;
  }
  .mb_single {
    margin-bottom: 45px;
  }
  .person2__top {
    grid-template-columns: 1fr;
  }
    .singlePage__blog__box > .box{
    margin: 70px auto 40px;
    }
    .singlePage__pagenation2 a{
        padding: 0;
        font-size: 12px!important;
    }
}
/*--------------------------------------
testimonials
--------------------------------------*/
.testimonials__section {
  margin-bottom: min(10.7vw,130px);
}
.testimonials__section__point {
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}
.testimonials__box__columns {
  display: grid;
  grid-template-columns: minmax(0, 200px) 1fr;
  grid-column-gap: 45px;
  grid-row-gap: 15px;
  margin-bottom: 70px;
}
.testimonials__section .box{
    margin: min(8.7vw,80px) auto;
}
@media screen and (max-width: 758.98px) {
  .testimonials__box__columns {
    grid-template-columns: 1fr;
    margin-bottom: min(11.8vw, 45px);
  }
    .person__info__title{
        margin-bottom: min(3.3vw,15px);
    }
  .testimonials__box__columns img {
    padding: 5%;
  }
    .testimonials__section .box{
        width: 90%;
    }
}
/*--------------------------------------
qa
--------------------------------------*/
.qa {}
.qa__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: min(7.8vw,120px);
  grid-row-gap: min(5.5vw,100px);
}
.qa__title{
  position: relative;
  font-size: 38px;
  font-weight: bold;
  color: var(--main-color);
  text-align: center;
  margin-bottom: 70px;
}
.qa__title::before {
  content: '';
  width: 100px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  bottom: -40%;
  left: 50%;
  transform: translate(-50%, 0);
  border: 5px solid var(--main-color);
  clip-path: polygon(30% 50%, 70% 50%, 100% 100%, 0 100%);
}
.qa__title.bule {
  color: var(--blue2-color);
}
.qa__title.bule::before {
  border: 5px solid var(--blue2-color);
}
.qa__line {
  background: #fff;
  margin-bottom: 15px;
}
.qa__line__q {
  padding: 20px 25px;
  display: flex;
  position: relative;
  cursor: pointer;
}
.qa__line__q:hover {
  opacity: 0.9;
}
.qa__line__q h3 {
  font-size: var(--f-15);
}
.qa__line__q::before, .qa__line__q::after {
  content: '';
  width: 17px;
  height: 3px;
  background: var(--main-color);
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  transition: 0.2s;
}
.qa__line__q::after {
  transform: translate(0, -50%) rotate(90deg);
}
.qa__line__q.active::after {
  transform: translate(0, -50%) rotate(90deg);
}
.qa__line__a {
  padding: 0 25px 20px 25px;
  display: none;
}
.qa__line__a__wrap {
  display: flex;
}
.qa__line__a p {
  font-size: var(--f-15);
}
.qa__line__q h3::before {
  content: 'Q.';
  font-size: 20px;
  font-weight: bold;
}
.qa__line__a__wrap::before {
  content: 'A.';
  font-size: 20px;
  font-weight: bold;
  color: var(--main-color);
}
.qa__line.active .qa__line__a {}

.qa__line__a > .loading__btn__wrap{
    text-align: center;
    margin: 8px 0;
}
@media screen and (max-width: 899.98px) {
  .qa__grid {
    grid-template-columns: 1fr;
    grid-row-gap: 50px;
  }
    .qa__box.orangr__ttl__box{
    grid-row-start: 1;
}
    .qa__title{
       font-size: var(--f-38);
    }
    .qa__title::before {
        bottom: -73%;
    }
    .qa__line__q {

    }
    .qa__line__q h3{
display: flex;
    align-items: center;
    padding: 0 10px 0 0;
    gap: 4px;
    }
    .qa__line__a__wrap{
       gap: 4px;
    }
}

/*--------------------------------------
about　flow
--------------------------------------*/
.step__flow__contects div h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: clamp(21px, 4.2vw, 55px);
}
.step__flow__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3%;
  justify-content: space-between;
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
}
.step__flow__contects div p {
  font-weight: 900;
  font-size: clamp(13px, 2vw, 28px);
  letter-spacing: 1px;
  margin-left: 1.5%;
  margin-bottom: 1.5%;
}
.step__flow__contects > p {
  font-weight: 900;
  font-size: clamp(12.8px, 1.8vw, 24px);
  line-height: 1.5;
  padding: 6.8%;
  margin: 1%;
  border-left: solid 2px #FF7F50;
  border-top: solid 2px #FF7F50;
  border-radius: 2%;
  border-radius: 15px 0 0 0;
  display: flex;
  position: relative;
  margin-top: -4%;
  color: #404040;
}
.step__flow__contects.step__flow__pink > p,
.step__flow__contects.step__flow__l_pink > p{
  font-size:clamp(10px, 1.3vw, 16.09px);
}


.step__flow__arrow {
  position: absolute;
  top: -2%;
  right: 0;
  transform-origin: right bottom;
  width: 33px;
  height: 2px;
  background-color: #FF7F50;
  transform: rotate(26deg);
}
.step__flow__orange {
  color: #FF7F50;
  margin-top: 16%;
}
.step__flow__pink {
  color: #FF7676;
  margin-top: 8%;
}
.step__flow__pink > p {
  border-left: solid 2px #FF7676;
  border-top: solid 2px #FF7676;
}
.step__flow__pink > p .step__flow__arrow {
  background-color: #FF7676;
  top: -1%;
}
.step__flow__l_pink {
  color: #FFB6B6;
}
.step__flow__l_pink > p {
  border-left: solid 2px #FFB6B6;
  border-top: solid 2px #FFB6B6;
}
.step__flow__l_pink > p .step__flow__arrow {
  background-color: #FFB6B6;
  top: -1.5%;
}
.step__flow__img {
  width:64%;
  margin-left: auto;
  margin-top: -10%;
}

@media screen and (max-width: 758.98px) {
    .step__flow__arrow{
        width: clamp(11px, 2.5vw, 25px);
    }
}


/*--------------------------------------
infiniteSlider
--------------------------------------*/

.infiniteSlider {
  overflow: hidden;
}

.infiniteSlider .slick-slide {
  padding: 0 7px;
}