@charset "UTF-8";
/*
Theme Name: 上本町I'S歯科・矯正歯科（2026-10-13〜）
Description: 2026-10-13 医院名変更（上本町I'S歯科・矯正歯科―セレッソオーラルケアクリニック―）とテコ入れを入れた版。旧版は cerezo（そのまま残してある・戻すときは cerezo を有効化）。
Author: 歓尽
*/
/* 2026-10-13 下層ページ（トップ以外）だけで使う指定は lower.css に分けた。下層だけの直しは lower.css へ、トップと共通の直しはこのファイルへ書く */
/* 2026-10-10 見出しをやめた要素（もと h2/h3）に、ブラウザの見出しの既定の大きさと太さを与える（テーマの決まりが後から上書きする） */
.kp-was-h2 { display: block; font-size: 1.5em; font-weight: bold; }
.kp-was-h3 { display: block; font-size: 1.17em; font-weight: bold; }


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  display: block;
  max-width: 100%;
}

ul,
ol {
  list-style-type: none;
}

input,
button,
textarea,
select {
  outline: none;
  font: inherit;
  background-color: transparent;
  border: none;
}

button {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  color: #303030;
  line-height: 2.1;
  letter-spacing: 0.12rem;
}
@media screen and (max-width: 834px) {
  body {
    min-width: inherit;
    line-height: 2;
    letter-spacing: 0.09rem;
  }
}
body.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}





@media all and (min-width: 835px) and (max-width: 1250px) {
  html {
    font-size: 0.7692307692vw;
  }
}
@media all and (max-width: 375px) {
  html {
    font-size: 2.5641025641vw;
  }
}
.container {
  padding: 0 2rem;
  width: 100%;
  max-width: 124rem;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .container {
    padding: 0 2.75rem;
  }
}

.wrapper {
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1512px;
}

a {
  text-decoration: none;
  color: inherit;
  transition: 0.5s;
}

img {
  display: block;
  max-width: 100%;
}

@media screen and (max-width: 834px) {
  .pc_only {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .sp_only {
    display: none !important;
  }
}

.outfit {
  font-family: "Outfit", sans-serif;
}

.afacad {
  font-family: "Afacad", sans-serif;
}

#container {
  text-align: left;
}
@media screen and (min-width: 835px) {
  #container {
    overflow-x: clip;
  }
}
@media screen and (max-width: 834px) {
  #container {
    overflow: hidden;
  }
}

.ml_auto {
  margin-left: auto;
}
.mr_auto {
  margin-right: auto;
}
.m0 {
  margin: 0px !important;
}


.ml0 {
  margin-left: 0px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.m5 {
  margin: 5px;
}
.mt5 {
  margin-top: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px;
}
.mr5 {
  margin-right: 5px;
}
.m10 {
  margin: 10px;
}

.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mr10 {
  margin-right: 10px;
}
.m15 {
  margin: 15px;
}


.ml15 {
  margin-left: 15px;
}
.mr15 {
  margin-right: 15px;
}
.m20 {
  margin: 20px;
}

.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mr20 {
  margin-right: 20px;
}
.m25 {
  margin: 25px;
}


.ml25 {
  margin-left: 25px;
}
.mr25 {
  margin-right: 25px;
}
.m30 {
  margin: 30px;
}

.mb30 {
  margin-bottom: 30px;
}
.ml30 {
  margin-left: 30px;
}
.mr30 {
  margin-right: 30px;
}
.m35 {
  margin: 35px;
}
.mt35 {
  margin-top: 35px;
}
.mb35 {
  margin-bottom: 35px;
}
.ml35 {
  margin-left: 35px;
}
.mr35 {
  margin-right: 35px;
}
.m40 {
  margin: 40px;
}


.ml40 {
  margin-left: 40px;
}
.mr40 {
  margin-right: 40px;
}
.m45 {
  margin: 45px;
}
.mt45 {
  margin-top: 45px;
}
.mb45 {
  margin-bottom: 45px;
}
.ml45 {
  margin-left: 45px;
}
.mr45 {
  margin-right: 45px;
}
.m50 {
  margin: 50px;
}


.ml50 {
  margin-left: 50px;
}
.mr50 {
  margin-right: 50px;
}
.m55 {
  margin: 55px;
}
.mt55 {
  margin-top: 55px;
}
.mb55 {
  margin-bottom: 55px;
}
.ml55 {
  margin-left: 55px;
}
.mr55 {
  margin-right: 55px;
}
.m60 {
  margin: 60px;
}
.mt60 {
  margin-top: 60px;
}
.mb60 {
  margin-bottom: 60px;
}
.ml60 {
  margin-left: 60px;
}
.mr60 {
  margin-right: 60px;
}
.m65 {
  margin: 65px;
}
.mt65 {
  margin-top: 65px;
}
.mb65 {
  margin-bottom: 65px;
}
.ml65 {
  margin-left: 65px;
}
.mr65 {
  margin-right: 65px;
}
.m70 {
  margin: 70px;
}
.mt70 {
  margin-top: 70px;
}
.mb70 {
  margin-bottom: 70px;
}
.ml70 {
  margin-left: 70px;
}
.mr70 {
  margin-right: 70px;
}
.m75 {
  margin: 75px;
}
.mt75 {
  margin-top: 75px;
}
.mb75 {
  margin-bottom: 75px;
}
.ml75 {
  margin-left: 75px;
}
.mr75 {
  margin-right: 75px;
}
.m80 {
  margin: 80px;
}
.mt80 {
  margin-top: 80px;
}
.mb80 {
  margin-bottom: 80px;
}
.ml80 {
  margin-left: 80px;
}
.mr80 {
  margin-right: 80px;
}
.m85 {
  margin: 85px;
}
.mt85 {
  margin-top: 85px;
}
.mb85 {
  margin-bottom: 85px;
}
.ml85 {
  margin-left: 85px;
}
.mr85 {
  margin-right: 85px;
}
.m90 {
  margin: 90px;
}
.mt90 {
  margin-top: 90px;
}
.mb90 {
  margin-bottom: 90px;
}
.ml90 {
  margin-left: 90px;
}
.mr90 {
  margin-right: 90px;
}
.m95 {
  margin: 95px;
}
.mt95 {
  margin-top: 95px;
}
.mb95 {
  margin-bottom: 95px;
}
.ml95 {
  margin-left: 95px;
}
.mr95 {
  margin-right: 95px;
}
.m100 {
  margin: 100px;
}
.mt100 {
  margin-top: 100px;
}
.mb100 {
  margin-bottom: 100px;
}
.ml100 {
  margin-left: 100px;
}
.mr100 {
  margin-right: 100px;
}
.m105 {
  margin: 105px;
}
.mt105 {
  margin-top: 105px;
}
.mb105 {
  margin-bottom: 105px;
}
.ml105 {
  margin-left: 105px;
}
.mr105 {
  margin-right: 105px;
}
.m110 {
  margin: 110px;
}
.mt110 {
  margin-top: 110px;
}
.mb110 {
  margin-bottom: 110px;
}
.ml110 {
  margin-left: 110px;
}
.mr110 {
  margin-right: 110px;
}
.m115 {
  margin: 115px;
}
.mt115 {
  margin-top: 115px;
}
.mb115 {
  margin-bottom: 115px;
}
.ml115 {
  margin-left: 115px;
}
.mr115 {
  margin-right: 115px;
}
.m120 {
  margin: 120px;
}
.mt120 {
  margin-top: 120px;
}
.mb120 {
  margin-bottom: 120px;
}
.ml120 {
  margin-left: 120px;
}
.mr120 {
  margin-right: 120px;
}
.m125 {
  margin: 125px;
}
.mt125 {
  margin-top: 125px;
}
.mb125 {
  margin-bottom: 125px;
}
.ml125 {
  margin-left: 125px;
}
.mr125 {
  margin-right: 125px;
}
.m130 {
  margin: 130px;
}
.mt130 {
  margin-top: 130px;
}
.mb130 {
  margin-bottom: 130px;
}
.ml130 {
  margin-left: 130px;
}
.mr130 {
  margin-right: 130px;
}
.m135 {
  margin: 135px;
}
.mt135 {
  margin-top: 135px;
}
.mb135 {
  margin-bottom: 135px;
}
.ml135 {
  margin-left: 135px;
}
.mr135 {
  margin-right: 135px;
}
.m140 {
  margin: 140px;
}
.mt140 {
  margin-top: 140px;
}
.mb140 {
  margin-bottom: 140px;
}
.ml140 {
  margin-left: 140px;
}
.mr140 {
  margin-right: 140px;
}
.m145 {
  margin: 145px;
}
.mt145 {
  margin-top: 145px;
}
.mb145 {
  margin-bottom: 145px;
}
.ml145 {
  margin-left: 145px;
}
.mr145 {
  margin-right: 145px;
}
.m150 {
  margin: 150px;
}
.mt150 {
  margin-top: 150px;
}
.mb150 {
  margin-bottom: 150px;
}
.ml150 {
  margin-left: 150px;
}
.mr150 {
  margin-right: 150px;
}
.m155 {
  margin: 155px;
}
.mt155 {
  margin-top: 155px;
}
.mb155 {
  margin-bottom: 155px;
}
.ml155 {
  margin-left: 155px;
}
.mr155 {
  margin-right: 155px;
}
.m160 {
  margin: 160px;
}
.mt160 {
  margin-top: 160px;
}
.mb160 {
  margin-bottom: 160px;
}
.ml160 {
  margin-left: 160px;
}
.mr160 {
  margin-right: 160px;
}
.m165 {
  margin: 165px;
}
.mt165 {
  margin-top: 165px;
}
.mb165 {
  margin-bottom: 165px;
}
.ml165 {
  margin-left: 165px;
}
.mr165 {
  margin-right: 165px;
}
.m170 {
  margin: 170px;
}
.mt170 {
  margin-top: 170px;
}
.mb170 {
  margin-bottom: 170px;
}
.ml170 {
  margin-left: 170px;
}
.mr170 {
  margin-right: 170px;
}
.m175 {
  margin: 175px;
}
.mt175 {
  margin-top: 175px;
}
.mb175 {
  margin-bottom: 175px;
}
.ml175 {
  margin-left: 175px;
}
.mr175 {
  margin-right: 175px;
}
.m180 {
  margin: 180px;
}
.mt180 {
  margin-top: 180px;
}
.mb180 {
  margin-bottom: 180px;
}
.ml180 {
  margin-left: 180px;
}
.mr180 {
  margin-right: 180px;
}
.m185 {
  margin: 185px;
}
.mt185 {
  margin-top: 185px;
}
.mb185 {
  margin-bottom: 185px;
}
.ml185 {
  margin-left: 185px;
}
.mr185 {
  margin-right: 185px;
}
.m190 {
  margin: 190px;
}
.mt190 {
  margin-top: 190px;
}
.mb190 {
  margin-bottom: 190px;
}
.ml190 {
  margin-left: 190px;
}
.mr190 {
  margin-right: 190px;
}
.m195 {
  margin: 195px;
}
.mt195 {
  margin-top: 195px;
}
.mb195 {
  margin-bottom: 195px;
}
.ml195 {
  margin-left: 195px;
}
.mr195 {
  margin-right: 195px;
}
.m200 {
  margin: 200px;
}
.mt200 {
  margin-top: 200px;
}
.mb200 {
  margin-bottom: 200px;
}
.ml200 {
  margin-left: 200px;
}
.mr200 {
  margin-right: 200px;
}

@media screen and (max-width: 834px) {
  .sp_m0 {
    margin: 0px !important;
  }
  .sp_mt0 {
    margin-top: 0px !important;
  }
  .sp_mb0 {
    margin-bottom: 0px !important;
  }
  .sp_ml0 {
    margin-left: 0px !important;
  }
  .sp_mr0 {
    margin-right: 0px !important;
  }
  .sp_m5 {
    margin: 5px;
  }
  .sp_mt5 {
    margin-top: 5px;
  }
  .sp_mb5 {
    margin-bottom: 5px;
  }
  .sp_ml5 {
    margin-left: 5px;
  }
  .sp_mr5 {
    margin-right: 5px;
  }
  .sp_m10 {
    margin: 10px;
  }
  .sp_mt10 {
    margin-top: 10px;
  }
  .sp_mb10 {
    margin-bottom: 10px;
  }
  .sp_ml10 {
    margin-left: 10px;
  }
  .sp_mr10 {
    margin-right: 10px;
  }
  .sp_m15 {
    margin: 15px;
  }
  .sp_mt15 {
    margin-top: 15px;
  }
  .sp_mb15 {
    margin-bottom: 15px;
  }
  .sp_ml15 {
    margin-left: 15px;
  }
  .sp_mr15 {
    margin-right: 15px;
  }
  .sp_m20 {
    margin: 20px;
  }
  .sp_mt20 {
    margin-top: 20px;
  }
  .sp_mb20 {
    margin-bottom: 20px;
  }
  .sp_ml20 {
    margin-left: 20px;
  }
  .sp_mr20 {
    margin-right: 20px;
  }
  .sp_m25 {
    margin: 25px;
  }
  .sp_mt25 {
    margin-top: 25px;
  }
  .sp_mb25 {
    margin-bottom: 25px;
  }
  .sp_ml25 {
    margin-left: 25px;
  }
  .sp_mr25 {
    margin-right: 25px;
  }
  .sp_m30 {
    margin: 30px;
  }
  .sp_mt30 {
    margin-top: 30px;
  }
  .sp_mb30 {
    margin-bottom: 30px;
  }
  .sp_ml30 {
    margin-left: 30px;
  }
  .sp_mr30 {
    margin-right: 30px;
  }
  .sp_m35 {
    margin: 35px;
  }
  .sp_mt35 {
    margin-top: 35px;
  }
  .sp_mb35 {
    margin-bottom: 35px;
  }
  .sp_ml35 {
    margin-left: 35px;
  }
  .sp_mr35 {
    margin-right: 35px;
  }
  .sp_m40 {
    margin: 40px;
  }
  .sp_mt40 {
    margin-top: 40px;
  }
  .sp_mb40 {
    margin-bottom: 40px;
  }
  .sp_ml40 {
    margin-left: 40px;
  }
  .sp_mr40 {
    margin-right: 40px;
  }
  .sp_m45 {
    margin: 45px;
  }
  .sp_mt45 {
    margin-top: 45px;
  }
  .sp_mb45 {
    margin-bottom: 45px;
  }
  .sp_ml45 {
    margin-left: 45px;
  }
  .sp_mr45 {
    margin-right: 45px;
  }
  .sp_m50 {
    margin: 50px;
  }
  .sp_mt50 {
    margin-top: 50px;
  }
  .sp_mb50 {
    margin-bottom: 50px;
  }
  .sp_ml50 {
    margin-left: 50px;
  }
  .sp_mr50 {
    margin-right: 50px;
  }
  .sp_m55 {
    margin: 55px;
  }
  .sp_mt55 {
    margin-top: 55px;
  }
  .sp_mb55 {
    margin-bottom: 55px;
  }
  .sp_ml55 {
    margin-left: 55px;
  }
  .sp_mr55 {
    margin-right: 55px;
  }
  .sp_m60 {
    margin: 60px;
  }
  .sp_mt60 {
    margin-top: 60px;
  }
  .sp_mb60 {
    margin-bottom: 60px;
  }
  .sp_ml60 {
    margin-left: 60px;
  }
  .sp_mr60 {
    margin-right: 60px;
  }
  .sp_m65 {
    margin: 65px;
  }
  .sp_mt65 {
    margin-top: 65px;
  }
  .sp_mb65 {
    margin-bottom: 65px;
  }
  .sp_ml65 {
    margin-left: 65px;
  }
  .sp_mr65 {
    margin-right: 65px;
  }
  .sp_m70 {
    margin: 70px;
  }
  .sp_mt70 {
    margin-top: 70px;
  }
  .sp_mb70 {
    margin-bottom: 70px;
  }
  .sp_ml70 {
    margin-left: 70px;
  }
  .sp_mr70 {
    margin-right: 70px;
  }
  .sp_m75 {
    margin: 75px;
  }
  .sp_mt75 {
    margin-top: 75px;
  }
  .sp_mb75 {
    margin-bottom: 75px;
  }
  .sp_ml75 {
    margin-left: 75px;
  }
  .sp_mr75 {
    margin-right: 75px;
  }
  .sp_m80 {
    margin: 80px;
  }
  .sp_mt80 {
    margin-top: 80px;
  }
  .sp_mb80 {
    margin-bottom: 80px;
  }
  .sp_ml80 {
    margin-left: 80px;
  }
  .sp_mr80 {
    margin-right: 80px;
  }
  .sp_m85 {
    margin: 85px;
  }
  .sp_mt85 {
    margin-top: 85px;
  }
  .sp_mb85 {
    margin-bottom: 85px;
  }
  .sp_ml85 {
    margin-left: 85px;
  }
  .sp_mr85 {
    margin-right: 85px;
  }
  .sp_m90 {
    margin: 90px;
  }
  .sp_mt90 {
    margin-top: 90px;
  }
  .sp_mb90 {
    margin-bottom: 90px;
  }
  .sp_ml90 {
    margin-left: 90px;
  }
  .sp_mr90 {
    margin-right: 90px;
  }
  .sp_m95 {
    margin: 95px;
  }
  .sp_mt95 {
    margin-top: 95px;
  }
  .sp_mb95 {
    margin-bottom: 95px;
  }
  .sp_ml95 {
    margin-left: 95px;
  }
  .sp_mr95 {
    margin-right: 95px;
  }
  .sp_m100 {
    margin: 100px;
  }
  .sp_mt100 {
    margin-top: 100px;
  }
  .sp_mb100 {
    margin-bottom: 100px;
  }
  .sp_ml100 {
    margin-left: 100px;
  }
  .sp_mr100 {
    margin-right: 100px;
  }
  .sp_m105 {
    margin: 105px;
  }
  .sp_mt105 {
    margin-top: 105px;
  }
  .sp_mb105 {
    margin-bottom: 105px;
  }
  .sp_ml105 {
    margin-left: 105px;
  }
  .sp_mr105 {
    margin-right: 105px;
  }
  .sp_m110 {
    margin: 110px;
  }
  .sp_mt110 {
    margin-top: 110px;
  }
  .sp_mb110 {
    margin-bottom: 110px;
  }
  .sp_ml110 {
    margin-left: 110px;
  }
  .sp_mr110 {
    margin-right: 110px;
  }
  .sp_m115 {
    margin: 115px;
  }
  .sp_mt115 {
    margin-top: 115px;
  }
  .sp_mb115 {
    margin-bottom: 115px;
  }
  .sp_ml115 {
    margin-left: 115px;
  }
  .sp_mr115 {
    margin-right: 115px;
  }
  .sp_m120 {
    margin: 120px;
  }
  .sp_mt120 {
    margin-top: 120px;
  }
  .sp_mb120 {
    margin-bottom: 120px;
  }
  .sp_ml120 {
    margin-left: 120px;
  }
  .sp_mr120 {
    margin-right: 120px;
  }
  .sp_m125 {
    margin: 125px;
  }
  .sp_mt125 {
    margin-top: 125px;
  }
  .sp_mb125 {
    margin-bottom: 125px;
  }
  .sp_ml125 {
    margin-left: 125px;
  }
  .sp_mr125 {
    margin-right: 125px;
  }
  .sp_m130 {
    margin: 130px;
  }
  .sp_mt130 {
    margin-top: 130px;
  }
  .sp_mb130 {
    margin-bottom: 130px;
  }
  .sp_ml130 {
    margin-left: 130px;
  }
  .sp_mr130 {
    margin-right: 130px;
  }
  .sp_m135 {
    margin: 135px;
  }
  .sp_mt135 {
    margin-top: 135px;
  }
  .sp_mb135 {
    margin-bottom: 135px;
  }
  .sp_ml135 {
    margin-left: 135px;
  }
  .sp_mr135 {
    margin-right: 135px;
  }
  .sp_m140 {
    margin: 140px;
  }
  .sp_mt140 {
    margin-top: 140px;
  }
  .sp_mb140 {
    margin-bottom: 140px;
  }
  .sp_ml140 {
    margin-left: 140px;
  }
  .sp_mr140 {
    margin-right: 140px;
  }
  .sp_m145 {
    margin: 145px;
  }
  .sp_mt145 {
    margin-top: 145px;
  }
  .sp_mb145 {
    margin-bottom: 145px;
  }
  .sp_ml145 {
    margin-left: 145px;
  }
  .sp_mr145 {
    margin-right: 145px;
  }
  .sp_m150 {
    margin: 150px;
  }
  .sp_mt150 {
    margin-top: 150px;
  }
  .sp_mb150 {
    margin-bottom: 150px;
  }
  .sp_ml150 {
    margin-left: 150px;
  }
  .sp_mr150 {
    margin-right: 150px;
  }
  .sp_m155 {
    margin: 155px;
  }
  .sp_mt155 {
    margin-top: 155px;
  }
  .sp_mb155 {
    margin-bottom: 155px;
  }
  .sp_ml155 {
    margin-left: 155px;
  }
  .sp_mr155 {
    margin-right: 155px;
  }
  .sp_m160 {
    margin: 160px;
  }
  .sp_mt160 {
    margin-top: 160px;
  }
  .sp_mb160 {
    margin-bottom: 160px;
  }
  .sp_ml160 {
    margin-left: 160px;
  }
  .sp_mr160 {
    margin-right: 160px;
  }
  .sp_m165 {
    margin: 165px;
  }
  .sp_mt165 {
    margin-top: 165px;
  }
  .sp_mb165 {
    margin-bottom: 165px;
  }
  .sp_ml165 {
    margin-left: 165px;
  }
  .sp_mr165 {
    margin-right: 165px;
  }
  .sp_m170 {
    margin: 170px;
  }
  .sp_mt170 {
    margin-top: 170px;
  }
  .sp_mb170 {
    margin-bottom: 170px;
  }
  .sp_ml170 {
    margin-left: 170px;
  }
  .sp_mr170 {
    margin-right: 170px;
  }
  .sp_m175 {
    margin: 175px;
  }
  .sp_mt175 {
    margin-top: 175px;
  }
  .sp_mb175 {
    margin-bottom: 175px;
  }
  .sp_ml175 {
    margin-left: 175px;
  }
  .sp_mr175 {
    margin-right: 175px;
  }
  .sp_m180 {
    margin: 180px;
  }
  .sp_mt180 {
    margin-top: 180px;
  }
  .sp_mb180 {
    margin-bottom: 180px;
  }
  .sp_ml180 {
    margin-left: 180px;
  }
  .sp_mr180 {
    margin-right: 180px;
  }
  .sp_m185 {
    margin: 185px;
  }
  .sp_mt185 {
    margin-top: 185px;
  }
  .sp_mb185 {
    margin-bottom: 185px;
  }
  .sp_ml185 {
    margin-left: 185px;
  }
  .sp_mr185 {
    margin-right: 185px;
  }
  .sp_m190 {
    margin: 190px;
  }
  .sp_mt190 {
    margin-top: 190px;
  }
  .sp_mb190 {
    margin-bottom: 190px;
  }
  .sp_ml190 {
    margin-left: 190px;
  }
  .sp_mr190 {
    margin-right: 190px;
  }
  .sp_m195 {
    margin: 195px;
  }
  .sp_mt195 {
    margin-top: 195px;
  }
  .sp_mb195 {
    margin-bottom: 195px;
  }
  .sp_ml195 {
    margin-left: 195px;
  }
  .sp_mr195 {
    margin-right: 195px;
  }
  .sp_m200 {
    margin: 200px;
  }
  .sp_mt200 {
    margin-top: 200px;
  }
  .sp_mb200 {
    margin-bottom: 200px;
  }
  .sp_ml200 {
    margin-left: 200px;
  }
  .sp_mr200 {
    margin-right: 200px;
  }
}

.p0 {
  padding: 0px !important;
}


.pl0 {
  padding-left: 0px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.p5 {
  padding: 5px;
}
.pt5 {
  padding-top: 5px;
}

.pl5 {
  padding-left: 5px;
}
.pr5 {
  padding-right: 5px;
}
.p10 {
  padding: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pr10 {
  padding-right: 10px;
}
.p15 {
  padding: 15px;
}
.pt15 {
  padding-top: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.pl15 {
  padding-left: 15px;
}
.pr15 {
  padding-right: 15px;
}

.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pr20 {
  padding-right: 20px;
}
.p25 {
  padding: 25px;
}
.pt25 {
  padding-top: 25px;
}
.pb25 {
  padding-bottom: 25px;
}
.pl25 {
  padding-left: 25px;
}
.pr25 {
  padding-right: 25px;
}

.pt30 {
  padding-top: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.pl30 {
  padding-left: 30px;
}
.pr30 {
  padding-right: 30px;
}
.p35 {
  padding: 35px;
}
.pt35 {
  padding-top: 35px;
}
.pb35 {
  padding-bottom: 35px;
}
.pl35 {
  padding-left: 35px;
}
.pr35 {
  padding-right: 35px;
}
.p40 {
  padding: 40px;
}
.pt40 {
  padding-top: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pl40 {
  padding-left: 40px;
}
.pr40 {
  padding-right: 40px;
}
.p45 {
  padding: 45px;
}
.pt45 {
  padding-top: 45px;
}
.pb45 {
  padding-bottom: 45px;
}
.pl45 {
  padding-left: 45px;
}
.pr45 {
  padding-right: 45px;
}
.p50 {
  padding: 50px;
}
.pt50 {
  padding-top: 50px;
}
.pb50 {
  padding-bottom: 50px;
}
.pl50 {
  padding-left: 50px;
}
.pr50 {
  padding-right: 50px;
}
.p55 {
  padding: 55px;
}
.pt55 {
  padding-top: 55px;
}
.pb55 {
  padding-bottom: 55px;
}
.pl55 {
  padding-left: 55px;
}
.pr55 {
  padding-right: 55px;
}
.p60 {
  padding: 60px;
}
.pt60 {
  padding-top: 60px;
}
.pb60 {
  padding-bottom: 60px;
}
.pl60 {
  padding-left: 60px;
}
.pr60 {
  padding-right: 60px;
}
.p65 {
  padding: 65px;
}
.pt65 {
  padding-top: 65px;
}
.pb65 {
  padding-bottom: 65px;
}
.pl65 {
  padding-left: 65px;
}
.pr65 {
  padding-right: 65px;
}
.p70 {
  padding: 70px;
}
.pt70 {
  padding-top: 70px;
}
.pb70 {
  padding-bottom: 70px;
}
.pl70 {
  padding-left: 70px;
}
.pr70 {
  padding-right: 70px;
}
.p75 {
  padding: 75px;
}
.pt75 {
  padding-top: 75px;
}
.pb75 {
  padding-bottom: 75px;
}
.pl75 {
  padding-left: 75px;
}
.pr75 {
  padding-right: 75px;
}
.p80 {
  padding: 80px;
}
.pt80 {
  padding-top: 80px;
}
.pb80 {
  padding-bottom: 80px;
}
.pl80 {
  padding-left: 80px;
}
.pr80 {
  padding-right: 80px;
}
.p85 {
  padding: 85px;
}
.pt85 {
  padding-top: 85px;
}
.pb85 {
  padding-bottom: 85px;
}
.pl85 {
  padding-left: 85px;
}
.pr85 {
  padding-right: 85px;
}
.p90 {
  padding: 90px;
}
.pt90 {
  padding-top: 90px;
}

.pl90 {
  padding-left: 90px;
}
.pr90 {
  padding-right: 90px;
}
.p95 {
  padding: 95px;
}
.pt95 {
  padding-top: 95px;
}
.pb95 {
  padding-bottom: 95px;
}
.pl95 {
  padding-left: 95px;
}
.pr95 {
  padding-right: 95px;
}
.p100 {
  padding: 100px;
}
.pt100 {
  padding-top: 100px;
}
.pb100 {
  padding-bottom: 100px;
}
.pl100 {
  padding-left: 100px;
}
.pr100 {
  padding-right: 100px;
}
.p105 {
  padding: 105px;
}
.pt105 {
  padding-top: 105px;
}
.pb105 {
  padding-bottom: 105px;
}
.pl105 {
  padding-left: 105px;
}
.pr105 {
  padding-right: 105px;
}
.p110 {
  padding: 110px;
}
.pt110 {
  padding-top: 110px;
}
.pb110 {
  padding-bottom: 110px;
}
.pl110 {
  padding-left: 110px;
}
.pr110 {
  padding-right: 110px;
}
.p115 {
  padding: 115px;
}
.pt115 {
  padding-top: 115px;
}
.pb115 {
  padding-bottom: 115px;
}
.pl115 {
  padding-left: 115px;
}
.pr115 {
  padding-right: 115px;
}
.p120 {
  padding: 120px;
}
.pt120 {
  padding-top: 120px;
}
.pb120 {
  padding-bottom: 120px;
}
.pl120 {
  padding-left: 120px;
}
.pr120 {
  padding-right: 120px;
}
.p125 {
  padding: 125px;
}
.pt125 {
  padding-top: 125px;
}
.pb125 {
  padding-bottom: 125px;
}
.pl125 {
  padding-left: 125px;
}
.pr125 {
  padding-right: 125px;
}
.p130 {
  padding: 130px;
}
.pt130 {
  padding-top: 130px;
}
.pb130 {
  padding-bottom: 130px;
}
.pl130 {
  padding-left: 130px;
}
.pr130 {
  padding-right: 130px;
}
.p135 {
  padding: 135px;
}
.pt135 {
  padding-top: 135px;
}
.pb135 {
  padding-bottom: 135px;
}
.pl135 {
  padding-left: 135px;
}
.pr135 {
  padding-right: 135px;
}
.p140 {
  padding: 140px;
}
.pt140 {
  padding-top: 140px;
}
.pb140 {
  padding-bottom: 140px;
}
.pl140 {
  padding-left: 140px;
}
.pr140 {
  padding-right: 140px;
}
.p145 {
  padding: 145px;
}
.pt145 {
  padding-top: 145px;
}
.pb145 {
  padding-bottom: 145px;
}
.pl145 {
  padding-left: 145px;
}
.pr145 {
  padding-right: 145px;
}
.p150 {
  padding: 150px;
}
.pt150 {
  padding-top: 150px;
}
.pb150 {
  padding-bottom: 150px;
}
.pl150 {
  padding-left: 150px;
}
.pr150 {
  padding-right: 150px;
}
.p155 {
  padding: 155px;
}
.pt155 {
  padding-top: 155px;
}
.pb155 {
  padding-bottom: 155px;
}
.pl155 {
  padding-left: 155px;
}
.pr155 {
  padding-right: 155px;
}
.p160 {
  padding: 160px;
}
.pt160 {
  padding-top: 160px;
}
.pb160 {
  padding-bottom: 160px;
}
.pl160 {
  padding-left: 160px;
}
.pr160 {
  padding-right: 160px;
}
.p165 {
  padding: 165px;
}
.pt165 {
  padding-top: 165px;
}
.pb165 {
  padding-bottom: 165px;
}
.pl165 {
  padding-left: 165px;
}
.pr165 {
  padding-right: 165px;
}
.p170 {
  padding: 170px;
}
.pt170 {
  padding-top: 170px;
}
.pb170 {
  padding-bottom: 170px;
}
.pl170 {
  padding-left: 170px;
}
.pr170 {
  padding-right: 170px;
}
.p175 {
  padding: 175px;
}
.pt175 {
  padding-top: 175px;
}
.pb175 {
  padding-bottom: 175px;
}
.pl175 {
  padding-left: 175px;
}
.pr175 {
  padding-right: 175px;
}
.p180 {
  padding: 180px;
}
.pt180 {
  padding-top: 180px;
}
.pb180 {
  padding-bottom: 180px;
}
.pl180 {
  padding-left: 180px;
}
.pr180 {
  padding-right: 180px;
}
.p185 {
  padding: 185px;
}
.pt185 {
  padding-top: 185px;
}
.pb185 {
  padding-bottom: 185px;
}
.pl185 {
  padding-left: 185px;
}
.pr185 {
  padding-right: 185px;
}
.p190 {
  padding: 190px;
}
.pt190 {
  padding-top: 190px;
}
.pb190 {
  padding-bottom: 190px;
}
.pl190 {
  padding-left: 190px;
}
.pr190 {
  padding-right: 190px;
}
.p195 {
  padding: 195px;
}
.pt195 {
  padding-top: 195px;
}
.pb195 {
  padding-bottom: 195px;
}
.pl195 {
  padding-left: 195px;
}
.pr195 {
  padding-right: 195px;
}
.p200 {
  padding: 200px;
}
.pt200 {
  padding-top: 200px;
}
.pb200 {
  padding-bottom: 200px;
}
.pl200 {
  padding-left: 200px;
}
.pr200 {
  padding-right: 200px;
}

@media screen and (max-width: 834px) {
  .sp_p0 {
    padding: 0px !important;
  }
  .sp_pt0 {
    padding-top: 0px !important;
  }
  .sp_pb0 {
    padding-bottom: 0px !important;
  }
  .sp_pl0 {
    padding-left: 0px !important;
  }
  .sp_pr0 {
    padding-right: 0px !important;
  }
  .sp_p5 {
    padding: 5px;
  }
  .sp_pt5 {
    padding-top: 5px;
  }
  .sp_pb5 {
    padding-bottom: 5px;
  }
  .sp_pl5 {
    padding-left: 5px;
  }
  .sp_pr5 {
    padding-right: 5px;
  }
  .sp_p10 {
    padding: 10px;
  }
  .sp_pt10 {
    padding-top: 10px;
  }
  .sp_pb10 {
    padding-bottom: 10px;
  }
  .sp_pl10 {
    padding-left: 10px;
  }
  .sp_pr10 {
    padding-right: 10px;
  }
  .sp_p15 {
    padding: 15px;
  }
  .sp_pt15 {
    padding-top: 15px;
  }
  .sp_pb15 {
    padding-bottom: 15px;
  }
  .sp_pl15 {
    padding-left: 15px;
  }
  .sp_pr15 {
    padding-right: 15px;
  }
  .sp_p20 {
    padding: 20px;
  }
  .sp_pt20 {
    padding-top: 20px;
  }
  .sp_pb20 {
    padding-bottom: 20px;
  }
  .sp_pl20 {
    padding-left: 20px;
  }
  .sp_pr20 {
    padding-right: 20px;
  }
  .sp_p25 {
    padding: 25px;
  }
  .sp_pt25 {
    padding-top: 25px;
  }
  .sp_pb25 {
    padding-bottom: 25px;
  }
  .sp_pl25 {
    padding-left: 25px;
  }
  .sp_pr25 {
    padding-right: 25px;
  }
  .sp_p30 {
    padding: 30px;
  }
  .sp_pt30 {
    padding-top: 30px;
  }
  .sp_pb30 {
    padding-bottom: 30px;
  }
  .sp_pl30 {
    padding-left: 30px;
  }
  .sp_pr30 {
    padding-right: 30px;
  }
  .sp_p35 {
    padding: 35px;
  }
  .sp_pt35 {
    padding-top: 35px;
  }
  .sp_pb35 {
    padding-bottom: 35px;
  }
  .sp_pl35 {
    padding-left: 35px;
  }
  .sp_pr35 {
    padding-right: 35px;
  }
  .sp_p40 {
    padding: 40px;
  }
  .sp_pt40 {
    padding-top: 40px;
  }
  .sp_pb40 {
    padding-bottom: 40px;
  }
  .sp_pl40 {
    padding-left: 40px;
  }
  .sp_pr40 {
    padding-right: 40px;
  }
  .sp_p45 {
    padding: 45px;
  }
  .sp_pt45 {
    padding-top: 45px;
  }
  .sp_pb45 {
    padding-bottom: 45px;
  }
  .sp_pl45 {
    padding-left: 45px;
  }
  .sp_pr45 {
    padding-right: 45px;
  }
  .sp_p50 {
    padding: 50px;
  }
  .sp_pt50 {
    padding-top: 50px;
  }
  
  .sp_pl50 {
    padding-left: 50px;
  }
  .sp_pr50 {
    padding-right: 50px;
  }
  .sp_p55 {
    padding: 55px;
  }
  .sp_pt55 {
    padding-top: 55px;
  }
  .sp_pb55 {
    padding-bottom: 55px;
  }
  .sp_pl55 {
    padding-left: 55px;
  }
  .sp_pr55 {
    padding-right: 55px;
  }
  .sp_p60 {
    padding: 60px;
  }
  .sp_pt60 {
    padding-top: 60px;
  }
  .sp_pb60 {
    padding-bottom: 60px;
  }
  .sp_pl60 {
    padding-left: 60px;
  }
  .sp_pr60 {
    padding-right: 60px;
  }
  .sp_p65 {
    padding: 65px;
  }
  .sp_pt65 {
    padding-top: 65px;
  }
  .sp_pb65 {
    padding-bottom: 65px;
  }
  .sp_pl65 {
    padding-left: 65px;
  }
  .sp_pr65 {
    padding-right: 65px;
  }
  .sp_p70 {
    padding: 70px;
  }
  .sp_pt70 {
    padding-top: 70px;
  }
  .sp_pb70 {
    padding-bottom: 70px;
  }
  .sp_pl70 {
    padding-left: 70px;
  }
  .sp_pr70 {
    padding-right: 70px;
  }
  .sp_p75 {
    padding: 75px;
  }
  .sp_pt75 {
    padding-top: 75px;
  }
  .sp_pb75 {
    padding-bottom: 75px;
  }
  .sp_pl75 {
    padding-left: 75px;
  }
  .sp_pr75 {
    padding-right: 75px;
  }
  .sp_p80 {
    padding: 80px;
  }
  .sp_pt80 {
    padding-top: 80px;
  }
  .sp_pb80 {
    padding-bottom: 80px;
  }
  .sp_pl80 {
    padding-left: 80px;
  }
  .sp_pr80 {
    padding-right: 80px;
  }
  .sp_p85 {
    padding: 85px;
  }
  .sp_pt85 {
    padding-top: 85px;
  }
  .sp_pb85 {
    padding-bottom: 85px;
  }
  .sp_pl85 {
    padding-left: 85px;
  }
  .sp_pr85 {
    padding-right: 85px;
  }
  .sp_p90 {
    padding: 90px;
  }
  .sp_pt90 {
    padding-top: 90px;
  }
  .sp_pb90 {
    padding-bottom: 90px;
  }
  .sp_pl90 {
    padding-left: 90px;
  }
  .sp_pr90 {
    padding-right: 90px;
  }
  .sp_p95 {
    padding: 95px;
  }
  .sp_pt95 {
    padding-top: 95px;
  }
  .sp_pb95 {
    padding-bottom: 95px;
  }
  .sp_pl95 {
    padding-left: 95px;
  }
  .sp_pr95 {
    padding-right: 95px;
  }
  .sp_p100 {
    padding: 100px;
  }
  .sp_pt100 {
    padding-top: 100px;
  }
  .sp_pb100 {
    padding-bottom: 100px;
  }
  .sp_pl100 {
    padding-left: 100px;
  }
  .sp_pr100 {
    padding-right: 100px;
  }
  .sp_p105 {
    padding: 105px;
  }
  .sp_pt105 {
    padding-top: 105px;
  }
  .sp_pb105 {
    padding-bottom: 105px;
  }
  .sp_pl105 {
    padding-left: 105px;
  }
  .sp_pr105 {
    padding-right: 105px;
  }
  .sp_p110 {
    padding: 110px;
  }
  .sp_pt110 {
    padding-top: 110px;
  }
  .sp_pb110 {
    padding-bottom: 110px;
  }
  .sp_pl110 {
    padding-left: 110px;
  }
  .sp_pr110 {
    padding-right: 110px;
  }
  .sp_p115 {
    padding: 115px;
  }
  .sp_pt115 {
    padding-top: 115px;
  }
  .sp_pb115 {
    padding-bottom: 115px;
  }
  .sp_pl115 {
    padding-left: 115px;
  }
  .sp_pr115 {
    padding-right: 115px;
  }
  .sp_p120 {
    padding: 120px;
  }
  .sp_pt120 {
    padding-top: 120px;
  }
  .sp_pb120 {
    padding-bottom: 120px;
  }
  .sp_pl120 {
    padding-left: 120px;
  }
  .sp_pr120 {
    padding-right: 120px;
  }
  .sp_p125 {
    padding: 125px;
  }
  .sp_pt125 {
    padding-top: 125px;
  }
  .sp_pb125 {
    padding-bottom: 125px;
  }
  .sp_pl125 {
    padding-left: 125px;
  }
  .sp_pr125 {
    padding-right: 125px;
  }
  .sp_p130 {
    padding: 130px;
  }
  .sp_pt130 {
    padding-top: 130px;
  }
  .sp_pb130 {
    padding-bottom: 130px;
  }
  .sp_pl130 {
    padding-left: 130px;
  }
  .sp_pr130 {
    padding-right: 130px;
  }
  .sp_p135 {
    padding: 135px;
  }
  .sp_pt135 {
    padding-top: 135px;
  }
  .sp_pb135 {
    padding-bottom: 135px;
  }
  .sp_pl135 {
    padding-left: 135px;
  }
  .sp_pr135 {
    padding-right: 135px;
  }
  .sp_p140 {
    padding: 140px;
  }
  .sp_pt140 {
    padding-top: 140px;
  }
  .sp_pb140 {
    padding-bottom: 140px;
  }
  .sp_pl140 {
    padding-left: 140px;
  }
  .sp_pr140 {
    padding-right: 140px;
  }
  .sp_p145 {
    padding: 145px;
  }
  .sp_pt145 {
    padding-top: 145px;
  }
  .sp_pb145 {
    padding-bottom: 145px;
  }
  .sp_pl145 {
    padding-left: 145px;
  }
  .sp_pr145 {
    padding-right: 145px;
  }
  .sp_p150 {
    padding: 150px;
  }
  .sp_pt150 {
    padding-top: 150px;
  }
  .sp_pb150 {
    padding-bottom: 150px;
  }
  .sp_pl150 {
    padding-left: 150px;
  }
  .sp_pr150 {
    padding-right: 150px;
  }
  .sp_p155 {
    padding: 155px;
  }
  .sp_pt155 {
    padding-top: 155px;
  }
  .sp_pb155 {
    padding-bottom: 155px;
  }
  .sp_pl155 {
    padding-left: 155px;
  }
  .sp_pr155 {
    padding-right: 155px;
  }
  .sp_p160 {
    padding: 160px;
  }
  .sp_pt160 {
    padding-top: 160px;
  }
  .sp_pb160 {
    padding-bottom: 160px;
  }
  .sp_pl160 {
    padding-left: 160px;
  }
  .sp_pr160 {
    padding-right: 160px;
  }
  .sp_p165 {
    padding: 165px;
  }
  .sp_pt165 {
    padding-top: 165px;
  }
  .sp_pb165 {
    padding-bottom: 165px;
  }
  .sp_pl165 {
    padding-left: 165px;
  }
  .sp_pr165 {
    padding-right: 165px;
  }
  .sp_p170 {
    padding: 170px;
  }
  .sp_pt170 {
    padding-top: 170px;
  }
  .sp_pb170 {
    padding-bottom: 170px;
  }
  .sp_pl170 {
    padding-left: 170px;
  }
  .sp_pr170 {
    padding-right: 170px;
  }
  .sp_p175 {
    padding: 175px;
  }
  .sp_pt175 {
    padding-top: 175px;
  }
  .sp_pb175 {
    padding-bottom: 175px;
  }
  .sp_pl175 {
    padding-left: 175px;
  }
  .sp_pr175 {
    padding-right: 175px;
  }
  .sp_p180 {
    padding: 180px;
  }
  .sp_pt180 {
    padding-top: 180px;
  }
  .sp_pb180 {
    padding-bottom: 180px;
  }
  .sp_pl180 {
    padding-left: 180px;
  }
  .sp_pr180 {
    padding-right: 180px;
  }
  .sp_p185 {
    padding: 185px;
  }
  .sp_pt185 {
    padding-top: 185px;
  }
  .sp_pb185 {
    padding-bottom: 185px;
  }
  .sp_pl185 {
    padding-left: 185px;
  }
  .sp_pr185 {
    padding-right: 185px;
  }
  .sp_p190 {
    padding: 190px;
  }
  .sp_pt190 {
    padding-top: 190px;
  }
  .sp_pb190 {
    padding-bottom: 190px;
  }
  .sp_pl190 {
    padding-left: 190px;
  }
  .sp_pr190 {
    padding-right: 190px;
  }
  .sp_p195 {
    padding: 195px;
  }
  .sp_pt195 {
    padding-top: 195px;
  }
  .sp_pb195 {
    padding-bottom: 195px;
  }
  .sp_pl195 {
    padding-left: 195px;
  }
  .sp_pr195 {
    padding-right: 195px;
  }
  .sp_p200 {
    padding: 200px;
  }
  .sp_pt200 {
    padding-top: 200px;
  }
  .sp_pb200 {
    padding-bottom: 200px;
  }
  .sp_pl200 {
    padding-left: 200px;
  }
  .sp_pr200 {
    padding-right: 200px;
  }
}

.r0 {
  border-radius: 0px !important;
}
.r1 {
  border-radius: 1px;
  overflow: hidden;
}
.r2 {
  border-radius: 2px;
  overflow: hidden;
}
.r3 {
  border-radius: 3px;
  overflow: hidden;
}
.r4 {
  border-radius: 4px;
  overflow: hidden;
}
.r5 {
  border-radius: 5px;
  overflow: hidden;
}
.r6 {
  border-radius: 6px;
  overflow: hidden;
}
.r7 {
  border-radius: 7px;
  overflow: hidden;
}
.r8 {
  border-radius: 8px;
  overflow: hidden;
}
.r9 {
  border-radius: 9px;
  overflow: hidden;
}
.r10 {
  border-radius: 10px;
  overflow: hidden;
}
.r11 {
  border-radius: 11px;
  overflow: hidden;
}
.r12 {
  border-radius: 12px;
  overflow: hidden;
}
.r13 {
  border-radius: 13px;
  overflow: hidden;
}
.r14 {
  border-radius: 14px;
  overflow: hidden;
}
.r15 {
  border-radius: 15px;
  overflow: hidden;
}
.r16 {
  border-radius: 16px;
  overflow: hidden;
}
.r17 {
  border-radius: 17px;
  overflow: hidden;
}
.r18 {
  border-radius: 18px;
  overflow: hidden;
}
.r19 {
  border-radius: 19px;
  overflow: hidden;
}

.r21 {
  border-radius: 21px;
  overflow: hidden;
}
.r22 {
  border-radius: 22px;
  overflow: hidden;
}
.r23 {
  border-radius: 23px;
  overflow: hidden;
}
.r24 {
  border-radius: 24px;
  overflow: hidden;
}
.r25 {
  border-radius: 25px;
  overflow: hidden;
}
.r26 {
  border-radius: 26px;
  overflow: hidden;
}
.r27 {
  border-radius: 27px;
  overflow: hidden;
}
.r28 {
  border-radius: 28px;
  overflow: hidden;
}
.r29 {
  border-radius: 29px;
  overflow: hidden;
}
.r30 {
  border-radius: 30px;
  overflow: hidden;
}
.r31 {
  border-radius: 31px;
  overflow: hidden;
}
.r32 {
  border-radius: 32px;
  overflow: hidden;
}
.r33 {
  border-radius: 33px;
  overflow: hidden;
}
.r34 {
  border-radius: 34px;
  overflow: hidden;
}
.r35 {
  border-radius: 35px;
  overflow: hidden;
}
.r36 {
  border-radius: 36px;
  overflow: hidden;
}
.r37 {
  border-radius: 37px;
  overflow: hidden;
}
.r38 {
  border-radius: 38px;
  overflow: hidden;
}
.r39 {
  border-radius: 39px;
  overflow: hidden;
}
.r40 {
  border-radius: 40px;
  overflow: hidden;
}


.ta_left {
  text-align: left;
}
.ta_right {
  text-align: right;
}

@media screen and (max-width: 834px) {
  .sp_ta_center {
    text-align: center;
  }
  .sp_ta_left {
    text-align: left;
  }
  .sp_ta_right {
    text-align: right;
  }
}

.color_bg-main {
  background-color: #d80f63 !important;
}

.color_bg-main-dark {
  background-color: #383a60 !important;
}
.color_bg-sub {
  background-color: #F8E88C !important;
}
.color_bg-sub2 {
  background-color: #d3d7e3 !important;
}
.color_bg-gray-white {
  background-color: #eff2f7 !important;
}
.color_bg-gray-light {
  background-color: #F0EDED !important;
}
.color_bg-gray {
  background-color: #ADAFB5 !important;
}
.color_bg-gray-dark {
  background-color: #626671 !important;
}
.color_bg-gray-black {
  background-color: #212121 !important;
}

.color_bg-line {
  background-color: #00873c !important;
}
.color_text-main {
  color: #d80f63 !important;
}
.color_text-main-light {
  color: #EEF1F5 !important;
}
.color_text-main-dark {
  color: #383a60 !important;
}
.color_text-sub {
  color: #F8E88C !important;
}
.color_text-sub2 {
  color: #d3d7e3 !important;
}
.color_text-gray-white {
  color: #eff2f7 !important;
}
.color_text-gray-light {
  color: #F0EDED !important;
}
.color_text-gray {
  color: #ADAFB5 !important;
}
.color_text-gray-dark {
  color: #626671 !important;
}
.color_text-gray-black {
  color: #212121 !important;
}
.color_text-white {
  color: #FFFFFF !important;
}
.color_text-link {
  color: #2DABF1 !important;
}
.color_text-error {
  color: #CEA1A1 !important;
}
.color_text-line {
  color: #00873c !important;
}

a[href^="tel:"] {
  cursor: default;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  a[href^="tel:"] {
    cursor: pointer;
    pointer-events: auto;
  }
}
a[href^="tel:"] a:hover,
a[href^="tel:"] a:hover img {
  opacity: 1 !important;
}

.com-link a {
  padding: 0 6.7rem 0 4rem;
  display: inline-flex;
  align-items: center;
  min-height: 6.9rem;
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  border-radius: 5rem;
  color: #303030;
  background-color: #fff;
  border: 1px solid #ADAFB5;
  position: relative;
  z-index: 1;
}
.com-link a::after {
  width: 4rem;
  height: 4rem;
  background-color: #F8E88C;
  position: absolute;
  right: 1rem;
  border-radius: 100%;
  content: "";
  transition: all ease 0.3s;
}
.com-link a::before {
  width: 2.3rem;
  height: 0.6rem;
  background: url(assets/img/arrow01.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
  content: "";
  z-index: 1;
  transition: all ease 0.3s;
}
@media screen and (min-width: 835px) {
  .com-link a:hover {
    background-color: #F8E88C;
  }
  .com-link a:hover::after {
    transform: scale(1.15);
    transform-origin: center center;
    background-color: #d80f63;
  }
  .com-link a:hover::before {
    background-image: url(assets/img/arrow01_white.png);
  }
}
@media screen and (max-width: 834px) {
  .com-link a {
    padding: 0 6.3rem 0 2rem;
    min-height: 6rem;
    background-position: right 1rem center;
  }
}

.com-blue {
  color: #d80f63;
}

.com-google-link {
  width: 18rem;
}
@media screen and (max-width: 834px) {
  .com-google-link {
    width: auto;
  }
}
.com-google-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.9rem;
  background-color: #fff;
  border-radius: 5rem;
  font-size: 1.6rem;
  color: #383a60;
  letter-spacing: 0.128rem;
  border: 1px solid #383a60;
}
@media screen and (min-width: 835px) {
  .com-google-link a:hover {
    background-color: #EEF1F5 !important;
  }
}
@media screen and (max-width: 834px) {
  .com-google-link a {
    min-height: 4.7rem;
    font-size: 1.5rem;
    letter-spacing: 0.09rem;
  }
}

.com-link02 {
  width: 18rem;
}
@media screen and (max-width: 834px) {
  .com-link02 {
    width: auto;
  }
}
.com-link02 a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.9rem;
  background-color: #d80f63;
  border-radius: 5rem;
  font-size: 1.6rem;
  color: #FFFFFF;
  letter-spacing: 0.128rem;
}
@media screen and (min-width: 835px) {
  .com-link02 a:hover {
    background-color: #383a60;
  }
}
@media screen and (max-width: 834px) {
  .com-link02 a {
    min-height: 4.7rem;
    font-size: 1.5rem;
    letter-spacing: 0.09rem;
  }
}

.com-info-sp-list {
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1rem;
}
.com-info-sp-list-item {
  width: calc((100% - 1rem) / 2);
}
.com-info-sp-list-item a {
  display: flex;
  align-items: center;
  min-height: 5rem;
  font-size: 1.3rem;
  letter-spacing: 0.065rem;
  background: #FFFFFF url(assets/img/icon09.png) no-repeat right 1rem center;
  padding: 0 1rem;
  background-size: 0.65rem auto;
}

.com-info-box {
  margin-bottom: 3.3rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .com-info-box {
    margin-bottom: 2.8rem;
    display: block;
  }
}
.com-info-box-left {
  width: 56.5rem;
}
@media screen and (max-width: 834px) {
  .com-info-box-left {
    margin-bottom: 3rem;
    width: auto;
  }
}
.com-info-box-right {
  width: 56.5rem;
}
@media screen and (max-width: 834px) {
  .com-info-box-right {
    width: auto !important;
  }
}
.com-info-box table {
  margin-bottom: 2rem;
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 834px) {
  .com-info-box table {
    margin-bottom: 1.5rem;
  }
}
.com-info-box table th {
  font-size: 1.6rem;
  padding: 1.3rem 0.2rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  background-color: #d80f63;
  letter-spacing: 0.128rem;
}
@media screen and (max-width: 834px) {
  .com-info-box table th {
    font-size: 1.4rem;
    letter-spacing: 0.112rem;
    padding: 0.5rem 0.2rem 0.7rem;
  }
}
.com-info-box table th:first-child {
  width: 41%;
  text-align: left;
  padding-left: 3rem;
}
@media screen and (max-width: 834px) {
  .com-info-box table th:first-child {
    width: 27%;
    padding-left: 1rem;
  }
}
.com-info-box table td {
  font-size: 2rem;
  padding: 0.9rem 0.4rem 0.8rem;
  text-align: center;
  vertical-align: middle;
  color: #383a60;
  letter-spacing: 0.2rem;
  background-color: #fff;
}
@media screen and (max-width: 834px) {
  .com-info-box table td {
    font-size: 1.5rem;
    line-height: 1.13;
    letter-spacing: 0.15rem;
  }
}
.com-info-box table td:first-child {
  text-align: left;
  padding-left: 3rem;
  text-align: left;
}
@media screen and (max-width: 834px) {
  .com-info-box table td:first-child {
    padding-left: 1rem;
  }
}
.com-info-box table td img {
  margin: 0 auto;
  width: 1.5rem;
}
@media screen and (max-width: 834px) {
  .com-info-box table td img {
    width: 1.4rem;
  }
}
@media screen and (min-width: 835px) {
  .com-info-box table tr:nth-child(3) td {
    padding-top: 0;
  }
}
.com-info-box-dl {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .com-info-box-dl {
    margin-bottom: 1rem;
  }
}
.com-info-box-dl-dt {
  margin-bottom: 0.5rem;
  width: 7rem;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: 0.128rem;
  background-color: #383a60;
}
@media screen and (max-width: 834px) {
  .com-info-box-dl-dt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    width: 6rem;
    padding: 0.1rem 0 0.25rem;
  }
}
.com-info-box-dl-item {
  margin-bottom: 0.5rem;
  width: calc(100% - 7rem);
  font-size: 1.6rem;
  letter-spacing: 0.128rem;
  padding-left: 1rem;
}
@media screen and (max-width: 834px) {
  .com-info-box-dl-item {
    padding-top: 0.2rem;
    padding-left: 0.5rem;
    width: calc(100% - 6rem);
    font-size: 1.4rem;
    letter-spacing: 0.112rem;
  }
}
.com-info-box-text {
  margin-bottom: 1.1rem;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.128rem;
}
@media screen and (max-width: 834px) {
  .com-info-box-text {
    margin-bottom: 1.5rem;
    font-size: 1.3rem;
    line-height: 1.54;
    letter-spacing: 0;
  }
}
.com-info-box-link-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .com-info-box-link-list {
    gap: 0 0.5rem;
  }
}
.com-info-box-link-list li {
  margin-right: 1rem;
}
@media screen and (max-width: 834px) {
  .com-info-box-link-list li {
    margin: 0;
    width: calc((100% - 0.5rem) / 2);
  }
}
.com-info-box-link-list li:last-child {
  margin-right: 0;
}

.com-tel-link {
  margin-bottom: 2rem;
}
@media screen and (max-width: 834px) {
  .com-tel-link {
    margin-bottom: 1rem;
  }
}
.com-tel-link a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #FFFFFF;
}
@media screen and (max-width: 834px) {
  .com-tel-link a {
    display: block;
    position: relative;
  }
  .com-tel-link a::after {
    width: 3.1rem;
    height: 3.1rem;
    background: url(assets/img/icon04.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
  }
}
.com-tel-link-photo {
  width: 16rem;
}
@media screen and (max-width: 834px) {
  .com-tel-link-photo {
    width: auto !important;
  }
  .com-tel-link-photo img {
    width: 100%;
  }
}
.com-tel-link-txt-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
@media screen and (max-width: 834px) {
  .com-tel-link-txt-box {
    display: block;
    text-align: center;
    padding: 1rem;
  }
}
.com-tel-link-txt {
  font-size: 1.6rem;
  color: #d80f63;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 834px) {
  .com-tel-link-txt {
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
  }
}
.com-tel-link-btn {
  margin-top: -0.8rem;
  font-size: 4rem;
  letter-spacing: 0;
  font-weight: 400;
  padding-left: 3.7rem;
  line-height: 1;
  background: url(assets/img/tel.png) no-repeat left center;
  background-size: 3.5rem auto;
}
@media screen and (max-width: 834px) {
  .com-tel-link-btn {
    display: inline-block;
    margin-top: -0.3rem;
    font-size: 3rem;
    padding-left: 3.2rem;
    background-size: 3rem auto;
  }
}

.com-web-link a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #F8E88C;
  position: relative;
}
@media screen and (max-width: 834px) {
  .com-web-link a {
    display: block;
  }
}
.com-web-link a::after {
  width: 3rem;
  height: 3rem;
  background: url(assets/img/icon02.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
}
@media screen and (min-width: 835px) {
  .com-web-link a:hover {
    background-color: #E8D567;
  }
  .com-web-link a:hover::after {
    background-image: url(assets/img/icon02_blue.png);
  }
}
.com-web-link-photo {
  width: 16rem;
}
@media screen and (max-width: 834px) {
  .com-web-link-photo {
    width: auto !important;
  }
  .com-web-link-photo img {
    width: 100%;
  }
}
.com-web-link-txt-box {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 3rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 834px) {
  .com-web-link-txt-box {
    padding: 0.7rem 3rem;
  }
}
.com-web-link-ttl {
  margin-bottom: -0.3rem;
  width: 100%;
  line-height: 1.3;
  text-align: center;
  font-size: 3rem;
  font-weight: 500;
  color: #383a60;
  letter-spacing: 0.24rem;
  border-bottom: 1px dashed #383a60;
}
@media screen and (max-width: 834px) {
  .com-web-link-ttl {
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: -0.2rem;
    letter-spacing: 0.2rem;
  }
}
.com-web-link-ttl .en {
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: 0;
  vertical-align: -0.2rem;
  margin-right: 0.2rem;
}
@media screen and (max-width: 834px) {
  .com-web-link-ttl .en {
    margin-right: 0.2rem;
    font-size: 3rem;
    vertical-align: -0.2rem;
  }
}
.com-web-link-txt {
  font-size: 1.6rem;
  color: #383a60;
  letter-spacing: 0.128rem;
}
@media screen and (max-width: 834px) {
  .com-web-link-txt {
    font-size: 1.5rem;
    letter-spacing: 0.12rem;
  }
}

.com-bg {
  background: linear-gradient(transparent 0%, transparent 70%, #F8E88C 70%, #F8E88C 100%);
  background-position: center bottom 0.2rem;
}
@media screen and (max-width: 834px) {
  .com-bg {
    background: linear-gradient(transparent 0%, transparent 60%, #F8E88C 60%, #F8E88C 100%);
    background-position: center bottom;
  }
}

.com-white {
  background: linear-gradient(transparent 0%, transparent 70%, #fff 70%, #fff 100%);
}
@media screen and (max-width: 834px) {
  .com-white {
    background: linear-gradient(transparent 0%, transparent 60%, #fff 60%, #fff 100%);
    background-position: center bottom;
  }
}

.com-bg-main {
  background: linear-gradient(transparent 0%, transparent 70%, rgba(216, 15, 99, 0.4) 70%, rgba(216, 15, 99, 0.4) 100%);
  background-position: center bottom 0.2rem;
}
@media screen and (max-width: 834px) {
  .com-bg-main {
    background: linear-gradient(transparent 0%, transparent 60%, rgba(216, 15, 99, 0.4) 60%, rgba(216, 15, 99, 0.4) 100%);
    background-position: center bottom;
  }
}

.heading {
  margin-bottom: 2rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: #626671;
  letter-spacing: 0.065rem;
  line-height: 1.73;
}
.heading-item {
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  color: #303030;
  letter-spacing: 0.24rem;
}
@media screen and (max-width: 834px) {
  .heading-item {
    margin-bottom: 0.1rem;
    font-size: 2rem;
    letter-spacing: 0.1rem;
  }
}

.heading02 {
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 500;
  color: #d80f63;
  text-align: center;
  border-bottom: 1px dashed #d80f63;
  border-top: 1px dashed #d80f63;
  letter-spacing: 0.375rem;
}
@media screen and (max-width: 834px) {
  .heading02 {
    margin-bottom: 1.8rem;
    font-size: 2rem;
    padding: 0.4rem 0.5rem 0.6rem;
    letter-spacing: 0.3rem;
  }
}

.heading03 {
  margin-bottom: 2.3rem;
  font-size: 3rem;
  line-height: 1.67;
  font-weight: 500;
  letter-spacing: 0.45rem;
}
@media screen and (max-width: 834px) {
  .heading03 {
    margin-bottom: 1.3rem;
    font-size: 2.2rem;
    line-height: 1.37;
    letter-spacing: 0.198rem;
  }
}

.com-info-bg {
  padding: 10rem 0;
  background-color: #EEF1F5;
}
@media screen and (max-width: 834px) {
  .com-info-bg {
    padding: 4rem 0;
  }
}

.com-info-logo {
  margin: 0 auto 7.7rem;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .com-info-logo {
    margin-bottom: 2.3rem;
    width: 19.2rem;
  }
}
.com-info-logo img {
  margin: 0 auto;
}
.com-info-inner {
  margin-bottom: 4.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .com-info-inner {
    margin-bottom: 1.5rem;
    display: block;
  }
}
.com-info-inner-left {
  width: 40.7rem;
}
@media screen and (max-width: 834px) {
  .com-info-inner-left {
    width: auto !important;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  .com-info-inner .heading {
    margin-bottom: 0;
    text-align: center;
  }
}
.com-info-en {
  font-size: 6rem;
  line-height: 1;
  margin-bottom: 2rem;
  font-weight: 400;
  color: #d80f63;
  letter-spacing: 0.3rem;
}
@media screen and (max-width: 834px) {
  .com-info-en {
    margin-bottom: 0.8rem;
    font-size: 4.5rem;
    letter-spacing: 0;
    text-align: center;
  }
}
.com-info-h2 {
  padding: 0.7rem 2rem 1.3rem 0;
  font-size: 1.3rem;
  font-weight: 400;
  color: #626671;
  letter-spacing: 0.065rem;
  padding-left: 1.8rem;
  border-left: 1px solid #383a60;
}
@media screen and (max-width: 834px) {
  .com-info-h2 {
    padding: 0.5rem 2rem 1rem 2rem;
    line-height: 1.73;
  }
}
.com-info-h2-item {
  margin-bottom: -0.5rem;
  display: block;
  font-size: 2.5rem;
  color: #d80f63;
  letter-spacing: 0.125rem;
}
@media screen and (max-width: 834px) {
  .com-info-h2-item {
    margin-bottom: 0;
    font-size: 2rem;
    letter-spacing: 0.14rem;
  }
}
.com-info-txt {
  flex: 1;
}
.com-info-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem 4rem;
}
@media screen and (max-width: 834px) {
  .com-info-list {
    margin: 0 -0.5rem 3.2rem;
    gap: 0;
  }
}
.com-info-list li {
  padding: 2.8rem 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 1rem;
  width: calc(20% - 2rem);
  border-bottom: 1px dashed #383a60;
  border-top: 1px dashed #383a60;
}
@media screen and (max-width: 834px) {
  .com-info-list li {
    margin: 0 0.5rem;
    width: calc(33.33% - 1rem);
    display: block;
    margin-bottom: -1px;
    padding: 1.4rem 0;
  }
}
.com-info-list-img {
  width: 3rem;
  margin-right: 1.5rem;
}
@media screen and (max-width: 834px) {
  .com-info-list-img {
    width: 3rem;
    display: block;
    margin: 0 auto 1rem;
  }
  .com-info-list-img2 {
    padding-top: 1rem;
  }
}
.com-info-list-txt {
  color: #383a60;
  line-height: 1.34;
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 834px) {
  .com-info-list-txt {
    display: block;
    font-size: 1.4rem;
    line-height: 1.43;
    text-align: center;
    letter-spacing: 0.07rem;
  }
}
.com-info-head {
  margin-bottom: 2.4rem;
  text-align: center;
  letter-spacing: 0.45rem;
  font-size: 3rem;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .com-info-head {
    margin-bottom: 2.1rem;
    font-size: 2.4rem;
    line-height: 1.4;
    letter-spacing: 0.24rem;
  }
}
.com-info-head-bg {
  background: linear-gradient(transparent 0%, transparent 70%, #F8E88C 70%, #F8E88C 100%);
  background-position: center bottom 0.3rem;
}
.com-info-ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1.5rem;
}
@media screen and (max-width: 834px) {
  .com-info-ul {
    display: block;
    margin: 0;
  }
}
.com-info-ul li {
  border: 1px solid #F0EDED;
  margin: 0 1.5rem;
  width: calc(33.33% - 3rem);
  background-color: #FFFFFF;
}
@media screen and (max-width: 834px) {
  .com-info-ul li {
    width: auto;
    margin: 0 0 1rem;
  }
  .com-info-ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 834px) {
  .com-info-ul-photo {
    aspect-ratio: 335/150;
    position: relative;
  }
  .com-info-ul-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.com-info-ul-text-box {
  padding: 4rem 3rem 3rem;
  position: relative;
}
@media screen and (max-width: 834px) {
  .com-info-ul-text-box {
    padding: 2.5rem 2rem 1.9rem;
  }
}
.com-info-ul-ttl {
  position: absolute;
  top: -2.7rem;
  left: 0rem;
  min-width: 17.2rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.7rem 1.5rem 0.9rem;
  font-size: 2.3rem;
  color: #383a60;
  font-weight: 500;
  letter-spacing: 0.115rem;
  line-height: 1.5;
  background-color: #F8E88C;
}
@media screen and (max-width: 834px) {
  .com-info-ul-ttl {
    padding-bottom: 0.7rem;
    font-size: 1.8rem;
    min-width: 14.5rem;
    letter-spacing: 0.09rem;
  }
}
.com-info-ul-ttl .en {
  margin-right: 1.5rem;
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: 0;
  vertical-align: 0.1rem;
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .com-info-ul-ttl .en {
    vertical-align: -0.1rem;
    font-size: 1.8rem;
  }
}
.com-info2 .com-info-box {
  margin-bottom: 2.1rem;
}
@media screen and (max-width: 834px) {
  .com-info2 .com-info-box {
    margin-bottom: 3rem;
  }
}
.com-info2 .com-info-inner {
  margin-bottom: 4rem;
}
@media screen and (max-width: 834px) {
  .com-info2 .com-info-inner {
    margin-bottom: 2rem;
  }
}
.com-info2 .com-info-inner-left {
  width: 63.5rem;
}
@media screen and (max-width: 834px) {
  .com-info2 .com-info-inner-left {
    margin-bottom: 1.8rem;
  }
}
.com-info2 .com-info-txt {
  padding-top: 0.2rem;
  line-height: 2.133;
}
@media screen and (max-width: 834px) {
  .com-info2 .com-info-txt {
    line-height: 2;
  }
}
.com-info2 .com-info-box-right {
  width: 55.5rem;
}
.com-info2 .com-tel-link-photo {
  width: 13rem;
}
.com-info2 .com-web-link-photo {
  width: 13rem;
}
.com-info2 .com-google-link a {
  min-height: 4.9rem;
  font-size: 1.6rem;
  letter-spacing: 0.128rem;
  background-color: transparent;
}
.com-info2 .com-link02 a {
  min-height: 4.9rem;
  font-size: 1.6rem;
  letter-spacing: 0.128rem;
}

.com-access {
  padding: 5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #FFFFFF;
}
@media screen and (max-width: 834px) {
  .com-access {
    display: block;
    padding: 0;
    background-color: transparent;
  }
}
.com-access-map {
  width: 52.5rem;
  margin-right: 5rem;
}
@media screen and (max-width: 834px) {
  .com-access-map {
    width: auto;
    margin: 0;
  }
  .com-access-map img {
    width: 100%;
  }
}
.com-access-txt-box {
  margin-top: -0.2rem;
  flex: 1;
}
@media screen and (max-width: 834px) {
  .com-access-txt-box {
    margin: 0;
  }
}
.com-access-en {
  font-size: 6rem;
  line-height: 1;
  font-weight: 400;
  color: #d80f63;
  letter-spacing: 0.3rem;
}
.com-access-photo {
  width: 12rem;
  margin: -5.8rem 0 4.8rem auto;
}
@media screen and (max-width: 834px) {
  .com-access-photo {
    width: 8rem;
    margin: 1rem 0 -8.2rem auto;
  }
}
.com-access-txt {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.128rem;
}
@media screen and (max-width: 834px) {
  .com-access-txt {
    font-size: 1.5rem;
    margin-bottom: 1.1rem;
    letter-spacing: 0.09rem;
  }
}
.com-access-text {
  margin-bottom: 1.8rem;
  padding: 0.7rem 0.5rem;
  font-size: 1.8rem;
  letter-spacing: 0.09rem;
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #383a60;
  border-top: 1px dotted #383a60;
}
@media screen and (max-width: 834px) {
  .com-access-text {
    margin-bottom: 1rem;
    padding: 1rem 0.5rem 1rem;
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
  }
}
.com-access-text img {
  margin-right: 1.5rem;
}

@keyframes moveLeft {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}
@keyframes home-philosophy-project-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}







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


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

@media screen and (max-width: 834px) {
  
}
.com-spacer-section {
  margin-bottom: 90px;
}
@media screen and (max-width: 834px) {
  .com-spacer-section {
    margin-bottom: 50px;
  }
}


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

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

@media screen and (max-width: 834px) {
  
}
.com-spacer-xxsmall {
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .com-spacer-xxsmall {
    margin-bottom: 5px;
  }
}
.com-contentWidth {
  width: 100%;
  max-width: 1200px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  .com-contentWidth {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 834px) {
  .com-contentWidth {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.com-contentWidth.__1200 {
  max-width: 1300px;
}
.com-contentWidth.__1400 {
  max-width: 1500px;
}

.com-bgc-main {
  background-color: #d80f63;
}
.com-bgc-main-light {
  background-color: #EEF1F5;
}
.com-bgc-sub {
  background-color: #F8E88C;
}
.com-bgc-sub2 {
  background-color: #7194c5;
}
.com-bgc-sub3 {
  background-color: #818c91;
}
.com-bgc-gray-light {
  background-color: #F0EDED;
}

.com-c-white {
  color: #FFFFFF;
}
.com-h1 {
  font-size: 3.5rem;
  line-height: 1.45;
  font-weight: 700;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  padding-bottom: 15px;
  border-bottom: solid 1px #000;
}
@media screen and (max-width: 834px) {
  .com-h1 {
    font-size: 2.5rem;
  }
}
.com-h1 span {
  color: #d80f63;
}
.com-h1-desc {
  font-size: 1.8rem;
  line-height: 1.45;
  font-weight: 400;
}

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

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



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




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

@media screen and (max-width: 834px) {
  
}
.com-accent-jp {
  font-size: 4rem;
  line-height: 1.45;
  font-weight: 300;
}
@media screen and (max-width: 834px) {
  .com-accent-jp {
    font-size: 2rem;
  }
}

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

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

@media screen and (max-width: 834px) {
  
}
.com-accent-en-large {
  font-family: "Outfit";
  font-size: 8rem;
  line-height: 1.45;
  font-weight: 300;
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .com-accent-en-large {
    font-size: 5rem;
  }
}
.com-accent-en-medium {
  font-family: "Outfit";
  font-size: 4rem;
  line-height: 1.45;
  font-weight: 300;
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .com-accent-en-medium {
    font-size: 3.5rem;
  }
}

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

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

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




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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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





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





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



.com-ul-check_02 {
  margin-bottom: 30px;
}
.com-ul-check_02:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 834px) {
  .com-ul-check_02 {
    margin-bottom: 20px;
  }
}
.com-ul-check_02 > li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  margin-bottom: 10px;
}
.com-ul-check_02 > li:last-child {
  margin-bottom: 0;
}
.com-ul-check_02-icon {
  position: relative;
  top: 0.1em;
  padding: 0.2em;
  width: 30px;
  height: 30px;
  background-color: #F0EDED;
  border-radius: 0px;
  fill: #d80f63;
  flex-shrink: 0;
  z-index: 1;
}


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








.com-info-icon {
  width: 50px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.com-info-icon + * {
  margin-top: 0;
}

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

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

.com-point-text a img {
  display: block;
  width: 100%;
  height: auto;
}

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





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

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

@media screen and (max-width: 834px) {
  
}
.com-table02 {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #F0EDED;
  border-left: 1px solid #F0EDED;
}
@media screen and (max-width: 834px) {
  .com-table02 th, .com-table02 td {
    display: block;
    width: 100%;
  }
}
.com-table02-head {
  width: 26%;
  padding: 20px;
  background-color: #eff2f7;
  text-align: left;
  font-weight: 700;
  border-bottom: 1px solid #F0EDED;
}
@media screen and (max-width: 834px) {
  .com-table02-head {
    width: 100%;
    border-right: 1px solid #F0EDED;
    border-bottom: none;
  }
}
.com-table02-text {
  width: 48%;
  padding: 20px;
  border-bottom: 1px solid #F0EDED;
}
@media screen and (max-width: 834px) {
  .com-table02-text {
    width: 100%;
    border-bottom: none;
    border-right: 1px solid #F0EDED;
    padding-bottom: 0px;
  }
}
.com-table02-text-price {
  text-align: right;
  line-height: 1;
}
.com-table02-text-price span {
  font-family: "Outfit";
  font-size: 2.5rem;
  font-weight: 400;
  padding-right: 5px;
}
@media screen and (max-width: 834px) {
  .com-table02-text-price span {
    font-size: 2rem;
  }
}
.com-table02-img {
  width: 26%;
  padding: 20px;
  border-bottom: 1px solid #F0EDED;
  border-right: 1px solid #F0EDED;
}
.com-table02-img img {
  display: block;
  width: 100%;
  max-width: 160px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 160/107;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .com-table02-img img {
    max-width: none;
  }
}
.com-table03 {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #F0EDED;
  border-left: 1px solid #F0EDED;
}
@media screen and (max-width: 834px) {
  .com-table03 th, .com-table03 td {
    display: block;
    width: 100%;
  }
}
.com-table03-head {
  width: 26%;
  padding: 20px;
  background-color: #eff2f7;
  text-align: left;
  font-weight: 700;
  border-bottom: 1px solid #F0EDED;
}
@media screen and (max-width: 834px) {
  .com-table03-head {
    width: 100%;
    border-right: 1px solid #F0EDED;
    border-bottom: none;
  }
}
.com-table03-text {
  width: 74%;
  padding: 20px;
  border-bottom: 1px solid #F0EDED;
  border-right: 1px solid #F0EDED;
}
@media screen and (max-width: 834px) {
  .com-table03-text {
    width: 100%;
  }
}
.com-table03-text-price {
  text-align: right;
  line-height: 1;
}
.com-table03-text-price span {
  font-family: "Outfit";
  font-size: 2.5rem;
  font-weight: 400;
  padding-right: 5px;
}
@media screen and (max-width: 834px) {
  .com-table03-text-price span {
    font-size: 2rem;
  }
}


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



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

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

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

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

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

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


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

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



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


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

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

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

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

.com-box01-head-icon-img {
  width: 50px;
  height: 50px;
  fill: #d80f63;
}

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

.com-box02 {
  border: 1px solid #ADAFB5;
}
.com-box02 .com-h2 {
  padding: 40px;
}
.com-box02-top {
  padding: 60px;
}
@media screen and (max-width: 834px) {
  .com-box02-top {
    padding: 40px 10px;
  }
}
@media screen and (max-width: 834px) {
  .com-box02-inner {
    padding: 30px 15px;
  }
}
.com-box03 {
  padding: 50px;
  background-color: #eff2f7;
  border: 1px solid #F0EDED;
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .com-box03 {
    padding: 40px 20px;
  }
}
.com-box03-head {
  font-size: 2.6rem;
  line-height: 1.45;
  font-weight: 500;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .com-box03-head {
    font-size: 2.5rem;
    margin-bottom: 30px;
  }
}
.com-box03-head-en {
  margin-bottom: 10px;
  font-family: "Outfit";
  font-size: 4rem;
  line-height: 1;
  font-weight: 500;
  color: #383a60;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .com-box03-head-en {
    font-size: 3.5rem;
  }
}
.com-box03-img {
  margin-bottom: 50px;
  width: 100%;
  height: auto;
  aspect-ratio: 2.7/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .com-box03-img {
    aspect-ratio: unset;
    margin-bottom: 30px;
  }
}
.com-box03-contact {
  width: 100%;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 834px) {
  .com-box03-contact {
    flex-direction: column;
  }
}
.com-box03-contact-item {
  position: relative;
  width: calc((100% - 45px) / 3);
}
@media screen and (max-width: 834px) {
  .com-box03-contact-item {
    width: 100%;
  }
}
.com-box03-contact-item {
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 0px;
}
@media screen and (max-width: 834px) {
  .com-box03-contact-item {
    padding: 20px 10px;
  }
}
.com-box03-contact-item._line .com-box03-contact-item-icon {
  background-color: #00873c;
}
.com-box03-contact-item._line .com-box03-contact-item-icon-img {
  width: 25px;
  height: 25px;
}
.com-box03-contact-item-icon {
  position: absolute;
  top: -11px;
  left: -9px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #383a60;
}
.com-box03-contact-item-icon-img {
  width: 30px;
  height: 30px;
}
.com-box03-contact-item-head {
  font-size: 1.9rem;
  line-height: 1.45;
  font-weight: 500;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 1px #F0EDED;
}
@media screen and (max-width: 834px) {
  .com-box03-contact-item-head {
    font-size: 1.7rem;
  }
}
.com-box03-contact-item-phone {
  font-family: "Outfit";
  font-size: 3rem;
  line-height: 1.45;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0em;
  color: #383a60;
  margin-bottom: 10px;
}
.com-box03-contact-item-time {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.com-box03-contact-item-time-num {
  font-family: "Outfit";
  font-size: 2rem;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: 0em;
}
.com-box03-contact-item-desc {
  text-align: center;
  margin-bottom: 20px;
}





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


.com-btn01._line::after {
  background-color: #00873c;
}

@media screen and (min-width: 835px) {
  
  
  .com-btn02:hover .com-btn02-arrow02 {
    stroke: #FFFFFF;
    transform: translateX(5px);
  }
}



.com-btn02-arrow02 {
  width: 23px;
  height: 6px;
  stroke: #FFFFFF;
  flex-shrink: 0;
}
.com-btn02._white {
  color: #383a60;
  border: none;
}
.com-btn02._white::before {
  background-color: #383a60;
}
.com-btn02._white::after {
  background-color: #FFFFFF;
}
.com-btn02._white .com-btn02-arrow01 {
  fill: #d80f63;
}
.com-btn02._white .com-btn02-arrow02 {
  stroke: #d80f63;
}
.com-btn02._white:hover .com-btn02-text {
  color: #FFFFFF;
}
@media screen and (max-width: 834px) {
  .com-btn02._white:hover .com-btn02-text {
    color: #626671;
  }
}
.com-btn02._border {
  border: 1px solid #383a60;
}
.com-btn02._fit {
  width: -moz-fit-content;
  width: fit-content;
}

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

.com-btn03 span {
  display: inline-block;
  width: 100%;
  padding-left: 35px;
  text-align: center;
}
.com-btn03 img {
  display: inline-block;
  width: 30px;
  height: 30px;
}






@media screen and (max-width: 834px) {
  
}
.com-img_switch {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.com-img_switch-item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  draggable: false;
}
.com-img_switch-item-overlay:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: 2px;
  background-color: #FFFFFF;
  z-index: 20;
}
.com-img_switch-item-overlay-thumb {
  position: absolute;
  top: 50%;
  right: -36px;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: solid 2px #FFFFFF;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: auto;
  cursor: pointer;
  z-index: 10;
}
.com-img_switch-item-overlay-thumb-arrow {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 10px;
  height: 18px;
  stroke: #FFFFFF;
  stroke-width: 2;
  z-index: 10;
}
.com-img_switch-item-overlay-thumb-arrow.__reverse {
  left: auto;
  right: 12px;
  transform: translateY(-50%) scaleX(-1);
}
.com-img_switch-item-overlay-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.com-img_switch-item-overlay-img::before {
  content: "BEFORE";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
  height: 40px;
  background-color: #212121;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  z-index: 1;
}
.com-img_switch-item-overlay-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  draggable: false;
}
.com-img_switch-item-base {
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  draggable: false;
}
.com-img_switch-item-base::before {
  content: "AFTER";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 85px;
  height: 40px;
  background-color: #212121;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  z-index: 1;
}
.com-img_switch-item-base img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  draggable: false;
}
.com-schedule {
  margin-bottom: 20px;
}
.com-schedule-table {
  border-radius: 0px;
  overflow: hidden;
  margin-bottom: 20px;
}
.com-schedule-table-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 10px 30px;
  background-color: #d80f63;
}
.com-schedule-table-head-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  width: 154px;
  height: 40px;
}
.com-schedule-table-head-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  width: 45px;
  height: 40px;
}
.com-schedule-table-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 10px 30px;
  background-color: #FFFFFF;
}
.com-schedule-table-body-title {
  display: flex;
  align-items: center;
  position: relative;
  font-family: "Outfit";
  font-size: 2.2rem;
  line-height: 1.1;
  letter-spacing: 0.1em;
  color: #383a60;
  width: 154px;
  height: 40px;
}
.com-schedule-table-body-item {
  font-family: "Outfit";
  position: relative;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  width: 45px;
  height: 40px;
}
.com-schedule-table-body-item-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 14px;
  height: 14px;
  background-color: #383a60;
  border-radius: 50%;
  z-index: 1;
}
.com-schedule-table-body-item-slash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 11px;
  height: 14px;
  z-index: 1;
}
.com-schedule-table-body-item-slash::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 17.8px;
  background-color: #383a60;
  transform: translate(-50%, -50%) rotate(38.16deg);
}
.com-schedule-holiday {
  display: flex;
  align-items: center;
  gap: 20px;
}
.com-schedule-holiday-tag {
  padding: 0 10px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  background-color: #383a60;
  border-radius: 0px;
}
.com-schedule-holiday-text {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.08em;
}
.com-title-en {
  font-family: "Outfit";
  font-size: 8rem;
  font-weight: 400;
  line-height: 0.7;
  letter-spacing: 0.05em;
  color: #d80f63;
  margin-bottom: 25px;
}
@media screen and (max-width: 834px) {
  .com-title-en {
    font-size: 5rem;
  }
}
.com-title-jp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.com-title-jp-large {
  font-size: 2.2rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 700;
}
.com-title-jp-small {
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
  color: #626671;
  font-weight: 400;
}
.com-author-card {
  padding: 25px 40px;
  background-color: #eff2f7;
  margin: 40px 0;
  border-radius: var(--radius, 0);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .com-author-card {
    padding: 20px 20px;
    margin: 30px 0;
  }
}
.com-author-card._white {
  background-color: #FFFFFF;
}
.com-author-card._pattern1 .com-author-card-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 14px;
  color: #383a60;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-title {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}
.com-author-card._pattern1 .com-author-card-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-inner {
    gap: 15px;
    flex-direction: column;
  }
}
.com-author-card._pattern1 .com-author-card-left {
  width: 160px;
  flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-left {
    display: flex;
    gap: 15px;
    width: 100%;
    justify-content: center;
  }
}
.com-author-card._pattern1 .com-author-card-img {
  margin: 0 0 10px;
  border-radius: var(--radius, 0);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-img {
    margin: 0;
    width: 110px;
  }
}
.com-author-card._pattern1 .com-author-card-img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.com-author-card._pattern1 .com-author-card-meta {
  text-align: center;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-meta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
  }
}
.com-author-card._pattern1 .com-author-card-meta-job {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #626671;
}
.com-author-card._pattern1 .com-author-card-meta-name {
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 4px;
  letter-spacing: 0.1em;
}
.com-author-card._pattern1 .com-author-card-right {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.com-author-card._pattern1 .com-author-card-desc {
  font-size: 1.4rem;
  line-height: 1.8;
  margin-bottom: 12px;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-desc {
    font-size: 1.2rem;
  }
}
.com-author-card._pattern1 .com-author-card-history {
  list-style: disc;
  padding-left: 1.2em;
}
.com-author-card._pattern1 .com-author-card-history li {
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-history li {
    font-size: 1.2rem;
  }
}
.com-author-card._pattern1 .com-author-card-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  align-self: flex-end;
  margin-top: 10px;
  border-bottom: 1px solid #F0EDED;
  transition: all 0.3s;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-link {
    align-self: flex-start;
  }
}
.com-author-card._pattern1 .com-author-card-link span {
  font-size: 1.4rem;
  font-weight: 700;
  color: #383a60;
  transition: all 0.3s;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-link span {
    font-size: 1.2rem;
  }
}
.com-author-card._pattern1 .com-author-card-link img {
  width: 20px;
  height: 20px;
  transition: transform 0.3s;
}
.com-author-card._pattern1 .com-author-card-link:hover {
  border-bottom: 1px solid #EEF1F5;
}
.com-author-card._pattern1 .com-author-card-link:hover span {
  color: #d80f63;
}
.com-author-card._pattern1 .com-author-card-link:hover img {
  transform: translateX(4px);
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern1 .com-author-card-link:hover img {
    transform: translateX(0);
  }
}
.com-author-card._pattern2 .com-author-card-header {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.6;
  color: #383a60;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern2 .com-author-card-header {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
}
.com-author-card._pattern2 .com-author-card-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern2 .com-author-card-inner {
    flex-direction: column;
    gap: 15px;
  }
}
.com-author-card._pattern2 .com-author-card-img {
  width: 180px;
  flex-shrink: 0;
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: var(--radius, 0);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern2 .com-author-card-img {
    width: 110px;
  }
}
.com-author-card._pattern2 .com-author-card-img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.com-author-card._pattern2 .com-author-card-right {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.com-author-card._pattern2 .com-author-card-desc {
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern2 .com-author-card-desc {
    font-size: 1.2rem;
  }
}
.com-author-card._pattern2 .com-author-card-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  align-self: flex-end;
  margin-top: 10px;
  border-bottom: 1px solid #F0EDED;
  transition: all 0.3s;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern2 .com-author-card-link {
    align-self: flex-start;
  }
}
.com-author-card._pattern2 .com-author-card-link span {
  font-size: 1.4rem;
  font-weight: 700;
  color: #383a60;
  transition: all 0.3s;
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern2 .com-author-card-link span {
    font-size: 1.2rem;
  }
}
.com-author-card._pattern2 .com-author-card-link img {
  width: 20px;
  height: 20px;
  transition: transform 0.3s;
}
.com-author-card._pattern2 .com-author-card-link:hover {
  border-bottom: 1px solid #EEF1F5;
}
.com-author-card._pattern2 .com-author-card-link:hover span {
  color: #d80f63;
}
.com-author-card._pattern2 .com-author-card-link:hover img {
  transform: translateX(4px);
}
@media screen and (max-width: 834px) {
  .com-author-card._pattern2 .com-author-card-link:hover img {
    transform: translateX(0);
  }
}
.com a[href^="tel:"] {
  cursor: default;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .com a[href^="tel:"] {
    cursor: pointer;
    pointer-events: auto;
  }
}
.com a[href^="tel:"] a:hover,
.com a[href^="tel:"] a:hover img {
  opacity: 1 !important;
}

.com-link a {
  padding: 0 6.7rem 0 4rem;
  display: inline-flex;
  align-items: center;
  min-height: 6.9rem;
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  border-radius: 5rem;
  color: #303030;
  background-color: #fff;
  border: 1px solid #ADAFB5;
  position: relative;
  z-index: 1;
}
.com-link a::after {
  width: 4rem;
  height: 4rem;
  background-color: #F8E88C;
  position: absolute;
  right: 1rem;
  border-radius: 100%;
  content: "";
  transition: all ease 0.3s;
}
.com-link a::before {
  width: 2.3rem;
  height: 0.6rem;
  background: url(assets/img/arrow01.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
  content: "";
  z-index: 1;
  transition: all ease 0.3s;
}
@media screen and (min-width: 835px) {
  .com-link a:hover {
    background-color: #F8E88C;
  }
  .com-link a:hover::after {
    transform: scale(1.15);
    transform-origin: center center;
    background-color: #d80f63;
  }
  .com-link a:hover::before {
    background-image: url(assets/img/arrow01_white.png);
  }
}
@media screen and (max-width: 834px) {
  .com-link a {
    padding: 0 6.3rem 0 2rem;
    min-height: 6rem;
    background-position: right 1rem center;
  }
}

.com-blue {
  color: #d80f63;
}

.com-google-link {
  width: 18rem;
}
@media screen and (max-width: 834px) {
  .com-google-link {
    width: auto;
  }
}
.com-google-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.9rem;
  background-color: #fff;
  border-radius: 5rem;
  font-size: 1.6rem;
  color: #383a60;
  letter-spacing: 0.128rem;
  border: 1px solid #383a60;
}
@media screen and (min-width: 835px) {
  .com-google-link a:hover {
    background-color: #EEF1F5 !important;
  }
}
@media screen and (max-width: 834px) {
  .com-google-link a {
    min-height: 4.7rem;
    font-size: 1.5rem;
    letter-spacing: 0.09rem;
  }
}

.com-link02 {
  width: 18rem;
}
@media screen and (max-width: 834px) {
  .com-link02 {
    width: auto;
  }
}
.com-link02 a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.9rem;
  background-color: #d80f63;
  border-radius: 5rem;
  font-size: 1.6rem;
  color: #FFFFFF;
  letter-spacing: 0.128rem;
}
@media screen and (min-width: 835px) {
  .com-link02 a:hover {
    background-color: #383a60;
  }
}
@media screen and (max-width: 834px) {
  .com-link02 a {
    min-height: 4.7rem;
    font-size: 1.5rem;
    letter-spacing: 0.09rem;
  }
}

.section-title {
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (max-width: 834px) {
  .section-title {
    margin-bottom: 2rem;
  }
}
.section-title-en {
  color: #d80f63;
  font-family: "Quattrocento";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.15em;
}
.section-title-ja {
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: center;
  gap: 4rem;
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24em;
}
.section-title-ja::before, .section-title-ja::after {
  content: "";
  flex: 1 1 0;
  min-width: 0;
  height: 1px;
  background-color: #383a60;
}
@media screen and (max-width: 834px) {
  .section-title-ja {
    font-size: 2.2rem;
  }
}
.section-title-text {
  color: #626671;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25;
  letter-spacing: 0.065em;
}
@media screen and (max-width: 834px) {
  .section-title-text {
    line-height: 1.5;
  }
}
.section-title-02 {
  margin-bottom: 5rem;
}
@media screen and (max-width: 834px) {
  .section-title-02 {
    margin-bottom: 1.5rem;
  }
}
.section-title-02 .section-title-en {
  color: #FFFFFF;
}
.section-title-02 .section-title-ja {
  color: #FFFFFF;
}
.section-title-02 .section-title-ja::before {
  display: none;
}
.section-title-02 .section-title-ja::after {
  background-color: #FFFFFF;
}
.section-title-02 .section-title-text {
  color: #FFFFFF;
  text-align: left;
}

.com-info-sp-list {
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1rem;
}
.com-info-sp-list-item {
  width: calc((100% - 1rem) / 2);
}
.com-info-sp-list-item a {
  display: flex;
  align-items: center;
  min-height: 5rem;
  font-size: 1.3rem;
  letter-spacing: 0.065rem;
  background: #FFFFFF url(assets/img/icon09.png) no-repeat right 1rem center;
  padding: 0 1rem;
  background-size: 0.65rem auto;
}

.com-info-box {
  margin-bottom: 3.3rem;
  display: flex;
  gap: 7rem;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .com-info-box {
    margin-bottom: 3rem;
    display: block;
  }
}
.com-info-box-left {
  flex-basis: 50%;
}
.com-info-box-left h3, .com-info-box-left .kp-was-h3 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.11em;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 834px) {
  .com-info-box-left h3, .com-info-box-left .kp-was-h3 {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 834px) {
  .com-info-box-left {
    margin-bottom: 3rem;
    width: auto;
  }
  .com-info-box-left h3, .com-info-box-left .kp-was-h3 {
    font-size: 1.7rem;
  }
}
.com-info-box-right {
  flex-basis: 50%;
}
.com-info-box-right > a {
  display: block;
  margin-bottom: 1.5rem;
}
.com-info-box-right > a:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 834px) {
  .com-info-box-right > a {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 835px) {
  .com-info-box-right > a:hover .com-info-box-right-news::before {
    transform: translateX(5px) translateY(-50%) scale(1.1);
  }
}
.com-info-box-right-title {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05em;
  padding-bottom: 2.5rem;
  border-bottom: 1px dashed #383a60;
}
@media screen and (max-width: 834px) {
  .com-info-box-right-title {
    font-size: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
  }
}
.com-info-box-right-news {
  position: relative;
  display: flex;
  align-items: flex-start;
  align-items: center;
  gap: 1.6rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px dashed #383a60;
}
@media screen and (max-width: 834px) {
  .com-info-box-right-news {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding-right: 4rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    padding-top: 1.7rem;
  }
}
.com-info-box-right-news::before {
  content: "";
  background-image: url(assets/img/arrow-icon-b.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  background-color: #d80f63;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  transition: transform 0.5s ease-out;
}
@media screen and (max-width: 834px) {
  .com-info-box-right-news::before {
    top: 50%;
    transform: translateY(-50%);
  }
}
.com-info-box-right-news-date {
  color: #d80f63;
  font-family: "Quattrocento";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.com-info-box-right-news-dd {
  margin: 0;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .com-info-box-right {
    width: auto !important;
  }
}
.com-info-box table {
  margin-bottom: 2rem;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
@media screen and (max-width: 834px) {
  .com-info-box table {
    margin-bottom: 1.5rem;
  }
}
.com-info-box table tr:first-child th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.com-info-box table tr:first-child th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media screen and (max-width: 834px) {
  .com-info-box table tr:first-child th:nth-child(2) {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
.com-info-box table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.com-info-box table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.com-info-box table th {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2;
  color: #383a60;
  letter-spacing: 0.08em;
  padding: 1.3rem 0.2rem;
  text-align: center;
  vertical-align: middle;
  background-color: #EEF1F5;
}
@media screen and (max-width: 834px) {
  .com-info-box table th {
    font-size: 1.4rem;
    letter-spacing: 0.112rem;
    padding: 0.5rem 0.2rem 0.7rem;
  }
}
.com-info-box table th:first-child {
  width: 41%;
  text-align: left;
  padding-left: 2rem;
}
@media screen and (max-width: 834px) {
  .com-info-box table th:first-child {
    width: 27%;
    padding-left: 1rem;
  }
}
.com-info-box table td {
  font-size: 2rem;
  padding: 0.8rem 1rem;
  padding-bottom: 1.7rem;
  text-align: center;
  vertical-align: middle;
  color: #383a60;
  font-family: "Quattrocento";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.125em;
}
@media screen and (max-width: 834px) {
  .com-info-box table td {
    line-height: 1.13;
    letter-spacing: 0.15rem;
    padding: 0.6rem 0.7rem;
  }
}
.com-info-box table td:first-child {
  text-align: left;
  padding-left: 2rem;
  text-align: left;
}
@media screen and (max-width: 834px) {
  .com-info-box table td:first-child {
    padding-left: 1rem;
  }
}
.com-info-box table td img {
  margin: 0 auto;
  width: 1.5rem;
}
@media screen and (max-width: 834px) {
  .com-info-box table td img {
    width: 1.4rem;
  }
}
.com-info-box table td .com-info-circle {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  vertical-align: middle;
  box-sizing: border-box;
}
@media screen and (max-width: 834px) {
  .com-info-box table td .com-info-circle {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.com-info-box table td .com-info-circle.is-filled {
  background-color: #383a60;
}
.com-info-box table td .com-info-circle.is-outline {
  background-color: #FFFFFF;
  border: 2px solid #383a60;
}
@media screen and (min-width: 835px) {
  .com-info-box table tr:nth-child(3) td {
    padding-top: 0;
  }
}
.com-info-box-dl {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 2;
}
@media screen and (max-width: 834px) {
  .com-info-box-dl {
    margin-bottom: 1rem;
  }
}
.com-info-box-dl-dt {
  margin-bottom: 0.5rem;
  width: 7rem;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.12em;
  background-color: #383a60;
  border-radius: 1rem;
  padding: 0.25em 0.4rem;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .com-info-box-dl-dt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    width: 6rem;
    padding: 0.15em 0.3rem;
  }
}
.com-info-box-dl-item {
  margin-bottom: 0.5rem;
  width: calc(100% - 7rem);
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.12em;
  padding-left: 1rem;
}
.com-info-box-dl-item span {
  color: #626671;
}
@media screen and (max-width: 834px) {
  .com-info-box-dl-item {
    padding-top: 0;
    padding-left: 0.5rem;
    width: calc(100% - 6rem);
    letter-spacing: 0.112rem;
  }
  .com-info-box-dl-item-time {
    color: #383a60;
    font-family: "Quattrocento";
    font-size: 2.5rem;
    line-height: 1;
  }
}
.com-info-box-text {
  margin-bottom: 1.1rem;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.128rem;
}
@media screen and (max-width: 834px) {
  .com-info-box-text {
    margin-bottom: 1.5rem;
    font-size: 1.3rem;
    line-height: 1.54;
    letter-spacing: 0;
  }
}
.com-info-box-link-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 834px) {
  .com-info-box-link-list {
    gap: 0 0.5rem;
  }
}
.com-info-box-link-list li {
  margin-right: 1rem;
}
@media screen and (max-width: 834px) {
  .com-info-box-link-list li {
    margin: 0;
    width: calc((100% - 0.5rem) / 2);
  }
}
.com-info-box-link-list li:last-child {
  margin-right: 0;
}

.com-access-box {
  display: flex;
  gap: 7rem;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10rem;
}
@media screen and (max-width: 834px) {
  .com-access-box {
    display: block;
    margin-bottom: 4rem;
  }
}
.com-access-box-left {
  width: 50%;
  border-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .com-access-box-left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.com-access-box-right {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .com-access-box-right {
    width: 100%;
  }
}
.com-access-box-right-title {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05em;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 834px) {
  .com-access-box-right-title {
    margin-bottom: 0.5rem;
    font-size: 2rem;
  }
}
.com-access-box-right-text {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.12em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .com-access-box-right-text {
    font-size: 1.4rem;
  }
}
.com-access-box-right-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .com-access-box-right-item {
    align-items: flex-start;
    gap: 1.7rem;
  }
  .com-access-box-right-item:has(+ .com-access-box-right-btn) {
    align-items: center;
    margin-bottom: 0;
  }
}
.com-access-box-right-item figure {
  width: 6rem;
}
.com-access-box-right-item p {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
}
.com-access-box-right-item p span {
  color: #d80f63;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .com-access-box-right-item p {
    font-size: 1.4rem;
    flex-basis: 80%;
  }
}
.com-access-box-right-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 834px) {
  .com-access-box-right-btn {
    justify-content: space-between;
    gap: 0.5rem;
  }
}

.com-tel-link {
  margin-bottom: 2rem;
}
@media screen and (max-width: 834px) {
  .com-tel-link {
    margin-bottom: 1rem;
  }
}
.com-tel-link a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #FFFFFF;
}
@media screen and (max-width: 834px) {
  .com-tel-link a {
    display: block;
    position: relative;
  }
  .com-tel-link a::after {
    width: 3.1rem;
    height: 3.1rem;
    background: url(assets/img/icon04.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
  }
}
.com-tel-link-photo {
  width: 16rem;
}
@media screen and (max-width: 834px) {
  .com-tel-link-photo {
    width: auto !important;
  }
  .com-tel-link-photo img {
    width: 100%;
  }
}
.com-tel-link-txt-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
@media screen and (max-width: 834px) {
  .com-tel-link-txt-box {
    display: block;
    text-align: center;
    padding: 1rem;
  }
}
.com-tel-link-txt {
  font-size: 1.6rem;
  color: #d80f63;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 834px) {
  .com-tel-link-txt {
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
  }
}
.com-tel-link-btn {
  margin-top: -0.8rem;
  font-size: 4rem;
  letter-spacing: 0;
  font-weight: 400;
  padding-left: 3.7rem;
  line-height: 1;
  background: url(assets/img/tel.png) no-repeat left center;
  background-size: 3.5rem auto;
}
@media screen and (max-width: 834px) {
  .com-tel-link-btn {
    display: inline-block;
    margin-top: -0.3rem;
    font-size: 3rem;
    padding-left: 3.2rem;
    background-size: 3rem auto;
  }
}

.com-web-link a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #F8E88C;
  position: relative;
}
@media screen and (max-width: 834px) {
  .com-web-link a {
    display: block;
  }
}
.com-web-link a::after {
  width: 3rem;
  height: 3rem;
  background: url(assets/img/icon02.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
  transition: all 0.3s ease;
}
@media screen and (min-width: 835px) {
  .com-web-link a:hover {
    background-color: #E8D567;
  }
  .com-web-link a:hover::after {
    background-image: url(assets/img/icon02_blue.png);
    transition: all 0.3s ease;
  }
}
.com-web-link-photo {
  width: 16rem;
}
@media screen and (max-width: 834px) {
  .com-web-link-photo {
    width: auto !important;
  }
  .com-web-link-photo img {
    width: 100%;
  }
}
.com-web-link-txt-box {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 3rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 834px) {
  .com-web-link-txt-box {
    padding: 0.7rem 3rem;
  }
}
.com-web-link-ttl {
  margin-bottom: -0.3rem;
  width: 100%;
  line-height: 1.3;
  text-align: center;
  font-size: 3rem;
  font-weight: 500;
  color: #383a60;
  letter-spacing: 0.24rem;
  border-bottom: 1px dashed #383a60;
}
@media screen and (max-width: 834px) {
  .com-web-link-ttl {
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: -0.2rem;
    letter-spacing: 0.2rem;
  }
}
.com-web-link-ttl .en {
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: 0;
  vertical-align: -0.2rem;
  margin-right: 0.2rem;
}
@media screen and (max-width: 834px) {
  .com-web-link-ttl .en {
    margin-right: 0.2rem;
    font-size: 3rem;
    vertical-align: -0.2rem;
  }
}
.com-web-link-txt {
  font-size: 1.6rem;
  color: #383a60;
  letter-spacing: 0.128rem;
}
@media screen and (max-width: 834px) {
  .com-web-link-txt {
    font-size: 1.5rem;
    letter-spacing: 0.12rem;
  }
}

.com-bg {
  background: linear-gradient(transparent 0%, transparent 70%, #F8E88C 70%, #F8E88C 100%);
  background-position: center bottom 0.2rem;
}
@media screen and (max-width: 834px) {
  .com-bg {
    background: linear-gradient(transparent 0%, transparent 60%, #F8E88C 60%, #F8E88C 100%);
    background-position: center bottom;
  }
}

.com-white {
  background: linear-gradient(transparent 0%, transparent 70%, #fff 70%, #fff 100%);
}
@media screen and (max-width: 834px) {
  .com-white {
    background: linear-gradient(transparent 0%, transparent 60%, #fff 60%, #fff 100%);
    background-position: center bottom;
  }
}

.heading {
  margin-bottom: 2rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: #626671;
  letter-spacing: 0.065rem;
  line-height: 1.73;
}
.heading-item {
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  color: #303030;
  letter-spacing: 0.24rem;
}
@media screen and (max-width: 834px) {
  .heading-item {
    margin-bottom: 0.1rem;
    font-size: 2rem;
    letter-spacing: 0.1rem;
  }
}

.heading02 {
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 500;
  color: #d80f63;
  text-align: center;
  border-bottom: 1px dashed #d80f63;
  border-top: 1px dashed #d80f63;
  letter-spacing: 0.375rem;
}
@media screen and (max-width: 834px) {
  .heading02 {
    margin-bottom: 1.8rem;
    font-size: 2rem;
    padding: 0.4rem 0.5rem 0.6rem;
    letter-spacing: 0.3rem;
  }
}

.heading03 {
  margin-bottom: 2.3rem;
  font-size: 3rem;
  line-height: 1.67;
  font-weight: 500;
  letter-spacing: 0.45rem;
}
@media screen and (max-width: 834px) {
  .heading03 {
    margin-bottom: 1.3rem;
    font-size: 2.2rem;
    line-height: 1.37;
    letter-spacing: 0.198rem;
  }
}

.com-info-bg {
  padding: 10rem 0;
  background-color: #EEF1F5;
}
@media screen and (max-width: 834px) {
  .com-info-bg {
    padding: 4rem 0;
  }
}

.com-info-logo {
  width: 30%;
  margin: 0 auto 7.7rem;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .com-info-logo {
    margin-right: 0;
    margin-left: 0;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 4rem;
  }
}
.com-info-logo img {
  margin: 0 auto;
  width: auto;
}
@media screen and (max-width: 834px) {
  .com-info-logo img {
    width: 100%;
  }
}
.com-info-inner {
  margin-bottom: 4.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .com-info-inner {
    margin-bottom: 1.5rem;
    display: block;
  }
}
.com-info-inner-left {
  width: 40.7rem;
}
@media screen and (max-width: 834px) {
  .com-info-inner-left {
    width: auto !important;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  .com-info-inner .heading {
    margin-bottom: 0;
    text-align: center;
  }
}
.com-info-en {
  font-size: 6rem;
  line-height: 1;
  margin-bottom: 2rem;
  font-weight: 400;
  color: #d80f63;
  letter-spacing: 0.3rem;
}
@media screen and (max-width: 834px) {
  .com-info-en {
    margin-bottom: 0.8rem;
    font-size: 4.5rem;
    letter-spacing: 0;
    text-align: center;
  }
}
.com-info-h2 {
  padding: 0.7rem 2rem 1.3rem 0;
  font-size: 1.3rem;
  font-weight: 400;
  color: #626671;
  letter-spacing: 0.065rem;
  padding-left: 1.8rem;
  border-left: 1px solid #383a60;
}
@media screen and (max-width: 834px) {
  .com-info-h2 {
    padding: 0.5rem 2rem 1rem 2rem;
    line-height: 1.73;
  }
}
.com-info-h2-item {
  margin-bottom: -0.5rem;
  display: block;
  font-size: 2.5rem;
  color: #d80f63;
  letter-spacing: 0.125rem;
}
@media screen and (max-width: 834px) {
  .com-info-h2-item {
    margin-bottom: 0;
    font-size: 2rem;
    letter-spacing: 0.14rem;
  }
}
.com-info-txt {
  flex: 1;
}
.com-info-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem 4rem;
}
@media screen and (max-width: 834px) {
  .com-info-list {
    margin: 0 -0.5rem 3.2rem;
    gap: 0;
  }
}
.com-info-list li {
  padding: 2.8rem 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 1rem;
  width: calc(20% - 2rem);
  border-bottom: 1px dashed #383a60;
  border-top: 1px dashed #383a60;
}
@media screen and (max-width: 834px) {
  .com-info-list li {
    margin: 0 0.5rem;
    width: calc(33.33% - 1rem);
    display: block;
    margin-bottom: -1px;
    padding: 1.4rem 0;
  }
}
.com-info-list-img {
  width: 3rem;
  margin-right: 1.5rem;
}
@media screen and (max-width: 834px) {
  .com-info-list-img {
    width: 3rem;
    display: block;
    margin: 0 auto 1rem;
  }
  .com-info-list-img2 {
    padding-top: 1rem;
  }
}
.com-info-list-txt {
  color: #383a60;
  line-height: 1.34;
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 834px) {
  .com-info-list-txt {
    display: block;
    font-size: 1.4rem;
    line-height: 1.43;
    text-align: center;
    letter-spacing: 0.07rem;
  }
}
.com-info-head {
  margin-bottom: 2.4rem;
  text-align: center;
  letter-spacing: 0.45rem;
  font-size: 3rem;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .com-info-head {
    margin-bottom: 2.1rem;
    font-size: 2.4rem;
    line-height: 1.4;
    letter-spacing: 0.24rem;
  }
}
.com-info-head-bg {
  background: linear-gradient(transparent 0%, transparent 70%, #F8E88C 70%, #F8E88C 100%);
  background-position: center bottom 0.3rem;
}
.com-info-ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1.5rem;
}
@media screen and (max-width: 834px) {
  .com-info-ul {
    display: block;
    margin: 0;
  }
}
.com-info-ul li {
  border: 1px solid #F0EDED;
  margin: 0 1.5rem;
  width: calc(33.33% - 3rem);
  background-color: #FFFFFF;
}
@media screen and (max-width: 834px) {
  .com-info-ul li {
    width: auto;
    margin: 0 0 1rem;
  }
  .com-info-ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 834px) {
  .com-info-ul-photo {
    aspect-ratio: 335/150;
    position: relative;
  }
  .com-info-ul-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.com-info-ul-text-box {
  padding: 4rem 3rem 3rem;
  position: relative;
}
@media screen and (max-width: 834px) {
  .com-info-ul-text-box {
    padding: 2.5rem 2rem 1.9rem;
  }
}
.com-info-ul-ttl {
  position: absolute;
  top: -2.7rem;
  left: 0rem;
  min-width: 17.2rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.7rem 1.5rem 0.9rem;
  font-size: 2.3rem;
  color: #383a60;
  font-weight: 500;
  letter-spacing: 0.115rem;
  line-height: 1.5;
  background-color: #F8E88C;
}
@media screen and (max-width: 834px) {
  .com-info-ul-ttl {
    padding-bottom: 0.7rem;
    font-size: 1.8rem;
    min-width: 14.5rem;
    letter-spacing: 0.09rem;
  }
}
.com-info-ul-ttl .en {
  margin-right: 1.5rem;
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: 0;
  vertical-align: 0.1rem;
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .com-info-ul-ttl .en {
    vertical-align: -0.1rem;
    font-size: 1.8rem;
  }
}
.com-info2 .com-info-box {
  margin-bottom: 2.1rem;
}
@media screen and (max-width: 834px) {
  .com-info2 .com-info-box {
    margin-bottom: 3rem;
  }
}
.com-info2 .com-info-inner {
  margin-bottom: 4rem;
}
@media screen and (max-width: 834px) {
  .com-info2 .com-info-inner {
    margin-bottom: 2rem;
  }
}
.com-info2 .com-info-inner-left {
  width: 63.5rem;
}
@media screen and (max-width: 834px) {
  .com-info2 .com-info-inner-left {
    margin-bottom: 1.8rem;
  }
}
.com-info2 .com-info-txt {
  padding-top: 0.2rem;
  line-height: 2.133;
}
@media screen and (max-width: 834px) {
  .com-info2 .com-info-txt {
    line-height: 2;
  }
}
.com-info2 .com-info-box-right {
  width: 55.5rem;
}
.com-info2 .com-tel-link-photo {
  width: 13rem;
}
.com-info2 .com-web-link-photo {
  width: 13rem;
}
.com-info2 .com-google-link a {
  min-height: 4.9rem;
  font-size: 1.6rem;
  letter-spacing: 0.128rem;
  background-color: transparent;
}
.com-info2 .com-link02 a {
  min-height: 4.9rem;
  font-size: 1.6rem;
  letter-spacing: 0.128rem;
}

.com-access {
  padding: 5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #FFFFFF;
}
@media screen and (max-width: 834px) {
  .com-access {
    display: block;
    padding: 0;
    background-color: transparent;
  }
}
.com-access-map {
  width: 52.5rem;
  margin-right: 5rem;
}
@media screen and (max-width: 834px) {
  .com-access-map {
    width: auto;
    margin: 0;
  }
  .com-access-map img {
    width: 100%;
  }
}
.com-access-txt-box {
  margin-top: -0.2rem;
  flex: 1;
  position: relative;
}
@media screen and (max-width: 834px) {
  .com-access-txt-box {
    margin: 0;
  }
}
.com-access-en {
  font-size: 6rem;
  line-height: 1;
  font-weight: 400;
  color: #d80f63;
  letter-spacing: 0.3rem;
  margin-bottom: 2rem;
}
.com-access-photo {
  width: 18rem;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 834px) {
  .com-access-photo {
    width: 12rem;
    margin: 1rem 0 -8.2rem auto;
  }
}
.com-access-txt {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.128rem;
}
@media screen and (max-width: 834px) {
  .com-access-txt {
    font-size: 1.5rem;
    margin-bottom: 1.1rem;
    letter-spacing: 0.09rem;
  }
}
.com-access-text {
  margin-bottom: 1.8rem;
  padding: 0.7rem 0.5rem;
  font-size: 1.8rem;
  letter-spacing: 0.09rem;
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #383a60;
  border-top: 1px dotted #383a60;
}
@media screen and (max-width: 834px) {
  .com-access-text {
    margin-bottom: 1rem;
    padding: 1rem 0.5rem 1rem;
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
  }
}
.com-access-text img {
  margin-right: 1.5rem;
}


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

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

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

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



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

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


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



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

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

.lower-template-content-main-list-item-link-txt-bottom-date {
  font-size: 1.4rem;
  color: #ADAFB5;
}
@media screen and (max-width: 834px) {
  .lower-template-content-main-list-item-link-txt-bottom-date {
    font-size: 1.3rem;
  }
}


.lower-template-content-main-pagination .page-numbers.current {
  color: #FFFFFF;
  pointer-events: none;
}
.lower-template-content-main-pagination .page-numbers.current::before {
  background: #383a60;
  width: calc(105% + 30px);
}


.lower-template-content-main-pagination .page-numbers.prev .pagination-prev, .lower-template-content-main-pagination .page-numbers.next .pagination-prev {
  transform: rotate(180deg);
}




@media screen and (max-width: 834px) {
  
}
.lower-template-content-main-author {
  font-size: 1.4rem;
  color: #ADAFB5;
  text-align: right;
  margin-bottom: 20px;
}




.lower-template-content-main-head-top-date {
  font-size: 1.4rem;
  color: #212121;
}

.lower-template-content-main-head-title span {
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  
}

.lower-template-content-main-body-desc {
  margin-bottom: 40px;
}

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

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



.lower-template-content-main-body-case-img {
  position: relative;
  display: flex;
  gap: 70px;
  margin-bottom: 40px;
}
.lower-template-content-main-body-case-img-item {
  width: 50%;
}
.lower-template-content-main-body-case-img-item h4 {
  margin-top: 0px;
}
.lower-template-content-main-body-case-img-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.95/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 5px;
}
.lower-template-content-main-body-case-img::before {
  content: "";
  position: absolute;
  top: calc(50% + 20px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background-image: url(assets/img/icon_arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 834px) {
  
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper {
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 30px 20px 70px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .lower-template-content-main-bottom-relevance .single-relevance-swiper {
    margin-left: 50%;
    padding: 30px 0px 70px;
    transform: translateX(-50%);
    width: 112%;
  }
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-slide {
  border: 1px solid #F0EDED;
  border-radius: 20px;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2509803922);
  overflow: hidden;
  transition: all 0.5s ease-out;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-slide:hover {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2509803922);
  opacity: 0.7;
  transform: translateY(-5px);
}
@media screen and (max-width: 834px) {
  .lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-slide:hover {
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2509803922);
    opacity: 1;
    transform: none;
  }
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next,
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #F0EDED;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next-icon,
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev-icon {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next::before,
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: calc(0% + 30px);
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 100vh;
  z-index: -1;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next::after,
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F0EDED;
  z-index: -10;
  transition: all 0.3s ease-out;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next:hover::after,
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev:hover::after {
  background-color: #d80f63;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next {
  right: auto;
  left: 80px;
}
@media screen and (max-width: 834px) {
  .lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next {
    left: calc(5.5% + 60px);
  }
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev {
  left: 20px;
}
@media screen and (max-width: 834px) {
  .lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev {
    left: 5.5%;
  }
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev-icon {
  transform: rotate(180deg);
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper .com-link01 {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: 10;
}
@media screen and (max-width: 834px) {
  .lower-template-content-main-bottom-relevance .single-relevance-swiper .com-link01 {
    right: 5.5%;
  }
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 2.22/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content {
  padding: 15px;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content-title {
  font-size: 1.9rem;
  line-height: 1.45;
  letter-spacing: 0.05em;
  color: #d80f63;
  margin-bottom: 10px;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content-excerpt {
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid #F0EDED;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom-date {
  font-size: 1.4rem;
  color: #ADAFB5;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom-category {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #d80f63;
}
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom-category-icon {
  width: 20px;
  height: auto;
  margin-right: 5px;
}

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

.lower-template-content-side-title-icon {
  width: 20px;
  height: auto;
}
.lower-template-content-side-title-icon-wrap {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #d80f63;
  display: flex;
  align-items: center;
  justify-content: center;
}



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



.lower-template-content-side-contact-title {
  text-align: center;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #F0EDED;
}
.lower-template-content-side-contact-tel {
  display: block;
  font-family: "Outfit";
  text-align: center;
  font-size: 2.2rem;
  color: #383a60;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .lower-template-content-side-contact-tel {
    pointer-events: auto;
  }
}
.lower-template-content-side-contact-open {
  text-align: center;
  color: #212121;
  line-height: 1.3;
  margin-bottom: 10px;
}
.lower-template-content-side-contact-open span {
  font-family: "Outfit";
  font-size: 2rem;
  margin-left: 5px;
}
.lower-template-content-side-contact-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 50px;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 1.3rem;
  margin-bottom: 10px;
  overflow: hidden;
  z-index: 1;
  background-color: #383a60;
  transition: all 0.3s ease-out;
}
.lower-template-content-side-contact-link:last-child {
  margin-bottom: 0;
}
.lower-template-content-side-contact-link:hover {
  background-color: #d80f63;
  color: #FFFFFF;
}
.lower-template-content-side-contact-link span {
  font-size: 2.4rem;
  color: #F0EDED;
  transform: translateY(-2px);
}
.lower-template-content-side-contact-link._line::after {
  background-color: #00873c;
}
.lower-template-content-test {
  width: 100%;
  height: 500px;
  background-color: #d80f63;
}
.lower-template-related-pages {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px dashed #F0EDED;
  border-bottom: 1px dashed #F0EDED;
}
.lower-template-related-pages-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 834px) {
  .lower-template-related-pages-list {
    gap: 10px;
  }
}
.lower-template-related-pages-list-item {
  width: calc((100% - 60px) / 4);
}
@media (max-width: 1024px) {
  .lower-template-related-pages-list-item {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 834px) {
  .lower-template-related-pages-list-item {
    width: calc((100% - 20px) / 2);
  }
}

.lower-contact-title {
  margin-bottom: 20px;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: center;
  color: #F8E88C;
}
.lower-contact-desc {
  margin-bottom: 60px;
  text-align: center;
}


@media screen and (max-width: 834px) {
  
}
.lower-contact-table-required:first-child {
  margin-left: 10px;
}

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

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

@media screen and (max-width: 834px) {
  .lower-contact-table tr td .wpcf7-list-item {
    margin-bottom: 10px;
  }
}
.lower-contact-table tr td .wpcf7-radio {
  display: flex;
  flex-direction: column;
}
.lower-contact-table tr td .wpcf7-radio .wpcf7-list-item {
  margin-left: 0;
  margin-bottom: 5px;
}
.lower-contact-table tr td .wpcf7-radio .wpcf7-list-item.last {
  margin-bottom: 0;
}
.lower-contact-table tr td .wpcf7-radio .wpcf7-list-item input {
  display: none;
}
.lower-contact-table tr td .wpcf7-radio .wpcf7-list-item label {
  cursor: pointer;
  padding-left: 38px;
  position: relative;
}
.lower-contact-table tr td .wpcf7-radio .wpcf7-list-item label::before,
.lower-contact-table tr td .wpcf7-radio .wpcf7-list-item label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.lower-contact-table tr td .wpcf7-radio .wpcf7-list-item label::before {
  background-color: #fff;
  border: 2px solid #ADAFB5;
  height: 26px;
  width: 26px;
  top: 12px;
  left: 2px;
}
.lower-contact-table tr td .wpcf7-radio .wpcf7-list-item label::after {
  background-color: #d80f63;
  opacity: 0;
  height: 14px;
  width: 14px;
  top: 12px;
  left: 10px;
}
.lower-contact-table tr td .wpcf7-radio .wpcf7-list-item label:has(input:checked)::after {
  opacity: 1;
}
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0;
  margin-bottom: 5px;
}
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item.last {
  margin-bottom: 0;
}
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item input {
  display: none;
}
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item label {
  cursor: pointer;
  padding-left: 38px;
  position: relative;
}
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item label::before,
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item label::after {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item label::before {
  background-color: #fff;
  border: 2px solid #ADAFB5;
  height: 2.4rem;
  width: 2.4rem;
  top: 1.3rem;
  left: 0;
  border-radius: 5px;
  transition: background-color 0.3s;
}
@media screen and (max-width: 834px) {
  .lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item label::before {
    top: 1.1rem;
  }
}
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item label::after {
  opacity: 0;
  height: 2rem;
  width: 2rem;
  top: 1.3rem;
  left: 0.4rem;
  background-image: url(assets/img/icon_check.svg);
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 0.3s;
}
@media screen and (max-width: 834px) {
  .lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item label::after {
    top: 1.1rem;
  }
}
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item label:has(input:checked)::before {
  background-color: #F0EDED;
}
.lower-contact-table tr td .wpcf7-checkbox .wpcf7-list-item label:has(input:checked)::after {
  opacity: 1;
}
.lower-contact-table tr td .wpcf7-checkbox.required-group .wpcf7-list-item label {
  display: block;
  width: 3rem;
  padding-left: 0;
  padding-top: 3rem;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .lower-contact-table tr td .wpcf7-checkbox.required-group .wpcf7-list-item label {
    padding-top: 2rem;
    width: 1.6rem;
  }
}
.lower-contact-table tr td .wpcf7-checkbox.required-group .wpcf7-list-item label::before {
  background-color: #fff;
  border: 2px solid #ADAFB5;
  height: 2.4rem;
  width: 2.4rem;
  top: 1.3rem;
  left: 0rem;
  border-radius: 5px;
  transition: background-color 0.3s;
}
@media screen and (max-width: 834px) {
  .lower-contact-table tr td .wpcf7-checkbox.required-group .wpcf7-list-item label::before {
    height: 1.2rem;
    width: 1.2rem;
  }
}
.lower-contact-table tr td .wpcf7-checkbox.required-group .wpcf7-list-item label::after {
  opacity: 0;
  height: 2rem;
  width: 2rem;
  top: 1.3rem;
  left: 0.4rem;
  background-image: url(assets/img/icon_check.svg);
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 0.3s;
}
@media screen and (max-width: 834px) {
  .lower-contact-table tr td .wpcf7-checkbox.required-group .wpcf7-list-item label::after {
    height: 1.2rem;
    width: 1.2rem;
    left: 0.2rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.2rem;
  }
}



.lower-contact-table tr td .wpcf7-select {
  margin-bottom: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='12' viewBox='0 0 21 12' fill='none'%3E%3Cpath d='M1.5 1L10.5 10L19.5 1' stroke='%23303030' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 18px;
  padding-right: 30px;
}
.lower-contact-table tr td .wpcf7-list-item-label {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.1;
  letter-spacing: 0.06em;
}
.lower-contact-position_table {
  width: 100%;
  border-top: 2px solid #ADAFB5;
  border-left: 2px solid #ADAFB5;
}
.lower-contact-position_table tr th, .lower-contact-position_table tr td {
  border-right: 2px solid #ADAFB5;
  border-bottom: 2px solid #ADAFB5;
  width: 45%;
  padding: 10px;
}
@media screen and (max-width: 834px) {
  .lower-contact-position_table tr th, .lower-contact-position_table tr td {
    padding: 6px;
  }
}
@media screen and (max-width: 834px) {
  .lower-contact-position_table tr th, .lower-contact-position_table tr td {
    display: table-cell;
    width: 46%;
  }
}
.lower-contact-position_table tr th:first-child, .lower-contact-position_table tr td:first-child {
  width: 10%;
}
@media screen and (max-width: 834px) {
  .lower-contact-position_table tr th:first-child, .lower-contact-position_table tr td:first-child {
    display: table-cell;
    width: 8%;
  }
}
.lower-contact-position_table tr th {
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
}
.lower-contact-position_table .wpcf7-checkbox {
  display: flex;
  justify-content: space-between;
}
.lower-contact-position_table .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0;
  margin-bottom: 0;
}
.lower-contact-position_table .wpcf7-checkbox .wpcf7-list-item label {
  display: flex;
  flex-direction: column;
  align-items: center;
}







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






@media screen and (max-width: 834px) {
  
}
.lower-contact .request-group {
  display: flex;
  flex-direction: column;
}

.nav-menu {
  padding-top: 170px;
  align-self: start;
  display: flex;
  margin-left: 39px;
  align-items: center;
  gap: 30px;
  justify-content: start;
  flex-wrap: wrap;
  height: 210px;
}
@media screen and (max-width: 834px) {
  .nav-menu {
    display: none;
  }
}

.nav-item {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto 0;
  transition: opacity 0.3s;
}
.nav-item:hover {
  opacity: 0.6;
}
@media screen and (max-width: 834px) {
  .nav-item:hover {
    opacity: 1;
  }
}

.nav-link-primary {
  color: #000000;
  line-height: 22.5px;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.65px;
}

.nav-link-secondary {
  color: #d80f63;
  line-height: 20px;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 1.04px;
}

@media screen and (max-width: 834px) {
  .staff-box-member {
    gap: 15px;
  }
}
.staff-box-member-image {
  height: 453.191px;
  -o-object-fit: cover;
     object-fit: cover;
}
.staff-box-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.staff-box-ctg {
  border-bottom: 1px solid #d3d7e3;
  display: flex;
  padding: 5px 10px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.staff-box-ctg h3, .staff-box-ctg .kp-was-h3 {
  color: #d3d7e3;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 1.2px;
}
.staff-box-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.staff-box-name-jp {
  color: #000000;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: 1.1px;
}
.staff-box-name-en {
  color: #ADAFB5;
  font-family: "Outfit";
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 1.7px;
}
.staff-box-cta {
  position: relative;
  display: flex;
  height: 52px;
  padding: 10px 0px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border: 1px solid #000000;
  z-index: 1;
}
.staff-box-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #d80f63;
  transition: width 0.3s;
  z-index: -1;
}
.staff-box-cta::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F0EDED;
  transition: width 0.3s;
  z-index: -10;
}
.staff-box-cta:hover::before {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .staff-box-cta:hover::before {
    width: 0%;
  }
}
.staff-box-cta-btn {
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.2px;
}

.home-section-btn {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #d80f63;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
  border-radius: 3rem;
  padding: 1rem 4rem;
  border-radius: 3rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease-out;
}
@media screen and (min-width: 835px) {
  .home-section-btn:not(.is-white):hover {
    background-color: #A42D5D;
  }
  .home-section-btn.is-white:hover {
    color: #FFFFFF;
    background-color: #383a60;
  }
}
.home-section-btn.is-white {
  color: #383a60;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #383a60;
  padding: 1rem 2.2rem;
}
@media screen and (max-width: 834px) {
  .home-section-btn.is-white {
    padding: 0.8rem 1.6rem;
    flex-basis: 50%;
  }
}
@media screen and (max-width: 834px) {
  .home-section-btn {
    font-size: 1.4rem;
    padding: 1rem 2.5rem;
    flex-basis: 50%;
  }
}
.home-top-bg {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #FFF 0%, #E8ECF3 100%);
}
.home-mid-bg {
  background-image: url(assets/img/reason-bg.webp);
  background-size: contain;
  background-position: center center;
  background-repeat: repeat;
}
@media screen and (max-width: 834px) {
  .home-mid-bg {
    background-image: url(assets/img/reason-bg-sp.webp);
  }
}
.home-hero {
  position: relative;
  width: 100%;
  height: 85svh;
  margin-bottom: 2rem;
}
@media screen and (max-width: 834px) {
  .home-hero {
    margin-bottom: 0;
  }
}
.home-hero::before {
  width: 78rem;
  height: 100%;
  background: url(assets/img/bg02.webp) repeat-y left top;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .home-hero::before {
    background-image: url(assets/img/bg02_sp.png);
    width: 100%;
  }
}
.home-hero::before {
  display: none;
}
.home-hero-fv {
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #FFF 6.44%, rgba(255, 255, 255, 0) 50%), url(assets/img/home-fv.webp) lightgray 0px -42.493px/100% 106.342% no-repeat;
  background-size: cover;
  background-position: right;
}
@media screen and (max-width: 834px) {
  .home-hero-fv {
    height: 90svh;
    background: linear-gradient(0deg, #FFF 6.44%, rgba(255, 255, 255, 0) 50%), url(assets/img/home-fv-sp.webp) lightgray 0px -42.493px/100% 106.342% no-repeat;
    background-size: cover;
  }
}
.home-hero-btn {
  width: 15rem;
  height: 15rem;
  border-radius: 100%;
  position: absolute;
  bottom: 1rem;
  right: 3.2rem;
  border: 1px solid #d80f63;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.home-hero-btn figure {
  position: absolute;
  top: -70%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.home-hero-btn figure img {
  display: block;
  width: 100%;
  transition: all 0.4s ease;
}
.home-hero-btn figure .hover-img-01 {
  opacity: 1;
  width: 85%;
  margin-right: auto;
}
.home-hero-btn figure .hover-img-02 {
  position: absolute;
  bottom: -2rem;
  right: -2rem;
  opacity: 0;
}
.home-hero-btn a {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 2rem;
}
.home-hero-btn a span {
  color: #FFFFFF;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: 0.05em;
}
.home-hero-btn-inner {
  width: 14rem;
  height: 14rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #d80f63;
}
.home-hero-btn-inner:hover .hover-img-01 {
  opacity: 0;
}
.home-hero-btn-inner:hover .hover-img-02 {
  opacity: 1;
  bottom: 0;
  right: 0;
}
.home-hero-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-direction: row-reverse;
  gap: 1.2rem;
}
@media screen and (max-width: 834px) {
  .home-hero-title {
    top: 40%;
  }
}
.home-hero-title-container {
  background-color: #FFFFFF;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  padding: 1.5rem 1rem;
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 834px) {
  .home-hero-title-container {
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 2.5rem;
  }
}
.home-hero-title-span-01 {
  color: #383a60;
  text-align: center;
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 834px) {
  .home-hero-title-span-01 {
    font-size: 3.5rem;
  }
}
.home-hero-title-span-02 {
  color: #d80f63;
  text-align: center;
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 834px) {
  .home-hero-title-span-02 {
    font-size: 3.5rem;
  }
}
.home-hero-left {
  position: absolute;
  bottom: 0;
  left: 4.4rem;
  z-index: 2;
}
.home-hero-left-pickup {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.2rem;
  width: 75%;
}
@media screen and (max-width: 834px) {
  .home-hero-left-pickup {
    width: 100%;
    padding: 0 2.5rem;
    justify-content: center;
    margin-bottom: 2rem;
    gap: 0.5rem;
  }
  .home-hero-left-pickup-item {
    max-width: 120px;
  }
}
.home-hero-left-text {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.05em;
}
.home-hero-left-text span {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .home-hero-left-text {
    text-align: center;
    font-size: 1.3rem;
  }
  .home-hero-left-text span {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  .home-hero-left {
    width: 100%;
    left: 0;
    bottom: 2rem;
  }
}
@media screen and (max-width: 834px) {
  .home-hero {
    min-height: 500px;
    height: calc(100svh - 6.5rem);
  }
}
.home-hero-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10rem;
  padding: 0 4rem;
  gap: 2rem;
}
@media screen and (max-width: 834px) {
  .home-hero-bottom {
    padding-top: 10rem;
    flex-direction: column-reverse;
    padding: 0 1.5rem;
    margin-bottom: 2.3rem;
  }
}
.home-hero-navi {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EEF1F5;
  padding: 1.5rem 3rem;
  border-radius: 40px;
  gap: 2.5rem;
}
.home-hero-navi-item a {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.12em;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 835px) {
  .home-hero-navi-item a:hover {
    color: #d80f63;
  }
}
@media screen and (min-width: 835px) and (max-width: 1250px) {
  .home-hero-navi-item a {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  .home-hero-navi {
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    background-color: transparent;
    padding: 0;
  }
  .home-hero-navi-item {
    position: relative;
    flex-basis: calc((100% - 1rem) / 2);
    background-color: #EEF1F5;
    border-radius: 5rem;
    padding: 0.5rem 1.5rem;
    padding-right: 4.5rem;
  }
  .home-hero-navi-item a {
    font-size: 1.4rem;
  }
  .home-hero-navi-item::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.5rem;
    width: 3rem;
    height: 3rem;
    background-image: url(assets/img/arrow-icon-b.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
}
.home-hero-news {
  z-index: 1;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: 50px;
}
@media screen and (max-width: 834px) {
  .home-hero-news {
    z-index: 10;
    bottom: 1.4rem;
    left: 2.8rem;
    min-width: inherit;
    width: 100%;
  }
}
.home-hero-news a {
  transition: all 0.5s ease-out;
}
@media screen and (min-width: 835px) {
  .home-hero-news a:hover .home-hero-news-inner {
    opacity: 0.7;
  }
}
.home-hero-news-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
  padding: 2.5rem 3rem;
  border-radius: 50px;
  background-color: #383a60;
  transition: all 0.5s ease-out;
}
@media screen and (max-width: 834px) {
  .home-hero-news-inner {
    width: 100%;
    justify-content: flex-start;
    padding: 1.7rem 2rem;
  }
}
.home-hero-news-ttl {
  color: #d80f63;
  text-align: center;
  font-family: "Outfit";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5;
}
.home-hero-news-dd {
  color: #FFFFFF;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.112em;
}
.home-fv-banner {
  margin-bottom: 6rem;
}
@media screen and (max-width: 834px) {
  .home-fv-banner {
    margin-bottom: 3rem;
    padding: 0 1.5rem;
  }
}
.home-fv-banner-link {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 835px) {
  .home-fv-banner-link:hover {
    opacity: 0.8;
  }
}
.home-fv-banner-link img {
  display: block;
  width: 100%;
  height: auto;
}
.home-banner {
  padding-top: 58px;
  margin-bottom: 8rem;
}
@media screen and (max-width: 834px) {
  .home-banner {
    padding-top: 0;
    margin-bottom: 3rem;
  }
}
.home-banner-inner {
  position: relative;
}
.home-banner-pc {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 834px) {
  .home-banner-sp {
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
  }
}
.home-banner-swiper {
  overflow: visible;
}
.home-banner-swiper .swiper-slide {
  height: auto;
}
.home-banner-swiper .home-banner-pagination {
  display: none;
}
.home-banner-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.home-banner-nav .home-banner-button-prev,
.home-banner-nav .home-banner-button-next {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  width: 4.4rem;
  height: 4.4rem;
  color: #383a60;
}
.home-banner-nav .home-banner-button-prev::after,
.home-banner-nav .home-banner-button-next::after {
  font-size: 3rem;
  font-weight: 700;
}
@media screen and (max-width: 834px) {
  .home-banner-nav .home-banner-button-prev,
  .home-banner-nav .home-banner-button-next {
    width: 3.6rem;
    height: 3.6rem;
  }
  .home-banner-nav .home-banner-button-prev::after,
  .home-banner-nav .home-banner-button-next::after {
    font-size: 2.4rem;
  }
}
.home-banner-nav-fraction {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.home-banner-link {
  display: block;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease-out;
}
@media screen and (min-width: 835px) {
  .home-banner-link:hover {
    opacity: 0.8;
  }
  .home-banner-link:hover img {
    transform: scale(1.1);
  }
}
.home-banner-link img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform-origin: center center;
  transition: all 0.5s ease-out;
}
.home-banner-link-text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.1rem;
  line-height: 0.9523809524;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 835px) and (max-width: 1250px) {
  .home-banner-link-text {
    font-size: 1.5rem;
    line-height: 2.1333333333;
  }
}
@media screen and (max-width: 834px) {
  .home-banner-link-text {
    font-size: 2.1rem;
    line-height: 0.9523809524;
  }
}
.home-banner-link-text:after {
  content: "";
  width: 32px;
  height: 32px;
  background: url(assets/img/icon_blank.svg) no-repeat top left;
}
.home-banner-pc .home-banner-link {
  width: calc((100% - 20px) / 3);
}
.home-cta {
  margin-bottom: 8rem;
  display: flex;
  gap: 7rem;
}
@media screen and (max-width: 834px) {
  .home-cta {
    flex-direction: column;
    gap: 2rem;
    padding: 0;
    margin-bottom: 3rem;
  }
}
.home-cta figure {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 0;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  isolation: isolate;
}
.home-cta figure::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 18.1rem;
  height: 19.5rem;
  background: url(assets/img/home-cta-logo.svg) no-repeat center center/contain;
  pointer-events: none;
  z-index: 1;
}
.home-cta figure img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .home-cta figure {
    flex-basis: 100%;
    max-width: 100%;
    border-radius: 0;
    overflow: visible;
  }
  .home-cta figure::after {
    width: 9rem;
    height: 9rem;
    left: 2.2rem;
    bottom: -0.7rem;
  }
}
@media screen and (min-width: 835px) and (max-width: 1250px) {
  .home-cta figure::after {
    width: 12rem;
    height: 12rem;
  }
}
.home-cta-right {
  flex-basis: 50%;
}
@media screen and (max-width: 834px) {
  .home-cta-right {
    padding: 0 3rem;
  }
}
.home-cta-right h3, .home-cta-right .kp-was-h3 {
  color: #383a60;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-top: 1px dashed #383a60;
  border-bottom: 1px dashed #383a60;
  padding: 1.5rem 0;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .home-cta-right h3, .home-cta-right .kp-was-h3 {
    font-size: 1.8rem;
    padding: 0.5rem 0;
  }
}
.home-cta-right h2, .home-cta-right .kp-was-h2 {
  color: #383a60;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.193;
  margin-bottom: 3rem;
}
@media screen and (max-width: 834px) {
  .home-cta-right h2, .home-cta-right .kp-was-h2 {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
}
.home-cta-right-s {
  color: #383a60;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.193;
}
.home-cta-right-s.is-pink {
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .home-cta-right-s {
    font-size: 2.5rem;
  }
}
.home-cta-right-b {
  color: #d80f63;
}
.home-cta-right-tel {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d80f63;
  margin-bottom: 1.5rem;
  background-color: #FFFFFF;
}
@media screen and (max-width: 834px) {
  .home-cta-right-tel {
    margin-bottom: 0.5rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  }
}
.home-cta-right-tel p {
  width: 100%;
  background-color: #d80f63;
  color: #FFFFFF;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.2rem;
  letter-spacing: 0.12em;
}
.home-cta-right-tel span {
  display: block;
  padding-left: 2rem;
  color: #303030;
  background: url(assets/img/tel.svg) no-repeat left center;
  background-size: 1.4rem auto;
  color: #383a60;
  font-family: "Quattrocento";
  font-size: 3.3rem;
  font-style: normal;
  font-weight: 400;
}
.home-cta-btn {
  flex-basis: 50%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease-out;
}
.home-cta-btn a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  text-align: center;
  padding: 2rem 0;
  position: relative;
}
.home-cta-btn a::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 18px;
  height: 18px;
  background: url(assets/img/btn-arrow.svg) no-repeat center center/contain;
  pointer-events: none;
  background-color: #FFFFFF;
  border-radius: 100%;
}
.home-cta-btn-text {
  display: block;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.152em;
}
.home-cta-btn-text-line {
  color: #FFFFFF;
  font-family: "Quattrocento";
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.home-cta-btn-text-web {
  color: #d80f63;
  font-family: "Quattrocento";
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.home-cta-btn-text-time {
  display: block;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  margin-top: -1rem;
}
.home-cta-btn-list {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}
.home-cta-btn.line a {
  background-color: #00873c;
  border-radius: 10px;
}
@media screen and (min-width: 835px) {
  .home-cta-btn.line {
    transition: transform 0.5s ease-out, box-shadow 0.5s ease-out;
  }
  .home-cta-btn.line:hover {
    overflow: visible;
    transform: translateY(-5px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1), 0 16px 32px rgba(0, 0, 0, 0.4);
  }
}
.home-cta-btn.web a {
  background-color: #383a60;
  border-radius: 10px;
}
@media screen and (min-width: 835px) {
  .home-cta-btn.web {
    transition: transform 0.5s ease-out, box-shadow 0.5s ease-out;
  }
  .home-cta-btn.web:hover {
    overflow: visible;
    transform: translateY(-5px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12), 0 16px 32px rgba(56, 58, 96, 0.35), 0 20px 40px rgba(216, 15, 99, 0.2);
  }
}
.home-philosophy .com-contentWidth {
  position: relative;
  z-index: 2;
}
.home-philosophy-box {
  display: flex;
  position: relative;
  padding-bottom: 6.8rem;
}
@media screen and (max-width: 834px) {
  .home-philosophy-box {
    flex-direction: column;
    margin-top: 3rem;
    padding-bottom: 4rem;
  }
}
.home-philosophy-box-title {
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  z-index: 1;
}
.home-philosophy-box-title img {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .home-philosophy-box-title {
    top: -2.4rem;
    width: 90%;
  }
}
.home-philosophy-box-left {
  flex-basis: 50%;
}
.home-philosophy-box-left-img01 {
  width: 100%;
  margin-bottom: 3rem;
  position: relative;
}
@media screen and (max-width: 834px) {
  .home-philosophy-box-left-img01 {
    margin-bottom: 0;
  }
}
.home-philosophy-box-left-img02 {
  width: 30%;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .home-philosophy-box-left-img02 {
    position: relative;
    z-index: 2;
    margin-top: -5rem;
  }
}
.home-philosophy-box-left-img03 {
  position: absolute;
  bottom: -3.5rem;
  left: 8rem;
  width: 20%;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .home-philosophy-box-left-img03 {
    bottom: 1.8rem;
    left: 1.3rem;
    width: 30%;
  }
}
.home-philosophy-box-right {
  flex-basis: 50%;
  padding: 6rem 8rem;
}
@media screen and (max-width: 834px) {
  .home-philosophy-box-right {
    padding: 3rem;
    padding-top: 1rem;
    padding-bottom: 0;
  }
}
.home-philosophy-box-right h2, .home-philosophy-box-right .kp-h2, .home-philosophy-box-right .kp-was-h2 {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 834px) {
  .home-philosophy-box-right h2, .home-philosophy-box-right .kp-h2, .home-philosophy-box-right .kp-was-h2 {
    margin-bottom: 1.5rem;
  }
}
.home-philosophy-box-right h2 img, .home-philosophy-box-right .kp-h2 img, .home-philosophy-box-right .kp-was-h2 img {
  width: 90%;
  max-width: 30rem;
}
.home-philosophy-box-right-text {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
  margin-bottom: 3rem;
}
.home-philosophy-box-right-text span {
  color: #d80f63;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .home-philosophy-box-right-text {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
}
.home-philosophy-project {
  position: relative;
  width: 100%;
  margin-bottom: 12rem;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project {
    padding-bottom: 4rem;
    margin-bottom: 0;
  }
}
.home-philosophy-project-discription-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-discription-wrap {
    width: calc(100vw - 7rem);
    top: 50%;
  }
}
.home-philosophy-project-discription {
  position: relative;
  box-sizing: border-box;
  padding: 3rem;
  border-radius: 10px;
  border: 2px solid #FFFFFF;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-discription {
    width: 100%;
    padding: 2rem;
    padding-top: 2rem;
  }
}
.home-philosophy-project-discription h2, .home-philosophy-project-discription .kp-was-h2 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-discription h2, .home-philosophy-project-discription .kp-was-h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 0;
  }
}
.home-philosophy-project-discription p {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-discription p {
    font-size: 1.4rem;
    padding: 0;
    padding-top: 1rem;
  }
}
.home-philosophy-project-character {
  position: absolute;
  top: -8rem;
  right: 0;
  width: 14rem;
  z-index: 3;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-character {
    top: -5rem;
    right: -3rem;
    width: 10rem;
  }
}
.home-philosophy-project-character img {
  display: block;
  width: 100%;
  height: auto;
}
.home-philosophy-project-video {
  position: relative;
  width: 100%;
  max-width: 40rem;
  margin: 2rem auto 0;
  aspect-ratio: 16/9;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-video {
    max-width: 100%;
    margin: 1.5rem 0 0;
  }
}
.home-philosophy-project-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.home-philosophy-project-slider {
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-slider {
    height: 72rem;
  }
}
.home-philosophy-project-slider-wrap {
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-slider-wrap {
    height: 100%;
  }
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-slider-rows {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
  }
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-slider-rows .home-philosophy-project-wrap-track {
    flex: 1;
    min-height: 0;
    height: auto;
  }
  .home-philosophy-project-slider-rows .home-philosophy-project-wrap-track.is-reverse {
    animation-direction: reverse;
  }
}
.home-philosophy-project-wrap {
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-wrap {
    height: 100%;
  }
}
.home-philosophy-project-wrap-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: home-philosophy-project-marquee 800s linear infinite;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-wrap-track {
    height: 100%;
  }
}
.home-philosophy-project-slide {
  flex: 0 0 auto;
  width: 200vw;
  margin: 0;
  height: 72rem;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-slide {
    height: 100%;
    overflow: visible;
  }
}
.home-philosophy-project-slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .home-philosophy-project-slide {
    width: 400vw;
  }
}
@media screen and (min-width: 835px) and (max-width: 1250px) {
  .home-philosophy-project-slide {
    width: 500vw;
  }
}
@media screen and (max-width: 834px) {
  .home-pickup .com-contentWidth {
    padding: 0 1.5rem;
  }
}
.home-pickup-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-title {
    flex-direction: column;
    margin-bottom: 2rem;
    gap: 5px;
  }
}
.home-pickup-title figure {
  position: absolute;
  top: 50%;
  left: -4rem;
  transform: translateY(-50%);
  width: 50%;
  z-index: 1;
}
.home-pickup-title h2, .home-pickup-title .kp-was-h2 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 2;
}
.home-pickup-title h2 span, .home-pickup-title .kp-was-h2 span {
  font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-title h2, .home-pickup-title .kp-was-h2 {
    line-height: 1.2;
  }
  .home-pickup-title h2 span, .home-pickup-title .kp-was-h2 span {
    font-size: 2.4rem;
  }
}
.home-pickup-title p {
  color: #626671;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.home-pickup-items {
  display: flex;
  gap: 5rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-items {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 3rem;
  }
}
.home-pickup-item {
  flex-basis: 33.33%;
}
@media screen and (max-width: 834px) {
  .home-pickup-item:nth-child(2) > .home-pickup-item-head {
    flex-direction: row;
  }
}
@media screen and (max-width: 834px) {
  .home-pickup-item-head {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    gap: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 834px) {
  .home-pickup-item-head-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}
.home-pickup-item-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  text-align: center;
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1em;
  margin-bottom: 1.5rem;
}
.home-pickup-item-title::before, .home-pickup-item-title::after {
  content: "";
  flex: 1 1 0;
  min-width: 0;
  height: 1px;
  background-color: #383a60;
}
@media screen and (max-width: 834px) {
  .home-pickup-item-title {
    flex: 0 0 auto;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0;
    padding: 0.8rem 0.5rem;
    font-size: 2.2rem;
    line-height: 1.6;
    letter-spacing: 0.2em;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  .home-pickup-item-title::before, .home-pickup-item-title::after {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .home-pickup-item-head-line {
    width: 1px;
    height: 100%;
    background-color: #383a60;
  }
}
.home-pickup-item figure {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-item figure {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    margin-bottom: 1.2rem;
  }
  .home-pickup-item figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.home-pickup-item-content p {
  position: relative;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  padding-left: 4rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-item-content p {
    font-size: 1.3rem;
    padding-left: 3rem;
    margin-bottom: 0.5rem;
  }
}
.home-pickup-item-content p:before {
  content: "";
  background-image: url(assets/img/check-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .home-pickup-item-content p:before {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.home-pickup-item-content p span {
  color: #d80f63;
}
.home-pickup-btm {
  position: relative;
  display: flex;
  justify-content: space-between;
  background-image: url(assets/img/pickup-btm-bg.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 5rem 7rem;
  border-radius: 1rem;
  margin-bottom: 10rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm {
    flex-direction: column;
    position: relative;
    margin-bottom: 4rem;
    padding: 0;
    padding-top: 12rem;
    padding-bottom: 3rem;
  }
}
.home-pickup-btm-title {
  position: absolute;
  top: 5rem;
  left: 7rem;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-title {
    top: 12rem;
    left: 1.5rem;
  }
}
.home-pickup-btm-title h2, .home-pickup-btm-title .kp-h2, .home-pickup-btm-title .kp-was-h2 {
  color: #383a60;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.16em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-title h2, .home-pickup-btm-title .kp-h2, .home-pickup-btm-title .kp-was-h2 {
    text-align: left;
  }
}
.home-pickup-btm-title p {
  color: #383a60;
  text-align: center;
  font-family: "Quattrocento";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-title p {
    font-size: 1.2rem;
    text-align: left;
  }
}
.home-pickup-btm-left {
  flex-basis: 80%;
  background-image: url(assets/img/pickup-btm-left-bg.webp);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 5rem;
  border-radius: 1rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left {
    background-image: url(assets/img/pickup-btm-left-bg-sp-2610.webp);
    background-size: contain;
    padding: 1.5rem;
    padding-top: 22rem;
    margin-top: 1rem;
  }
}
.home-pickup-btm-left-items {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-items {
    gap: 1rem;
  }
}
.home-pickup-btm-left-item {
  gap: 2rem;
  width: 50%;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-item {
    width: 100%;
  }
}
.home-pickup-btm-left-item-01 .home-pickup-btm-left-item-content p {
  background-color: #d80f63;
}
.home-pickup-btm-left-item-01 .home-pickup-btm-left-item-content figure {
  border: 2px solid #d80f63;
}
.home-pickup-btm-left-item-01 .home-pickup-btm-left-item-text p {
  color: #d80f63;
}
.home-pickup-btm-left-item-02 .home-pickup-btm-left-item-content p {
  background-color: #383a60;
}
.home-pickup-btm-left-item-02 .home-pickup-btm-left-item-content figure {
  border: 2px solid #383a60;
}
.home-pickup-btm-left-item-02 .home-pickup-btm-left-item-text p {
  color: #383a60;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-item-02 {
    margin-left: auto;
  }
  .home-pickup-btm-left-item-02 .home-pickup-btm-left-item-content {
    justify-content: flex-start;
    flex-direction: row-reverse;
  }
  .home-pickup-btm-left-item-02 .home-pickup-btm-left-item-text {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
  }
}
.home-pickup-btm-left-item-03 .home-pickup-btm-left-item-content p {
  background-color: #bf9c46;
}
.home-pickup-btm-left-item-03 .home-pickup-btm-left-item-content figure {
  border: 2px solid #bf9c46;
}
.home-pickup-btm-left-item-03 .home-pickup-btm-left-item-text p {
  color: #bf9c46;
}
.home-pickup-btm-left-item-03 .home-pickup-btm-left-item-text p::after {
  background-image: url(assets/img/treatment-check-g.webp);
}
.home-pickup-btm-left-item-top {
  display: flex;
  justify-content: center;
  padding: 0 3rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-item-top {
    padding: 0;
  }
}
.home-pickup-btm-left-item-btm {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-item-btm {
    flex-direction: column;
    gap: 1rem;
  }
}
.home-pickup-btm-left-item-content {
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-item-content {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
  }
}
.home-pickup-btm-left-item-content figure {
  border-radius: 30rem;
  overflow: hidden;
}
.home-pickup-btm-left-item-content figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-item-content figure {
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
  }
}
.home-pickup-btm-left-item-content p {
  position: absolute;
  top: -0.9rem;
  right: 3rem;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  padding: 0.6rem 0.4rem;
  color: #FFFFFF;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-item-content p {
    writing-mode: horizontal-tb;
    position: static;
    top: auto;
    right: auto;
    transform: none;
    font-size: 1.5rem;
  }
}
.home-pickup-btm-left-item-text p {
  color: #d80f63;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.1;
  letter-spacing: 0.08em;
  position: relative;
  padding-left: 3.5rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-item-text p {
    padding-left: 2rem;
  }
}
.home-pickup-btm-left-item-text p::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(assets/img/treatment-check.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 3rem;
  height: 3rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-left-item-text p::after {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.home-pickup-btm-right {
  flex-basis: 20%;
  position: relative;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-right {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.home-pickup-btm-right-content {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  padding: 0 1.7rem;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-right-content {
    padding-top: 3rem;
    margin-bottom: 6rem;
  }
}
.home-pickup-btm-right-content p {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  writing-mode: vertical-rl;
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.7rem;
  letter-spacing: 0.3em;
  background-color: #FFFFFF;
  margin: 0 1rem;
  padding: 1rem 0.5rem;
  padding-bottom: 0;
  border-radius: 5px;
}
@media screen and (max-width: 834px) {
  .home-pickup-btm-right-content p {
    background-color: #383a60;
    color: #FFFFFF;
    font-size: 1.5rem;
    padding: 0.5rem 0.8rem;
    line-height: 1;
    margin: 0;
    margin-left: 1rem;
  }
}
.home-pickup-btm-right-01 {
  border-top: 2px solid #383a60;
}
.home-pickup-btm-right-02 {
  border-top: 2px solid #d80f63;
}
.home-pickup-btm-right-03 {
  border-top: 2px solid #bf9c46;
}
.home-pickup-btm-right-text {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
  color: var(--GrayDark, #626671);
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem;
  letter-spacing: 0.065rem;
}
.home-reason {
  background-image: url(assets/img/reason-bg.webp);
  background-size: contain;
  background-position: center center;
  padding: 8rem 0;
}
@media screen and (max-width: 834px) {
  .home-reason {
    background-image: url(assets/img/reason-bg-sp.webp);
    padding: 4rem 0;
  }
  .home-reason .section-title-ja {
    font-size: 2rem;
    letter-spacing: 0.08em;
    justify-content: center;
    margin-bottom: 0.5rem;
  }
  .home-reason .section-title-ja:after {
    display: none;
  }
  .home-reason .section-title-ja:before {
    display: none;
  }
}
.home-reason-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 834px) {
  .home-reason-item {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 3rem;
  }
}
.home-reason-item:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 834px) {
  .home-reason-item:nth-child(even) {
    flex-direction: column;
  }
}
.home-reason-item-left {
  flex-basis: 50%;
}
.home-reason-item-right {
  flex-basis: 50%;
}
@media screen and (max-width: 834px) {
  .home-reason-item-right {
    width: 100%;
  }
}
.home-reason-item-right-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 834px) {
  .home-reason-item-right-title {
    align-items: flex-start;
    margin-bottom: 0;
  }
}
.home-reason-item-right-title h3, .home-reason-item-right-title .kp-was-h3 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (max-width: 834px) {
  .home-reason-item-right-title h3, .home-reason-item-right-title .kp-was-h3 {
    font-size: 2.5rem;
  }
}
.home-reason-item-right-title figure {
  width: 12rem;
}
@media screen and (max-width: 834px) {
  .home-reason-item-right-title figure {
    width: 6rem;
  }
}
.home-reason-item-right-content p {
  position: relative;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4;
  letter-spacing: 0.05em;
  border-bottom: 1px dashed var(--MainDark, #383A60);
  padding-left: 4rem;
}
.home-reason-item-right-content p:before {
  content: "";
  background-image: url(assets/img/arrow-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1.7rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .home-reason-item-right-content p:before {
    left: 0.6rem;
    height: 1.25rem;
  }
}
.home-reason-item-right-content p span {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .home-reason-item-right-content p {
    font-size: 1.4rem;
    padding-left: 2.5rem;
  }
}
.home-reason .home-section-btn {
  margin: 0 auto;
}
.home-cta-02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10rem 0;
  background-image: url(assets/img/cta-bg.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 834px) {
  .home-cta-02 {
    padding: 4rem 0;
  }
}
.home-cta-02-text {
  margin-bottom: 1.5rem;
}
.home-cta-02-text h2, .home-cta-02-text .kp-was-h2 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.193;
  margin-bottom: 1.5rem;
  text-align: center;
}
.home-cta-02-text h2 span, .home-cta-02-text .kp-was-h2 span {
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .home-cta-02-text h2, .home-cta-02-text .kp-was-h2 {
    font-size: 3rem;
  }
}
.home-cta-02-text p {
  color: #383a60;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .home-cta-02-text p {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.home-cta-02 .home-cta-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.home-cta-02 .home-cta-btn-list {
  align-items: stretch;
}
@media screen and (max-width: 834px) {
  .home-cta-02 .home-cta-btn-list {
    flex-direction: column;
  }
}
.home-cta-02 .home-cta-btn-list-inner {
  flex-basis: 66.6%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1rem;
}
.home-cta-02 .home-cta-right-tel {
  flex-basis: 33.3%;
  margin-bottom: 0;
}
.home-cta-02 .home-cta-btn {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home-cta-02.sp_only {
  background-image: url(assets/img/home-cta-sp.webp);
  background-size: cover;
}
.home-doctor {
  background-color: #d80f63;
  background-image: url(assets/img/doctor-bg.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 10rem;
}
@media screen and (max-width: 834px) {
  .home-doctor {
    padding-top: 4rem;
  }
}
.home-doctor .com-contentWidth {
  padding-right: 0;
  max-width: 1600px;
}
@media screen and (max-width: 834px) {
  .home-doctor .com-contentWidth {
    padding: 0 3rem;
  }
}
.home-doctor-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 6rem;
}
@media screen and (max-width: 834px) {
  .home-doctor-content {
    flex-direction: column-reverse;
    gap: 2rem;
  }
}
.home-doctor-content-left {
  flex-basis: 45%;
  margin-bottom: 10rem;
}
@media screen and (max-width: 834px) {
  .home-doctor-content-left {
    width: 100%;
    margin-bottom: 4rem;
  }
}
.home-doctor-content-left-title {
  color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.095em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .home-doctor-content-left-title {
    font-size: 1.5rem;
  }
}
.home-doctor-content-left-name {
  color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-size: 5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 834px) {
  .home-doctor-content-left-name {
    font-size: 4rem;
  }
}
.home-doctor-content-left-text {
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .home-doctor-content-left-text {
    font-size: 1.4rem;
  }
}
.home-doctor-content-left-info {
  border-radius: 20px;
  background: #ca718d;
  padding: 1rem 2rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 834px) {
  .home-doctor-content-left-info {
    margin-bottom: 1rem;
  }
}
.home-doctor-content-left-info p {
  position: relative;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7;
  padding-left: 2.4rem;
}
.home-doctor-content-left-info p:before {
  content: "";
  background-image: url(assets/img/arrow-icon-w.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.home-doctor-content-left .home-section-btn {
  background-color: #383a60;
}
@media screen and (min-width: 835px) {
  .home-doctor-content-left .home-section-btn {
    transition: all 0.5s ease-out;
  }
  .home-doctor-content-left .home-section-btn:hover {
    background-color: #FFFFFF;
    color: #383a60;
    box-shadow: inset 0 0 0 1px #383a60;
  }
}
.home-doctor-content-right {
  flex-basis: 55%;
  position: relative;
}
@media screen and (max-width: 834px) {
  .home-doctor-content-right {
    width: 100%;
  }
}
.home-doctor-content-right figure {
  position: absolute;
  bottom: 0;
  right: 1.6rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 70rem;
}
@media screen and (max-width: 834px) {
  .home-doctor-content-right figure {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: none;
  }
}
.home-group {
  background: linear-gradient(rgba(56, 58, 96, 0.98)), url(assets/img/group-bg.webp);
  background-size: cover;
  background-position: center center;
  padding-top: 12rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 834px) {
  .home-group {
    padding-top: 3.5rem;
    padding-bottom: 3rem;
  }
}
.home-group .com-contentWidth {
  max-width: 1600px;
}
@media screen and (max-width: 834px) {
  .home-group .com-contentWidth {
    padding: 0;
  }
}
.home-group-section-title {
  color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.27rem;
  padding: 2rem 4rem;
  margin-bottom: 2.5rem;
  border-top: 1px dashed #FFFFFF;
  border-bottom: 1px dashed #FFFFFF;
  position: relative;
}
@media screen and (max-width: 834px) {
  .home-group-section-title {
    font-size: 2rem;
    padding-right: 0;
    padding: 1rem 2rem;
    padding-left: 4rem;
    padding-right: 0;
    margin-bottom: 1rem;
  }
}
.home-group-section-title::before {
  content: "";
  background-image: url(assets/img/home-heart.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
  .home-group-section-title::before {
    width: 3.1rem;
    height: 3.1rem;
  }
}
.home-group-title {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 2rem;
  position: relative;
  margin-bottom: 8rem;
}
@media screen and (max-width: 834px) {
  .home-group-title {
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
  }
}
.home-group-title-img {
  position: absolute;
  top: -5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-group-title-img img {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .home-group-title-img {
    transform: scale(2.5);
    top: 5rem;
  }
}
.home-group-title-left {
  position: relative;
  flex-basis: 10%;
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .home-group-title-left {
    width: 23%;
  }
}
.home-group-title-right {
  position: relative;
  z-index: 2;
}
.home-group-title-right h2, .home-group-title-right .kp-was-h2 {
  color: #FFFFFF;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.61;
  margin-bottom: 1rem;
}
.home-group-title-right h2 span, .home-group-title-right .kp-was-h2 span {
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (max-width: 834px) {
  .home-group-title-right h2, .home-group-title-right .kp-was-h2 {
    text-align: center;
    font-size: 2.1rem;
  }
  .home-group-title-right h2 span, .home-group-title-right .kp-was-h2 span {
    font-size: 4rem;
    line-height: 1.2;
  }
}
.home-group-title-right p {
  color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .home-group-title-right p {
    text-align: center;
    line-height: 1.6;
  }
}
.home-group-about {
  padding: 0 3rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 6rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 834px) {
  .home-group-about {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
  }
}
.home-group-about-left {
  flex-basis: 50%;
}
.home-group-about-left p {
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .home-group-about-left p {
    font-size: 1.4rem;
  }
}
.home-group-about-right {
  flex-basis: 50%;
}
.home-group-greeting {
  padding: 0 3rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 834px) {
  .home-group-greeting {
    margin-bottom: 2rem;
  }
}
.home-group-greeting-content {
  position: relative;
  background-image: url(assets/img/group-greeting-bg.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10rem;
  gap: 6rem;
}
@media screen and (max-width: 834px) {
  .home-group-greeting-content {
    flex-direction: column;
    padding-left: 0;
    padding: 2rem;
    padding-bottom: 0;
    gap: 0;
  }
}
.home-group-greeting-content-left h2, .home-group-greeting-content-left .kp-h2, .home-group-greeting-content-left .kp-was-h2 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 1rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 834px) {
  .home-group-greeting-content-left h2, .home-group-greeting-content-left .kp-h2, .home-group-greeting-content-left .kp-was-h2 {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
}
.home-group-greeting-content-left p {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 3rem;
  max-width: 54rem;
}
@media screen and (max-width: 834px) {
  .home-group-greeting-content-left p {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
}
.home-group-greeting-content-left h3, .home-group-greeting-content-left .kp-was-h3 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .home-group-greeting-content-left h3, .home-group-greeting-content-left .kp-was-h3 {
    font-size: 2.2rem;
  }
}
.home-group-greeting-content-right-img {
  width: 100%;
  max-width: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .home-group-greeting-content-right-img {
    width: 50%;
    max-width: none;
    margin-left: auto;
    margin-top: -5rem;
  }
}
.home-group-greeting-content-right-name {
  position: absolute;
  bottom: 4.2rem;
  right: 4.8rem;
}
.home-group-greeting-content-right-name img {
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: difference;
}
@media screen and (max-width: 834px) {
  .home-group-greeting-content-right-name {
    width: 16rem;
    bottom: 2rem;
    right: auto;
    left: 4rem;
  }
}
.home-group-specialist {
  padding: 0 3rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 834px) {
  .home-group-specialist {
    margin-bottom: 2rem;
  }
}
.home-group-specialist-text {
  color: #F0EDED;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
  margin-bottom: 3rem;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-text {
    font-size: 1.4rem;
    text-align: left;
    margin-bottom: 1rem;
  }
}
.home-group-specialist-list-content {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-content {
    flex-wrap: wrap;
  }
}
.home-group-specialist-list-item {
  position: relative;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-item {
    flex-basis: 50%;
  }
}
.home-group-specialist-list-item-title {
  position: absolute;
  bottom: 6.6rem;
  right: 1.4rem;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-item-title {
    bottom: 3.8rem;
    right: 1.2rem;
  }
}
.home-group-specialist-list-item-title-en {
  color: #FFFFFF;
  text-align: right;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  font-family: "Quattrocento";
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1.3px;
  text-align: left;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-item-title-en {
    font-size: 1rem;
  }
}
.home-group-specialist-list-item-title-jp {
  color: #383a60;
  text-align: center;
  -webkit-text-stroke: 2px #FFFFFF;
  paint-order: stroke fill;
  font-family: "Noto Serif JP", serif;
  font-size: 6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3px;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-item-title-jp {
    font-size: 2.5rem;
  }
}
.home-group-specialist-list-item-genre {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color: #FFFFFF;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.05em;
  background-color: #383a60;
  padding: 1.4rem 1rem;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-item-genre {
    font-size: 1.6rem;
    padding: 0.6rem;
    top: 0.5rem;
    left: 0.5rem;
  }
}
.home-group-specialist-list-item-name {
  background-color: #FFFFFF;
  color: #383a60;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.2em;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-item-name {
    font-size: 1.6rem;
    height: 3rem;
  }
}
.home-group-specialist-list-item:nth-child(even) {
  display: flex;
  flex-direction: column-reverse;
}
.home-group-specialist-list-item:nth-child(even) .home-group-specialist-list-item-genre {
  top: 5rem;
}
.home-group-specialist-list-item:nth-child(even) .home-group-specialist-list-item-title {
  bottom: 1.6rem;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-item:nth-child(even) {
    flex-direction: column;
  }
  .home-group-specialist-list-item:nth-child(even) .home-group-specialist-list-item-genre {
    top: 0.5rem;
    left: 0.5rem;
  }
  .home-group-specialist-list-item:nth-child(even) .home-group-specialist-list-item-title {
    bottom: 3.8rem;
    right: 1.2rem;
  }
}
.home-group-specialist-list-top {
  position: relative;
}
.home-group-specialist-list-top-text {
  width: 100%;
  position: absolute;
  bottom: 4.7rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-top-text {
    position: static;
    bottom: auto;
    left: auto;
    transform: none;
    margin-bottom: 1rem;
  }
}
.home-group-specialist-list-top-text:after {
  content: "";
  background-image: url(assets/img/group-specialist-logo.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20rem;
  height: 20rem;
  position: absolute;
  bottom: 0;
  left: 7rem;
  z-index: -1;
}
.home-group-specialist-list-top-text p {
  text-align: center;
  color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-size: 3.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 3rem;
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-top-text p {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 2;
  }
}
.home-group-specialist-list-top-text h4 {
  color: #FFFFFF;
  text-align: center;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Serif JP", serif;
  font-size: 8.9rem;
  font-weight: 500;
  line-height: 1;
  -webkit-text-stroke: 1px #383a60;
  paint-order: stroke fill;
}
.home-group-specialist-list-top-text h4 span {
  color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-size: 7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 835px) and (max-width: 1250px) {
  .home-group-specialist-list-top-text h4 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-top-text h4 {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
  }
  .home-group-specialist-list-top-text h4 span {
    font-size: 1.8rem;
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 834px) {
  .home-group-specialist-list-top figure img {
    margin-bottom: 0.5rem;
  }
}
.home-group-foot {
  color: #FFFFFF;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 834px) {
  .home-group-foot {
    font-size: 1.2rem;
  }
}
.home-treatment {
  padding-top: 12rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 834px) {
  .home-treatment {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .home-treatment .section-title {
    margin-bottom: 1rem;
  }
  .home-treatment .section-title-ja {
    gap: 2rem;
    letter-spacing: 0.09em;
    font-size: 2.1rem;
    justify-content: center;
  }
  .home-treatment .section-title-ja:before, .home-treatment .section-title-ja:after {
    flex: 0.3 0.3 0;
  }
}
.home-treatment-text {
  text-align: center;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.13;
  letter-spacing: 0.08em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 834px) {
  .home-treatment-text {
    font-size: 1.4rem;
    text-align: left;
    margin-bottom: 1.5rem;
  }
}
.home-treatment-items {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (max-width: 834px) {
  .home-treatment-items {
    flex-direction: column;
    gap: 1rem;
  }
}
.home-treatment-item {
  flex-basis: calc(50% - 1rem);
  border-radius: 20px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  background-color: #FFFFFF;
}
.home-treatment-item-top {
  position: relative;
}
.home-treatment-item-top-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2rem;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-top-content {
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    inset: 0;
    padding: 1rem;
    box-sizing: border-box;
  }
}
.home-treatment-item-top figure img {
  display: block;
  width: 100%;
  height: auto;
}
.home-treatment-item-top-text h3, .home-treatment-item-top-text .kp-was-h3 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1em;
}
.home-treatment-item-top-text p {
  color: #383a60;
  font-family: "Quattrocento";
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-top-text p {
    font-size: 1.1rem;
  }
}
.home-treatment-item-top a {
  position: relative;
  display: block;
  padding: 1rem 2rem 1rem 2.5rem;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: 0.08em;
  border-radius: 3rem;
  border: 1px solid #383a60;
  background: #FFFFFF;
  padding-right: 4rem;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-top a {
    align-self: flex-end;
    flex-shrink: 0;
    margin-top: auto;
    padding: 0.8rem 1.5rem 0.8rem 2rem;
    padding-right: 3.5rem;
    font-size: 1.2rem;
  }
}
.home-treatment-item-top a:after {
  content: "";
  background-image: url(assets/img/treatment-arrow.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  transition: transform 0.5s ease-out;
}
@media screen and (min-width: 835px) {
  .home-treatment-item-top a:hover {
    color: #FFFFFF;
    background-color: #383a60;
  }
  .home-treatment-item-top a:hover:after {
    transform: translateY(-50%) translateX(3px);
  }
}
.home-treatment-item-btm {
  padding: 2rem 2.5rem;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-btm {
    padding: 1rem 1.5rem;
  }
}
.home-treatment-item-btm-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  border-bottom: 1px dashed #383a60;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-btm-title {
    flex-direction: column;
    align-items: center;
  }
}
.home-treatment-item-btm-title-left p {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-btm-title-left p {
    text-align: center;
    margin-bottom: 0.8rem;
  }
}
.home-treatment-item-btm-title-left h2, .home-treatment-item-btm-title-left .kp-h2, .home-treatment-item-btm-title-left .kp-was-h2 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-btm-title-left h2, .home-treatment-item-btm-title-left .kp-h2, .home-treatment-item-btm-title-left .kp-was-h2 {
    text-align: center;
    font-size: 2.5rem;
  }
}
.home-treatment-item-btm-title-right {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.17;
  letter-spacing: 0.08em;
}
.home-treatment-item-btm-title-right span {
  color: #d80f63;
  font-family: "Quattrocento";
  font-size: 5rem;
  font-weight: 400;
  line-height: 0.6;
  letter-spacing: -2px;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-btm-title-right {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
  }
  .home-treatment-item-btm-title-right span {
    font-size: 3rem;
    letter-spacing: 0.01em;
  }
}
.home-treatment-item-btm-text {
  position: relative;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.33;
  letter-spacing: 0.05em;
  border-bottom: 1px dashed #383a60;
  padding-left: 4rem;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-btm-text {
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 1rem 0;
    padding-left: 4rem;
  }
}
.home-treatment-item-btm-text span {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2.33;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .home-treatment-item-btm-text span {
    line-height: 1.5;
  }
}
.home-treatment-item-btm-text:before {
  content: "";
  background-image: url(assets/img/treatment-check.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.home-problem {
  padding-top: 12rem;
  padding-bottom: 20rem;
  background-image: url(assets/img/problem-bg.webp);
  background-size: 70% auto;
  background-position: bottom right;
  background-repeat: no-repeat;
}
@media screen and (max-width: 834px) {
  .home-problem {
    padding-top: 0;
    padding-bottom: 4rem;
    background-size: 100% auto;
    background-image: none;
  }
}
.home-problem .section-title-02 .section-title-en {
  color: #d80f63;
}
.home-problem .section-title-02 .section-title-ja {
  color: #383a60;
}
.home-problem .section-title-02 .section-title-ja:after {
  background-color: #383a60;
}
.home-problem .section-title-02 .section-title-text {
  color: #383a60;
}
.home-problem-items {
  width: 90%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media screen and (max-width: 834px) {
  .home-problem-items {
    width: 100%;
    gap: 1rem;
  }
}
.home-problem-item {
  flex-basis: calc(20% - 1.2rem);
  position: relative;
  border-radius: 20px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  background-color: #FFFFFF;
  padding: 2rem 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 835px) {
  .home-problem-item:hover figure::before {
    transform: scale(1.2);
  }
  .home-problem-item:hover img {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 834px) {
  .home-problem-item {
    flex-basis: calc(33.3333333333% - 1rem);
    padding: 1rem 0.5rem;
  }
}
.home-problem-item span {
  position: absolute;
  top: 0.6rem;
  left: 1.3rem;
  color: #d80f63;
  text-align: center;
  font-family: "Quattrocento";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1.5px;
}
.home-problem-item figure {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  aspect-ratio: 1;
  margin-bottom: 0.8rem;
}
.home-problem-item figure::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #EEF1F5;
  border-radius: 100%;
  transition: transform 0.5s ease-out;
}
.home-problem-item figure img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.5s ease-out;
}
.home-problem-item h2, .home-problem-item .kp-h2, .home-problem-item .kp-was-h2 {
  color: #383a60;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.31;
  letter-spacing: 0.08em;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 834px) {
  .home-problem-item h2, .home-problem-item .kp-h2, .home-problem-item .kp-was-h2 {
    font-size: 1.4rem;
  }
}
.home-problem-item p {
  color: #d80f63;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.73;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .home-problem-item p {
    font-size: 1.2rem;
  }
}
.home-case {
  padding-top: 10rem;
  margin-bottom: 10rem;
}
@media screen and (max-width: 834px) {
  .home-case {
    padding-top: 4rem;
  }
}
.home-case-text {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.13;
  letter-spacing: 0.08em;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 834px) {
  .home-case-text {
    font-size: 1.4rem;
  }
}
.home-case-bottom-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
}
.home-case-bottom-nav .home-case-bottom-button-prev,
.home-case-bottom-nav .home-case-bottom-button-next {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  width: 4.4rem;
  height: 4.4rem;
  color: #383a60;
}
.home-case-bottom-nav .home-case-bottom-button-prev::after,
.home-case-bottom-nav .home-case-bottom-button-next::after {
  font-size: 3rem;
  font-weight: 700;
}
@media screen and (max-width: 834px) {
  .home-case-bottom-nav .home-case-bottom-button-prev,
  .home-case-bottom-nav .home-case-bottom-button-next {
    width: 1.3rem;
    height: 1.3rem;
  }
  .home-case-bottom-nav .home-case-bottom-button-prev::after,
  .home-case-bottom-nav .home-case-bottom-button-next::after {
    font-size: 1.4rem;
  }
}
.home-case-bottom-nav-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 834px) {
  .home-case-bottom-nav-box .home-section-btn {
    padding: 0.8rem 2rem;
    flex-basis: fit-content;
  }
}
.home-case-bottom-nav-fraction {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.home-case-bottom {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
}
.home-case-bottom-swiper {
  overflow: visible;
}
.home-case-bottom .swiper-slide {
  height: auto;
  box-sizing: border-box;
  overflow: visible;
  padding-bottom: 1.2rem;
}
.home-case-bottom-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #FFFFFF;
  border-radius: 20px;
  overflow: visible;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 6px 18px rgba(0, 0, 0, 0.14);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
@media screen and (min-width: 835px) {
  .home-case-bottom-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14), 0 10px 28px rgba(0, 0, 0, 0.18);
    transform: translateY(-10px);
  }
}
.home-case-bottom-item-category {
  background-color: #383a60;
  border-radius: 1rem 1rem 0 0;
  padding: 5px 0;
}
.home-case-bottom-item-category h3, .home-case-bottom-item-category .kp-was-h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.4;
  letter-spacing: 0.08em;
  text-align: center;
  padding-left: 2rem;
}
.home-case-bottom-item-category h3:before, .home-case-bottom-item-category .kp-was-h3:before {
  content: "";
  background-image: url(assets/img/folder-icon.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.home-case-bottom-item-pic {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background-color: #EEF1F5;
}
.home-case-bottom-item-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.home-case-bottom-item-text {
  padding: 2rem;
}
.home-case-bottom-item-text-box {
  display: flex;
  margin-bottom: 1.5rem;
}
.home-case-bottom-item-text-box span {
  display: block;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.65px;
  margin-right: 1rem;
}
.home-case-bottom-item-text-box p {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.65px;
}
.home-case-bottom-item-text-box.--break {
  flex-direction: column;
}
.home-case-bottom-item-text-box.--break span {
  margin-right: 0;
  margin-bottom: 1rem;
}
.home .home-case-bottom-item-ttl {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.31;
  margin: 0 0 1rem;
}
.home-blog {
  margin-bottom: 10rem;
}
.home-blog .section-title {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 834px) {
  .home-blog .section-title {
    margin-bottom: 1rem;
  }
}
.home-blog .com-contentWidth .home-section-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 834px) {
  .home-blog .com-contentWidth .home-section-btn {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
}
.home-blog-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2rem;
  border-top: 1px dashed #383a60;
  border-bottom: 1px dashed #383a60;
  padding: 1.8rem 0;
  padding-right: 12rem;
}
@media screen and (max-width: 834px) {
  .home-blog-item {
    padding-right: 0;
  }
}
.home-blog-item:first-child {
  border-bottom: none;
}
.home-blog-item:last-child {
  border-top: none;
}
.home-blog-item::before {
  content: "";
  background-image: url(assets/img/arrow-icon-b.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  background-color: #d80f63;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  transition: transform 0.5s ease-out;
}
@media screen and (max-width: 834px) {
  .home-blog-item::before {
    display: none;
  }
}
@media screen and (min-width: 835px) {
  .home-blog-item:hover::before {
    transform: translateY(-50%) translateX(5px) scale(1.1);
  }
}
.home-blog-item-pic {
  flex: 0 0 16rem;
  width: 16rem;
  min-width: 16rem;
  max-width: 16rem;
  aspect-ratio: 16/12;
  overflow: hidden;
  background-color: #EEF1F5;
  border-radius: 1rem;
  border-radius: 10px;
  border: 1px solid #383a60;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-blog-item-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (max-width: 834px) {
  .home-blog-item-pic {
    min-width: 8rem;
    max-width: 8rem;
  }
}
.home-blog-item-date {
  color: #d80f63;
  font-family: "Quattrocento";
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 834px) {
  .home-blog-item-date {
    font-size: 1.2rem;
  }
}
.home-blog-item-title {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 834px) {
  .home-blog-item-title {
    font-size: 1.5rem;
  }
}
.home-blog-item-description {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.home-equipment {
  position: relative;
  background-image: url(assets/img/equipment-bg.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100vh;
}
@media screen and (max-width: 834px) {
  .home-equipment {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7rem 3rem;
    height: auto;
  }
}
@media screen and (max-width: 834px) {
  .home-equipment figure {
    width: 100%;
  }
  .home-equipment figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.home-equipment-text {
  position: relative;
  border-radius: 2rem;
  padding: 6rem 8rem;
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url(assets/img/home-character-03.webp);
  background-size: 40%;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 834px) {
  .home-equipment-text {
    padding: 3rem;
    background-size: 60%;
  }
}
.home-equipment-text-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 834px) {
  .home-equipment-text-wrap {
    position: static;
    transform: none;
  }
}
.home-equipment-text figure {
  width: 50%;
  position: absolute;
  top: -6rem;
  right: 0;
}
.home-equipment-text figure img {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .home-equipment-text figure {
    width: 25%;
    top: 0;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    min-width: 16rem;
  }
}
.home-equipment-text h2, .home-equipment-text .kp-was-h2 {
  margin-bottom: 2rem;
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 2rem;
}
@media screen and (max-width: 834px) {
  .home-equipment-text h2, .home-equipment-text .kp-was-h2 {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 1rem;
  }
}
.home-equipment-description {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.13;
  letter-spacing: 0.08em;
  margin-bottom: 2rem;
}
.home-equipment-description span {
  color: #d80f63;
  font-weight: 600;
}
@media screen and (max-width: 834px) {
  .home-equipment-description {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 834px) {
  .home-equipment .home-section-btn {
    margin: 0 auto;
  }
}
.home-instagram {
  background-image: url(assets/img/reason-bg.webp);
  background-size: contain;
  background-position: center center;
  background-repeat: repeat;
  padding: 10rem 0;
}
@media screen and (max-width: 834px) {
  .home-instagram {
    padding: 4rem 0;
    background-image: url(assets/img/reason-bg-sp.webp);
  }
}
.home-instagram .section-title figure {
  width: 30%;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 834px) {
  .home-instagram .section-title figure {
    width: 70%;
    max-width: 22rem;
  }
}
.home-instagram-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media all and (min-width: 835px) and (max-width: 859px) {
  .home-treatment-list {
    max-width: 600px;
    margin: 0 auto;
  }
}
@media all and (min-width: 860px) and (max-width: 1099px) {
  .home-treatment-list {
    max-width: 800px;
    margin: 0 auto;
  }
}
@media all and (min-width: 1100px) and (max-width: 1250px) {
  .home-treatment-list {
    max-width: 1000px;
    margin: 0 auto;
  }
}


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

@media screen and (max-width: 834px) {
  
}
.page-hero-content-photo01-inner {
  padding: 50px 50px 0px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo01-inner {
    padding: 60px 5% 0px;
  }
}
.page-hero-content-photo01 .page-hero-content-nav {
  margin: 0 auto 50px;
  padding: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.page-hero-content-photo01 .page-hero-content-nav-list {
  display: flex;
}
.page-hero-content-photo01 .page-hero-content-nav-list-item:first-child .page-hero-content-nav-list-item-link {
  border-left: none;
}
.page-hero-content-photo01 .page-hero-content-nav-list-item-link {
  display: block;
  padding: 0 20px;
  color: #383a60;
  border-left: 1px solid #e6e3df;
  transition: color 0.3s;
}
.page-hero-content-photo01 .page-hero-content-nav-list-item-link:hover {
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo01 .page-hero-content-nav-list-item-link:hover {
    color: #383a60;
  }
}
.page-hero-content-photo01-title {
  font-size: 4rem;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo01-title {
    font-size: 3rem;
  }
}
.page-hero-content-photo01-sub {
  font-family: "Outfit";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  color: #d80f63;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo01-sub {
    margin-bottom: 30px;
  }
}
.page-hero-content-photo01-img {
  position: relative;
  width: 100%;
  height: auto;
}
.page-hero-content-photo01-img-bg {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 1920/560;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo01-img-bg {
    aspect-ratio: 390/200;
  }
}
.page-hero-content-photo01-img .com-topic_path-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo01-img .com-topic_path-wrap {
    position: static;
  }
}
.page-hero-content-photo01._no_img {
  padding: 50px 50px 0px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo01._no_img {
    padding: 60px 5% 0px;
  }
}
.page-hero-content-photo02-inner {
  padding: 0px 0px 0px 50px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02-inner {
    padding: 20px 0px 0px;
  }
}
.page-hero-content-photo02-top {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02-top {
    flex-direction: column;
  }
}
.page-hero-content-photo02-top-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  width: 50%;
  padding-right: 100px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02-top-left {
    gap: 20px;
    width: 100%;
    padding: 0px 5% 20px;
  }
}
.page-hero-content-photo02-top-right {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02-top-right {
    width: 100%;
  }
}
.page-hero-content-photo02-top-right img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02-top-right img {
    height: auto;
    aspect-ratio: 390/200;
  }
}
.page-hero-content-photo02 .page-hero-content-nav {
  margin: 30px auto 50px;
  padding: 0 50px;
  width: -moz-fit-content;
  width: fit-content;
}
.page-hero-content-photo02 .page-hero-content-nav-list {
  display: flex;
}
.page-hero-content-photo02 .page-hero-content-nav-list-item {
  position: relative;
  padding-right: 13px;
}
.page-hero-content-photo02 .page-hero-content-nav-list-item::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% + 0.2rem);
  right: 6.5px;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: center;
  width: 0;
  height: 18.382px;
  border-left: 1px solid #F0EDED;
}
.page-hero-content-photo02 .page-hero-content-nav-list-item:last-child {
  padding-right: 0px;
}
.page-hero-content-photo02 .page-hero-content-nav-list-item:last-child::after {
  display: none;
}
.page-hero-content-photo02 .page-hero-content-nav-list-item-link {
  display: block;
  padding: 0 8px 0;
  color: #383a60;
  transition: color 0.3s;
}
.page-hero-content-photo02 .page-hero-content-nav-list-item-link:hover {
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02 .page-hero-content-nav-list-item-link:hover {
    color: #383a60;
  }
}
.page-hero-content-photo02-title {
  font-size: 3rem;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02-title {
    font-size: 2.6rem;
  }
}
.page-hero-content-photo02-title-wrap {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 2px solid #383a60;
}
.page-hero-content-photo02-sub {
  font-family: "Quattrocento";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  color: #d80f63;
}
.page-hero-content-photo02 .com-topic_path-wrap {
  padding: 0px;
}
.page-hero-content-photo02 .com-topic_path ul {
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02 .com-topic_path ul {
    flex-direction: row;
  }
}
.page-hero-content-photo02 .com-topic_path ul li, .page-hero-content-photo02 .com-topic_path ul a {
  color: #383a60;
}
.page-hero-content-photo02 .com-topic_path ul li .icon_arrow {
  fill: #383a60;
  margin-left: 5px;
}
.page-hero-content-photo02 .com-topic_path ul a svg {
  fill: #383a60;
}
.page-hero-content-photo02._no_img .page-hero-content-photo02-top {
  padding: 60px 50px 50px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02._no_img .page-hero-content-photo02-top {
    padding: 60px 5% 30px;
  }
}
.page-hero-content-photo02._no_img .page-hero-content-photo02-top-left {
  width: 78.5%;
  height: auto;
  padding: 0;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo02._no_img .page-hero-content-photo02-top-left {
    width: 100%;
  }
}
.page-hero-content-photo02._no_img .com-topic_path-wrap {
  padding: 0px;
}
.page-hero-content-photo02._no_img .com-topic_path ul {
  flex-direction: row;
  gap: 8px;
}
.page-hero-content-photo02._no_img .com-topic_path ul li, .page-hero-content-photo02._no_img .com-topic_path ul a {
  color: #383a60;
}
.page-hero-content-photo02._no_img .com-topic_path ul li .icon_arrow {
  fill: #383a60;
  margin-left: 5px;
}
.page-hero-content-photo02._no_img .com-topic_path ul a svg {
  fill: #383a60;
}
.page-hero-content-photo02._no_img .page-hero-content-photo02-nav {
  width: 100%;
  background-color: #eff2f7;
  padding: 20px 50px;
  margin: 0 0 50px;
}

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

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

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

@media screen and (max-width: 834px) {
  
}
.page-hero-content-photo03 .page-hero-content-nav {
  margin: 30px auto 50px;
  padding: 0 50px 20px;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #F0EDED;
}
.page-hero-content-photo03 .page-hero-content-nav-list {
  display: flex;
}
.page-hero-content-photo03 .page-hero-content-nav-list-item {
  position: relative;
  padding-right: 13px;
}
.page-hero-content-photo03 .page-hero-content-nav-list-item::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% + 0.2rem);
  right: 6.5px;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: center;
  width: 0;
  height: 18.382px;
  border-left: 1px solid #F0EDED;
}
.page-hero-content-photo03 .page-hero-content-nav-list-item:last-child {
  padding-right: 0px;
}
.page-hero-content-photo03 .page-hero-content-nav-list-item:last-child::after {
  display: none;
}
.page-hero-content-photo03 .page-hero-content-nav-list-item-link {
  display: block;
  padding: 0 8px 0;
  color: #383a60;
  transition: color 0.3s ease-out;
}
.page-hero-content-photo03 .page-hero-content-nav-list-item-link:hover {
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .page-hero-content-photo03 .page-hero-content-nav-list-item-link:hover {
    color: #383a60;
  }
}

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




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




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

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





.page-hero-content-photo03._no_img .page-hero-content-photo03-nav {
  width: 100%;
  background-color: #FFFFFF;
  padding: 20px 50px;
  margin: 0 0 50px;
}
.page-hero-content-photo03._no_img .page-hero-content-photo03-nav-list {
  justify-content: center;
}
.page-hero-content-smart01-top {
  position: relative;
  width: 100%;
  height: 250px;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart01-top {
    height: auto;
  }
}
.page-hero-content-smart01-top-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
}
.page-hero-content-smart01-top .com-topic_path-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart01-top .com-topic_path-wrap {
    position: static;
  }
}
.page-hero-content-smart01-top .com-topic_path ul li, .page-hero-content-smart01-top .com-topic_path ul a {
  color: #383a60;
}
.page-hero-content-smart01-top .com-topic_path ul li .icon_arrow {
  fill: #383a60;
  margin-left: 5px;
}
.page-hero-content-smart01-top .com-topic_path ul a svg {
  fill: #383a60;
}
.page-hero-content-smart01-title {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #FFFFFF;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart01-title {
    font-size: 3rem;
  }
}
.page-hero-content-smart01-title-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart01-title-wrap {
    height: 180px;
  }
}
.page-hero-content-smart01-sub {
  font-family: "Outfit";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  color: #d80f63;
  text-align: center;
}
.page-hero-content-smart01 .page-hero-content-nav {
  margin: 30px auto 50px;
  padding: 0 50px;
  width: -moz-fit-content;
  width: fit-content;
}
.page-hero-content-smart01 .page-hero-content-nav-list {
  display: flex;
}
.page-hero-content-smart01 .page-hero-content-nav-list-item:first-child .page-hero-content-nav-list-item-link {
  border-left: none;
}
.page-hero-content-smart01 .page-hero-content-nav-list-item-link {
  display: block;
  padding: 0 20px;
  color: #383a60;
  border-left: 1px solid #e6e3df;
  transition: color 0.3s;
}
.page-hero-content-smart01 .page-hero-content-nav-list-item-link:hover {
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart01 .page-hero-content-nav-list-item-link:hover {
    color: #383a60;
  }
}
.page-hero-content-smart01._no_img .page-hero-content-smart01-top {
  background-color: #eff2f7;
}
.page-hero-content-smart01._no_img .page-hero-content-smart01-title {
  color: #383a60;
}
.page-hero-content-smart02 {
  position: relative;
  width: 100%;
  height: 330px;
  padding-bottom: 70px;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart02 {
    height: 250px;
    padding-bottom: 0;
  }
}
.page-hero-content-smart02-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart02-img {
    height: 100%;
  }
}
.page-hero-content-smart02 .com-topic_path-wrap {
  background-color: rgba(255, 255, 255, 0);
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart02 .com-topic_path-wrap {
    padding: 25px 0;
  }
}
.page-hero-content-smart02 .com-topic_path ul li, .page-hero-content-smart02 .com-topic_path ul a {
  color: #FFFFFF;
}
.page-hero-content-smart02 .com-topic_path ul li .icon_arrow {
  fill: #FFFFFF;
  margin-left: 5px;
}
.page-hero-content-smart02 .com-topic_path ul a svg {
  fill: #FFFFFF;
}
.page-hero-content-smart02-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 15px;
}
.page-hero-content-smart02-title-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart02-title-wrap {
    padding: 0 5%;
  }
}
.page-hero-content-smart02-sub {
  font-family: "Outfit";
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart02-sub {
    font-size: 3.5rem;
  }
}
.page-hero-content-smart02-bar {
  width: 500px;
  border-bottom: 2px solid #FFFFFF;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart02-bar {
    width: 100%;
  }
}
.page-hero-content-smart02 .page-hero-content-nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 15px;
  width: -moz-fit-content;
  width: fit-content;
  height: 70px;
  background-color: #FFFFFF;
  border: 1px solid #eff2f7;
  border-radius: 100vh;
}
.page-hero-content-smart02 .page-hero-content-nav-list {
  display: flex;
  align-items: center;
  height: 100%;
}
.page-hero-content-smart02 .page-hero-content-nav-list-item:first-child .page-hero-content-nav-list-item-link {
  border-left: none;
}
.page-hero-content-smart02 .page-hero-content-nav-list-item-link {
  display: block;
  padding: 0 20px;
  color: #383a60;
  border-left: 1px solid #e6e3df;
  transition: color 0.3s;
  text-wrap: nowrap;
}
.page-hero-content-smart02 .page-hero-content-nav-list-item-link:hover {
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart02 .page-hero-content-nav-list-item-link:hover {
    color: #383a60;
  }
}
.page-hero-content-smart02._no_img {
  position: relative;
  width: 100%;
  height: 330px;
  padding-bottom: 70px;
  background: linear-gradient(to bottom, #383a60 calc(100% - 30px), #FFFFFF calc(100% - 30px));
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart02._no_img {
    height: 250px;
    padding-bottom: 0;
    background: #383a60;
  }
}
.page-hero-content-smart02._no_img .com-topic_path-wrap {
  background-color: rgba(255, 255, 255, 0);
}
@media screen and (max-width: 834px) {
  .page-hero-content-smart02._no_img .com-topic_path-wrap {
    padding: 25px 0;
  }
}
.page-hero-content-smart02._no_img .com-topic_path ul li, .page-hero-content-smart02._no_img .com-topic_path ul a {
  color: #FFFFFF;
}
.page-hero-content-smart02._no_img .com-topic_path ul li .icon_arrow {
  fill: #FFFFFF;
  margin-left: 5px;
}
.page-hero-content-smart02._no_img .com-topic_path ul a svg {
  fill: #FFFFFF;
}
.page-hero-content-smart02._no_img .page-hero-content-smart01-top {
  background-color: #eff2f7;
}
.page-hero-content-smart02._no_img .page-hero-content-smart01-title {
  color: #383a60;
}
.page-hero-content-simple01 {
  position: relative;
  width: 100%;
  height: 210px;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .page-hero-content-simple01 {
    height: auto;
  }
}
.page-hero-content-simple01-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
}
.page-hero-content-simple01-text {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 30px 50px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-simple01-text {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px 5%;
  }
}
.page-hero-content-simple01 .com-topic_path-wrap {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  overflow: visible;
}
@media screen and (max-width: 834px) {
  .page-hero-content-simple01 .com-topic_path-wrap {
    overflow-x: scroll;
  }
}
.page-hero-content-simple01 .com-topic_path ul {
  flex-direction: column;
}
@media screen and (max-width: 834px) {
  .page-hero-content-simple01 .com-topic_path ul {
    flex-direction: row;
  }
}
.page-hero-content-simple01 .com-topic_path ul li, .page-hero-content-simple01 .com-topic_path ul a {
  color: #383a60;
}
.page-hero-content-simple01 .com-topic_path ul li .icon_arrow {
  fill: #383a60;
  margin-left: 5px;
}
.page-hero-content-simple01 .com-topic_path ul a svg {
  fill: #383a60;
}
.page-hero-content-simple01-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  color: #383a60;
}
@media screen and (max-width: 834px) {
  .page-hero-content-simple01-title {
    margin-bottom: 20px;
  }
}
.page-hero-content-simple01-title-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.page-hero-content-simple01-sub {
  font-family: "Outfit";
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
  color: #383a60;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .page-hero-content-simple01-sub {
    font-size: 3.5rem;
  }
}
.page-hero-content-simple01._no_img {
  position: relative;
  width: 100%;
  height: 210px;
  z-index: 1;
  background-color: #eff2f7;
}
@media screen and (max-width: 834px) {
  .page-hero-content-simple01._no_img {
    height: auto;
  }
}
.page-hero-content-simple01._no_img .com-topic_path-wrap {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  overflow: visible;
}
@media screen and (max-width: 834px) {
  .page-hero-content-simple01._no_img .com-topic_path-wrap {
    overflow-x: scroll;
  }
}
.page-hero-content-simple01._no_img .com-topic_path ul {
  flex-direction: column;
}
@media screen and (max-width: 834px) {
  .page-hero-content-simple01._no_img .com-topic_path ul {
    flex-direction: row;
  }
}
.page-hero-content-simple01._no_img .com-topic_path ul li, .page-hero-content-simple01._no_img .com-topic_path ul a {
  color: #383a60;
}
.page-hero-content-simple01._no_img .com-topic_path ul li .icon_arrow {
  fill: #383a60;
  margin-left: 5px;
}
.page-hero-content-simple01._no_img .com-topic_path ul a svg {
  fill: #383a60;
}
.page-contact-contentWidth {
  width: 100%;
  max-width: 900px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 834px) {
  .page-contact-contentWidth {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.page-contact-contentWidth .com-h2-small {
  text-align: center;
  margin-bottom: 40px;
}
.page-contact-tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 40px;
  font-family: "Outfit";
  font-size: 4rem;
  line-height: 1;
}
.page-contact-tel-img {
  width: 32px;
  height: auto;
}
.page-contact-tel-link {
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .page-contact-tel-link {
    pointer-events: auto;
  }
}
.page-contact-txt {
  padding-bottom: 50px;
  margin-bottom: 60px;
  border-bottom: 1px solid #C1C9CF;
}
@media screen and (max-width: 834px) {
  .page-contact-txt {
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}
.page-contact-table {
  width: 100%;
}
.page-contact-table-required {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
  color: #CEA1A1;
}
@media screen and (max-width: 834px) {
  .page-contact-table-required {
    margin-left: 10px;
  }
}
.page-contact-table-required:first-child {
  margin-left: 10px;
}
@media screen and (max-width: 834px) {
  .page-contact-table tr th, .page-contact-table tr td {
    display: block;
    width: 100%;
  }
}
.page-contact-table tr th {
  width: 200px;
  padding-bottom: 20px;
  text-align: left;
  vertical-align: top;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.1;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .page-contact-table tr th {
    width: 100%;
    padding-bottom: 10px;
  }
}
.page-contact-table tr td {
  padding-bottom: 20px;
  vertical-align: top;
}
@media screen and (max-width: 834px) {
  .page-contact-table tr td .wpcf7-list-item {
    margin-bottom: 10px;
  }
}
.page-contact-table tr td .wpcf7-radio {
  display: flex;
  flex-direction: column;
}
.page-contact-table tr td .wpcf7-radio .wpcf7-list-item {
  margin-left: 0;
}
.page-contact-table tr td .wpcf7-radio .wpcf7-list-item input {
  display: none;
}
.page-contact-table tr td .wpcf7-radio .wpcf7-list-item label {
  cursor: pointer;
  padding-left: 38px;
  position: relative;
}
.page-contact-table tr td .wpcf7-radio .wpcf7-list-item label::before,
.page-contact-table tr td .wpcf7-radio .wpcf7-list-item label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.page-contact-table tr td .wpcf7-radio .wpcf7-list-item label::before {
  background-color: #fff;
  border: 2px solid #d80f63;
  height: 22px;
  width: 22px;
  top: 12px;
  left: 0px;
}
.page-contact-table tr td .wpcf7-radio .wpcf7-list-item label::after {
  background-color: #d80f63;
  opacity: 0;
  height: 14px;
  width: 14px;
  top: 12px;
  left: 6px;
}
.page-contact-table tr td .wpcf7-radio .wpcf7-list-item label:has(input:checked)::after {
  opacity: 1;
}
.page-contact-table tr td .wpcf7-text,
.page-contact-table tr td .wpcf7-select,
.page-contact-table tr td .wpcf7-textarea {
  width: 100%;
  padding: 15px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.05em;
  border: 2px solid #d80f63;
  outline: none;
}
.page-contact-table tr td .wpcf7-text::-moz-placeholder, .page-contact-table tr td .wpcf7-select::-moz-placeholder, .page-contact-table tr td .wpcf7-textarea::-moz-placeholder {
  color: #ADAFB5;
}
.page-contact-table tr td .wpcf7-text::placeholder,
.page-contact-table tr td .wpcf7-select::placeholder,
.page-contact-table tr td .wpcf7-textarea::placeholder {
  color: #ADAFB5;
}
.page-contact-table tr td .wpcf7-select {
  margin-bottom: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='12' viewBox='0 0 21 12' fill='none'%3E%3Cpath d='M1.5 1L10.5 10L19.5 1' stroke='%23303030' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 18px;
  padding-right: 30px;
}
.page-contact-table tr td .wpcf7-list-item-label {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.1;
  letter-spacing: 0.06em;
}
.page-contact-form {
  display: flex;
  justify-content: center;
}
.page-contact-form-inner {
  position: relative;
  width: 250px;
  height: 60px;
  border: solid 1px #d80f63;
  z-index: 1;
}
.page-contact-form-inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #d80f63;
  z-index: -1;
  transition: width 0.3s;
}
.page-contact-form-inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  z-index: -10;
}
.page-contact-form-inner:hover .page-contact-form-inner-txt {
  color: #FFFFFF;
}
.page-contact-form-inner:hover:before {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .page-contact-form-inner:hover .page-contact-form-inner-txt {
    color: #000000;
  }
  .page-contact-form-inner:hover:before {
    width: 0%;
  }
}
.page-contact-form-inner > p:not(.page-contact-form-inner-txt) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
.page-contact-form-inner > p.page-contact-form-inner-txt {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0.05em;
  z-index: 10;
  pointer-events: none;
}
.page-contact-form .wpcf7-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0.05em;
  z-index: 1;
  transition: color 0.3s;
  background-color: transparent;
  border: none;
}
.page-contact-link {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.page-contact-link a {
  padding-bottom: 5px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #d80f63;
  transition: border-color 0.3s;
}
.page-contact-link a:hover {
  border-color: rgba(216, 15, 99, 0);
}
@media screen and (max-width: 834px) {
  .page-contact-link a:hover {
    border-color: #d80f63;
  }
}
@media screen and (max-width: 834px) {
  
}
.page-template-content {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 834px) {
  .page-template-content {
    flex-direction: column;
  }
}
.page-template-content-main {
  width: 100%;
}
.page-template-content-main-icon {
  width: 30px;
  height: auto;
  margin: 0 auto 20px;
}
@media screen and (max-width: 834px) {
  .page-template-content-main-icon {
    width: 25px;
    margin-bottom: 5px;
  }
}
.page-template-content-main-title {
  font-size: 3rem;
  line-height: 1.45;
  letter-spacing: 0.05em;
  padding-bottom: 40px;
  margin-bottom: 40px;
  color: #d3d7e3;
  border-bottom: 1px solid #EEF1F5;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .page-template-content-main-title {
    font-size: 2.5rem;
  }
}
.page-template-content-main-about {
  margin-bottom: 40px;
}
.page-template-content-main-list {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.page-template-content-main-list:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 834px) {
  .page-template-content-main-list {
    flex-direction: column;
    gap: 20px;
  }
}
.page-template-content-main-list-item {
  width: calc((100% - 60px) / 3);
}
@media screen and (max-width: 834px) {
  .page-template-content-main-list-item {
    width: 100%;
  }
}
.page-template-content-main-list-item-link {
  display: block;
  border: 2px solid #F8E88C;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2509803922);
  transition: box-shadow 0.3s;
}
.page-template-content-main-list-item-link:hover {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2509803922);
}
.page-template-content-main-list-item-link-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 280/126;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.page-template-content-main-list-item-link-txt {
  padding: 15px;
}
.page-template-content-main-list-item-link-txt-title {
  font-size: 1.9rem;
  line-height: 1.45;
  letter-spacing: 0.05em;
  color: #d3d7e3;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .page-template-content-main-list-item-link-txt-title {
    font-size: 1.7rem;
  }
}
.page-template-content-main-list-item-link-txt-excerpt {
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .page-template-content-main-list-item-link-txt-excerpt {
    -webkit-line-clamp: 2;
  }
}
.page-template-content-main-list-item-link-txt-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid #EEF1F5;
}
.page-template-content-main-list-item-link-txt-bottom-date {
  font-size: 1.4rem;
  color: #ADAFB5;
}
@media screen and (max-width: 834px) {
  .page-template-content-main-list-item-link-txt-bottom-date {
    font-size: 1.3rem;
  }
}
.page-template-content-main-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.page-template-content-main-pagination .page-numbers {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #EEF1F5;
  color: #F8E88C;
  font-size: 1.4rem;
  font-family: "Outfit";
}
.page-template-content-main-pagination .page-numbers.current {
  color: #FFFFFF;
  pointer-events: none;
}
.page-template-content-main-pagination .page-numbers.current::before {
  background: #383a60;
  width: calc(105% + 30px);
}
.page-template-content-main-pagination .page-numbers.prev, .page-template-content-main-pagination .page-numbers.next {
  background-color: #F8E88C;
}
.page-template-content-main-pagination .page-numbers.prev .pagination-prev,
.page-template-content-main-pagination .page-numbers.prev .pagination-next, .page-template-content-main-pagination .page-numbers.next .pagination-prev,
.page-template-content-main-pagination .page-numbers.next .pagination-next {
  width: 9px;
  height: auto;
}
.page-template-content-main-pagination .page-numbers.prev .pagination-prev, .page-template-content-main-pagination .page-numbers.next .pagination-prev {
  transform: rotate(180deg);
}
.page-template-content-main-pagination .page-numbers.prev:after, .page-template-content-main-pagination .page-numbers.next:after {
  background: #F8E88C;
}
.page-template-content-main-pagination .page-numbers::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: calc(0% + 30px);
  height: auto;
  aspect-ratio: 1/1;
  background: #d80f63;
  transition: width 0.3s;
  border-radius: 100vh;
  z-index: -1;
}
.page-template-content-main-pagination .page-numbers::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  z-index: -10;
}
.page-template-content-main-pagination .page-numbers:hover::before {
  width: calc(105% + 30px);
}
@media screen and (max-width: 834px) {
  .page-template-content-main-pagination .page-numbers:hover::before {
    width: calc(0% + 30px);
  }
}
.page-template-content-main-author {
  font-size: 1.4rem;
  color: #ADAFB5;
  text-align: right;
  margin-bottom: 20px;
}
.page-template-content-main-head {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #EEF1F5;
}
.page-template-content-main-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 5px;
}
.page-template-content-main-head-top-category {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 1.4rem;
  color: #d80f63;
}
.page-template-content-main-head-top-category-icon {
  width: 25px;
  height: auto;
}
.page-template-content-main-head-top-date {
  font-size: 1.4rem;
  color: #212121;
}
.page-template-content-main-head-title {
  margin-top: 20px;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.05em;
}
.page-template-content-main-head-title span {
  color: #d80f63;
}


.page-template-content-main-body .wp-post-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1.95/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 40px;
}
.page-template-content-main-body-desc {
  margin-bottom: 40px;
}
.page-template-content-main-body-case-img {
  position: relative;
  display: flex;
  gap: 70px;
  margin-bottom: 40px;
}
.page-template-content-main-body-case-img-item {
  width: 50%;
}
.page-template-content-main-body-case-img-item h4 {
  margin-top: 0px;
}
.page-template-content-main-body-case-img-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.95/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 5px;
}
.page-template-content-main-body-case-img::before {
  content: "";
  position: absolute;
  top: calc(50% + 20px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background-image: url(assets/img/icon_arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.page-template-content-main-bottom {
  margin-top: 80px;
  padding-top: 40px;
  border-top: 1px solid #EEF1F5;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper {
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 30px 20px 70px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .page-template-content-main-bottom-relevance .single-relevance-swiper {
    overflow: visible;
  }
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-slide {
  border: 1px solid #EEF1F5;
  border-radius: 20px;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2509803922);
  overflow: hidden;
  transition: all 0.5s ease-out;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-slide:hover {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2509803922);
  opacity: 0.7;
  transform: translateY(-5px);
}
@media screen and (max-width: 834px) {
  .page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-slide:hover {
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2509803922);
    opacity: 1;
    transform: none;
  }
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next,
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #F0EDED;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next-icon,
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev-icon {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next::before,
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: calc(0% + 30px);
  height: auto;
  aspect-ratio: 1/1;
  background: #EEF1F5;
  transition: width 0.3s;
  border-radius: 100vh;
  z-index: -1;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next::after,
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F0EDED;
  z-index: -10;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next:hover::before,
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev:hover::before {
  width: calc(105% + 30px);
}
@media screen and (max-width: 834px) {
  .page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next:hover::before,
  .page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev:hover::before {
    width: calc(0% + 30px);
  }
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next {
  right: auto;
  left: 80px;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev {
  left: 20px;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev-icon {
  transform: rotate(180deg);
}
.page-template-content-main-bottom-relevance .single-relevance-swiper .com-link01 {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: 10;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper-link-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 2.22/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper-link-content {
  padding: 15px;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper-link-content-title {
  font-size: 1.9rem;
  line-height: 1.45;
  letter-spacing: 0.05em;
  color: #d80f63;
  margin-bottom: 10px;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper-link-content-excerpt {
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid #EEF1F5;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom-date {
  font-size: 1.4rem;
  color: #ADAFB5;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom-category {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #d3d7e3;
}
.page-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom-category-icon {
  width: 20px;
  height: auto;
  margin-right: 5px;
}
.page-template-content-side {
  width: 220px;
  flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  .page-template-content-side {
    width: 100%;
  }
}
.page-template-content-side-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-template-content-side-title-icon {
  width: 20px;
  height: auto;
}
.page-template-content-side-title-icon-wrap {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #d80f63;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-content-side-category-list {
  margin-bottom: 30px;
}
.page-template-content-side-category-list-item-link {
  padding: 10px 0;
  display: block;
  border-bottom: 1px solid #EEF1F5;
  transition: opacity 0.3s;
}
.page-template-content-side-category-list-item-link:hover {
  opacity: 0.5;
}
@media screen and (max-width: 834px) {
  .page-template-content-side-category-list-item-link:hover {
    opacity: 1;
  }
}
.page-template-content-side-about-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.95/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 10px;
  border-radius: 5px;
}
.page-template-content-side-about-txt {
  color: #626671;
  margin-bottom: 30px;
}
.page-template-content-side-contact {
  background-color: #EEF1F5;
  padding: 20px;
}
.page-template-content-side-contact-title {
  text-align: center;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEF1F5;
}
.page-template-content-side-contact-tel {
  display: block;
  font-family: "Outfit";
  text-align: center;
  font-size: 2.2rem;
  color: #383a60;
  pointer-events: none;
}
@media screen and (max-width: 834px) {
  .page-template-content-side-contact-tel {
    pointer-events: auto;
  }
}
.page-template-content-side-contact-open {
  text-align: center;
  color: #212121;
  line-height: 1.3;
  margin-bottom: 10px;
}
.page-template-content-side-contact-open span {
  font-family: "Outfit";
  font-size: 2rem;
  margin-left: 5px;
}
.page-template-content-side-contact-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 50px;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 1.3rem;
  margin-bottom: 10px;
  overflow: hidden;
  z-index: 1;
}
.page-template-content-side-contact-link:last-child {
  margin-bottom: 0;
}
.page-template-content-side-contact-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #d80f63;
  width: 0%;
  height: 100%;
  z-index: -1;
  transition: width 0.3s;
}
.page-template-content-side-contact-link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #383a60;
  width: 100%;
  height: 100%;
  z-index: -10;
}
.page-template-content-side-contact-link:hover:before {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .page-template-content-side-contact-link:hover:before {
    width: 0%;
  }
}
.page-template-content-side-contact-link span {
  font-size: 2.4rem;
  color: #F8E88C;
  transform: translateY(-2px);
}
.page-template-content-side-contact-link._line::after {
  background-color: #00873c;
}

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

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

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

.code {
  font-size: 1.8rem;
}
.code-wrap {
  position: relative;
  padding: 40px 20px 20px;
  margin-top: 20px;
  margin-bottom: 40px;
  border: 1px solid #000000;
}
.code-wrap pre {
  overflow-y: auto;
}
div:has(> .code-wrap) {
  width: 100%;
  max-width: 1200px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 834px) {
  div:has(> .code-wrap) {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.code-copy {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 300px;
  padding: 10px 20px;
  border-bottom-left-radius: 10px;
  background-color: #d80f63;
  color: #fff;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}
.code-copy:hover {
  opacity: 0.5;
}
@media screen and (max-width: 834px) {
  .code-copy:hover {
    opacity: 1;
  }
}

.shortcode-copy {
  position: absolute;
  top: 1px;
  right: 1px;
  display: block;
  width: 300px;
  padding: 10px 20px;
  border-bottom-left-radius: 10px;
  background-color: #d80f63;
  color: #fff;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}
.shortcode-copy:hover {
  opacity: 0.5;
}
@media screen and (max-width: 834px) {
  .shortcode-copy:hover {
    opacity: 1;
  }
}

.po-relative {
  position: relative;
}

.parts {
  width: 100%;
  max-width: 1200px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 834px) {
  .parts {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.parts-page {
  position: relative;
  background-color: #FFFFFF;
}
.parts-side {
  position: fixed;
  top: 120px;
  right: 0;
  width: 240px;
  padding: 40px;
  height: calc(100vh - 150px);
  overflow-y: auto;
  flex-shrink: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 834px) {
  .parts-side {
    position: static;
    top: 60px;
    left: 0;
    width: 100%;
    height: auto;
    overflow-x: auto;
  }
}
.parts-side ul {
  line-height: 1.4;
}
.parts-side ul li {
  margin-bottom: 10px;
  transition: color 0.3s;
}
.parts-side ul li:hover {
  color: #d80f63;
}
@media screen and (max-width: 834px) {
  .parts-side ul li:hover {
    color: #212121;
  }
}
.parts-side ul li:not([class]) {
  margin-top: 20px;
  font-weight: 700;
}
.parts-side ul li.pl10 a {
  display: block;
  position: relative;
  padding-left: 1.5rem;
}
.parts-side ul li.pl10 a::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.parts-main {
  width: 100%;
}
.parts-head {
  width: 100%;
  max-width: 1200px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 834px) {
  .parts-head {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.parts-head02 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 80px;
  margin-bottom: 40px;
}
.parts-head03 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 20px;
}
.parts-p {
  margin-bottom: 10px;
}
.parts-color {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.parts-color-item {
  width: calc((100% - 80px) / 5);
  height: auto;
}
.parts-color-item-btn {
  width: 100%;
  height: auto;
  border-radius: 10px;
  border: 1px solid #d80f63;
  padding: 5px 10px;
  transition: 0.3s;
  color: #212121;
}
.parts-color-item-btn:hover {
  opacity: 0.5;
}
.parts-color-item-btn.color_text-white {
  background-color: #d80f63;
}
.parts-color-item-btn.color_bg-main-dark {
  color: #FFFFFF;
}
.parts-color-item-btn.color_bg-gray-dark {
  color: #FFFFFF;
}
.parts-color-item-btn.color_bg-gray-black {
  color: #FFFFFF;
}

.single-hero-title {
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.45;
  border-bottom: 1px solid #000000;
}


@media screen and (max-width: 834px) {
  
}
.archive-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
}
.archive-hero-content {
  padding: 50px 50px 0px;
}
@media screen and (max-width: 834px) {
  .archive-hero-content {
    padding: 60px 5% 0px;
  }
}
.archive-hero-content .page-hero-content-nav {
  margin: 0 auto 50px;
  padding: 10px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #FFFFFF;
  border-radius: 100vh;
}
.archive-hero-content .page-hero-content-nav-list {
  display: flex;
}
.archive-hero-content .page-hero-content-nav-list-item-link {
  display: block;
  padding: 0 20px;
  transition: opacity 0.3s;
}
.archive-hero-content .page-hero-content-nav-list-item-link:hover {
  opacity: 0.5;
}
@media screen and (max-width: 834px) {
  .archive-hero-content .page-hero-content-nav-list-item-link:hover {
    opacity: 1;
  }
}
.archive-hero-content-title {
  font-size: 4rem;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .archive-hero-content-title {
    font-size: 3rem;
  }
}
.archive-hero-content-sub {
  font-family: "Outfit";
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
  .archive-hero-content-sub {
    margin-bottom: 30px;
  }
}
.archive-contentWidth {
  width: 100%;
  max-width: 900px;
  padding: 0 50px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .archive-contentWidth {
    padding: 0 5%;
  }
}
.archive-contentWidth .com-h3 {
  margin-bottom: 60px;
}
@media screen and (max-width: 834px) {
  .archive-contentWidth .com-h3 {
    margin-bottom: 40px;
  }
}
.archive-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.archive-list-item-link {
  display: flex;
  box-shadow: 1px 3px 12px 1px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  overflow: hidden;
  transition: box-shadow 0.3s;
}
.archive-list-item-link:hover {
  box-shadow: 1px 3px 6px 1px rgba(0, 0, 0, 0.4);
}
.archive-list-item-link-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 200px;
  padding: 20px;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.08em;
  background-color: #F0EDED;
  flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  .archive-list-item-link-date {
    width: 110px;
    padding: 15px;
    font-size: 1.2rem;
  }
}
.archive-list-item-link-txt {
  padding: 20px;
}
.archive-list-item-link-txt-title {
  font-size: 1.6rem;
  line-height: 2.1;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.archive-list-item-link-txt-deac {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.08em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .archive-list-item-link-txt-deac {
    -webkit-line-clamp: 5;
  }
}
.archive-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 60px;
}
@media screen and (max-width: 834px) {
  .archive-pagination {
    margin-top: 40px;
  }
}
.archive-pagination .page-numbers {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #000000;
  z-index: 1;
}
@media screen and (max-width: 834px) {
  .archive-pagination .page-numbers {
    padding: 5px 10px;
    font-size: 1.2rem;
  }
}
.archive-pagination .page-numbers::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #d80f63;
  transition: width 0.3s;
  z-index: -1;
}
.archive-pagination .page-numbers::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F0EDED;
  z-index: -10;
}
.archive-pagination .page-numbers:hover::before {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .archive-pagination .page-numbers:hover::before {
    width: 0%;
  }
}
.archive-pagination .page-numbers.current {
  pointer-events: none;
}
.archive-pagination .page-numbers.current::before {
  width: 100%;
}
.archive-pagination .page-numbers.dots {
  pointer-events: none;
}
.archive-pagination .page-numbers.dots::before {
  width: 0%;
}

.header-box {
  height: 8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1010;
  transform: translateY(-100%);
  transition: 0.3s;
}
.header-box.fixed {
  transform: translateY(0);
}
.header-box.lower_fixed {
  transform: translateY(0);
}
@media screen and (max-width: 834px) {
  .header-box {
    height: auto;
    min-height: 6rem;
    align-items: stretch;
    box-shadow: none;
  }
}
.header-box-logo {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 25rem;
  padding: 1rem 2rem;
}
.header-box-logo img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 834px) {
  .header-box-logo {
    padding: 1rem 0 1rem 0;
    margin-left: 1rem;
  }
  .header-box-logo img {
    width: auto;
    max-width: 100%;
    height: 40px;
  }
  .header-box-logo-head {
    margin-top: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 1.1rem;
    line-height: 1.68;
    letter-spacing: 0.055rem;
  }
}
.header-box-sub-box {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  align-self: stretch;
  min-width: 0;
  padding-right: 8rem;
}
@media screen and (max-width: 834px) {
  .header-box-sub-box {
    position: relative;
    min-height: 6rem;
  }
}
.header-box-sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.header-box-sub .header-inner-box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
}
.header-box-sub .header-inner-line,
.header-box-sub .header-inner-web {
  color: #FFFFFF;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.7;
  vertical-align: -1px;
  font-family: "Quattrocento";
}
.header-box-sub .header-inner-web {
  color: #d80f63;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 8rem;
  padding: 0 0 0 25px;
  pointer-events: auto;
  transition: background-color 0.3s;
}
.header-inner.__scroll {
  background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 834px) {
  .header-inner.__scroll {
    background-color: #F0EDED;
  }
}

@media screen and (max-width: 834px) {
  .header-inner {
    width: 100%;
    padding: 0 0 0 15px;
  }
}
@media screen and (max-width: 834px) {
  .header-inner.active {
    background-color: rgba(240, 237, 237, 0);
  }
}
.header-inner-logo {
  margin-bottom: 2rem;
}
.header-inner-logo img {
  width: auto;
}
.header-inner-left {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 100%;
}
.header-inner-left-box {
  padding: 2rem;
  background-color: #FFFFFF;
  width: 15%;
  min-width: 15rem;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 834px) {
  .header-inner-left-box {
    padding: 1rem;
    min-width: 10rem;
  }
}
.header-hum {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 100%;
  width: 8rem;
  height: 8rem;
  aspect-ratio: 1/1;
  background-color: #FFFFFF;
  position: relative;
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 834px) {
  .header-hum {
    width: 6rem;
    height: 6rem;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 835px) {
  .header-hum:hover {
    background-color: #EEF1F5;
    transition: all 0.3s ease-out;
  }
}
.header-hum::after {
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  color: #383a60;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.044rem;
  transform: translateX(-50%);
  white-space: nowrap;
  content: "menu";
}
@media screen and (max-width: 834px) {
  .header-hum::after {
    bottom: 0.5rem;
  }
}
.header-hum-icon {
  position: relative;
  width: 22px;
  margin-bottom: 1.2rem;
  height: 13px;
}
.header-hum-icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  border-top: 2px solid #383a60;
  transition: top 0.3s, transform 0.3s, opacity 0.3s;
}
.header-hum-icon span:nth-child(1) {
  top: 0;
}
.header-hum-icon span:nth-child(2) {
  top: 100%;
}
.header-hum-text {
  margin-top: 10px;
  font-family: "Outfit";
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}
@media screen and (max-width: 834px) {
  .header-hum-text {
    margin-top: 8px;
    font-size: 1rem;
  }
}
.header-hum.active .header-hum-icon span {
  border-color: #383a60;
}
.header-hum.active .header-hum-icon span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.header-hum.active .header-hum-icon span:nth-child(2) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.header-hum.active .header-hum-icon span:nth-child(3) {
  opacity: 0;
}
.header-drawerMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #FFFFFF;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
}
.header-drawerMenu.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.5s ease-out, visibility 0s linear 0s;
}
.header-drawerMenu.active .header-drawerMenu-contents-inner {
  opacity: 1;
}
.header-drawerMenu.active .header-drawerMenu-bg {
  pointer-events: auto;
}
.header-drawerMenu-contents {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15rem 0 10rem;
  min-height: calc(100% - 8.2rem);
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents {
    min-height: inherit;
    padding: 9rem 0 2.3rem;
  }
}
.header-drawerMenu-contents-inner {
  max-width: 104rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  transition: opacity 0.5s 0.5s;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner {
    padding: 0 2.75rem;
  }
}
.header-drawerMenu-contents-inner-ttl {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.header-drawerMenu-contents-inner-ttl-item {
  font-weight: 400;
  color: #383a60;
  align-items: center;
  position: relative;
  padding-right: 1rem;
}
.header-drawerMenu-contents-inner-ttl-item::after {
  width: 9999px;
  height: 1px;
  background-color: #383a60;
  position: absolute;
  top: 50%;
  left: 100%;
  content: "";
}
.header-drawerMenu-contents-inner-ttl-item-img {
  width: 2.5rem;
  margin-right: 0.5rem;
}
.header-drawerMenu-contents-inner-ttl-right {
  padding-top: 0.3rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #383a60;
  letter-spacing: 0.24rem;
  position: relative;
  z-index: 1;
  padding-left: 1rem;
  background-color: #FFFFFF;
}
.header-drawerMenu-contents-inner-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -0.4rem 2rem -1rem;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-list {
    gap: 1rem 0;
  }
}
.header-drawerMenu-contents-inner-list-item {
  margin: 0 1rem;
  width: calc(25% - 2rem);
  border-radius: 5rem;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-list-item {
    margin: 0 0.5rem;
    width: calc(50% - 1rem);
  }
}
.header-drawerMenu-contents-inner-list-item a {
  position: relative;
  min-height: 6.2rem;
  display: flex;
  align-items: center;
  background: #EEF1F5;
  padding: 0 2.5rem;
  background-size: 0.7rem auto;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  letter-spacing: 0.06em;
}
.header-drawerMenu-contents-inner-list-item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  transform: translateY(-50%);
  transition: transform 0.5s ease-out;
  background-image: url(assets/img/arrow-icon-b.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-list-item a {
    padding: 0 2.5rem;
    background-position: right 1rem center;
  }
}
@media screen and (min-width: 835px) {
  .header-drawerMenu-contents-inner-list-item a:hover {
    color: #FFFFFF;
    background-color: #d80f63;
  }
  .header-drawerMenu-contents-inner-list-item a:hover::after {
    transform: translateY(-50%) translateX(5px);
  }
}
.header-drawerMenu-contents-inner-sub {
  margin-bottom: 3.1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-sub {
    display: block;
    margin-bottom: 2.7rem;
  }
}
.header-drawerMenu-contents-inner-link {
  margin-top: -1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-link {
    gap: 1.3rem 1.5rem;
  }
}
.header-drawerMenu-contents-inner-link-item {
  padding-right: 2.8rem;
  background: url(assets/img/h_line02.png) no-repeat right center;
  background-size: 1.5rem auto;
}
.header-drawerMenu-contents-inner-link-item:last-child {
  padding-right: 0;
  background-image: none;
}
.header-drawerMenu-contents-inner-link-item a {
  font-size: 1.4rem;
  color: #383a60;
  line-height: 1;
  letter-spacing: 0.07rem;
  transition: color 0.5s ease-out;
}
@media screen and (min-width: 835px) {
  .header-drawerMenu-contents-inner-link-item a:hover {
    color: #d80f63;
  }
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-sns {
    max-width: 33.5rem;
    margin: 0 auto;
  }
}
.header-drawerMenu-contents-inner-sns a {
  display: inline-block;
  border-radius: 6.5rem;
}
@media screen and (min-width: 835px) {
  .header-drawerMenu-contents-inner-sns a:hover {
    box-shadow: 1px 1px 7px 1px rgba(255, 96, 96, 0.5);
  }
}
.header-drawerMenu-contents-inner-link-ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 0;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-link-ul {
    margin-bottom: 2.1rem;
    gap: 1rem 0;
  }
}
.header-drawerMenu-contents-inner-link-ul-item {
  width: 16.7rem;
  margin-right: -1px;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-link-ul-item {
    width: 50%;
  }
}
.header-drawerMenu-contents-inner-link-ul-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6.2rem;
  letter-spacing: 0.12rem;
  padding: 0 1rem;
  border-left: 1px solid #EEF1F5;
  border-right: 1px solid #EEF1F5;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-link-ul-item a {
    min-height: 7rem;
    font-size: 1.5rem;
    line-height: 1.533;
    text-align: center;
    letter-spacing: 0.12rem;
  }
}
@media screen and (min-width: 835px) {
  .header-drawerMenu-contents-inner-link-ul-item a:hover {
    background-color: #EEF1F5;
  }
}
.header-drawerMenu-close {
  text-align: center;
}
.header-drawerMenu-close a {
  padding: 5rem 0 2rem;
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  color: #383a60;
  letter-spacing: 0.044rem;
  line-height: 1;
  background: #EEF1F5 url(assets/img/ham-close.webp) no-repeat center top 2rem;
  background-size: 3rem auto;
}
@media screen and (max-width: 834px) {
  .header-drawerMenu-close a {
    padding: 3.8rem 0 1rem;
    background-position: center top 0.8rem;
  }
}
@media screen and (min-width: 835px) {
  .header-drawerMenu-close a:hover {
    background-image: url(assets/img/close_white.png);
    color: #FFFFFF;
    background-color: #383a60;
  }
}
.header.on .header-inner {
  opacity: 0;
}
.header.on .header-box {
  transform: translateY(0);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.header.on .header-hum::after {
  content: "close";
  color: #383a60;
}
.header-inner-tel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 8rem;
  min-height: 8rem;
  max-height: 8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #d80f63;
  background-color: #FFFFFF;
  text-align: left;
  padding: 0.6rem 1.5rem;
}
@media screen and (max-width: 834px) {
  .header-inner-tel {
    height: 6rem;
    min-height: 6rem;
    max-height: 6rem;
    padding: 0.4rem 1rem;
    font-size: 1.1rem;
  }
}
.header-inner-tel a {
  display: block;
  margin-top: 0.2rem;
  padding-left: 1.4rem;
  line-height: 1;
  color: #303030;
  background: url(assets/img/tel.svg) no-repeat left bottom;
  background-size: 1.4rem auto;
  color: #383a60;
  font-family: "Quattrocento";
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9;
}
@media screen and (max-width: 834px) {
  .header-inner-tel a {
    font-size: 2.2rem;
    margin-top: 0.1rem;
  }
}
.header-inner-link-box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  box-sizing: border-box;
  height: 8rem;
  min-height: 8rem;
  max-height: 8rem;
  padding: 0;
  flex-shrink: 0;
  background-color: #00873c;
  transition: all 0.5s ease-out;
}
@media screen and (min-width: 835px) {
  .header-inner-link-box:hover {
    background-color: #006b30;
  }
}
@media screen and (max-width: 834px) {
  .header-inner-link-box {
    height: 6rem;
    min-height: 6rem;
    max-height: 6rem;
  }
}
.header-inner-link-box.web {
  background-color: #383a60;
  transition: all 0.5s ease-out;
}
@media screen and (min-width: 835px) {
  .header-inner-link-box.web:hover {
    background-color: #6063a3;
  }
}
.header-inner-link-box.web .header-inner-link-box-txt01 {
  color: #FFFFFF;
}
.header-inner-link-box.web .header-inner-link-box-txt02 {
  color: #FFFFFF;
}
.header-inner-link-box a {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 0.6rem 1.7rem;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 834px) {
  .header-inner-link-box a {
    padding: 0.35rem 1.2rem;
  }
}
.header-inner-link-box-txt01 {
  display: block;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.12rem;
  margin-bottom: 0.15rem;
  transition: all 0.3s ease;
}
@media screen and (max-width: 834px) {
  .header-inner-link-box-txt01 {
    font-size: 1.35rem;
    margin-bottom: 0.1rem;
  }
}
.header-inner-link-box-txt02 {
  display: block;
  text-align: center;
  padding-bottom: 0;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 834px) {
  .header-inner-link-box-txt02 {
    font-size: 1.05rem;
  }
}
.header-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  z-index: 800;
}
.header-inner-logo {
  margin-bottom: 2rem;
}
.header-inner-logo a {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .header-inner-logo {
    margin-bottom: 1rem;
  }
}
.header-inner h1 {
  color: #383a60;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}
@media screen and (max-width: 834px) {
  .header-inner h1 {
    text-align: left;
    color: #383a60;
    -webkit-text-stroke: 1.5px #FFFFFF;
    paint-order: stroke fill;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    padding-top: 1.3rem;
  }
}
.header-inner-right-box {
  flex: 1;
  text-align: right;
}
.header-inner-box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
}
.header-inner-line, .header-inner-web {
  color: #FFFFFF;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.7;
  vertical-align: -1px;
  font-family: "Quattrocento";
}
.header-inner-web {
  color: #d80f63;
}
.header-inner-navi {
  margin-bottom: 1.2rem;
  display: flex;
  padding: 0 4.8rem 0 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  justify-content: flex-end;
  border-bottom: 1px solid #FFFFFF;
}
.header-inner-navi li {
  margin-left: 1.9rem;
  height: 4.5rem;
}
.header-inner-navi li:first-child {
  margin-left: 0;
}
.header-inner-navi li a {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.12rem;
  color: #FFFFFF;
  position: relative;
  display: block;
  height: 100%;
}
.header-inner-navi li a::after {
  width: 100%;
  height: 0.1rem;
  background-color: #F8E88C;
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  content: "";
  transition: all ease 0.3s;
  opacity: 0;
}
@media screen and (min-width: 835px) {
  .header-inner-navi li a:hover {
    color: #F8E88C;
  }
  .header-inner-navi li a:hover::after {
    opacity: 1;
  }
  .header-inner-navi li a:hover img {
    filter: grayscale(100%) brightness(200%);
  }
}
.header-inner-navi li a img {
  margin-top: 0.6rem;
  width: 2.2rem;
}
.header-inner-navi-home a::after {
  bottom: 0.5rem !important;
  width: 2.2rem !important;
}
@media screen and (min-width: 835px) and (max-width: 1250px) {
  .header-inner-navi {
    display: none;
  }
}
.header-inner-list {
  display: flex;
  padding-right: 5rem;
  justify-content: flex-end;
}
.header-inner-list li {
  margin-left: 2rem;
}
.header-inner-list li a {
  font-size: 1.5rem;
  font-weight: 600;
  color: #F8E88C;
  letter-spacing: 0.12rem;
}
@media screen and (min-width: 835px) {
  .header-inner-list li a:hover {
    color: #d80f63;
  }
}
@media screen and (min-width: 835px) and (max-width: 1250px) {
  .header-inner-list {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .header-inner {
    justify-content: flex-start;
    gap: 1.1rem;
  }
}
.header-section-btn {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFFFFF;
  font-family: "Outfit";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.12rem;
  background-color: #d80f63;
  padding: 1.4rem 2rem;
  padding-left: 5rem;
  border-radius: 6.5rem;
  background: linear-gradient(135deg, #FF3636 15.43%, #FF972F 39.93%, #BF4B91 64.79%, #7342D4 89.66%);
}
.header-section-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  width: 2.1rem;
  height: 2.1rem;
  background-image: url(assets/img/instagram-logo-white.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 835px) {
  .header-section-btn {
    transition: all 0.3s ease-out;
  }
  .header-section-btn:hover {
    transform: scale(1.05);
  }
}
.header-sp-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.header-sp-menu-inner {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.header-sp-menu-inner-line {
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-width: 8rem;
  flex-shrink: 0;
  background-color: #00873c;
  color: #FFFFFF;
  padding: 1.2rem 1rem;
  box-sizing: border-box;
  gap: 0.4rem;
}
.header-sp-menu-inner-line p {
  text-align: center;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  margin: 0;
}
.header-sp-menu-inner-line span {
  font-size: 1.5rem;
}
.header-sp-menu-inner-line img {
  width: 3.2rem;
  height: auto;
  max-width: 100%;
  flex-shrink: 0;
}
.header-sp-menu-inner-tel {
  border-radius: 10px 10px 0 0;
  flex: 2 1 0;
  min-width: 0;
  background-color: #d80f63;
  padding: 1.2rem 1.7rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}
.header-sp-menu-inner-tel p {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.78;
  margin-bottom: 5px;
}
.header-sp-menu-inner-tel p span {
  color: #FFFFFF;
}
.header-sp-menu-inner-tel-num {
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.428;
  font-synthesis: none;
}
.header-sp-menu-inner-web {
  border-radius: 10px 10px 0 0;
  flex: 2 1 0;
  min-width: 0;
  background-color: #383a60;
  padding: 1.2rem 1.7rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}
.header-sp-menu-inner-web p {
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
}
.header-sp-menu-inner-web p span {
  color: #d80f63;
  font-family: "Quattrocento";
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.header-sp-menu-inner-web-txt {
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.428;
}

.footer {
  padding-top: 10rem;
}
@media screen and (max-width: 834px) {
  .footer {
    padding-top: 4rem;
    padding-bottom: 7rem;
    margin-bottom: 0;
  }
}
.footer-group {
  padding-bottom: 7rem;
}
@media screen and (max-width: 834px) {
  .footer-group {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }
}
.footer-group-title {
  text-align: center;
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1em;
  border-top: 1px dashed #383a60;
  border-bottom: 1px dashed #383a60;
  padding: 1rem 0;
  margin-bottom: 4rem;
}
@media screen and (max-width: 834px) {
  .footer-group-title {
    margin-bottom: 2rem;
  }
}
.footer-group-list h3, .footer-group-list .kp-was-h3 {
  color: #383a60;
  font-family: "Noto Serif JP", serif;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .footer-group-list h3, .footer-group-list .kp-was-h3 {
    font-size: 1.7rem;
    padding-top: 0.5rem;
  }
}
.footer-group-list-box {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .footer-group-list-box {
    flex-direction: column;
  }
}
.footer-group-list-item {
  padding: 0 1rem;
  border-left: 1px solid #383a60;
  margin-bottom: 1rem;
}
.footer-group-list-item a {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 835px) {
  .footer-group-list-item a:hover {
    opacity: 0.5;
  }
}
.footer-group-list-item-title {
  width: -moz-fit-content;
  width: fit-content;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.1;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 834px) {
  .footer-group-list-item-title {
    font-size: 1.4rem;
  }
}
.footer-group-list-item-text {
  color: #626671;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 834px) {
  .footer-group-list-item-text {
    font-size: 1.1rem;
  }
}
.footer-group-list-text-box {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.footer-bg {
  padding: 10rem 0 7.7rem;
  padding-bottom: 12rem;
  background-color: #383a60;
}
@media screen and (max-width: 834px) {
  .footer-bg {
    padding: 4rem 0 8rem;
  }
}
.footer-recruit {
  padding-bottom: 10rem;
}
@media screen and (max-width: 834px) {
  .footer-recruit {
    padding-bottom: 4rem;
  }
}
.footer-recruit-inner {
  background-color: #FFFFFF;
  padding: 1rem;
  border-radius: 3.5rem;
}
.footer-recruit-content {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background-color: #FFFFFF;
  border-radius: 3.5rem;
  overflow: hidden;
  border: 1px solid #383a60;
}
@media screen and (max-width: 834px) {
  .footer-recruit-content {
    flex-direction: column-reverse;
  }
}
.footer-recruit-content-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 4rem;
  flex-basis: 40%;
}
.footer-recruit-content-left p {
  text-align: center;
}
.footer-recruit-content-left h2, .footer-recruit-content-left .kp-was-h2 {
  color: #d80f63;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .footer-recruit-content-left {
    padding: 1rem;
  }
}
.footer-recruit-content-right {
  flex-basis: 60%;
}
.footer-recruit-content-right figure {
  overflow: hidden;
  height: 100%;
  min-height: 32rem;
}
@media screen and (max-width: 834px) {
  .footer-recruit-content-right figure {
    min-height: auto;
    aspect-ratio: auto;
  }
}
.footer-recruit-content-right figure img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .footer-recruit-content-right figure img {
    height: auto;
  }
}
.footer-recruit-content-title-en {
  color: #d80f63;
  text-align: center;
  font-family: "Quattrocento";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.footer-recruit-content-text {
  color: #212121;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.15em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 834px) {
  .footer-recruit-content-text {
    font-size: 2.5rem;
  }
}
.footer-recruit-content a {
  position: relative;
  display: block;
  border: 1px solid #d80f63;
  padding: 1.5rem;
  padding-right: 7rem;
  border-radius: 5rem;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.15em;
  text-align: center;
  transition: all 0.3s ease;
  color: #212121;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 834px) {
  .footer-recruit-content a {
    padding: 1rem 3rem;
    padding-right: 7rem;
  }
}
.footer-recruit-content a:hover {
  color: #d80f63;
}
.footer-recruit-content a:hover::after {
  transform: translateY(-50%) scale(1.1);
}
.footer-recruit-content a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  background-color: #d80f63;
  border-radius: 100%;
  width: 4rem;
  height: 4rem;
  background-image: url(assets/img/footer-arrow.svg);
  background-size: 50% contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.5s ease-out;
}
.footer-inner {
  max-width: 135.8rem;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  flex-wrap: wrap;
  color: #FFFFFF;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 7rem;
}
@media screen and (max-width: 834px) {
  .footer-inner {
    margin: 0 0.8rem;
    display: block;
  }
}
.footer-inner-ttl {
  margin-bottom: 1.5rem;
  color: #d80f63;
  font-family: "Quattrocento";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.05em;
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .footer-inner-ttl {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}
.footer-inner-ttl span {
  position: relative;
  display: inline-block;
  padding-right: 0.7rem;
}
.footer-inner-ttl span::after {
  width: 9999px;
  height: 1px;
  background-color: #d80f63;
  position: absolute;
  top: 50%;
  left: 100%;
  content: "";
}
.footer-inner-left {
  width: 83.2rem;
}
@media screen and (max-width: 834px) {
  .footer-inner-left {
    width: auto;
    margin-bottom: 4rem;
  }
}
.footer-inner-right {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  width: 20%;
  margin: 0.4rem 0 0 2rem;
}
@media screen and (max-width: 834px) {
  .footer-inner-right {
    display: block;
    margin: 0;
    width: auto;
  }
}
.footer-inner-navi {
  display: flex;
  flex-wrap: wrap;
  gap: 3.6rem 6rem;
}
@media screen and (max-width: 834px) {
  .footer-inner-navi {
    display: block;
  }
}
.footer-inner-navi-item {
  width: 25.1rem;
}
@media screen and (max-width: 834px) {
  .footer-inner-navi-item {
    width: auto !important;
    margin-bottom: 2.7rem;
  }
  .footer-inner-navi-item:last-child {
    margin-bottom: 0;
  }
}
.footer-inner-navi-item:nth-child(2) {
  width: 52rem;
}
.footer-inner-navi-item:last-child {
  width: 100%;
}
@media screen and (max-width: 834px) {
  .footer-inner-list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 834px) {
  .footer-inner-list.is-treatment {
    display: block;
  }
}
.footer-inner-list li {
  font-size: 1.6rem;
  letter-spacing: 0.128rem;
  margin-bottom: 1.35rem;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 834px) {
  .footer-inner-list li {
    flex-basis: 50%;
    margin-bottom: 0.6rem;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 835px) {
  .footer-inner-list li a:hover {
    color: #d80f63;
  }
}
.footer-inner-list li:last-child {
  margin-bottom: 0;
}
.footer-inner-list-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 2rem;
}
.footer-inner-list-box .footer-inner-list {
  width: calc((100% - 2rem) / 2);
}
.footer-inner-list02 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.8rem;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 834px) {
  .footer-inner-list02 {
    margin-bottom: 1.5rem;
    flex-wrap: nowrap;
    gap: 1rem;
  }
}
.footer-inner-list02 li {
  width: auto !important;
}
@media screen and (max-width: 834px) {
  .footer-inner-list02 li {
    margin-bottom: 0 !important;
  }
}
.footer-inner-link-list {
  margin-bottom: 3.7rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}
@media screen and (max-width: 834px) {
  .footer-inner-link-list {
    gap: 0 1rem;
    margin-bottom: 1.8rem;
  }
}
.footer-inner-link-list-item {
  padding-right: 2.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.07rem;
  background: url(assets/img/footer-line.webp) no-repeat right center;
  background-size: 1.5rem auto;
}
@media screen and (max-width: 834px) {
  .footer-inner-link-list-item {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    width: -moz-fit-content;
    width: fit-content;
  }
  .footer-inner-link-list-item:last-child {
    margin-bottom: 0;
  }
}
.footer-inner-link-list-item a {
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 835px) {
  .footer-inner-link-list-item a:hover {
    color: #d80f63;
  }
}
.footer-inner-link-list-item:last-child {
  background: none;
}
.footer-inner-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0;
  margin: 0 -0.4rem;
}
@media screen and (max-width: 834px) {
  .footer-inner-banner {
    display: block;
    margin: 0;
  }
}
.footer-inner-banner-item {
  margin: 0 0.4rem;
  width: calc(33.33% - 0.8rem);
}
@media screen and (max-width: 834px) {
  .footer-inner-banner-item {
    width: auto;
    margin: 0 -0.1rem 0.8rem;
    aspect-ratio: 335/100;
    position: relative;
  }
}
.footer-inner-banner-item a {
  display: block;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease-out;
}
@media screen and (max-width: 834px) {
  .footer-inner-banner-item a {
    height: 100%;
  }
}
@media screen and (min-width: 835px) {
  .footer-inner-banner-item a:hover {
    opacity: 0.8;
  }
  .footer-inner-banner-item a:hover img {
    transform: scale(1.1);
  }
}
.footer-inner-banner-item img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform-origin: center center;
  transition: all 0.5s ease-out;
}
@media screen and (max-width: 834px) {
  .footer-inner-banner-item img {
    height: 100%;
  }
}
.footer-inner-sub {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 834px) {
  .footer-inner-sub {
    text-align: left;
    margin-bottom: 4rem;
  }
}
.footer-inner-txt {
  text-align: center;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .footer-inner-txt {
    line-height: 2.133;
    letter-spacing: 0.12rem;
  }
}
.footer-copyright {
  text-align: center;
  margin: 0 auto;
}
.footer-copyright-text {
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.133;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 834px) {
  .footer-copyright-text {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 2rem;
  }
}
.footer-copyright-supported-by {
  color: #FFFFFF;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.044em;
}
.footer-sns {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
  text-align: right;
}
@media screen and (max-width: 834px) {
  .footer-sns {
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
.footer-sns a {
  display: inline-block;
  width: 48px;
  height: 48px;
}
.footer-sns a img {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 835px) {
  .footer-sns a:hover {
    opacity: 0.8;
  }
}
.footer-logo {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 3rem;
}
@media screen and (max-width: 834px) {
  .footer-logo {
    margin-top: 0;
  }
}
.footer-logo img {
  margin-left: auto;
}
@media screen and (max-width: 834px) {
  .footer-logo img {
    margin: 0;
    width: 100%;
  }
}

.mySwiper {
  width: 100%;
  margin-top: 150px;
}
@media screen and (max-width: 834px) {
  .mySwiper {
    margin-top: 31px;
    overflow: visible !important;
  }
}
.mySwiper .swiper-slide {
  width: 300px !important;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: self-start;
}
@media screen and (max-width: 834px) {
  .mySwiper .swiper-slide {
    width: 200px !important;
  }
}
.mySwiper .swiper-pagination-bullet {
  display: none !important;
}
.mySwiper .swiper-button-next {
  display: none;
}
@media screen and (max-width: 834px) {
  .mySwiper .swiper-button-next {
    display: block;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50px;
    border: 1px solid #d80f63;
    background: #FFFFFF;
    left: 50% !important;
    top: calc(100% + 52px) !important;
  }
}
.mySwiper .swiper-button-prev {
  display: none;
}
@media screen and (max-width: 834px) {
  .mySwiper .swiper-button-prev {
    display: block;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50px;
    border: 1px solid #d80f63;
    background: #FFFFFF;
    left: calc(50% - 50px) !important;
    top: calc(100% + 52px) !important;
  }
}
.mySwiper .swiper-button-next::after,
.mySwiper .swiper-button-prev::after {
  content: "" !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  width: 7.25px;
  height: 14.5px;
  display: block;
}
.mySwiper .swiper-button-next::after {
  background-image: url(assets/img/swiper-button-next-r.svg) !important;
}
.mySwiper .swiper-button-prev::after {
  background-image: url(assets/img/swiper-button-next-l.svg) !important;
}
.home-treatment-item-btm-note {
  margin-top: 1.2rem;
  font-size: 1.1rem;
  line-height: 1.6;
  opacity: .85;
}
.home-treatment-item-btm-note a {
  text-decoration: underline;
}

.home-problem-text {
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.13;
  letter-spacing: 0.08em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 834px) {
  .home-problem-text {
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
}

.home-cta-02-note {
  font-size: 1.3rem !important;
  line-height: 2 !important;
  margin-top: 2rem;
  opacity: .9;
}
@media screen and (max-width: 834px) {
  .home-cta-02-note {
    font-size: 1.2rem !important;
    line-height: 1.7 !important;
    margin-top: 1.2rem;
    text-align: left !important;
  }
}

.com-info-text,
.home-blog-text {
  text-align: center;
  color: #383a60;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.13;
  letter-spacing: 0.08em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 834px) {
  .com-info-text,
  .home-blog-text {
    font-size: 1.4rem;
    text-align: left;
    margin-bottom: 2rem;
  }
}

/* ==========================================================
   2026-10 医院名の変更（上本町I'S歯科・矯正歯科）に合わせたロゴ
   画像の高さ属性は付けない（wp_head の img[width][height]{height:auto} に負けるため）。
   形は aspect-ratio で取っておき、読み込み中の段ずれを防ぐ。
   ========================================================== */
.header-box-logo { max-width: 48rem; }
.header-box-logo img.c-logo-h { width: auto; height: 5.2rem; aspect-ratio: 833 / 104; }
@media screen and (max-width: 834px) {
  /* 右の menu ボタンの箱（padding-right 8rem）と同じ段に収める */
  .header-box-logo { max-width: calc(100% - 10rem); flex: 0 1 auto; }
  .header-box-logo img.c-logo-h { height: 3.6rem; max-width: 100%; object-fit: contain; object-position: left center; }
}
/* トップの白い箱：PCだけ新しい縦長ロゴ。スマホは picture で今までのロゴのまま（隣の h1 が医院名を出す） */
@media screen and (min-width: 835px) {
  .header-inner-left-box:has(.c-logo-v) { width: auto; min-width: 0; padding: 2.4rem 2.6rem 2rem; }
  .header-inner-logo img.c-logo-v { width: 20rem; height: auto; aspect-ratio: 287 / 351; }
}
.com-info-logo:has(.c-logo-h-lg) { width: auto; }
.com-info-logo img.c-logo-h-lg { width: 64rem; max-width: 100%; height: auto; aspect-ratio: 1280 / 159; }
.footer-logo:has(.c-logo-fv) { width: auto; }
.footer-logo img.c-logo-fv { width: 20rem; max-width: 100%; height: auto; aspect-ratio: 287 / 351; }
@media screen and (max-width: 834px) {
  .footer-logo img.c-logo-fv { width: 20rem; }
}

/* ==========================================================
   2026-10 色を外観（看板）のピンク #d80f63 に合わせた。
   紺（#383a60）の上のピンク文字は 2.15 で読めないので、明るいピンク #ff9cc0（5.54）にする。
   ピンクの上の紺文字は白（5.04）にする。
   ========================================================== */
.header-inner-web,
.header-box-sub .header-inner-web,
.header-sp-menu-inner-web p span,
.home-hero-news-ttl,
.home-cta-btn-text-web,
.footer-inner-ttl span { color: #ff9cc0; }
.header-sp-menu-inner-tel p { color: #FFFFFF; }

/* ==========================================================
   2026-10 ブログ・お知らせ・症例の見た目の見直し（一覧＝archive.php／記事＝single.php）
   ・見出しは塗りつぶしの箱をやめ、左の線と薄い地色にする（広い面を濃いピンクで塗らない）
   ・本文は 16px・行間 2 にして読みやすくする
   ・一覧のカードは見出しを紺、抜粋は3行まで。スマホは写真を左に置いて縦の長さを縮める
   ========================================================== */
/* --- 一覧のカード --- */



.lower-template-content-main-list .c-card-cat {
  align-self: flex-start; margin-bottom: 8px; padding: 3px 10px;
  font-size: 1.2rem; line-height: 1.5; font-weight: 700; color: #d80f63;
  background: #FCEFF4; border-radius: 100vh;
}



@media screen and (max-width: 834px) {
  
  
  
  
  .lower-template-content-main-list .c-card-cat { font-size: 1.05rem; margin-bottom: 4px; padding: 2px 8px; }
  
  
  
  .lower-template-content-main-list .lower-template-content-main-list-item-link-txt-bottom-date { font-size: 1.15rem; }
}

/* --- 記事の頭 --- */


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


/* --- 記事の本文 --- */


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

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


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





/* 表 */






@media screen and (max-width: 834px) {
  
}
/* 画像・予約の案内・参考文献 */









/* 2026-10 先生の回答（医院名の表記は「上本町I'S歯科・矯正歯科―セレッソオーラルケアクリニック―」）に合わせた添え書き */
.header-inner h1 .c-h1-sub { display: inline-block; font-size: 0.9em; letter-spacing: 0; }
@media screen and (max-width: 834px) {
  .com-info-logo:has(.c-logo-h-lg) { width: 92%; }
}
/* 2026-10 記事・一覧の横の列の診療時間（平日と土日を分けて、トップの表と同じ中身にした） */
.lower-template-content-side-contact-open .c-side-day {
  display: block; margin: 6px 0 2px; font-size: 1.2rem; font-weight: 700; letter-spacing: .1em; color: #d80f63;
}
.c-side-note { margin-top: 6px; font-size: 1.15rem; line-height: 1.6; color: #626671; text-align: center; }

/* ==========================================================
   2026-10 診療ページの最初の欄：説明の段落と写真を並べる（けんた「初めのh2の下の画像はなくていいかも、それか2カラムで文章と並べる」）
   本文の中で .c-intro-2col（段落）＋ .c-intro-2col-img（写真）に囲んである。PCは左に段落・右に写真、スマホは段落の下に写真
   ========================================================== */





@media screen and (min-width: 835px) {
  
  
}
@media screen and (max-width: 834px) {
  
  
}

/* ==========================================================
   2026-10 見回りで見つかった所の直し（ブログ・お知らせ）
   ========================================================== */
/* ページ送り：番号が #f0eded で白地に見えなかった（1.16:1） */



/* 関連記事のスライダー：ボタンを紺に・1件だけのときは隠す・スマホは「〜の記事を見る」と段を分ける */
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next::after,
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev::after { background-color: #383a60; }
.lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-lock { display: none !important; }
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content-title { color: #383a60; }
@media screen and (max-width: 834px) {
  .lower-template-content-main-bottom-relevance .single-relevance-swiper { padding-bottom: 120px; }
  .lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-next,
  .lower-template-content-main-bottom-relevance .single-relevance-swiper .swiper-button-prev { bottom: 62px; }
}
/* 本文の中のリンク：地の文と同じ色で下線も無く、リンクと分からなかった */


/* パンくず：スマホで記事名が字の途中で切れていた→「…」で切る */
@media screen and (max-width: 834px) {
  
  
  
}
/* 見出し・カードの題名の最後の行に1〜2文字だけ落ちるのを防ぐ */
.lower-template-content-main-head-title,
.lower-template-content-main .lower-template-content-main-body h2,
.lower-template-content-main .lower-template-content-main-body h3,
.lower-template-content-main-list-item-link-txt-title,
.single-relevance-swiper-link-content-title, .lower-template-content-main .lower-template-content-main-body .kp-was-h2, .lower-template-content-main .lower-template-content-main-body .kp-was-h3 { text-wrap: balance; }
/* 日付：#adafb5 は白地で 2.19:1 と薄かった */
.lower-template-content-main-list-item-link-txt-bottom-date,
.lower-template-content-main-head-top-date,
.single-relevance-swiper-link-content-bottom-date { color: #6E7180; }
/* 執筆者カードがある記事では、上の「著者：」の行を出さない（カードと内容が重なる） */
.lower-template-content-main:has(.kjn-author-card) .page-template-content-main-author { display: none; }
/* 横の列：注記とボタンの間を空ける */
.c-side-note { margin-bottom: 12px; }
/* フッターのコピーライト：「―」だけ次の行に落ちないよう正式表記の後半をまとめる */
.footer-copyright-text { text-wrap: balance; }
/* ==========================================================
   2026-10 色を濃くして行き過ぎた所を戻す（見回りの指摘）
   ・マーカー：濃いピンク60%で紺の文字が 3.72:1 に落ちた → 薄く
   ・院長あいさつ：画面いっぱいの濃いピンクの面は重い → 元の薄いピンク
   ・見出しの帯：右端のキャラクターが濃い色に沈んだ → かぶせる色を薄く
   ========================================================== */

.home-doctor { background-color: #f07ea2; }

@media screen and (max-width: 834px) {
  
}
/* ==========================================================
   2026-10 見回りの指摘（固定ページ）
   ========================================================== */
.u-nowrap { white-space: nowrap; }
/* スマホのトップの見出し：先生の髪の上に重なって読みにくかった → 薄い白の下地 */
@media screen and (max-width: 834px) {
  .header-inner h1.sp_only { background: rgba(255, 255, 255, 0.82); padding: 6px 10px; border-radius: 6px; }
}
/* ボタンの中の文字が語の途中や電話番号の途中で折れていた */


/* 電話番号は文の中のリンクだけ改行させない（ボタンには付けない＝/treatment/ のボタンで文字がはみ出した） */
p a[href^="tel:"]:not([class]) { white-space: nowrap; }
/* 見出しの最後の行に1〜2文字だけ落ちるのを防ぐ */
.com-h2, .com-h2-top, .com-h3, .com-h4, .section-title-text,
.lower-template-content h2, .lower-template-content h3, .lower-template-content .kp-was-h2, .lower-template-content .kp-was-h3 { text-wrap: balance; }

/* 2026-10 見回りの指摘（診療ページ） */
/* 最初の欄を2カラムにした直後の予約ボタンがくっついていた */

@media screen and (max-width: 834px) {  }
/* 医院名を行の途中で割らない（functions.php で本文の医院名を .c-name で囲んでいる） */
.c-name { white-space: nowrap; }
/* 電話のボタン：「お電話でご相談 06-6796-9268」が番号の途中で折れていた → 行の長さを揃えて空白で折る */

/* 2026-10 スマホのトップの白い箱も新しいロゴ（セレッソのロゴ＋上本町I'S）にした（けんた「ロゴがTOP変わってなかった」） */
@media screen and (max-width: 834px) {
  .header-inner-logo img.c-logo-v { width: 10.4rem; height: auto; aspect-ratio: 287 / 351; }
  .header-inner-left-box:has(.c-logo-v) { width: auto; min-width: 0; padding: 0.8rem 0.8rem 0.6rem; }
}
/* ==========================================================
   2026-10 トップの診療メニュー：2列×2段 → 3列×2段（けんた「3カラムにしてもいいかも」・虫歯治療と審美セラミックを足した）
   ========================================================== */
@media screen and (min-width: 1025px) {
  .home-treatment-items { gap: 24px; }
  .home-treatment-items .home-treatment-item { flex-basis: calc((100% - 48px) / 3); width: auto; margin: 0; }
  .home-treatment-item-btm-title { flex-wrap: wrap; gap: 4px 8px; }
  .home-treatment-item-btm-title-left h2, .home-treatment-item-btm-title-left .kp-h2, .home-treatment-item-btm-title-left .kp-was-h2 { font-size: 2.2rem; }
  .home-treatment-item-btm-title-right span { font-size: 3.4rem; }
  .home-treatment-item-btm-text { font-size: 1.3rem; }
}
@media screen and (min-width: 835px) and (max-width: 1024px) {
  .home-treatment-items .home-treatment-item { flex-basis: calc((100% - 24px) / 2); width: auto; }
}
/* 3列のときは題名と「詳しく見る」を写真に重ねず、写真の上の白い帯に置く（細いカードで写真の文字やロゴとかぶった） */
@media screen and (min-width: 1025px) {
  .home-treatment-items .home-treatment-item-top { display: flex; flex-direction: column-reverse; }
  .home-treatment-items .home-treatment-item-top-content { position: static; padding: 14px 18px 12px; background: #FFFFFF; gap: 1rem; }
  .home-treatment-items .home-treatment-item-top-content h3, .home-treatment-items .home-treatment-item-top-content .kp-was-h3 { font-size: 2rem; }
  .home-treatment-items .home-treatment-item-top-content a { flex-shrink: 0; }
}
/* 2026-10 トップの精査（すぐ直せる物） */
/* スマホの1画面目：見出しの3行目が menu ボタンの下に隠れていた */
@media screen and (max-width: 834px) { .header-inner h1.sp_only { margin-right: 6.6rem; } }
/* 写真の下のボタン：文字の所しか押せなかった → 枠全体を押せるように */
.home-hero-navi-item { position: relative; }
.home-hero-navi-item > a::after { content: ""; position: absolute; inset: 0; }
/* ==========================================================
   2026-10 診療メニューのページ（/treatment/）の「診療案内」：15の診療が1列ずつ縦に長かった → PC は2列のカード（けんた「2カラムで見やすく」）
   本文は触らず、見出し「診療案内」の欄だけ CSS で並べ替える（目次の飛び先の id はそのまま）
   ========================================================== */
@media screen and (min-width: 1025px) {
  
  
  
  
  
  
  
  
  
  
  
  
}
/* ==========================================================
   2026-10 トップの「お悩み」の札：スマホで3列に詰まり「歯が痛い／・しみる」のように折れていた → スマホは2列（けんた「2カラムで見やすく」）
   見出しは <wbr> の所でだけ折る（keep-all）。番号は表示している札の順に振り直した
   ========================================================== */
.home-problem-item h2, .home-problem-item .kp-h2, .home-problem-item .kp-was-h2 { word-break: keep-all; overflow-wrap: anywhere; text-wrap: balance; }
@media screen and (max-width: 834px) {
  .home-problem-items .home-problem-item { flex-basis: calc(50% - 0.5rem); }
  .home-problem-item h2, .home-problem-item .kp-h2, .home-problem-item .kp-was-h2 { font-size: 1.5rem; line-height: 1.6; }
}

/* 2026-10-10 本文の医院名を .c-name で囲んだら、親の「中の span は大きく・ピンクに」の決まりが医院名にも当たっていた
   （新心会グループの見出しでスマホは両端が切れる・診療理念の本文でピンクの太字）。本番ではどちらも普通の字なので、親の書式を継がせる */
.home-group-title-right h2 .c-name,
.home-philosophy-box-right-text .c-name, .home-group-title-right .kp-was-h2 .c-name { font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; }

/* 2026-10-10 マーカーの帯：看板のピンク（#d80f63）のベタ塗りだと、上に乗る黒い文字との色の差が 3.2 しかなかった（採用情報の「一緒に働く、仲間を募集中！」）。
   同じピンクを 40% に薄めた（.com-bg-main の2か所を直接直した。色の差 約8.0）。けんた「ちょっと透明にする感じ」 */
/* 診療理念の見出し「治療より、予防。」を画像から文字に。画像（295×53・表示幅 約300px）と同じ大きさと帯。「予防」の下の帯は上と同じ 40% のピンク */
.home-philosophy-box-right-title .kp-philo { display: block; text-align: left; white-space: nowrap; font-family: "Noto Serif JP", serif; font-weight: 400; font-style: normal; color: #383a60; line-height: 1.06; letter-spacing: 0; }
.kp-philo-big { font-size: 5rem; }
.kp-philo-small { font-size: 2.6rem; }
.kp-philo-period { margin-right: -0.5em; }
.kp-philo-mark-white { background: linear-gradient(transparent 50%, #fff 50%); }
.kp-philo-mark-pink { background: linear-gradient(transparent 50%, rgba(216, 15, 99, 0.4) 50%); }
/* 2026-10-10 チェックの付いた箇条書き（com-ul-check）で、行の頭の太字の見出しが1字の幅まで縮んで縦に折れていた
   （初めての方へ「初診の目安」の 所要時間・費用・持ち物。サイト全体でこの3行だけ）。見出しは縮めず、長いときは幅の4割まで */
.com-ul-check > li > strong { flex: 0 0 auto; max-width: 40%; white-space: nowrap; margin-right: 0.4em; }
/* 2026-10-10 矢印の丸（医院情報のお知らせ・ブログ、トップのブログ一覧、フッターの採用ボタン）：
   看板のピンク（#d80f63）で塗ると濃い（けんた「矢印の周りの色も濃い」）→ 元の淡いピンク（#f07ea2・院長あいさつの面と同じ） */
.com-info-box-right-news::before, .home-blog-item::before, .footer-recruit-content a::after { background-color: #f07ea2; }
/* 10-11 スマホのトップの医院名：名前が長くなってロゴの横に入らず、ロゴの下へ回り込んで縦書きの「好き」「怖」に重なっていた → ロゴの右の残りの幅に置く（本番の元の位置）。3行（けんた「―いらないから3行に」）・3行目の15字は少し小さく */
@media screen and (max-width: 834px) {
  .header-inner h1.sp_only { flex: 1 1 0; min-width: 0; margin: 1rem 6rem 0 0.6rem; padding: 6px 8px; font-size: 1.2rem; letter-spacing: 0.02em; }
  .header-inner h1.sp_only .c-h1-sub { font-size: 0.85em; letter-spacing: 0; white-space: nowrap; }
}

/* ==========================================================
   2026-10-10 提案の版（テーマ cerezo-proposal だけ）
   ========================================================== */
h3.kp-h2, .kp-was-.kp-h2 { display: block; font-size: 1.5em; font-weight: bold; }
/* 理事長の名前（h3）の字間が、h3 に下げた見出しにも当たるので、もとの h2 の字間に戻す */
.home-group-greeting-content-left .kp-h2 { letter-spacing: 0.03em; }
.home-problem-items:not(.is-open) .home-problem-item.is-more { display: none; }
@media screen and (max-width: 834px) {
  .home-problem-items:not(.is-open) .home-problem-item.is-more-sp { display: none; }
}
/* PC：上に上げたので上の余白を詰める。ボタンは右下の写真に重ならないよう左に寄せる */
@media screen and (min-width: 835px) {
  .home-problem { padding-top: 6rem; }
  .kp-problem-more { margin-left: 0 !important; }
}
.kp-problem-more { display: block; margin: 24px auto 0; padding: 14px 28px; min-width: 260px; border: 2px solid #d80f63; border-radius: 999px; background: #fff; color: #d80f63; font-size: 15px; font-weight: 700; cursor: pointer; }
.kp-problem-more:hover { background: #d80f63; color: #fff; }
/* 10-11 お悩みの札を閉じた状態（PC は10枚＝5枚×2段）だと、欄が1段ぶん低くなり、右下の写真（下端合わせ・幅70%）が上に上がって
   女性の顔が10枚目の札の後ろに隠れていた（835〜1440px で顔の16〜49%。けんた「女性が隠れる画面幅ある」）。
   閉じている間だけ下の余白を増やして、写真の頭の上端（欄の下端から 欄の幅×34.5%）が札の下端より下に来るようにする。
   札の下端から欄の下端までは「ボタンの段 88px＋下の余白」。1600px 以上は札の右端が顔より左なので元のまま */
@media screen and (min-width: 835px) and (max-width: 1599px) {
  .home-problem:has(.home-problem-items:not(.is-open)) { padding-bottom: max(20rem, calc(34.5vw - 76px)); }
}
/* ==========================================================
   10-10 下層ページとメニューの見た目（けんた「1画面にスッキリ見せるのと、押し間違いしない程度に」「文字が大きいわけでもないのに縦幅は広い」）
   ボタンは字の割に高い分の上下の余白を削る。スマホで指で押す所は高さ 44px 以上を残す
   ========================================================== */
/* 医院情報の「最新のブログ」：お知らせとの間 */
.kp-info-blog-title { margin-top: 3rem; }
/* 10-11 診療ブログの下に一覧への入口（右寄せの文字のリンク・押せる高さ 44px） */
.kp-info-more { margin: 0.4rem 0 0; text-align: right; }
.kp-info-more a { display: inline-flex; align-items: center; gap: 0.6rem; min-height: 4.4rem; font-size: 1.4rem; font-weight: 700; color: #383a60; text-decoration: underline; text-decoration-color: #d80f63; text-underline-offset: 0.3em; }
.kp-info-more a::after { content: "→"; color: #d80f63; text-decoration: none; }
/* 診療メニューのカードの説明と注意書き：言葉の切れ目（<wbr> と句読点）でだけ折り、行の長さをそろえる（10-11） */
/* 10-11 注意書きは keep-all をやめた：Safari は keep-all だと「・」でも折らず、長い1かたまりがカードの幅を押し広げて画面の右にはみ出した（けんたの iPhone）。上の2行は keep-all のまま anywhere で幅を押し広げない */
.home-treatment-item-btm-text { word-break: keep-all; overflow-wrap: anywhere; text-wrap: balance; }
.home-treatment-item-btm-note { overflow-wrap: anywhere; text-wrap: pretty; }
/* 診療メニューのカードの中の余白をそろえる（10-11 けんた「カードの中のマージン周り整えて」）
   ・料金は全部のカードで名前の下（虫歯治療の「保険適用」だけ名前の右に出ていた）
   ・小さな説明→名前 4px、名前→料金 8px、料金→説明の行 16px、説明の行→注意書き 16px 以上
   ・PC は横に並ぶカードの注意書きの位置をそろえ（下に寄せる）、カードの下の余白を 24px に（0〜68px とばらばらだった）
   ・スマホはカードの左右 18px・下 20px（下 10px で注意書きが端に付いていた） */
.home-treatment-item { display: flex; flex-direction: column; }
.home-treatment-item-btm { flex: 1 1 auto; display: flex; flex-direction: column; padding: 2rem 2.4rem 2.4rem; }
.home-treatment-item-btm-title { flex-direction: column; align-items: flex-start; flex-wrap: nowrap; gap: 0; padding-bottom: 1.6rem; }
.home-treatment-item-btm-title-left p { margin-bottom: 0.4rem; line-height: 1.4; }
.home-treatment-item-btm-title-right { margin-top: 0.8rem; }
.home-treatment-item-btm-note { margin-top: auto; padding-top: 1.6rem; }
@media screen and (max-width: 834px) {
  .home-treatment-item-btm { padding: 1.6rem 1.8rem 2rem; }
  .home-treatment-item-btm-title { align-items: center; padding-bottom: 1.4rem; }
  .home-treatment-item-btm-title-left p { margin-bottom: 0.4rem; }
  .home-treatment-item-btm-title-right { margin-top: 0.8rem; }
  .home-treatment-item-btm-note { padding-top: 1.4rem; }
}
/* PC は行間が字の2.3倍（30px）で、2行になった説明の行の間が空きすぎていた（けんた「間が空きすぎてる」）→ スマホと同じ 1.6倍、区切りは上下の余白で */
@media screen and (min-width: 835px) {
  .home-treatment-item-btm-text, .home-treatment-item-btm-text span { line-height: 1.6; }
  .home-treatment-item-btm-text { padding-top: 1rem; padding-bottom: 1rem; }
}
/* 下層ページの本文の写真を 16:9 に（けんた「下層ページの画像…16:9にしてほしい」）。3:2・16:10 の写真が多かった */
.page-template :is(.com-col-img_right, .com-col-img_left, .com-flow-item-img, .com-col3-item, .com-col2-item, .com-point-img, .c-intro-2col-img, .com-bgc-white.p30) img:not([src*=".svg"]) { aspect-ratio: 16 / 9; object-fit: cover; height: auto; }
/* 10-11 けんた「初めての方へページのsvgが切れてる」：上の決まりがカレンダー・電話・矢印のアイコン（SVG）まで 16:9 に切っていた → SVG は外した（全62ページで数えて、巻き込まれていたのはこの3つとセルフチェック表だけ） */
/* 箇条書きの横の小さな写真（com-point-img）：もとは 150px（スマホ 100px）の丸い枠で、図は読めなかった → 16:9 の角丸で大きく。サイト全体で17か所 */


@media screen and (max-width: 834px) {  }
/* 図・グラフ・機械の画面・料金の絵は切り抜かない（欠けると中身が伝わらない） */
.page-template img:is([alt*="図"], [alt*="グラフ"], [alt*="シミュレーション"], [alt*="ファイバーコア"], [alt*="iTero"], [alt="ショートインプラント"], [alt="傾斜埋入"], [alt*="比較"], [alt*="クレジットカード"], [alt*="セルフチェック"]) { aspect-ratio: auto !important; object-fit: contain; }
/* インプラントの指導医の欄（写真は 16:9 に作り直した物）：PC は名前を左・写真を右、その下にあいさつ、経歴は箱の中で2列。スマホは写真→名前→あいさつ→経歴 */










@media screen and (max-width: 834px) {
  
  
  
  
  
  
  
}
/* セラミック矯正の補綴の先生の写真（16:9 に作り直した物） */

/* 見出しの帯（com-h2）：「インプラント指／導医のご紹介」のように言葉の途中で折れていた → 言葉の切れ目で折る（Chrome）・行の長さをそろえる（Safari） */

/* スマホの見出しの帯：24px だと「インプラント指／導医のご紹介」のように言葉の途中で折れた（Safari は言葉の切れ目を知らない）→ 20px で1行に入る物を増やす */
@media screen and (max-width: 834px) {  }
/* 10-10 夜 帯をやめて白地にしたが、けんた「元の方がいいな」で帯に戻した */
/* 目次（けんた「目次のデザインもどうにかならないかな」）：12行が縦に長く（スマホ 807px）、どこを押すと何かが分かりにくかった
   → 番号を付けて行を詰め、PC は2列。矢印は下向き（ページの下へ移る）。中身と行き先は変えない */









@media screen and (min-width: 835px) {
  
}
@media screen and (max-width: 834px) {
  
  
  
}
/* 経歴の表（インプラントの指導医など）：スマホで年の列が 110px 取っていて、中身が細く何行にも折れていた */



@media screen and (max-width: 834px) {
  
  
}
/* ドクター紹介の院長の「経歴／資格・所属／研修」：縦に長い1列 → PC は3列のカード、スマホは見出しを左・中身を右の表の形（文はそのまま） */
.page-template .p30.color_bg-gray-white:has(> .com-h4 + .com-ul-dot) { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 3rem; row-gap: 0; border-radius: 16px; }
.page-template .p30.color_bg-gray-white:has(> .com-h4 + .com-ul-dot) > .com-h4 { grid-row: 1; margin: 0 0 1.2rem !important; padding-bottom: 0.8rem; border-bottom: 2px solid #f07ea2; font-size: 1.6rem; }
.page-template .p30.color_bg-gray-white:has(> .com-h4 + .com-ul-dot) > .com-ul-dot { grid-row: 2; margin: 0; }
@media screen and (max-width: 834px) {
  .page-template .p30.color_bg-gray-white:has(> .com-h4 + .com-ul-dot) { grid-template-columns: 7em 1fr; column-gap: 1.2rem; padding: 2rem; }
  .page-template .p30.color_bg-gray-white:has(> .com-h4 + .com-ul-dot) > .com-h4 { grid-row: auto; grid-column: 1; margin: 0 !important; padding: 1.2rem 0; border-bottom: none; border-top: 1px dashed #d6d9e2; font-size: 1.4rem; color: #d80f63; }
  .page-template .p30.color_bg-gray-white:has(> .com-h4 + .com-ul-dot) > .com-ul-dot { grid-row: auto; grid-column: 2; padding: 1.2rem 0; border-top: 1px dashed #d6d9e2; }
  .page-template .p30.color_bg-gray-white:has(> .com-h4 + .com-ul-dot) > :is(.com-h4, .com-ul-dot):nth-child(-n+2) { border-top: none; padding-top: 0; }
}
/* 院長・歯科医師の写真：16:9 で、顔と胸元が入る位置 */

/* ページ内リンク・外から # 付きで来たとき、見出しが上の固定の帯（PC 80px・スマホ 60px）の下に隠れていた */
html { scroll-padding-top: 90px; }
@media screen and (max-width: 834px) { html { scroll-padding-top: 70px; } }
/* スマホのフッターのメニューと、グループ医院の一覧のリンク：押せる高さ約20px → 上下に余白 */
@media screen and (max-width: 834px) {
  .footer-inner-list-item a, .footer-inner-link-list-item a { display: inline-block; padding-top: 0.6rem; padding-bottom: 0.6rem; }
  .kp-group-lists .footer-group-list-item a { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
/* 10-11 フッターの OTHER の上の段に「ブログ」「お問い合わせ」を移した。スマホで4つを1行に詰めると「お問い合／わせ」と折れる → MENU と同じ2列に */
@media screen and (max-width: 834px) {
  .footer-inner-list02 { flex-wrap: wrap; gap: 0; }
  .footer-inner-list02 li { flex-basis: 50%; white-space: nowrap; margin-bottom: 0.6rem !important; }
}
/* 動きを減らす設定の人には、診療理念の流れる写真の帯を止める */
@media (prefers-reduced-motion: reduce) { .home-philosophy-project-wrap-track { animation: none !important; } }
/* 10-10 全体の点検（全62ページ×スマホ・PC）で見つかった物 */
/* 薄い灰色の字（ブログの日付・著者の名前）：白地との色の差 2.19 → 約5 */
.single-relevance-swiper-link-content-bottom-date, .page-template-content-main-author, .page-template-content-main-author-link { color: #6e717c; }
/* 関連ブログの日付：3.03 → 約5 */
body .krc-date { color: #6f6d68; }
/* お問い合わせの「※必須」：薄いピンクで 2.27 → 約5.7 */

/* スマホで押しにくいボタン：診療メニューのカードの「詳しく見る」37px・Instagram の「フォロー」34px → 44px */
@media screen and (max-width: 834px) {
  .home-treatment-item-top-content a { min-height: 44px; display: inline-flex; align-items: center; }
  #sb_instagram .sbi_follow_btn a, .sbi_follow_btn a { min-height: 44px; display: inline-flex; align-items: center; }
}
/* 小さすぎる字（12px 未満）：トップの自由診療の金額の注記・ブログの横の列の注記・ブログ一覧の分類と日付 → 12px */
.home-treatment-item-btm-note, .home-treatment-item-btm-note a { font-size: 1.2rem; }
.c-side-note { font-size: 12px; }
/* ブログ一覧の分類・日付、ブログ記事の下の関連記事の日付：テーマの決まり（親のクラス付き）が強く、上の直しが効いていなかった */
.lower-template-content-main-list .c-card-cat, .lower-template-content-main-list .lower-template-content-main-list-item-link-txt-bottom-date { font-size: 12px; }
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom-date, .page-template-content-main-bottom-relevance .single-relevance-swiper-link-content-bottom-date { color: #6e717c; }
/* お悩みの札の治療名（虫歯治療など）：ピンクの細い字 12〜13px で読みにくかった（けんた「もっと読みやすい感じに」）
   → 淡いピンクの札に紺の太字。右に「›」で押せることを示す。広い面はピンクで塗らない */
.home-problem-item p { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 0.8rem; padding: 0.3rem 1rem 0.3rem 1.2rem; border-radius: 999px; background-color: #fdecf3; color: #383a60; font-size: 1.4rem; font-weight: 700; line-height: 1.5; letter-spacing: 0.04em; }
.home-problem-item p::after { content: "›"; color: #d80f63; font-weight: 700; }
@media screen and (max-width: 834px) { .home-problem-item p { font-size: 1.3rem; padding: 0.2rem 0.9rem 0.2rem 1.1rem; } }
/* 札のバランス（けんた「バランスを揃えることってできるかな」）：題が1行と2行の札で絵と治療名の高さがずれていた。
   絵は上・題は2行分の枠の真ん中・治療名は一番下にそろえる（同じ段の札は高さがそろうので、絵も治療名も横に並ぶ） */
.home-problem-item { justify-content: flex-start; }
.home-problem-item .kp-h2 { display: flex; align-items: center; justify-content: center; line-height: 1.55; min-height: 3.1em; margin-bottom: 0.8rem; }
.home-problem-item p { margin-top: auto; }
/* お知らせ・ブログの題が、右の矢印の丸（30px）に重なっていた（PC・タブレットで長い題のとき）→ 題の右に矢印の分の空き */
.com-info-box-right-news-dd { padding-right: 4.5rem; }
/* お知らせ・ブログの題は1行で切って「…」（けんた「文字が長いと折れるから一定でてんてんになるやつで」）。1件の縦の幅も詰める */
.com-info-box-right-news-dd { min-width: 0; flex: 1 1 auto; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.7; }
.com-info-box-right-news { padding-top: 1.6rem; padding-bottom: 1.6rem; margin-bottom: 1.2rem; }
@media screen and (max-width: 834px) {
  .com-info-box-right-news { padding-top: 1.2rem; padding-bottom: 0.8rem; margin-bottom: 0.8rem; }
  .com-info-box-right-news-dd { width: 100%; }
}
/* フッター：コピーライトとクレジットを右のロゴの下へ移したので、下の段の分の空きを詰める（PC） */
@media screen and (min-width: 835px) {
  .kp-footer-copy .footer-copyright { margin-top: 2.4rem; }
  .kp-footer-copy .footer-copyright-text { font-size: 1.2rem; line-height: 1.8; }
  /* 右の列が細く「―セ／レッソ…」と医院名の途中で折れた → 列を広げ、コピーライトは2行（スマホと同じ改行）に */
  .footer-inner-right { width: 28%; }
  .kp-footer-copy .footer-copyright-text br.sp_only { display: inline !important; }
  .kp-footer-copy .footer-copyright-supported-by { text-wrap: balance; }
  .footer-inner { margin-bottom: 0; }
  .footer-bg { padding-bottom: 6rem; }
}
/* ハンバーガーメニューの「その他のメニュー」：字だけのリンクで押せる高さが 20px だった → 上下に余白（約36px） */
.header-drawerMenu-contents-inner-link-item a { display: inline-block; padding-top: 0.8rem; padding-bottom: 0.8rem; }
/* 一番上の欄の見出しの下の文章：18px で行の間が 1.45 倍・PC は1行 1,100px で読みにくかった */

@media screen and (min-width: 835px) {  }
@media screen and (max-width: 834px) {  }
/* ハンバーガーメニュー：ボタンの高さ 62〜70px → 44px。スマホは矢印が字に重ならないよう左右の余白を変える */
.header-drawerMenu-contents-inner-list-item a { min-height: 4.4rem; }
.header-drawerMenu-contents-inner-link-ul-item a { min-height: 4.4rem; }
@media screen and (max-width: 834px) {
  .header-drawerMenu-contents-inner-list-item a { padding: 0 3.4rem 0 1.6rem; }
  .header-drawerMenu-contents-inner-list-item a::after { right: 1rem; width: 2rem; height: 2rem; }
  .header-drawerMenu-contents-inner-link-ul-item a { min-height: 4.4rem; }
}
.kp-drawer-other-ttl { margin-top: 3rem; }
/* メニューの名前は言葉の途中で折らない（「予防歯科／メンテ｜ナンス」になっていた）。折れるのは「／」の後ろだけ */
.header-drawerMenu a, .footer-inner a, .home-hero-navi a, .page-hero-content-nav a { word-break: keep-all; overflow-wrap: anywhere; }
/* 下層ページの下の関連ページのボタン：スマホで 70px → 44px。ボタンの下からフッターまでの空きも詰める */
/* テーマの script.js（343行目〜）が、全部のボタンの高さを一番高いボタン（2行の「予防歯科／メンテナンス」57px）にそろえて書き込むので、!important で中身なりに戻す */

/* 段の高さを中身なりに（Chrome ではどの段も 57px にそろっていた。2行の名前がある段だけ高くなる） */

/* 採用ボタン：字 16px に行の高さ2倍と上下 15px で 64px あった → 約48px */
.footer-recruit-content a { line-height: 1.6; padding-top: 1rem; padding-bottom: 1rem; }
/* 「料金表を見る」など（com-btn02）：50px → 44px */

/* 関連ブログの「ブログ一覧へ」：スマホで 41px → 44px（押しやすさ） */
@media screen and (max-width: 834px) { a.krc-btn { min-height: 44px; } .footer-recruit-content a { padding-top: 0.9rem; padding-bottom: 0.9rem; } }


@media screen and (max-width: 834px) {
  
  
}
/* 共通のボタン：字 14〜16px に対して上下の余白と行の高さが大きかった */
.home-section-btn { line-height: 1.5; padding-top: 1rem; padding-bottom: 1rem; }
@media screen and (max-width: 834px) {
  .home-section-btn, .home-section-btn.is-white { line-height: 1.6; padding-top: 1.1rem; padding-bottom: 1.1rem; }
}
/* 予約の案内の LINE・WEB のボタン（トップとフッター）：93px → 約80px */
.home-cta-btn a { padding-top: 1.4rem; padding-bottom: 1.4rem; }
/* 画面の下に固定の予約の帯（スマホ）：80px → 約72px */
.header-sp-menu-inner-tel, .header-sp-menu-inner-web { padding-top: 0.8rem; padding-bottom: 0.8rem; }
/* フッター：採用情報の下と、紺色の部分の上と中の空きを詰める（PC・スマホとも気持ち） */
.footer-recruit { padding-bottom: 5rem; }
.footer-bg { padding-top: 7rem; padding-bottom: 9rem; }
.footer-inner { margin-bottom: 5rem; }
@media screen and (max-width: 834px) {
  .footer-recruit { padding-bottom: 3rem; }
  .footer-bg { padding-top: 3rem; padding-bottom: 8rem; }
}
/* 10-10 見た目の直し：並べ替えで、上の欄の下の余白が無くなった所に「まとまりの間」の余白を足す */
.home-problem { background-color: #f4f6fa; }
.kp-top-info { padding-top: 10rem; }
.home-philosophy { padding-top: 10rem; }
.home-blog { padding-top: 10rem; }
/* 全国の地図を外したので、「新心会グループとは」を左半分でなく横いっぱいに（けんたのスクショ 10-10 14:09＝右半分が空いていた） */
/* 新心会の欄：説明文を題字の下に・一覧へ飛ぶボタン（10-10） */
.kp-group-about { max-width: 78rem; margin: -2rem auto 8rem; padding: 0 3rem; text-align: center; }
.kp-group-about-text { color: #fff; font-family: "Noto Sans JP", sans-serif; font-size: 1.6rem; line-height: 2; letter-spacing: 0.08em; margin-bottom: 3rem; text-wrap: pretty; }
.kp-group-list-btn { margin: 0 auto; }
#group-clinics { scroll-margin-top: 120px; }
/* フッターの医院一覧と地図（10-10 詰めた）：PC は左に一覧2列・右に地図、スマホは地図の下に一覧2列 */
.kp-footer-group-map img { width: 100%; height: auto; border-radius: 12px; }
.footer-group-list-box.kp-group-lists { display: grid; grid-template-columns: 1fr 1fr; gap: 0 3rem; }
.kp-group-lists .footer-group-list-item { margin-bottom: 0.4rem; }
.kp-group-lists .footer-group-list-item-title { font-size: 1.4rem; line-height: 1.8; }
.kp-group-lists .footer-group-list h3, .kp-group-lists .footer-group-list .kp-was-h3 { font-size: 1.8rem; margin: 1.2rem 0 0.4rem; }
.kp-group-lists .footer-group-list .footer-group-list-heading:first-child h3, .kp-group-lists .footer-group-list .footer-group-list-heading:first-child .kp-was-h3 { margin-top: 0; }
@media screen and (min-width: 835px) {
  .kp-group-wrap { display: flex; align-items: center; gap: 4rem; }
  .kp-group-lists { flex: 1 1 auto; }
  .kp-footer-group-map { order: 2; flex: 0 0 56rem; margin: 0; }
}
@media screen and (max-width: 834px) {
  .kp-group-about { margin: 0 auto 4rem; padding: 0 3rem; text-align: left; }
  .kp-group-about-text { font-size: 1.4rem; margin-bottom: 2rem; }
  .kp-footer-group-map { max-width: 33rem; margin: 0 auto 2.5rem; }
  .footer-group-list-box.kp-group-lists { gap: 0 1.2rem; }
  .kp-group-lists .footer-group-list-item { padding: 0 0.6rem; margin-bottom: 0.6rem; }
  .kp-group-lists .footer-group-list-item-title { font-size: 1.2rem; line-height: 1.6; word-break: keep-all; overflow-wrap: anywhere; letter-spacing: 0.03em; }
  .kp-group-lists .footer-group-list h3, .kp-group-lists .footer-group-list .kp-was-h3 { font-size: 1.5rem; margin: 1rem 0 0.4rem; padding-top: 0; }
  #group-clinics { scroll-margin-top: 80px; }
}
@media screen and (min-width: 835px) {
  .home-problem { padding-top: 8rem; }
}
@media screen and (max-width: 834px) {
  .home-problem { padding-top: 5rem; padding-bottom: 5rem; }
  .kp-top-info, .home-philosophy, .home-blog { padding-top: 6rem; }
  .home-philosophy-project-discription h2, .home-philosophy-project-discription .kp-was-h2 { letter-spacing: 0.05em; }
}

/* 10-11 お問い合わせのページ（けんた「ダサいし使い方もよくわかんない」）。予約の入口→フォーム。フォームは2列（PC）・1列（スマホ）、入力欄の字は 16px（iPhone で欄を押すと画面が拡大するのを止める） */
.kp-contact.com-section { padding-top: 4rem; padding-bottom: 4rem; }
.kp-contact-guide { max-width: 88rem; margin: 0 auto 6.4rem; padding: 2.8rem 3.2rem 3.2rem; background: #f4f5f8; border-radius: 16px; text-align: center; }
.kp-contact-guide-ttl { word-break: keep-all; overflow-wrap: anywhere; margin-bottom: 1.6rem; font-size: 1.7rem; font-weight: 700; color: #383a60; letter-spacing: 0.06em; }
.kp-contact-guide-btns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.kp-contact-guide-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 6.8rem; border-radius: 12px; color: #fff !important; font-size: 1.7rem; font-weight: 700; line-height: 1.35; letter-spacing: 0.06em; text-decoration: none; transition: opacity 0.2s; }
.kp-contact-guide-btn span { font-size: 1.25rem; font-weight: 500; letter-spacing: 0.04em; }
.kp-contact-guide-btn:hover { opacity: 0.85; }
.kp-contact-guide-btn.is-web { background: #383a60; }
.kp-contact-guide-btn.is-line { background: #00873c; }
.kp-contact-guide-btn.is-tel { background: #d80f63; }
.kp-contact .com-h2 { margin-top: 0; margin-bottom: 2.4rem; }
.kp-contact-lead { margin-bottom: 4rem; text-align: center; line-height: 1.9; }
.kp-cf { max-width: 80rem; margin: 0 auto; border-top: 1px solid #e3e5eb; }
.kp-cf-row { display: grid; grid-template-columns: 20rem 1fr; column-gap: 3.2rem; align-items: start; padding: 2rem 0; border-bottom: 1px solid #e3e5eb; }
.kp-nowrap { white-space: nowrap; }
.kp-cf-label { display: flex; align-items: center; gap: 0.8rem; min-height: 5.2rem; font-size: 1.5rem; font-weight: 700; color: #303030; }
.kp-cf-req { flex: none; display: inline-block; padding: 0.3rem 0.7rem; border-radius: 4px; background: #d80f63; color: #fff; font-size: 1.1rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.08em; }
.kp-cf .wpcf7-form-control-wrap { display: block; }
.kp-cf input.wpcf7-form-control, .kp-cf textarea.wpcf7-form-control { width: 100%; min-height: 5.2rem; padding: 1.2rem 1.6rem; border: 1px solid #b9bcc6; border-radius: 8px; background: #fff; font-size: 1.6rem; line-height: 1.6; color: #303030; box-shadow: none; -webkit-appearance: none; appearance: none; }
.kp-cf textarea.wpcf7-form-control { height: 20rem; resize: vertical; }
.kp-cf input.wpcf7-form-control:focus, .kp-cf textarea.wpcf7-form-control:focus { outline: none; border-color: #d80f63; box-shadow: 0 0 0 3px rgba(216, 15, 99, 0.18); }
.kp-cf ::placeholder { color: #8d909b; opacity: 1; }
.kp-cf .wpcf7-not-valid { border-color: #c4004f !important; background: #fff7fa !important; }
.kp-cf .wpcf7-not-valid-tip { margin-top: 0.6rem; color: #c4004f; font-size: 1.3rem; font-weight: 700; }
.kp-cf-privacy { max-width: 80rem; margin: 2.4rem auto 0; font-size: 1.35rem; line-height: 1.8; color: #4a4d57; }
.kp-cf-privacy a { color: #c4004f; text-decoration: underline; text-underline-offset: 0.2em; }
.kp-cf-submit { margin-top: 3.2rem; text-align: center; }
.kp-cf-submit .wpcf7-submit { display: inline-block; width: min(100%, 36rem); min-height: 6rem; padding: 1.4rem 2.4rem; border: none; border-radius: 999px; background: #d80f63; color: #fff; font-size: 1.7rem; font-weight: 700; letter-spacing: 0.08em; cursor: pointer; box-shadow: 0 6px 16px rgba(216, 15, 99, 0.25); transition: background 0.2s; -webkit-appearance: none; appearance: none; }
.kp-cf-submit .wpcf7-submit:hover { background: #b80b53; }
.kp-cf-submit .wpcf7-submit:focus-visible { outline: 3px solid #383a60; outline-offset: 3px; }
.kp-cf-submit .wpcf7-spinner { display: block; margin: 1.2rem auto 0; }
.kp-contact .wpcf7-response-output { max-width: 80rem; margin: 2.4rem auto 0 !important; padding: 1.4rem 1.8rem !important; border-radius: 8px; font-size: 1.4rem; line-height: 1.7; }
@media screen and (max-width: 834px) {
  .kp-contact.com-section { padding-top: 2.4rem; padding-bottom: 2.4rem; }
  .kp-contact-guide { margin-bottom: 4rem; padding: 2rem 1.6rem; }
  .kp-contact-guide-ttl { font-size: 1.5rem; margin-bottom: 1.2rem; }
  .kp-contact-guide-btns { grid-template-columns: 1fr; gap: 0.8rem; }
  .kp-contact-guide-btn { flex-direction: row; gap: 1.2rem; min-height: 5.6rem; }
  .kp-contact-lead { margin-bottom: 2.4rem; text-align: left; }
  .kp-cf-row { grid-template-columns: 1fr; row-gap: 0.8rem; padding: 1.6rem 0; }
  .kp-cf-label { min-height: 0; }
  .kp-cf-privacy { margin-top: 2rem; }
  .kp-cf-submit .wpcf7-submit { width: 100%; }
}

/* 10-11 見出しの決まり K-1：トップの h1 は PC で見えない作り（display: none）だった → 見た目はそのままで、読み上げと検索には残す */
@media screen and (min-width: 835px) {
  .header-inner h1.sp_only { display: block !important; position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; background: none; }
}
/* 10-11 けんた「全体を精査して」：1〜2字だけ次の行に落ちる所（全62ページ×PC・スマホで数えた 828件のうち、縦書き・2行で組む作りのボタンを除いた物）。
   短い文字（ボタン・よくある質問・目次・虫歯の段階・著者の欄）は行の長さをそろえ、段落と箇条書きは最後の行が短くなりすぎないように */

/* 箇条書きは Chrome の pretty が日本語の最後の行に効かなかった（料金の表の「可能性｜あり」）→ 行の長さをそろえる。段落は pretty */
.page-template :is(.com-ul-dot, .com-ul-check, .com-ul-note) > li { text-wrap: balance; }

/* ボタンの「◯◯ページを見る」：狭いと「見｜る」と折れる → 「ページを見る」の前でだけ折る（本文の <wbr> は kp_heading_rules と同じ所で足す） */

.com-table03-text-price { white-space: nowrap; }

/* 10-11 ブログの横の欄（けんた「これもブラッシュアップしてほしい」）：見出しはピンクの短い線＋紺の字（スタッフページ B と同じ）・カテゴリの件数は右に小さく・ご予約の箱は時間を表に、ボタンは WEB と LINE（スマホは電話も）・PC は読み進めても箱が残る */




















.kp-side-btn.is-web { background: #383a60; }
.kp-side-btn.is-line { background: #00873c; }
.kp-side-btn.is-tel { background: #d80f63; }
@media screen and (min-width: 835px) {
  
  /* 記事が長いので、読み進めてもご予約の箱が画面に残る（画面の高さが足りるときだけ） */
}
@media screen and (min-width: 835px) and (min-height: 720px) {
  
}

/* 10-11 よくある質問を全ページ共通の形に（初めての方へ A と同じ。けんた「全ページ共通の書き方にしよう」） */










.page-template .com-faq-list-item-a > p + p { margin-top: 1em; }
@media screen and (max-width: 834px) {
  
  
  
  
  
}

/* 10-11 予約の欄の部品（見出し・キャッチ・ボタン）。並べ方は案2（下）*/
.kp-cta figure::after { display: none; }
.kp-cta .kp-cta-right { display: flex; flex-direction: column; justify-content: center; }
.kp-cta-ttl { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1.2rem; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.12em; color: #383a60; }
.kp-cta-ttl::before, .kp-cta-ttl::after { content: ""; width: 2.4rem; height: 2px; background: #d80f63; }
.home-cta-right .kp-cta-catch { margin: 0 0 2.8rem; padding: 0; border: 0; font-family: "Noto Serif JP", serif; font-size: 3.2rem; font-weight: 600; line-height: 1.5; letter-spacing: 0.06em; color: #383a60; text-align: center; }
.kp-cta-catch .is-pink { color: #d80f63; }
.kp-cta-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; margin: 0; padding: 0; list-style: none; }
.kp-cta-btns .is-wide { grid-column: 1 / -1; }
.kp-cta-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 7.2rem; padding: 1rem; border-radius: 12px; color: #fff !important; font-size: 1.9rem; font-weight: 700; line-height: 1.35; letter-spacing: 0.08em; text-decoration: none; transition: opacity 0.2s; }
.kp-cta-btn span { font-size: 1.25rem; font-weight: 500; letter-spacing: 0.06em; }
.kp-cta-btn:hover { opacity: 0.85; }
.kp-cta-btn.is-web { background: #383a60; }
.kp-cta-btn.is-line { background: #00873c; } /* LINE の明るい緑（#00873c）に白い字は色の差 2.17 → 濃い緑で 4.5 以上 */
.kp-cta-btn.is-tel { background: #fff; border: 2px solid #d80f63; color: #d80f63 !important; }
.kp-cta-btn.is-tel .kp-cta-tel-note { color: #383a60; font-weight: 700; }
.kp-cta-btn.is-tel .kp-cta-tel-num { font-family: "Outfit", sans-serif; font-size: 2.8rem; font-weight: 500; letter-spacing: 0.04em; color: #d80f63; }
@media screen and (min-width: 835px) { .kp-cta-btn.is-tel { pointer-events: none; } }
@media screen and (max-width: 834px) {
  .home-cta-right.kp-cta-right { padding: 0 1.6rem; }
  .home-cta-right .kp-cta-catch { font-size: 2.4rem; margin-bottom: 2rem; }
  .kp-cta-btns { grid-template-columns: minmax(0, 1fr); gap: 0.8rem; }
  .kp-cta-btn { flex-direction: row; gap: 1.2rem; min-height: 5.8rem; font-size: 1.7rem; }
  .kp-cta-btn.is-tel { flex-direction: column; gap: 0; }
}
/* 10-11 予約の欄は案2（けんた「予約2案もいいな、差し替えてみて」）：写真を横いっぱいに敷き、白い面を写真の右下に重ねて入口を置く（顔に重ねない）。左下の紋章は出さない */
.kp-cta2 { position: relative; margin-bottom: 8rem; padding-bottom: 4rem; }
.kp-cta2-img { margin: 0; border-radius: 16px; overflow: hidden; }
.kp-cta2-img img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 7; object-fit: cover; object-position: center 22%; }
.kp-cta2-panel { position: absolute; z-index: 1; right: 3.2rem; bottom: 0; width: 42rem; padding: 3.2rem; border-radius: 16px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 10px 30px rgba(56, 58, 96, 0.18); }
.kp-cta2-panel .kp-cta-catch { margin: 0 0 2rem; padding: 0; border: 0; font-family: "Noto Serif JP", serif; font-size: 2.6rem; font-weight: 600; line-height: 1.5; letter-spacing: 0.06em; color: #383a60; text-align: center; }
.kp-cta2-panel .kp-cta-catch .is-pink { color: #d80f63; }
.kp-cta2-logo { margin: 3.2rem 0 0; } /* 写真の左端にそろえて、写真の下の空きに置く（白い面の左） */
.kp-cta2-logo img { display: block; width: auto; height: 6.4rem; }
@media screen and (min-width: 835px) and (max-width: 1250px) { .kp-cta2-logo img { height: 4.8rem; } }
@media screen and (max-width: 834px) {
  .kp-cta2 { margin-bottom: 4rem; padding-bottom: 0; }
  .kp-cta2-img { border-radius: 0; }
  .kp-cta2-img img { aspect-ratio: 4 / 3; }
  .kp-cta2-panel { position: relative; right: auto; bottom: auto; width: auto; margin: -3rem 1.6rem 0; padding: 2rem 1.6rem; }
  .kp-cta2-panel .kp-cta-catch { font-size: 2.2rem; }
}
/* 10-11 診療時間は D-1（hours_d1.css を下に足す） */
.kp-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.kpy-nw{white-space:nowrap}
.kpy-tblwrap{position:relative;padding-top:0}
.com-info-box table.kpy-tbl{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:.5rem;margin:0 -.5rem;width:calc(100% + 1rem);background:transparent}
.com-info-box table.kpy-tbl th,.com-info-box table.kpy-tbl td{padding:0;border:0;background:transparent;text-align:center;vertical-align:middle}
.com-info-box table.kpy-tbl thead th:first-child{width:11%}
.com-info-box table.kpy-tbl thead th:not(:first-child){padding:.8rem .4rem;border-radius:999px}
.com-info-box table.kpy-tbl thead th.is-wd{background:#4b4e86;color:#fff}
.com-info-box table.kpy-tbl thead th.is-we{background:#d80f63;color:#fff}
.kpy-h{display:block;font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:.06em}
.kpy-hs{display:block;font-size:1.1rem;font-weight:500;line-height:1.2;opacity:.95}
.kpy-ap{display:inline-block;padding:.3rem .9rem;border-radius:999px;background:#eef0f4;font-size:1.25rem;font-weight:700;line-height:1.5;color:#5a5d7a;white-space:nowrap}
.kpy-pill{display:block;padding:1rem .4rem;border-radius:18px;font-family:"Outfit",sans-serif;font-size:1.75rem;font-weight:500;line-height:1.25;color:#383a60;font-variant-numeric:tabular-nums}
.is-wd .kpy-pill{background:#eceef9}
.is-we .kpy-pill{background:#fde6ef;color:#7c1f49}
.kpy-pill b{color:#c4004f;font-weight:700;font-size:1.15em}
.kpy-t{display:inline-block;white-space:nowrap}
.kpy-off{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0 0;font-size:1.5rem;font-weight:700;color:#383a60}
.kpy-off-dt{padding:.3rem 1.1rem;border-radius:999px;background:#eef0f4;color:#5a5d7a;font-size:1.25rem}
.kpy-talk-ch{flex:none;width:8.4rem;height:auto}
.kpy-bubble{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0;padding:1rem 1.6rem;border-radius:22px;font-size:1.6rem;font-weight:700;color:#383a60;line-height:1.3}
.kpy-bubble::before{content:"";position:absolute;left:-.8rem;bottom:1.4rem;width:1.8rem;height:1.8rem;border-radius:0 0 0 18px;transform:skewX(-14deg)}
.kpy-bubble.is-night,.kpy-bubble.is-night::before{background:#eceef9}
.kpy-bubble.is-we,.kpy-bubble.is-we::before{background:#fde6ef}
.kpy-bubble b{color:#c4004f;font-size:2.1rem}
.kpy-bubble b.kpy-num{font-family:"Outfit",sans-serif;font-weight:600;font-size:2.6rem}
.com-info-box table.kpy-tbl.is-tight{border-spacing:.5rem;margin:0 -.5rem;width:calc(100% + 1rem)}
.com-info-box table.kpy-tbl.is-tight thead th:not(:first-child){padding:.5rem .3rem}
.kpy-tbl.is-tight .kpy-h{font-size:1.4rem;display:inline}
.kpy-tbl.is-tight .kpy-hs{display:inline;margin-left:.4rem;font-size:1.1rem}
.kpy-tbl.is-tight .kpy-ap{font-size:1.2rem}
.kpy-tbl.is-tight .kpy-pill{padding:.75rem .3rem;border-radius:14px;font-size:1.65rem}
.kpy-off.is-tight{margin-top:1rem;font-size:1.4rem}
.kpy-duo{display:flex;justify-content:center;align-items:center;gap:1.2rem;margin:0 0 1rem}
.kpy-duo .kpy-talk-ch{flex:none;width:6.6rem;height:auto}
.kpy-duo .kpy-bubble{flex:none;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.3rem;width:auto;min-width:19.5rem;min-height:8.6rem;padding:1rem 2.8rem;text-align:center;font-size:1.6rem;font-weight:700;line-height:1.3;color:#383a60}
.kpy-duo .kpy-bubble.is-night,.kpy-duo .kpy-bubble.is-night::before{background:#e6e9f8}
.kpy-duo .kpy-bubble.is-we,.kpy-duo .kpy-bubble.is-we::before{background:#fde0ec}
.kpy-l1,.kpy-l2{display:block;white-space:nowrap}
.kpy-duo .kpy-bubble b{font-size:2.3rem;color:#c4004f}
.kpy-duo .kpy-bubble b.kpy-num{font-size:2.6rem;line-height:1.1}
.kpy-duo .kpy-l2 .kpy-nw{font-size:1.6rem}
.kpy-l2.is-s{font-size:1.35rem;font-weight:700;color:#7c1f49;letter-spacing:.02em}
.kpy-duo .kpy-bubble.is-l::before{left:auto;right:-.8rem;bottom:2rem;border-radius:0 0 18px 0;transform:skewX(14deg)}
.kpy-duo .kpy-bubble.is-r::before{left:-.8rem;bottom:2rem}
.kpy-duo.is-shadow .kpy-bubble{filter:drop-shadow(0 6px 10px rgba(56,58,96,.20)) drop-shadow(0 1px 2px rgba(56,58,96,.12))}
.kpy-duo.is-shadow .kpy-bubble.is-night,.kpy-duo.is-shadow .kpy-bubble.is-night::before{background:#eef0fb}
.kpy-duo.is-shadow .kpy-bubble.is-we,.kpy-duo.is-shadow .kpy-bubble.is-we::before{background:#ffeaf2}
.kpy-duo.is-white .kpy-bubble.is-night,.kpy-duo.is-white .kpy-bubble.is-night::before,.kpy-duo.is-white .kpy-bubble.is-we,.kpy-duo.is-white .kpy-bubble.is-we::before{background:#fff}
.kpy-duo.is-white .kpy-bubble{filter:drop-shadow(0 6px 14px rgba(56,58,96,.16)) drop-shadow(0 1px 3px rgba(56,58,96,.10))}
.kpy-stage{position:relative}
.kpy-stage .kpy-duo{position:relative;z-index:1;align-items:flex-start;gap:.6rem;margin:0}
.kpy-stage .kpy-talk-ch{width:11rem;margin-bottom:-6.6rem;position:relative;z-index:1}
.kpy-stage .kpy-bubble{margin-top:.6rem;border-radius:3.6rem;min-height:8.2rem}
.kpy-stage .kpy-bubble::before{bottom:auto;top:52%;width:2.2rem;height:2rem;border-radius:0;transform:none}
.kpy-stage .kpy-bubble.is-l::before{left:auto;right:-1.7rem;clip-path:polygon(0 0,100% 72%,0 100%)}
.kpy-stage .kpy-bubble.is-r::before{left:-1.7rem;right:auto;clip-path:polygon(100% 0,0 72%,100% 100%)}
.kpy-panel{position:relative;z-index:2;padding:1rem 1.2rem 1.2rem;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(56,58,96,.10)}
.kpy-panel .kpy-tbl{margin-top:0}
.kpy-stage .kpy-panel{margin-top:.2rem}
.kpy-stage .kpy-bubble,.kpy-stage .kpy-pill{letter-spacing:.03em}
.kpy-stage .kpy-l2.is-s{font-size:1.5rem;color:#7c1f49}
.kpy-stage .kpy-l1{color:#2f3158}
.kpy-duo.is-white.is-mix .kpy-bubble.is-night{filter:drop-shadow(4px 5px 0 #dfe2f6) drop-shadow(0 8px 16px rgba(75,78,134,.20))}
.kpy-duo.is-white.is-mix .kpy-bubble.is-we{filter:drop-shadow(4px 5px 0 #fcdbe8) drop-shadow(0 8px 16px rgba(216,15,99,.17))}
.kpy-stage .kpy-duo.is-mix .kpy-bubble{position:relative;z-index:2}
.kpy-stage .kpy-duo.is-mix .kpy-talk-ch{z-index:1}
.kpy-stage .kpy-duo.is-mix + .kpy-panel{margin-top:.4rem}
.kpy-stage .kpy-duo.is-mix .kpy-talk-ch{margin-left:-.4rem;margin-right:1rem}
.kpy-ex{display:inline-block;margin:0 -.32em 0 -.16em;color:#c4004f;font-weight:700}
.kpy-l2 .kpy-ex{font-size:1.15em}
.kpy-stage .kpy-duo.is-mix .kpy-bubble.is-l::before{right:-1.5rem}
.kpy-stage .kpy-duo.is-mix .kpy-bubble.is-r::before{left:-1.5rem}
@media screen and (max-width:834px) {
  .com-info-box table.kpy-tbl{border-spacing:.35rem;margin:0 -.35rem;width:calc(100% + .7rem)}
  .com-info-box table.kpy-tbl thead th:first-child{width:13%}
  .kpy-h{font-size:1.3rem}
  .kpy-hs{font-size:1.1rem;letter-spacing:-.04em}
  .kpy-ap{padding:.25rem .6rem;font-size:1.1rem}
  .kpy-pill{padding:.8rem .2rem;font-size:1.45rem;border-radius:14px}
  .kpy-t{display:block}
  .kpy-talk-ch{width:6.4rem}
  .kpy-bubble{font-size:1.4rem;padding:.9rem 1.2rem}
  .kpy-bubble b{font-size:1.8rem}
  .kpy-bubble b.kpy-num{font-size:2.2rem}
  .com-info-box table.kpy-tbl.is-tight{border-spacing:.3rem;margin:0 -.3rem;width:calc(100% + .6rem)}
  .kpy-tbl.is-tight .kpy-h{display:block;font-size:1.25rem}
  .kpy-tbl.is-tight .kpy-hs{display:block;margin:0;font-size:1.1rem;letter-spacing:-.06em}
  .kpy-tbl.is-tight .kpy-ap{padding:.25rem .5rem;font-size:1.1rem}
  .kpy-tbl.is-tight .kpy-pill{padding:.55rem .1rem;font-size:1.3rem;letter-spacing:-.02em}
  .kpy-tbl.is-tight .kpy-t{display:inline-block}
  .kpy-duo{gap:.3rem;max-width:100%}
  .kpy-duo .kpy-talk-ch{width:4.2rem}
  .kpy-duo .kpy-bubble{flex:0 1 auto;min-width:0;min-height:7rem;padding:.7rem .8rem;font-size:1.3rem;border-radius:18px}
  .kpy-duo .kpy-l2 .kpy-nw{font-size:1.35rem}
  .kpy-duo .kpy-bubble b{font-size:1.85rem}
  .kpy-duo .kpy-bubble b.kpy-num{font-size:2rem}
  .kpy-l2.is-s{font-size:1.1rem;letter-spacing:-.04em}
  .kpy-stage .kpy-duo{gap:.3rem}
  .kpy-stage .kpy-talk-ch{width:7rem;margin-bottom:-4rem}
  .kpy-stage .kpy-bubble{margin-top:.4rem;border-radius:2.6rem;min-height:6.8rem}
  .kpy-stage .kpy-bubble::before{width:1.6rem;height:1.5rem}
  .kpy-stage .kpy-bubble.is-l::before{right:-1.2rem}
  .kpy-stage .kpy-bubble.is-r::before{left:-1.2rem}
  .kpy-panel{padding:.6rem .5rem .8rem;border-radius:16px}
  .kpy-stage .kpy-bubble,.kpy-stage .kpy-pill{letter-spacing:0}
  .kpy-stage .kpy-duo.is-mix{gap:0}
  .kpy-stage .kpy-duo.is-mix .kpy-bubble{padding:.7rem .9rem;border-radius:2.2rem}
  .kpy-stage .kpy-duo.is-mix .kpy-bubble.is-l{margin-right:-.5rem}
  .kpy-stage .kpy-duo.is-mix .kpy-bubble.is-r{margin-left:-.5rem}
  .kpy-stage .kpy-duo.is-mix .kpy-talk-ch{z-index:3}
  .kpy-stage .kpy-duo.is-mix .kpy-talk-ch{width:6.4rem;margin-bottom:-3.6rem;margin-left:-.6rem;margin-right:.9rem}
  .kpy-stage .kpy-duo.is-mix .kpy-bubble.is-l{margin-right:-.1rem}
  .kpy-stage .kpy-duo.is-mix .kpy-bubble.is-r{margin-left:0}
  .kpy-stage .kpy-duo.is-mix .kpy-bubble b.kpy-num{font-size:1.8rem}
  .kpy-stage .kpy-duo.is-mix .kpy-bubble::before{width:1.3rem;height:1.3rem}
  .kpy-stage .kpy-duo.is-mix .kpy-bubble.is-l::before{right:-.8rem}
  .kpy-stage .kpy-duo.is-mix .kpy-bubble.is-r::before{left:-.8rem}
  .kpy-stage .kpy-duo.is-mix .kpy-l2.is-s{font-size:1.15rem}
  .kpy-duo.is-white.is-mix .kpy-bubble.is-night{filter:drop-shadow(3px 4px 0 #dfe2f6) drop-shadow(0 6px 12px rgba(75,78,134,.20))}
  .kpy-duo.is-white.is-mix .kpy-bubble.is-we{filter:drop-shadow(3px 4px 0 #fcdbe8) drop-shadow(0 6px 12px rgba(216,15,99,.17))}
}

/* 10-11 スマホの調整（けんたの iPhone の写真3枚）*/
.home-treatment-item, .home-treatment-item-btm { min-width: 0; }
/* 新心会グループの説明文：言葉の切れ目（wbr）でだけ折る */
.kp-group-about-text { word-break: keep-all; overflow-wrap: anywhere; }
/* スマホの下の固定の予約の帯：約72px → 約52px。けんた「画面のラウンドのせいでLINE予約のLが丸ごと隠れてたりする」「中央に全体を調整するとかでもいい」＝画面の端から浮かせた3つの角丸のボタンにして（けんた「下に伸ばさないと透明部分が出てきた」「そもそも浮いてるボタンみたいにするか」）、iPhone の画面の角の丸みに字がかからないように。押せる高さ44px以上・字は11.5px以上。紺の欄の上でもボタンの輪郭が分かるよう、細い白の縁と影 */
@media screen and (max-width: 834px) {
  .header-sp-menu { left: 10px; right: 10px; width: auto; bottom: 12px; }
  .header-sp-menu-inner { gap: 6px; }
  .header-sp-menu-inner > a { border-radius: 14px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45), 0 6px 16px rgba(30, 32, 60, 0.28); }
  .header-sp-menu-inner-line { padding: 0.6rem 0.8rem 0.7rem 1rem; gap: 0.2rem; min-width: 8.2rem; }
  .header-sp-menu-inner-line img { width: 2.4rem; }
  .header-sp-menu-inner-line p { font-size: max(11.5px, 1.25rem); line-height: 1.2; }
  .header-sp-menu-inner-line span { font-size: max(12px, 1.3rem); }
  .header-sp-menu-inner-tel, .header-sp-menu-inner-web { padding: 0.6rem 0.8rem 0.5rem; justify-content: center; }
  .header-sp-menu-inner-tel p { font-size: 2.1rem; line-height: 1; margin-bottom: 0.3rem; }
  .header-sp-menu-inner-tel-num { font-size: max(12px, 1.3rem); line-height: 1.3; }
  .header-sp-menu-inner-web p { font-size: 1.5rem; line-height: 1; margin-bottom: 0.3rem; }
  .header-sp-menu-inner-web p span { font-size: 2.3rem; }
  .header-sp-menu-inner-web-txt { font-size: max(11.5px, 1.2rem); line-height: 1.3; }
  /* けんた「フッターなんだけど色がないところまで行けてしまう」＝フッターの下の余白（ボタンのための 7rem）に色が無く、浮かせたボタンの間と下に白が見えた → 余白を紺の部分（.footer-bg）の中へ移す。最後の行とボタンの間は約30px */
  .footer { padding-bottom: 0; }
  .footer-bg { padding-bottom: 9.5rem; }
}

/* kp-card-title-wrap-1013：一覧・関連記事のカードの題。balance は日本語で行の幅を縮めて語の途中で折る（「治／療費」）ので、幅いっぱいに組み、最後の行の1〜2字落ちだけ pretty で防ぐ。Chrome は文節で折る（auto-phrase） */
.lower-template-content .lower-template-content-main-list-item-link-txt-title,
.lower-template-content-main .lower-template-content-main-list-item-link-txt-title.kp-was-h2,
.lower-template-content .single-relevance-swiper-link-content-title,
.page-template-content-main-bottom-relevance .single-relevance-swiper-link-content-title,
.lower-template-content-main-bottom-relevance .single-relevance-swiper-link-content-title { text-wrap: pretty; word-break: keep-all; overflow-wrap: anywhere; } /* 切れ目は functions.php の kp_title_wbr が入れる <wbr> */
/* kp-card-cat-wrap-1013：一覧の分類の札も言葉の切れ目（kp_title_wbr の <wbr>）でだけ折る（「応／急処置」を出さない） */
.lower-template-content-main-list .c-card-cat { word-break: keep-all; overflow-wrap: anywhere; }

/* 2026-10-13 診療理念「治療から予防まで、ずっと頼れる歯科医院。」（前は「治療より、予防。」1行）。1行目は「治療」「予防」を大きく帯付き・2行目は一回り小さく */
.home-philosophy-box-right-title .kp-philo-line { display: block; }
.home-philosophy-box-right-title .kp-philo-sub { margin-top: 0.55em; font-size: 3.4rem; line-height: 1.3; letter-spacing: 0.04em; }
.home-philosophy-box-right-title .kp-philo-small + .kp-philo-big { margin-left: 0.04em; }
@media screen and (max-width: 834px) {
  .home-philosophy-box-right-title .kp-philo-big { font-size: 4.2rem; }
  .home-philosophy-box-right-title .kp-philo-small { font-size: 2.2rem; }
  .home-philosophy-box-right-title .kp-philo-sub { font-size: 2.6rem; }
}