@font-face {
    font-family: 'Noto Sans';
    src: url(../font/NotoSans/LG_Brio_ARB.ttf);
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url(../font/ShipporiMincho/ShipporiMincho-SemiBold.ttf);
}

@font-face {
    font-family: 'Zen Kaku Gothic Antique';
    src: url(../font/ZenKaku/ZenKakuGothicNew-Medium.ttf);
}

@font-face {
    font-family: 'Hiragino';
    src: url(../font/NotoSansRegular/NotoSansThaiLooped-Medium.ttf);
}

@font-face {
    font-family: 'Hiri-light';
    src: url(../font/NotoSansRegular/NotoSansThaiLooped-Light.ttf);
}

@font-face {
    font-family: 'Hira';
    src: url(../font/NotoSansRegular/NotoSansThaiLooped-Medium.ttf);
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #44444C;
}

html,
body {
    font-size: 10px;
    margin: 0;
    padding: 0;
}

.sp-nav{display: none;}

section {
    margin-top: -5px!important;
}

/* Menu Part */

header {
    position: fixed;
    top: 0;
    height: 77px;
    z-index: 100;
}

.header {
    background-color: #ffffff;
    /* background-color: #414042; */
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    align-items: center;
}

.logo-text {
    font-family: 'Noto Sans';
    font-size: 4rem;
    color: #00BAB4;
}

.logo_img {
    width: 100%;
}

.item {
    /* width: 1225px; */
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    list-style-type: none;
}

.item-768 {
    display: none;
}

.tel {
    margin-top: 2rem;
}

.tel img {
    width: 4.7rem;
    height: 4.7rem;
    margin-right: 2rem;
}

.weight-300 {
    font-weight: 300;
}

.tel-span {
    font-family: 'Noto Sans';
    font-size: 5rem;
    line-height: 0rem;
    color: #00BAB4;
}

.time {
    margin-top: 3rem;
    margin-left: 4rem;
}

.time-span {
    font-family: 'Noto Sans';
    font-size: 2rem;
    line-height: 2.3rem;
    /* color: #cec6d7; */
    color: #414042;
}


/* 自宅 DE クリニック */
.mainvisual-0920 {
    margin-top: 77px!important;
}

/* .mainvisual-0920 {
width: 100%;
    height: auto;
    background: url(../img/main-bg-1980.jpg) no-repeat;
    background-size: cover;
    background-position-y: top;
    align-items: center;

} */






.main-img {
    text-align: center;
}

.main-img img {
    width: 40.4rem;
    margin: 0 auto 2rem;
}

.main-letter {
    font-family: 'Shippori Mincho';
    padding-top: 4rem;
    font-size: 7rem;
    color: #00BAB4;
    text-align: center;
    line-height: 7rem;
}

.home {
    padding-top: 4rem;
    padding-bottom: 1.5rem;
    font-size: 3.7rem;
    font-family: 'Hiragino';
    font-weight: 600;
    color: #00BAB4;
    text-align: center;
}

.side-board-1 {
    width: 100%;
    height: auto;
    background-color: #9CD0C7;
    padding: 10rem 0;
}

.side-board-2 {
    width: 100%;
    height: auto;
    padding: 10rem 0;
    background-color: #00BAB4;
}

.side-board-3 {
    width: 100%;
    height: auto;
    padding: 10rem 0;
    background-color: #ffffff;
}
.side-board-3-price{padding: 9rem 0 4rem;text-align: center;
  margin: 0 auto;}
.side-board-3-price img{width: 85%;}

.color-white {
    color: #ffffff;
}

.color-black {
    color: #44444C;
}

.color-green {
    color: #00BAB4;
}

.font-74 {
    display: none;
    font-size: 7.4rem;
}

.font-72 {
    font-size: 7.2rem;
}

.font-62 {
    font-size: 6.2rem;
}

.font-53 {
    font-size: 5.3rem;
}

.font-45 {
    font-size: 4.5rem;
}

.font-38 {
    font-size: 4.0rem
}

.font-35 {
    display: none;
    font-size: 3.5rem;
}

.font-33 {
    font-size: 3.3rem;
}

.font-30 {
    font-size: 3rem;
}

.font-28 {
    font-size: 2.8rem;
}

.font-27 {
    font-size: 2.7rem;
}

.font-26 {
    font-size: 2.6rem;
}

.font-24 {
    font-size: 2.4rem;
}

.font-21 {
    font-size: 2.1rem;
}

.font-20 {
    font-size: 2rem;
}

.font-19 {
    font-size: 1.9rem;
}

.font-18 {
    font-size: 1.8rem;
}

.font-15 {
    font-size: 1.5rem;
}

.weight {
    font-weight: 500;
}

/* ====================================== Medical whitening ================================================ */

.container {
    width: 122.5rem;
    margin: auto;
    padding: 0 5rem;
}

.medical {
    padding-top: 3rem;
}

.medical-board {
    width: 100%;
    height: auto;
    padding: 10rem 0;
    background-color: #9CD0C7;
    position: relative;
}

.space-color {
    background-color: #9CD0C7;
}

.medical-whiting {
    color: #ffffff;
    font-family: 'Shippori Mincho';
    font-size: 7.3rem;
    line-height: 13rem;
    padding-left: 0rem;
    position: absolute;
    z-index: 10;
}

.pos-center {
    text-align: center;
    margin: auto;
}


.center-cropped {
    display: block;
    width: 82.5rem;
    height: 42.5rem;
    position: relative;
    margin: auto;
    margin-top: 25rem !important;
}

.center-cropped img{
    display: block;
    text-align: center;
    position: absolute;
    object-fit:cover; 
    width: 82.5rem;
    height: 42.5rem;
}

.center-cropped-768 {
    width: 85.85rem;
    height: 85.85rem;
    position: relative;
    margin: auto;
    margin-top: 21rem;
    display: none;
}

.center-cropped-768 img{
    display: none;
    text-align: center;
    position: absolute;
    object-fit:cover; 
    width: 85.85rem;
    height: 85.85rem;
}

.row {
    display: flex;
    justify-content: center;
    align-content: center;
}

.medical-row {
    display: flex;
    justify-content: center;
    align-content: center;
}

.beaty {
    font-size: 5rem;
    font-family: 'Shippori Mincho';
    margin-right: 2.5rem;
    margin-top: 10rem;
    color: #ffffff;
    position: relative;
}

.explain-text {
    display: none;
}

.explain {
    margin-top: 7rem;
    margin-left: 2.5rem;
    font-size: 2.3rem;
    font-family: 'Noto Sans';
    letter-spacing: 1px;
    line-height: 4rem;
    color: #ffffff;
}

.explain-768 {
    display: none;
}

/* ================================== Advantage ================================== */

.advantage {
    padding-top: 2.5rem;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    font-family: 'Shippori Mincho';
    font-size: 7.2rem;
}

.family-shipo {
    font-family: 'Shippori Mincho';
}

.family-noto {
    font-family: 'Noto Sans';
}

.family-zen {
    font-family: 'Zen Kaku Gothic Antique';
}

.family-hiragino {
    font-family: 'Hiragino';
}

.family-hiragino-light {
    font-family: 'Hiri-light';
}

.family-hira {
    font-family: 'Hira';
}

.img-part {
    margin: 0 1.5rem;
    margin-top: 10rem;
}

.img-part img {
    width: 35rem;
    height: 35rem;
}

.img-hover img {
    transition: 0.5s;
    width: 35rem;
    height: 35rem;
}

.bright img {
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.bright img:hover {
    -webkit-filter: brightness(100%);
}

/* =========== 768 =========== */
.img-part-768 {
    display: none;
}

.square-green {
    background-color: #00B1A9;
    width: 34rem;
    height: 40rem;
}

.img-part-768 img {
    width: 34rem;
    height: 40rem;
}

.green-board {
    display: none;
    width: 70rem;
    height: auto;
    margin: auto;
    background-color: #00B1A9;
}

.img-part p {
    padding-top: 3rem;
    font-size: 2.1rem;
    font-family: 'Hiragino';
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
}

.grow {
    overflow: hidden !important;
}

.grow img {
    transition: 1s ease;
}

.grow img:hover {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1);
    transform: scale(1.07);
    transition: 1s ease;
}

.img-part-1 {
    margin: 0 6.5rem;
    margin-top: 15rem;
}

.img-part-1 img {
    width: 43.3rem;
    height: 35.1rem;
}

.text-1 {
    padding-top: 3rem;
    font-size: 2.1rem;
    color: #ffffff;
    font-family: 'Hiragino';
    text-align: center;
}

.text-2 {
    margin-top: 4rem;
    font-family: 'Hiragino';
    font-size: 1.8rem;
    font-weight: bold;
    color: #44444C;
}

.btn-row {
    display: flex;
    justify-content: center;
    align-content: center;
}

.link {
    width: 43rem;
    height: 11rem;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid #709a97;
    padding: 0.5rem 0;
    margin: 0 6.5rem;
    margin-top: 12.5rem;
    background-size: 600% 100%;
    text-decoration: none;
}

.border {
    width: 41.7rem;
    height: 9.7rem;
    border-radius: 17px;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    margin: auto;
}

.btn-row a span {
    font-size: 3.6rem;
    text-align: center;
    color: #ffffff;
    font-family: 'Zen Kaku Gothic Antique';
    font-weight: 900;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover.color {
    background-image: linear-gradient(120deg, #61b4ae, #cbe2e0, #98d4c8, #9bdbb5, #5de895,#60dabe, #5de895);
}

.doc {
    margin-left: 4rem;
    margin-right: 3rem;
    vertical-align: middle;
    width: 4rem;
    height: 6rem;
}

.line {
    margin-left: 4rem;
    margin-right: 3rem;
    ;
    vertical-align: middle;
    width: 6rem;
    height: 6.1rem;
}

/* ============================ Doctor ============================ */

.square-row {
    width: 118rem;
    height: 200px;
    border: #00BAB4 2px solid;
    margin: auto;
    margin-top: 5rem;
    display: flex;align-items: center;
  justify-content: center;
    overflow: hidden;
    padding: 2rem 0;
}

.circle {
/* width: 206px; */
width: 50%;
  height: auto;
  background-color: #fff;
  border-radius: 0;
  margin-left: 0;
  /* margin-right: 43px; */
}

.circle img {
    width: 55%;
    height: 200px;
    object-fit: contain;
}

.text-group {
    width: 40%;
    padding: 3rem 0;
    overflow: hidden;
}

/* ============================ Before After ============================ */

.custom-slider {
    width: 85rem;
    margin: auto;
    margin-top: 10rem;
}

.custom-box {
    /* width: 35.5rem;
    height: 51rem; */
    margin: auto 30px;
}

.slick-prev,
.slick-next {
    font-size: 4rem;
    position: absolute;
    line-height: 0;
    top: 36%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-slider {
    user-select: none;
}

.slick-next {
    right: -14rem;
}

.slick-prev {
    left: -6rem;
   
}

.slick-next:before {
    content: '\25B6';
    font-size: 1.2em;
    font-weight: 1000;
    color: white;
}

.slick-prev:before {
    content: '\25C0';
    font-size: 1.2em;
    font-weight: 1000;
    color: white;
}

.square-1 {
    /* width: 35.5rem;
    height: 25rem; */
    background-color: #ECECED;
    border: 1px solid #00BAB4;
    border-bottom: none;
    margin: auto;
}

.square-2 {
    /* width: 35.5rem;
    height: 25rem; */
    background-color: #ECECED;
    border: 1px solid #00BAB4;
    margin: auto;
}

.square-1 img {
    text-align: center;
    /* width: 35.2rem;
    height: 24.7rem; */
}

.square-2 img {
    /* width: 35.2rem;
    height: 24.7rem; */
}

.underline {
    text-decoration-line: underline;
    position: relative;
    top: 85%;
    right: 5%;
    text-align: right;
}

.text-row {
    display: flex;
    justify-content: center;
    align-content: center;
}

.square-text {
    margin: 0 4rem;
    margin-top: 5rem;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: 'Zen Kaku Gothic Antique';
}

.direction {
    display: flex;
    justify-content: space-between;
}

.horizontal-table {
    width: 100%;
  border: 1px solid #fff;
}

.horizontal-table__inner {
  width: 100%;
  border-spacing: 0px;
}

.horizontal-table__header {
  width: 44%;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  background-color: #F9F9F9;
  color: #000000;
  padding: 4px 4px 5px;
  border-bottom: 1px solid #A7CFC6;
  border-right: 1px solid #A7CFC6;
  vertical-align: middle;
  font-family: 'Noto Sans JP';
}

.horizontal-table__headerSub {
  font-size: 7px;
  color: #000000;
  margin-right: 0.1rem;
}

.horizontal-table__text {
  font-size: 10px;
  text-align: left;
  background-color: #F9F9F9;
  color: #000000;
  padding: 4px 3px 5px;
  font-family: 'Noto Sans JP';
  border-bottom: 1px solid #A7CFC6;
}

.horizontal-table__row:last-child .horizontal-table__header,
.horizontal-table__row:last-child .horizontal-table__text {
  border-bottom-width: 0;
}


/* ======================= Introductioin ===================== */

.intro-row {
    display: flex;
    justify-content: center;
    align-content: center;
}

.intro-block {
    display: none;
}

.introduction {
    margin-right: 3rem;
    margin-top: -3rem;
}

.intro-text {
    font-size: 6.2rem;
    font-family: 'Shippori Mincho';
    line-height: 10rem;
}

.flow {
    font-family: 'Shippori Mincho';
    font-size: 2.8rem;
    font-weight: 1000;
    color: #44444C;
    margin-top: 5rem;
}

.down {
    margin-bottom: 2rem;
}

.treat {
    width: 42.3rem;
    height: 28.3rem;
    margin-top: 7rem;
}

.explain-img {
    margin: 0 2rem;
    padding: 3rem 0;
    border: 1px dashed #ffffff;
    width: 67rem;
    height: auto;
}

.img-part-2 {
    width: 14rem;
    height: 14rem;
    margin: 0 1rem;
}

.img-part-4 {
    width: 15rem;
    height: 14rem;
    margin: 0 1rem;
}

.dash-line {
    width: 15.5rem;
    height: 2.5rem;
    margin-top: 5.5rem;
}

.step-1 {
    width: 200px;
    margin-right: 40px;
    /* padding-top: 4rem;
    padding-right: 3.5rem;
    padding-left: 6rem; */
}

.step-2 {
    width: 200px;
    margin-left: 40px;
    /* padding-top: 4rem;
    padding-left: 3.5rem;
    padding-right: 6rem; */
}

.space {
    margin-top: 5rem;
}

/* ====================== About ==================== */

.about-row {
    display: flex;
    justify-content: center;
    align-content: center;
}

.about {
    padding-left: 7rem;
    line-height: 8rem;
}

.about-kobe {
    padding-top: 2rem;
    padding-left: 10rem;
}

.triangle {
    margin-top: 8rem;
    width: 100%;
    height: 14.2rem;
}

.img-part-3 {
    margin: 0 6rem;
    margin-top: 15rem;
}

.col-img {
    width: 44rem;
    height: 39rem;
}

.extention {
    width: 48.3rem;
    height: 38.5rem;
    background-color: #ffffff;
    position: relative;
}

.device {
    margin-top: 6rem;
    width: 25rem;
    height: 25rem;
}

.book {
    margin-top: 6rem;
    width: 20.5rem;
    height: 26.5rem;
}

/* .space-20 {
    margin: 2rem;
} */

.text-3 {
    padding-top: 3rem;
    font-size: 2.8rem;
    color: #ffffff;
    font-family: 'Shippori Mincho';
    text-align: center;
}

.about-text-1 {
    margin-top: 4rem;
    font-size: 1.9rem;
    /* font-weight: 50;; */
    color: #44444C;
    font-family: 'Hiragino';
}

.about-text-2 {
    margin-top: 4rem;
    font-size: 1.8rem;
    /* font-weight: 500; */
    font-family: 'Hiragino';
    color: #44444C;
}


/* ============================ 768 =========================== */

.about-768 {
    display: none;
}

.why-text {
    display: none;
    text-align: center;
    column-rule: #ffffff;
    margin-bottom: 2rem;
}

.img-part-3-768 {
    margin: 0 6rem;
    margin-top: 15rem;
    display: none;
}

.img-size {
    width: 48.3rem;
    height: 38.5rem;
}

.font {
    display: none;
}

.bold {
    font-weight: bold;
}

.space-none {
    display: block;
    margin: 0;
    padding: 0;
}

.space-100 {
    margin-top: 10rem;
}

/* ============================ MENU =============================== */

.menu-row {
    display: flex;
    justify-content: center;
    align-content: center;
}

.menu {
    width: 100%;
    padding: 3rem 0 4rem 0;
    background-color: #00BAB4;
}

.temp {
    padding-top: 15rem;
    padding-right: 2.5rem;
}

.temp img {
    width: 51.5rem;
    height: 51.5rem;
}

.space-70 {
    margin-top: 6rem;
}

.green-hr-short {
    background-color: #00BAB4;
    width: 29rem;
    height: 2px;
    align-items: center;
    margin: 2.5rem 1.5rem;
}

.light-blue-board {
    background-color: #F7FCFE;
    width: 100%;
    padding: 2rem 0;
}

.space-25 {
    margin-top: 2.5rem;
}

.green-hr {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.green-hr-long {
    background-color: #00BAB4;
    width: 123rem;
    height: 2px;
    display: flex;
    margin: auto;
    margin-top: 2.5rem;
    text-align: center;
}

.tool {
    padding-top: 3rem;
    padding-right: 2.5rem;
}

.tool img {
    width: 44.1rem;
    height: 30rem;
}

.tool-text {
    padding-top: 7rem;
    padding-left: 2.5rem;
}

.busket-link {
    width: 43rem;
    height: 11rem;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid #709a97;
    padding: 0.5rem 0;
    margin: 0 6.5rem;
    margin-top: 12.5rem;
    background-size: 600% 100%;
    text-decoration: none;
    margin: auto;
}

.link-border {
    width: 41.7rem;
    height: 9.7rem;
    border-radius: 17px;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    margin: auto;
}

.link-title {
    font-size: 3.6rem;
    font-family: 'Zen Kaku Gothic Antique';
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover .color {
    background-image: linear-gradient(120deg, #61b4ae, #cbe2e0, #98d4c8, #9bdbb5, #5de895);
}


.busket {
    padding: 10rem 0 20rem;
}

.button {
    width: 43rem;
    height: 11rem;
    border-radius: 20px;
    margin: auto;
    background-image: linear-gradient(150deg, #00B1A9, #a8cfc7, #8cd9c2, #00B1A9);
    border: 1px solid #486765;
    padding: 0.5rem 0;
}

.border {
    width: 41.7rem;
    height: 9.7rem;
    border-radius: 17px;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    margin: auto;
}

.button span {
    font-size: 3.6rem;
    text-align: center;
    color: #ffffff;
}

/* ====================== 768 ========================== */
.handy-768 {
    display: none;
}

.temp-768 {
    display: none;
}

.green-hr-long-768 {
    background-color: #00BAB4;
    width: 90vw;
    height: 2px;
    display: none;
    margin: auto;
    text-align: center;
}

.light-blue-board-768 {
    background-color: #F7FCFE;
    width: 100%;
    padding-top: 2rem;
    display: none;
}

/* ========================== Footer ====================== */

.footer-row {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.footer-logo {
    padding-top: 0rem;
}

.footer-logo img {
    width: 31.1rem;
    height: 17rem;
}

.vertical-line {
    height: 15rem;
    width: 3px;
    background-color: #F7FCFE;
    margin: 0 5rem;
    margin-top: 3rem;
}

.board-768 {
    display: none;
}





/* ========================== 追加 0920 ====================== */

.main-face img {
  width: 100%;
}
.main-text img {
  width: 100%;
  padding-top: 2rem;
}
.main-btn, .main-video {
  margin: 0 auto;
  text-align: center;
}
.main-btn img, .main-video video {
  width: 85%;
}
.main-btn {
  padding-top: 9rem;
  padding-bottom: 7rem;
}
.main-video {
  padding-top: 9rem;
}

.main-text {
  margin-top: -14rem;

}

/* ======================= 758 ====================== */

.busket-board-768 {
    display: none;
}

.footer-logo-768 {
    display: none;
}

.footer-logo img {
width: 20.2rem;
  height: auto;
}

.footer-text {
    line-height: 4rem;
}

.white-hr-long-768 {
    background-color: #00BAB4;
    width: 90vw;
    height: 2px;
    display: none;
    margin: auto;
    text-align: center;
}

.footer-text-768 {
    display: none;
}

.copyright-text {
    font-size: 2rem;
    text-align: center;
    color: #00B1A9;
}

/* ============================= 1300 ============================= */
@media screen and (max-width : 1355px) {
    html {
        font-size: calc(100vw * 10 /1355);
    }
    .center-cropped {
        width: 82.5rem;
        height: 42.5rem;
        position: relative;
        margin: auto;
        margin-top: 21rem;
    }
    
    .center-cropped img{
        text-align: center;
        position: absolute;
        object-fit:cover; 
        width: 82.5rem;
        height: 42.5rem;
    }

}
@media screen and (max-width : 999px) {
.main-text {
  margin-top: 0;

}
}
@media screen and (max-width : 768px) {

    header {
        background-color: #ffffff;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3rem 8rem;
    }

    .item {
        /* width: 1225px;
        display: none; */
        justify-content: center;
        list-style-type: none;
    }

    .item-768 {
        width: 1225px;
        display: flex;
        justify-content: center;
        list-style-type: none;
    }
    
    .logo-768 {
        margin-top: 2rem;
        margin-right: 10rem;
    }
    
    .logo-text-768 {
        font-family: 'Noto Sans';
        font-size: 4.5rem;
        color: #00BAB4;
    }
    
    .logo_img-768 {
        width: 14.5rem;
        height: 7rem;
    }
    
    .tel-768 {
        margin-top: 2rem;
    }
    
    .tel-768 img {
        width: 7.4rem;
        height: 6.5rem;
        margin-right: 2rem;
    }
    
    .tel-span-768 {
        font-family: 'Hiragino';
        font-size: 6.8rem;
        line-height: 0rem;
        color: #00BAB4;
    }
    

    .time-span-768 {
        font-size: 3.1rem;
        text-align: right;
        padding-top: 1rem;
        padding-right: 1rem;
    }

    .side-board-1 {
        width: 100%;
        height: auto;
        background-color: #9CD0C7;
        padding: 15rem 0;
    }
    
    .side-board-2 {
        width: 100%;
        height: auto;
        padding: 15rem 0;
        background-color: #00BAB4;
    }
    
    .side-board-3 {
        width: 100%;
        height: auto;
        padding: 15rem 0;
        background-color: #ffffff;
    }
.side-board-3-price{padding: 19rem 0 13rem;}
.side-board-3-price img{width: 100%;}
    
    
    
    
    .sp-nav{display: block;
    position: fixed;
    bottom: 0;
    left: auto;
    right: auto;
    text-align: center;width: 100%;
    z-index: 999999999;}
    
    
    .sp-nav a{
    text-align: center;
    display: block;
    width: 100%;
    background: rgba(33, 123, 64, 0.7);
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    font-family: sans-serif;
    padding: 8px 0;}
    
    .main-btn img {
  width: 100%;
}
    
    .family-shipo {
        font-family: 'Shippori Mincho';
    }
    
    .family-noto {
        font-family: 'Noto Sans';
    }
    
    .family-zen {
        font-family: 'Zen Kaku Gothic Antique';
    }
    
    .family-hiragino {
        font-family: 'Hiragino';
    }
    
    .family-hiragino-light {
        font-family: 'Hiri-light';
    }

    .center-cropped {
        width: 82.5rem;
        height: 75.5rem;
        position: relative;
        margin: auto;
        margin-top: 21rem;
        display: none;
    }
    
    .center-cropped img{
        text-align: center;
        position: absolute;
        object-fit:cover; 
        width: 82.5rem;
        height: 75.5rem;
        display: none;
    }

    .center-cropped-768 {
        width: 85.85rem;
        height: 85.85rem;
        position: relative;
        margin: auto;
        margin-top: 25rem;
        display: block;
    }

    .center-cropped-768 img{
        display: block;
        text-align: center;
        position: absolute;
        object-fit:cover; 
        width: 85.85rem;
        height: 85.85rem;
    }
    

    .medical-whiting {
        color: #ffffff;
        font-family: 'Shippori Mincho';
        font-size: 7.3rem;
        line-height: 13rem;
        padding-left: 10rem;
        position: absolute;
        z-index: 10;
    }

    .beaty {
        font-size: 7.82rem;
        font-family: 'Shippori Mincho';
        margin-right: 2.5rem;
        margin-top: 10rem;
        text-align: center;
        color: #ffffff;
        position: relative;
    }
    

    .medical-row {
        display: block;
        justify-content: center;
        align-content: center;
    }
    
    .explain {
        margin-top: 5rem;
        font-size: 5.3rem;
        display: none;
        line-height: 7rem;
        color: #ffffff;
    }

    .container {
        margin: auto;
        padding: 0;
    }

    .explain-768 {
        display: block;
        margin-top: 5rem;
        font-size: 4.7rem;
        line-height: 7rem;
        color: #ffffff;
    }

    .medical-row br {
        content: "";
    }

   
    
    /* ================================= Advantage ================================== */
    .advantage {
        padding-top: 2.5rem;
        color: #ffffff;
        text-align: center;
        font-weight: 300;
        font-family: 'Shippori Mincho';
        font-size: 12.75rem;
    }
    
    .img-part {
        display: none;
        margin: 0 1rem;
        margin-top: 10rem;
    }
    
    .img-part-1 {
        display: none;
        margin: 0 6rem;
        margin-top: 15rem;
    }

    .btn-row {
        display: none;
    }
    
    .img-part-768 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .square-green {
        background-color: #00B1A9;
        width: 60rem;
        height: 70.5rem;
        padding: 7rem 1rem;
        line-height: 14rem;
        font-weight: bold;
        font-family: 'Hiragino';
    }
    
    .padding-left-20 {
        padding-left: 2.5rem;
    }

    .img-part-768 img {
        width: 60rem;
        height: auto;
    }

    .font-38 {
        font-size: 5.5rem;
    }

    .font-26{
        font-size: 4.5rem;
    }

    .font {
        font-size: 4.9rem;
        padding: 0 4rem;
    }

    .space-100 {
        margin-top: 17rem;
    }

    .green-board {
        display: block;
        width: 120rem;
        height: auto;
        margin: auto;
        padding-bottom: 2rem;
    }

    .board-768 {
        display: block;
        width: 117.1rem;
        height: 30.3rem;
        background-image: linear-gradient(150deg, #00B1A9, #a8cfc7,#8cd9c2, #00B1A9);
        border: 1px solid #486765;
        border-radius: 20px;
        margin: auto;
        margin-bottom: 3.4rem;
        margin-top: 17rem;
        background-size: 600% 100%;
    }
    
    .border-768 {
        width: 113.2rem;
        height: 25.6rem;
        margin: 2.1rem auto;
        border-radius: 10px;
        border: 1px solid #ffffff;
        display: flex;
        align-items: center;
        display: none;
    }
    
    .board-768 span{
        font-size: 10rem;
        text-align: center;
        color: #ffffff;
    }
    
    .doc-768 {
        margin-left: 11.5rem;
        margin-right: 8.5rem;
        vertical-align: middle;
        height: 18rem;
        width: 13.2rem;
    }

    .busket-768 {
        margin-left: 11.5rem;
        margin-right: 8.5rem;
        vertical-align: middle;
        height: 18rem;
        width: 16.2rem;
    }

    .space-color {
        width: 100%;
        height: 17rem;
        background-color: #00BAB4;
    }
    
    .line-768 {
        margin-left: 11.5rem;
        margin-right: 8.5rem;
        vertical-align: middle;
        width: 17.1rem;
        height: 16.5rem;
    }

    .line-height {
        line-height: 11rem;
    }

    /* ============================= Doctor ============================== */

    .font-72 {
        font-size: 12.7rem;
    }

    .font-33 {
        font-size: 6.3rem;
    }

    .square-row {
    width:100%;
    height: auto;
        margin: 10rem 0;
        display: flex;align-items: center;justify-content: center;
        border: 1px solid #00B1A9;
        border: none;
    }
    
    .circle {
  width: 38%;
    height: auto;
        background-color: #fff;
    border-radius: 0;
        margin: 0 9px 0 0;
    }

.circle img {
    width: 100%;
    height: auto;
  }
    .text-group {
        padding: 8rem 3rem;
    }

    .font-27 {
        font-size: 4.76rem;
    }

    .font-30 {
        font-size: 6.7rem;
    }

    /* ============================= Before After ============================== */

    .font-18 {
        font-size: 3.2rem;
    }

    .inner {
        font-size: 4.85rem;
        font-family: 'Hiragino';
        padding: 4rem;
    }

    .custom-slider {
        width: 70%;
        margin: auto;
        margin-top: 17rem;
    }
    
    .custom-box {
        /* width: 63rem;
        height: 86.5rem; */
        margin: auto;
    }
    
    .slick-prev,
    .slick-next {
        font-size: 4rem;
        position: absolute;
        line-height: 0;
        top: 37.5%;
        display: block;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        border-radius: 50px;
        overflow-x: none;
        background: transparent;
    }
    
    .slick-slider {
        user-select: none;
    }
    
    .slick-next {
    
        right: -17rem;
    }
    
    .slick-prev {
        left: -9rem;
    }
    
    .slick-next:before {
        content: '\25B6';
        font-size: 1.2em;
        font-weight: 1000;
        color: white;
    }
    
    .slick-prev:before {
        content: '\25C0';
        font-size: 1.2em;
        font-weight: 1000;
        color: white;
    }
    
    .square-1 {
        /* width: 61rem;
        height: 43.2rem; */
        background-color: #ECECED;
        border: 1px solid #00BAB4;
        border-bottom: none;
        margin: auto;
    }
    
    .square-2 {
        /* width: 61rem;
        height: 43.2rem; */
        background-color: #ECECED;
        border: 1px solid #00BAB4;
        margin: auto;
    }
    
    .square-text {
        margin: 0 4rem;
        margin-top: 5rem;
        letter-spacing: 2px;
        font-weight: 500;
        font-family: 'Zen Kaku Gothic Antique';
    }

    .square-1 img {
        text-align: center;
        /* width: 60.5rem;
        height: 42rem; */
    }
    
    .square-2 img {
        text-align: center;
        /* width: 60.5rem;
        height: 42rem; */
    }

    .horizontal-table {
      width: calc(100% - 3rem);
      margin: 1rem 1.5rem 0;
    }

    /* ======================== Introduction ======================= */

    .intro-row {
        display: none;
        justify-content: center;
        align-items: center;
    }

    .intro-block {
        display: block;
    }

    .font-62 {
        font-size:11rem;
    }

    .space-50 {
        margin-top: 5.5rem;
        margin-bottom: 8.5rem;
    }

    .flow {
        font-family: 'Shippori Mincho';
        font-size: 2.8rem;
        font-weight: 1000;
        color: #44444C;
        margin-top: 5rem;
    }

    .space {
        margin-top: 8.7rem;
    }
    
    .dash-line {
        margin-top: 0; 
        width: 3.5rem;
        height: 17.3rem;
    }

    .explain-img {
        width: 120rem;
        height: auto;
        border: 1px dashed #ffffff;
        margin: auto;
    }

    .step {
        font-size: 4.5rem;
        font-family: 'Hiragino';
        letter-spacing: 1.5px;
        color: #ffffff;
        margin-left: 3.4rem;
        font-weight: 500;
    }

    .img-part-2 {
        width: 36.5rem;
        height: 35.15rem;
    }

    .img-part-5 {
        width: 37.5rem;
        height: 35.15rem;
    }

    .space-20 {
        margin-top: 3.4rem;
        margin-bottom: 3.4rem;
    }

    .space-left-20 {
        margin-left: 3.4rem;
    }
    
    /* ====================== About ================== */
    
    .about-row {
        display: none;
    }

    .about-768 {
        display: block;
    }

    .font-25 {
        font-size: 4.4rem;
        padding: 0 5rem;
    }

    .font-53 {
        display: none;
    }

    .img-part-3 {
        margin: 0 6rem;
        margin-top: 15rem;
    }
    
    .col-img {
        width: 76.3rem;
        height: 66.2rem;
    }
    
    .img-part-3-768 {
        margin: 0 6rem;
        margin-top: 15rem;
        display: block;
    }
    
    .why-text {
        display: block;
    }
    
    .font {
        display: block;
    }

    /* ============================== MENU ============================= */
    .menu-row {
        display: none;
        justify-content: center;
        align-content: center;
    }

    .handy-768 {
        display: block;
    }

    .handy-text-768 {
        font-size: 9rem;
        color: #00BAB4;
        text-align: center;
    }
    
    .temp-768 {
        display: block;
        padding: 3.9rem 0;
        text-align: center;
    }

    .temp-768 img {
        width: 89.5rem;
        height: 89.5rem;
    }

    .green-hr-long-768 {
        background-color: #00BAB4;
        width: 90vw;
        height: 2px;
        display: block;
        margin: auto;
        text-align: center;
    }

    .font-20 {
        font-size: 4rem;
        padding:0 5rem;
    }

    .light-blue-board {
        background-color: #F7FCFE;
        width: 100%;
        padding: 2rem 0;
        display: none;
    }

    .light-blue-board-768 {
        background-color: #F7FCFE;
        width: 100%;
        padding: 2rem 0 0 0;
        display: block;
    }

    .tool {
        padding-top: 3rem;
        padding-right: 2.5rem;
        text-align: center;
    }
    
    .tool img {
        width: 76.8rem;
        height: 51rem;
    }

    .font-24 {
        font-size: 4.2rem;
        text-align: center;
        margin-top: 5rem;
        padding: 0 5rem;
    }

    .font-19 {
        margin-top: 7rem;
        font-size: 3.5rem;
        padding: 0 5rem;
    }

    
    .busket {
        display: none;
    }

    .busket-board-768 {
        display: block;
        width: 119.1rem;
        height: 30.3rem;
        background-image: linear-gradient(150deg, #00B1A9, #a8cfc7,#8cd9c2, #00B1A9);
        border: 1px solid #486765;
        border-radius: 20px;
        margin: auto;
        text-decoration: none;
        margin-bottom: 3.4rem;
        margin-top: 17rem;
    }
    
    .border-768 {
        width: 113.2rem;
        height: 25.6rem;
        margin: 2.1rem auto;
        border-radius: 10px;
        border: 1px solid #ffffff;
        display: flex;
        align-items: center;
    }
    
    .busket-board-768 span{
        font-size: 10rem;
        text-align: center;
        color: #ffffff;
    }

    .busket-board-768 img {
        width: 15.1rem;
        height: 15.2rem;
    }

    /*======================= Footer======================= */

    .footer-row {
        display: none;
    }

    .footer-logo {
        text-align: center;
    }

    .footer-logo-768 {
        display: block;
        text-align: center;
    }
    
    .footer-logo img {
        width: 30%;
        height: initial;
    }

    .white-hr-long-768 {
        background-color: #fff;
        width: 90vw;
        height: 2px;
        display: block;
        margin: auto;
        margin-top: 5rem;
        text-align: center;
    }

    .footer-text-768 {
        display: block;
        margin: auto;
        margin-top: 7rem;
        margin-bottom: 12rem;
    }

    .footer-font {
        font-size: 3.7rem;
        font-weight: bold;
        padding: 0 17rem;
        margin-top: 30px;
    }

    .copyright-text {
        font-size: 3rem;
        text-align: center;
        color: #00B1A9;
    }

}

/* 月脚修正 */
img {
    width: 100%;
}

.item {
    justify-content: space-between;
}

.logo {
    width: 30%;
    max-width: 258px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_btn {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.web_reserve, .line_reserve {
    width: 20%;
    margin-left: 30px;
    margin-top: 5px;
}

.web_reserve a, .line_reserve a {
    display: block;
}

/* .web_reserve img, .line_reserve img {
    width: 100%;
} */

.cta {
    padding: 45px 0 45px 0;
    background-image: linear-gradient(180deg, #EAF7FE, #FFFFFF);
}

.cta div {
    width: 50%;
    margin: 0 auto;
}

.info {
    position: relative;
}

.info a {
    display: block;
}

.info > a {
    position: absolute;
    width: 35%;
    height: 20%;
    bottom: 12%;
    left: 17%;
}

.img-part-1 img {
    width: 100%;
    height: initial;
}

.square-row {
    width: 80%;
    justify-content: center;
}

.square-row > div {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.handy {
    width: 60%;
    min-width: 623px;
    padding: 100px 0;
}

/* .handy_sp {
    display: none;
} */

.menu_p {
    padding-bottom: 10px;
    border-bottom: 1px solid #00BAB4;
    margin-bottom: 40px;
}

.menu_table {
    width: 80%;
    border-spacing: 0px;
    margin-bottom: 50px;
}

.menu_table th,.menu_table td {
    text-align: center;
    height: 40px;
    vertical-align: middle;
}

.menu_table th {
    color: #FFF;
    background-color: #A5CFC7;
    font-size: 17px;
}

.menu_table td {
    border-collapse: collapse;
    border: 1px solid #C3C2B5;
    font-size: 16px;
}


.menu_table th:nth-child(1), .menu_table td:nth-child(1),
.menu_table th:nth-child(2), .menu_table td:nth-child(2),
.menu_table th:nth-child(3), .menu_table td:nth-child(3) {
    width: 28%;
}

.menu_table th:nth-child(4), .menu_table td:nth-child(4) {
    width: 16%;
}

.menu_table td:nth-child(3) {
    color: #D54C7D;
}

.menu_table td p {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_table td img {
    width: 40%;
    height: auto;
    object-fit: contain;
}

.sp {
    display: none;
}

.map {
    text-align: center;
    padding: 80px 0;
}

.handy_sp {
    display: none!important;
}

.map_logo {
    width: 50%;
    margin: 30px auto;
}

@media screen and (max-width : 768px) {

    header {
        padding:0;
        height: 11.2vw;
    }

    .logo {
        width: 30%;
    }

    .header_btn {
        width: 70%;
    }

    .web_reserve, .line_reserve {
        width: 45%;
        margin-left: 10px;
    }

    .sp {
        display: block;
    }

    .square-row {
        width: 100%;
    }

    .square-row > div {
        width: 80%;
    }

    .circle {
        width: 30%;
    }

    .text-group {
        width: 50%;
    }
    .mainvisual-0920
    .text-group p:first-child {
        padding-bottom: 15px;
    }

    .map_pc {
        display: none;
    }

    .handy {
        width: 90%;
        margin: auto;
        min-width: initial;
        padding: 30px 0;
    }

    .menu_table {
        width: 100%;
    }

    .mainvisual-0920 {
        margin-top: 11.2vw!important;
    }

    .cta div {
        width: 90%;
    }

    .sp_square-row {
        align-items: flex-start!important;
    }

    .sp_text-group {
        padding-top: 0!important;
        margin-top: -5px;
    }

    .handy {
        display: none;
    }

    .handy_sp {
        display: block!important;
    }

    .menu_table td {
        border-collapse: collapse;
        border: 1px solid #C3C2B5;
        font-size: 4.9rem;
    }

    .map_logo_pc {
        display: none;
    }

    .menu_p {
        font-size: 25px;
        font-weight: 500;
    }

}

@media screen and (max-width : 510px) {
    .info > a {
        width: 67%;
        height: 20%;
        bottom: 12%;
        left: 6%;
    }
}

/* affiliated-board 20250719 */
.affiliated-board {
    width: 100%;
    height: auto;
    padding: 10rem 0;
    background-color: #ffffff;
}

.affiliated-board>p span {
    display: block;
}

.affiliated-board>div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 10rem auto 0;
    width: min(95%, 960px);
}

.affiliated-board dl {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: #f9f9f9;
    box-shadow: 2px 2px 5px #e9e9e9;
    border-radius: 15px;
}

.affiliated-board dt {
    font-weight: bold;
}

.affiliated-board dd {
    display: flex;
    align-items: center;
}

.affiliated-board dd::before {
    content: url(/assets/img/location-dot-solid.svg);
    margin: 0 15px 0 0;
}

.affiliated-board ul {
    list-style: none;
}

@media screen and (max-width : 768px) {
    .affiliated-board {
        width: 100%;
        height: auto;
        padding: 15rem 0;
        background-color: #ffffff;
    }

    .affiliated-board>div {
        flex-direction: column;
    }

    .affiliated-board .font-45 {
        font-size: 7.5rem;
    }

    .affiliated-board .font-21 {
        font-size: 5.0rem;
    }

    .affiliated-board .font-15 {
        font-size: 4.0rem;
    }
}