@charset "UTF-8";
*:focus:not(:focus-visible),
*::before:focus:not(:focus-visible),
*::after:focus:not(:focus-visible) {
  outline: none;
}

/* https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939 */
.visually-hidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}

/* https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html */
.plain-list {
  list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
  padding-left: 0;
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
html {
  -webkit-text-size-adjust: 100%;
}

body {
  overflow-wrap: anywhere;
  word-break: break-all;
  line-break: strict;
}

button {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: none;
  margin: 0;
  padding: 0;
}

h5, h6 {
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: 1em 0;
}

img {
  height: auto;
  border: none;
  -o-object-fit: contain;
     object-fit: contain;
}

iframe {
  width: 100%;
  height: 100%;
  border: none;
}

:root {
  --clr_txt: #4D3639;
  --rgb_txt: 77,54, 57;
  --clr_txt_white: #fff;
  --rgb_txt_white: 255,255, 255;
  --clr_txt_gray: #F5F5F5;
  --rgb_txt_gray: 245,245, 245;
  --clr_txt_red: #ee1b1b;
  --rgb_txt_red: 238,27, 27;
  --clr_main: #E9A2AC;
  --rgb_main: 233,162, 172;
  --clr_main_light: #FCF0F3;
  --rgb_main_light: 252,240, 243;
  --clr_sub: #E9AEA5;
  --rgb_sub: 233,174, 165;
  --clr_sub_light: #F9F4F0;
  --rgb_sub_light: 249,244, 240;
  --breakpoint: 666px;
}

.has-txtbase-color {
  color: #4D3639;
}

.has-txtbase-background-color {
  background-color: #4D3639;
}

.has-txtwhite-color {
  color: #fff;
}

.has-txtwhite-background-color {
  background-color: #fff;
}

.has-txtgray-color {
  color: #F5F5F5;
}

.has-txtgray-background-color {
  background-color: #F5F5F5;
}

.has-txtred-color {
  color: #ee1b1b;
}

.has-txtred-background-color {
  background-color: #ee1b1b;
}

.has-mainbase-color {
  color: #E9A2AC;
}

.has-mainbase-background-color {
  background-color: #E9A2AC;
}

.has-mainlight-color {
  color: #FCF0F3;
}

.has-mainlight-background-color {
  background-color: #FCF0F3;
}

.has-subbase-color {
  color: #E9AEA5;
}

.has-subbase-background-color {
  background-color: #E9AEA5;
}

.has-sublight-color {
  color: #F9F4F0;
}

.has-sublight-background-color {
  background-color: #F9F4F0;
}

.has-txt-base-color {
  color: #4D3639;
}

.has-txt-base-background-color {
  background-color: #4D3639;
}

.has-txt-white-color {
  color: #fff;
}

.has-txt-white-background-color {
  background-color: #fff;
}

.has-txt-gray-color {
  color: #F5F5F5;
}

.has-txt-gray-background-color {
  background-color: #F5F5F5;
}

.has-txt-red-color {
  color: #ee1b1b;
}

.has-txt-red-background-color {
  background-color: #ee1b1b;
}

.has-main-base-color {
  color: #E9A2AC;
}

.has-main-base-background-color {
  background-color: #E9A2AC;
}

.has-main-light-color {
  color: #FCF0F3;
}

.has-main-light-background-color {
  background-color: #FCF0F3;
}

.has-sub-base-color {
  color: #E9AEA5;
}

.has-sub-base-background-color {
  background-color: #E9AEA5;
}

.has-sub-light-color {
  color: #F9F4F0;
}

.has-sub-light-background-color {
  background-color: #F9F4F0;
}

@font-face {
  font-family: "fontello";
  src: url("fontello/font/fontello.woff2") format("woff2");
  font-display: fallback;
}
.cf::before,
.cf::after {
  content: "";
  display: block;
}

.cf::after {
  clear: both;
}

.fl_l {
  float: left;
}

.fl_r {
  float: right;
}

.txt_c {
  text-align: center !important;
}

.txt_l {
  text-align: left !important;
}

.txt_r {
  text-align: right !important;
}

.bold {
  font-weight: bold;
}

.txt_large {
  font-size: 120%;
}

.txt_small {
  font-size: 80%;
}

.img_c {
  margin: 1rem auto;
}

.img_l, .img_r {
  max-width: 80%;
  margin: 1rem auto;
}

img.tate {
  max-width: 60%;
}

@media screen and (min-width: 41.625em), print {
  .img_l {
    float: left;
    margin: 0 clamp(1.5rem, -0.3708rem + 2.809vw, 3rem) clamp(1rem, -0.2472rem + 1.873vw, 2rem) 0;
  }
  .img_r {
    float: right;
    margin: 0 0 clamp(1rem, -0.2472rem + 1.873vw, 2rem) clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
  }
  img.tate {
    max-width: 25% !important;
  }
}
.sp_n {
  display: none;
}

@media screen and (min-width: 41.625em), print {
  .sp_n {
    display: block;
  }
  .pc_n {
    display: none;
  }
}
.mt00 {
  margin-top: 0rem !important;
}

.mb00 {
  margin-bottom: 0rem !important;
}

.ml00 {
  margin-left: 0rem !important;
}

.mr00 {
  margin-right: 0rem !important;
}

.pt00 {
  padding-top: 0rem !important;
}

.pb00 {
  padding-bottom: 0rem !important;
}

.pl00 {
  padding-left: 0rem !important;
}

.pr00 {
  padding-right: 0rem !important;
}

.mt10 {
  margin-top: 1.2rem !important;
}

.mb10 {
  margin-bottom: 1.2rem !important;
}

.ml10 {
  margin-left: 1.2rem !important;
}

.mr10 {
  margin-right: 1.2rem !important;
}

.pt10 {
  padding-top: 1.2rem !important;
}

.pb10 {
  padding-bottom: 1.2rem !important;
}

.pl10 {
  padding-left: 1.2rem !important;
}

.pr10 {
  padding-right: 1.2rem !important;
}

.mt20 {
  margin-top: 2.4rem !important;
}

.mb20 {
  margin-bottom: 2.4rem !important;
}

.ml20 {
  margin-left: 2.4rem !important;
}

.mr20 {
  margin-right: 2.4rem !important;
}

.pt20 {
  padding-top: 2.4rem !important;
}

.pb20 {
  padding-bottom: 2.4rem !important;
}

.pl20 {
  padding-left: 2.4rem !important;
}

.pr20 {
  padding-right: 2.4rem !important;
}

.mt30 {
  margin-top: 3.6rem !important;
}

.mb30 {
  margin-bottom: 3.6rem !important;
}

.ml30 {
  margin-left: 3.6rem !important;
}

.mr30 {
  margin-right: 3.6rem !important;
}

.pt30 {
  padding-top: 3.6rem !important;
}

.pb30 {
  padding-bottom: 3.6rem !important;
}

.pl30 {
  padding-left: 3.6rem !important;
}

.pr30 {
  padding-right: 3.6rem !important;
}

.mt40 {
  margin-top: 4.8rem !important;
}

.mb40 {
  margin-bottom: 4.8rem !important;
}

.ml40 {
  margin-left: 4.8rem !important;
}

.mr40 {
  margin-right: 4.8rem !important;
}

.pt40 {
  padding-top: 4.8rem !important;
}

.pb40 {
  padding-bottom: 4.8rem !important;
}

.pl40 {
  padding-left: 4.8rem !important;
}

.pr40 {
  padding-right: 4.8rem !important;
}

.mt50 {
  margin-top: 6rem !important;
}

.mb50 {
  margin-bottom: 6rem !important;
}

.ml50 {
  margin-left: 6rem !important;
}

.mr50 {
  margin-right: 6rem !important;
}

.pt50 {
  padding-top: 6rem !important;
}

.pb50 {
  padding-bottom: 6rem !important;
}

.pl50 {
  padding-left: 6rem !important;
}

.pr50 {
  padding-right: 6rem !important;
}

.mt60 {
  margin-top: 7.2rem !important;
}

.mb60 {
  margin-bottom: 7.2rem !important;
}

.ml60 {
  margin-left: 7.2rem !important;
}

.mr60 {
  margin-right: 7.2rem !important;
}

.pt60 {
  padding-top: 7.2rem !important;
}

.pb60 {
  padding-bottom: 7.2rem !important;
}

.pl60 {
  padding-left: 7.2rem !important;
}

.pr60 {
  padding-right: 7.2rem !important;
}

.mt70 {
  margin-top: 8.4rem !important;
}

.mb70 {
  margin-bottom: 8.4rem !important;
}

.ml70 {
  margin-left: 8.4rem !important;
}

.mr70 {
  margin-right: 8.4rem !important;
}

.pt70 {
  padding-top: 8.4rem !important;
}

.pb70 {
  padding-bottom: 8.4rem !important;
}

.pl70 {
  padding-left: 8.4rem !important;
}

.pr70 {
  padding-right: 8.4rem !important;
}

.mt80 {
  margin-top: 9.6rem !important;
}

.mb80 {
  margin-bottom: 9.6rem !important;
}

.ml80 {
  margin-left: 9.6rem !important;
}

.mr80 {
  margin-right: 9.6rem !important;
}

.pt80 {
  padding-top: 9.6rem !important;
}

.pb80 {
  padding-bottom: 9.6rem !important;
}

.pl80 {
  padding-left: 9.6rem !important;
}

.pr80 {
  padding-right: 9.6rem !important;
}

.mt90 {
  margin-top: 10.8rem !important;
}

.mb90 {
  margin-bottom: 10.8rem !important;
}

.ml90 {
  margin-left: 10.8rem !important;
}

.mr90 {
  margin-right: 10.8rem !important;
}

.pt90 {
  padding-top: 10.8rem !important;
}

.pb90 {
  padding-bottom: 10.8rem !important;
}

.pl90 {
  padding-left: 10.8rem !important;
}

.pr90 {
  padding-right: 10.8rem !important;
}

.mt100 {
  margin-top: 12rem !important;
}

.mb100 {
  margin-bottom: 12rem !important;
}

.ml100 {
  margin-left: 12rem !important;
}

.mr100 {
  margin-right: 12rem !important;
}

.pt100 {
  padding-top: 12rem !important;
}

.pb100 {
  padding-bottom: 12rem !important;
}

.pl100 {
  padding-left: 12rem !important;
}

.pr100 {
  padding-right: 12rem !important;
}

@media screen and (min-width: 41.625em), print {
  .mt00 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 0) !important;
  }
  .mb00 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 0) !important;
  }
  .ml00 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 0) !important;
  }
  .mr00 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 0) !important;
  }
  .pt00 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 0) !important;
  }
  .pb00 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 0) !important;
  }
  .pl00 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 0) !important;
  }
  .pr00 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 0) !important;
  }
  .mt10 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 1) !important;
  }
  .mb10 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 1) !important;
  }
  .ml10 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 1) !important;
  }
  .mr10 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 1) !important;
  }
  .pt10 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 1) !important;
  }
  .pb10 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 1) !important;
  }
  .pl10 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 1) !important;
  }
  .pr10 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 1) !important;
  }
  .mt20 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 2) !important;
  }
  .mb20 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 2) !important;
  }
  .ml20 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 2) !important;
  }
  .mr20 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 2) !important;
  }
  .pt20 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 2) !important;
  }
  .pb20 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 2) !important;
  }
  .pl20 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 2) !important;
  }
  .pr20 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 2) !important;
  }
  .mt30 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 3) !important;
  }
  .mb30 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 3) !important;
  }
  .ml30 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 3) !important;
  }
  .mr30 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 3) !important;
  }
  .pt30 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 3) !important;
  }
  .pb30 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 3) !important;
  }
  .pl30 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 3) !important;
  }
  .pr30 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 3) !important;
  }
  .mt40 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 4) !important;
  }
  .mb40 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 4) !important;
  }
  .ml40 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 4) !important;
  }
  .mr40 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 4) !important;
  }
  .pt40 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 4) !important;
  }
  .pb40 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 4) !important;
  }
  .pl40 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 4) !important;
  }
  .pr40 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 4) !important;
  }
  .mt50 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 5) !important;
  }
  .mb50 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 5) !important;
  }
  .ml50 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 5) !important;
  }
  .mr50 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 5) !important;
  }
  .pt50 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 5) !important;
  }
  .pb50 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 5) !important;
  }
  .pl50 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 5) !important;
  }
  .pr50 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 5) !important;
  }
  .mt60 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 6) !important;
  }
  .mb60 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 6) !important;
  }
  .ml60 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 6) !important;
  }
  .mr60 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 6) !important;
  }
  .pt60 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 6) !important;
  }
  .pb60 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 6) !important;
  }
  .pl60 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 6) !important;
  }
  .pr60 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 6) !important;
  }
  .mt70 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 7) !important;
  }
  .mb70 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 7) !important;
  }
  .ml70 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 7) !important;
  }
  .mr70 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 7) !important;
  }
  .pt70 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 7) !important;
  }
  .pb70 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 7) !important;
  }
  .pl70 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 7) !important;
  }
  .pr70 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 7) !important;
  }
  .mt80 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 8) !important;
  }
  .mb80 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 8) !important;
  }
  .ml80 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 8) !important;
  }
  .mr80 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 8) !important;
  }
  .pt80 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 8) !important;
  }
  .pb80 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 8) !important;
  }
  .pl80 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 8) !important;
  }
  .pr80 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 8) !important;
  }
  .mt90 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 9) !important;
  }
  .mb90 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 9) !important;
  }
  .ml90 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 9) !important;
  }
  .mr90 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 9) !important;
  }
  .pt90 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 9) !important;
  }
  .pb90 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 9) !important;
  }
  .pl90 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 9) !important;
  }
  .pr90 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 9) !important;
  }
  .mt100 {
    margin-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 10) !important;
  }
  .mb100 {
    margin-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 10) !important;
  }
  .ml100 {
    margin-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 10) !important;
  }
  .mr100 {
    margin-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 10) !important;
  }
  .pt100 {
    padding-top: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 10) !important;
  }
  .pb100 {
    padding-bottom: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 10) !important;
  }
  .pl100 {
    padding-left: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 10) !important;
  }
  .pr100 {
    padding-right: calc(clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem) * 10) !important;
  }
}
.timetable table {
  width: 100%;
  font-size: 1.3rem;
  table-layout: fixed;
  border-collapse: separate;
  border-bottom: 2px dotted var(--clr_main);
}
.timetable table thead th {
  padding: 0.6rem 0;
  font-weight: normal;
  border: none;
  border-bottom: 2px dotted var(--clr_main);
}
.timetable table thead th:first-child {
  width: 30%;
}
.timetable table tr td {
  color: var(--clr_main);
  text-align: center;
  padding: 1.4rem 0;
  line-height: 1.4;
  border: none;
}
.timetable table tr td:first-child {
  color: var(--clr_txt);
}
.timetable p {
  margin: 0.5em 0;
}

@media screen and (min-width: 41.625em), print {
  .timetable table {
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
  }
  .timetable table tr td {
    padding: clamp(1rem, -0.2472rem + 1.873vw, 2rem) 0;
  }
}
.gmap {
  width: 100%;
}

.tit_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 10rem;
  color: var(--clr_main);
  background: var(--clr_sub_light);
  font-weight: normal;
  font-size: 2.2rem;
  line-height: 1.4;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  padding: 1rem;
  text-align: center;
}

.tit_02, .box_page h2 {
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  margin: 0 auto 2rem;
}
.tit_02::after, .box_page h2::after {
  display: block;
  content: "";
  width: 7rem;
  height: 1rem;
  background: radial-gradient(circle farthest-side, var(--clr_main), var(--clr_main) 25%, transparent 25%, transparent) left bottom/1.5rem;
  background-repeat: repeat-x;
  margin: 0.4rem auto 0;
}

.tit_03, .box_page h3 {
  font-size: 1.8rem;
  color: var(--clr_main);
  line-height: 1.4;
  font-weight: normal;
  border-bottom: 2px dotted var(--clr_main);
  padding: 0 0 0.4rem;
  margin: 0 0 2rem;
}

.tit_04, .box_page h4 {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: normal;
  color: #fff;
  background: var(--clr_main);
  padding: 0.4rem 1rem;
  margin: 0 0 2rem;
}

.tit_05, .box_page h5 {
  display: flex;
  gap: 0 0.6rem;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: normal;
  margin: 0 0 1rem;
}
.tit_05::before, .box_page h5::before {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  border: 2px solid var(--clr_main);
  border-radius: 50%;
  margin: 0.3em 0 0;
  flex: 0 0 0.8em;
}

.tit_06, .box_page h6 {
  display: flex;
  gap: 0 0.6rem;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: normal;
  padding: 0.4rem 1rem;
  color: var(--clr_main);
  border-top: 1px solid var(--clr_main);
  border-bottom: 1px solid var(--clr_main);
  margin: 0 0 1rem;
}

@media screen and (min-width: 41.625em), print {
  .tit_01 {
    min-height: clamp(14rem, -0.9663rem + 22.472vw, 26rem);
    font-size: clamp(2.8rem, 0.3056rem + 3.745vw, 4.8rem);
  }
  .tit_02, .box_page h2 {
    font-size: clamp(2.4rem, 0.4045rem + 2.996vw, 4rem);
    margin: 0 auto clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
  }
  .tit_02::after, .box_page h2::after {
    width: clamp(8rem, 2.0135rem + 8.989vw, 12.8rem);
    height: clamp(2rem, 0.5034rem + 2.247vw, 3.2rem);
    background: radial-gradient(circle farthest-side, var(--clr_main), var(--clr_main) 22%, transparent 22%, transparent) left bottom/clamp(2rem, 0.5034rem + 2.247vw, 3.2rem);
    background-repeat: repeat-x;
    margin: 0 auto;
  }
  .tit_03, .box_page h3 {
    font-size: clamp(2rem, 0.5034rem + 2.247vw, 3.2rem);
    padding: 0 0 clamp(0.8rem, 0.5506rem + 0.375vw, 1rem);
    margin: 0 0 clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .tit_04, .box_page h4 {
    font-size: clamp(1.8rem, 0.8022rem + 1.498vw, 2.6rem);
    padding: 0.6rem clamp(1rem, 0.2517rem + 1.124vw, 1.6rem);
    margin: 0 0 clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .tit_05, .box_page h5 {
    font-size: clamp(1.6rem, 0.8517rem + 1.124vw, 2.2rem);
    padding: 0.6rem clamp(1rem, 0.2517rem + 1.124vw, 1.6rem);
    margin: 0 0 clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .tit_06, .box_page h6 {
    font-size: clamp(1.4rem, 0.6517rem + 1.124vw, 2rem);
    margin: 0 0 clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.lst_ul, .box_page ul {
  display: flow-root;
  line-height: 1.4;
  margin: 1rem 0;
}
.lst_ul > li, .box_page ul > li {
  padding: 0 0 0 1.4em;
  position: relative;
}
.lst_ul > li:not(:last-child), .box_page ul > li:not(:last-child) {
  margin: 0 0 1rem;
}
.lst_ul > li::before, .box_page ul > li::before {
  content: "●";
  color: var(--clr_main);
  position: absolute;
  left: 0;
}
.lst_ul.kome > li::before, .box_page ul.kome > li::before {
  content: "※";
  color: var(--clr_txt);
}

.lst_ul_disc {
  display: flow-root;
  margin: 0 0 0 2rem;
}
.lst_ul_disc > li {
  list-style: disc;
}
.lst_ul_disc > li:not(:last-child) {
  margin: 0 0 1rem;
}
.lst_ul_disc > li::marker {
  color: var(--clr_main);
}

.lst_ol, .box_page ol {
  display: flow-root;
  line-height: 1.4;
  counter-reset: number 0;
  margin: 1rem 0;
}
.lst_ol > li, .box_page ol > li {
  counter-increment: number 1;
  padding: 0 0 0 1.8em;
  position: relative;
}
.lst_ol > li:not(:last-child), .box_page ol > li:not(:last-child) {
  margin: 0 0 1rem;
}
.lst_ol > li::before, .box_page ol > li::before {
  display: inline-block;
  content: counter(number, decimal-leading-zero) ".";
  color: var(--clr_main);
  font-weight: bold;
  position: absolute;
  left: 0;
}

.lst_dl01 dt {
  font-weight: bold;
}
.lst_dl01 dd {
  margin: 0 0 1rem;
}

@media screen and (min-width: 41.625em), print {
  .lst_ul, .box_page ul, .lst_ol, .box_page ol {
    margin: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem) 0;
  }
  .lst_dl01 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .lst_dl01 dt {
    width: 20%;
  }
  .lst_dl01 dd {
    width: 80%;
    padding: 0 0 0 1rem;
  }
}
.lst_flow, .box_page .lst_flow {
  counter-reset: number 0;
}
.lst_flow li, .box_page .lst_flow li {
  margin: 0;
  padding: 1.6rem 1rem 1.6rem 4.8rem !important;
  border: 1px dashed var(--clr_main);
  position: relative;
  border-radius: 1.6rem;
}
@media screen and (min-width: 41.625em), print {
  .lst_flow li, .box_page .lst_flow li {
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.lst_flow li::before, .box_page .lst_flow li::before {
  left: 2rem !important;
}
.lst_flow li:not(:last-child) {
  margin: 0 0 6rem !important;
}
.lst_flow li:not(:last-child)::after {
  display: block;
  content: "";
  width: 2.8rem;
  aspect-ratio: 2/1;
  background: var(--clr_main);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  inset: auto 0 -4rem;
  margin: auto;
}

@media screen and (min-width: 41.625em), print {
  .lst_flow li, .box_page .lst_flow li {
    border: 2px dashed var(--clr_main);
    padding: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem) clamp(1.5rem, 0.8764rem + 0.936vw, 2rem) clamp(1.5rem, 0.8764rem + 0.936vw, 2rem) clamp(5rem, 3.7528rem + 1.873vw, 6rem) !important;
  }
  .lst_flow li::before, .box_page .lst_flow li::before {
    left: clamp(2.2rem, 1.7011rem + 0.749vw, 2.6rem) !important;
  }
  .lst_flow li:not(:last-child) {
    margin: 0 0 clamp(4rem, -3.4831rem + 11.236vw, 10rem) !important;
  }
  .lst_flow li:not(:last-child)::after {
    width: clamp(2.4rem, 0.9034rem + 2.247vw, 3.6rem);
    inset: auto 0 clamp(-6rem, 0.7416rem + -5.618vw, -3rem);
  }
}
.tel {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0 0.4rem;
  line-height: 1;
}
.tel::before {
  display: grid;
  place-content: center;
  font-size: 80%;
  width: 1.6em;
  aspect-ratio: 1;
  font-family: "fontello";
  content: "\e815";
  font-weight: bold;
  color: var(--clr_main);
  border-radius: 50%;
}
.tel a {
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.btn_rsv, .btn_online, .btn_blog {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.6rem;
  padding: 0.8rem 2rem;
}
.btn_rsv, .btn_online, .btn_blog {
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}
.btn_rsv::before, .btn_online::before, .btn_blog::before {
  font-weight: bold;
}
@media screen and (min-width: 41.625em), print {
  .btn_rsv, .btn_online, .btn_blog {
    padding: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem) clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .btn_rsv, .btn_online, .btn_blog {
    opacity: 1;
  }
  .btn_rsv:where(:-moz-any-link, :enabled, summary):hover, .btn_online:where(:-moz-any-link, :enabled, summary):hover, .btn_blog:where(:-moz-any-link, :enabled, summary):hover {
    background: #fff;
    opacity: 1;
  }
  .btn_rsv:where(:any-link, :enabled, summary):hover, .btn_online:where(:any-link, :enabled, summary):hover, .btn_blog:where(:any-link, :enabled, summary):hover {
    background: #fff;
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  .btn_rsv:focus-visible, .btn_online:focus-visible, .btn_blog:focus-visible {
    background: #fff;
    opacity: 1;
  }
}

.btn_rsv {
  color: #fff;
  background: var(--clr_main);
  border: 1px solid var(--clr_main);
}
.btn_rsv::before {
  font-family: "fontello";
  content: "\e818";
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .btn_rsv {
    opacity: 1;
  }
  .btn_rsv:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_main);
  }
  .btn_rsv:where(:any-link, :enabled, summary):hover {
    color: var(--clr_main);
  }
}
@media screen and (min-width: 41.625em), print {
  .btn_rsv:focus-visible {
    color: var(--clr_main);
  }
}

.btn_online {
  color: #fff;
  background: var(--clr_sub);
  border: 1px solid var(--clr_sub);
}
.btn_online::before {
  font-family: "fontello";
  content: "\e816";
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .btn_online {
    opacity: 1;
  }
  .btn_online:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .btn_online:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .btn_online:focus-visible {
    color: var(--clr_sub);
  }
}

.btn_blog {
  color: #fff;
  background: var(--clr_sub);
  border: 1px solid var(--clr_sub);
}
.btn_blog::before {
  font-family: "fontello";
  content: "\cb02";
  font-weight: normal;
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .btn_blog {
    opacity: 1;
  }
  .btn_blog:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .btn_blog:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .btn_blog:focus-visible {
    color: var(--clr_sub);
  }
}

.btn {
  display: flex;
  flex-wrap: wrap;
}
.btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4rem 2rem;
  background: var(--clr_main);
  color: #fff !important;
  text-decoration: none !important;
  margin: 0.6rem 0;
}
.btn a {
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}
.btn a {
  border-radius: 0.8rem;
}
@media screen and (min-width: 41.625em), print {
  .btn a {
    border-radius: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
  }
}
@media screen and (min-width: 41.625em), print {
  .btn a {
    padding: 0.4rem clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .btn a {
    opacity: 1;
  }
  .btn a:where(:-moz-any-link, :enabled, summary):hover {
    background: rgba(var(--rgb_main), 0.8);
  }
  .btn a:where(:any-link, :enabled, summary):hover {
    background: rgba(var(--rgb_main), 0.8);
  }
}
@media screen and (min-width: 41.625em), print {
  .btn a:focus-visible {
    background: rgba(var(--rgb_main), 0.8);
  }
}

.anchor[href^="#"], .box_page a[href^="#"] {
  display: inline-flex;
  gap: 0.4rem;
  padding: 0.6rem 2rem;
  margin: 0.8rem 0;
  color: var(--clr_txt);
  border: 1px solid var(--clr_main);
  text-decoration: none !important;
}
.anchor[href^="#"], .box_page a[href^="#"] {
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}
.anchor[href^="#"], .box_page a[href^="#"] {
  border-radius: 0.8rem;
}
@media screen and (min-width: 41.625em), print {
  .anchor[href^="#"], .box_page a[href^="#"] {
    border-radius: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
  }
}
.anchor[href^="#"]::before, .box_page a[href^="#"]::before {
  font-family: "fontello";
  content: "\e806";
  color: var(--clr_main);
  transform: rotateX(-180deg);
}

@media screen and (min-width: 41.625em), print {
  .anchor[href^="#"], .box_page a[href^="#"] {
    gap: 0.8rem;
    padding: 0.6rem clamp(2rem, -0.4944rem + 3.745vw, 4rem);
    margin: 0.8rem 0;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .anchor[href^="#"], .box_page a[href^="#"] {
    opacity: 1;
  }
  .anchor[href^="#"]:where(:-moz-any-link, :enabled, summary):hover, .box_page a[href^="#"]:where(:-moz-any-link, :enabled, summary):hover {
    background: var(--clr_main_light);
  }
  .anchor[href^="#"]:where(:any-link, :enabled, summary):hover, .box_page a[href^="#"]:where(:any-link, :enabled, summary):hover {
    background: var(--clr_main_light);
  }
}
@media screen and (min-width: 41.625em), print {
  .anchor[href^="#"]:focus-visible, .box_page a[href^="#"]:focus-visible {
    background: var(--clr_main_light);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .anchor, .box_page a {
    opacity: 1;
  }
  .anchor:where(:-moz-any-link, :enabled, summary):hover, .box_page a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration: none;
  }
  .anchor:where(:any-link, :enabled, summary):hover, .box_page a:where(:any-link, :enabled, summary):hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 41.625em), print {
  .anchor:focus-visible, .box_page a:focus-visible {
    text-decoration: none;
  }
}
.wp-block-button__link {
  text-decoration: none !important;
}

.tbl, .box_page .wp-block-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  overflow: hidden;
  border: 1px solid var(--clr_main);
  border-radius: 1.6rem;
}
@media screen and (min-width: 41.625em), print {
  .tbl, .box_page .wp-block-table {
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.tbl th, .box_page .wp-block-table th, .tbl td, .box_page .wp-block-table td {
  border: none;
  padding: 0.4rem 0.5rem;
}
.tbl thead, .box_page .wp-block-table thead {
  border: none;
  color: #fff;
  background: var(--clr_main);
}
.tbl thead th, .box_page .wp-block-table thead th {
  font-weight: normal;
}
.tbl tbody tr td:first-child, .box_page .wp-block-table tbody tr td:first-child {
  background: var(--clr_sub_light);
}
.tbl tbody tr:not(:last-of-type) td, .box_page .wp-block-table tbody tr:not(:last-of-type) td {
  border-bottom: 1px solid var(--clr_main);
}

@media screen and (min-width: 41.625em), print {
  .tbl tbody tr td, .box_page .wp-block-table tbody tr td {
    padding: clamp(0.8rem, 0.5506rem + 0.375vw, 1rem) 0.5rem;
  }
}
.pager {
  margin-top: 4rem;
}
.pager > .page-numbers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem 0.1rem;
}
.pager > .page-numbers li a, .pager > .page-numbers li .current, .pager > .page-numbers li .dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 1rem;
  background: var(--clr_main);
  color: #fff;
  padding: 0.4rem 1rem;
  text-decoration: none !important;
  border: 1px solid var(--clr_main);
}
.pager > .page-numbers li a.prev::before, .pager > .page-numbers li .current.prev::before, .pager > .page-numbers li .dots.prev::before {
  font-family: "fontello";
  content: "\71";
  font-size: 80%;
}
.pager > .page-numbers li a.next::after, .pager > .page-numbers li .current.next::after, .pager > .page-numbers li .dots.next::after {
  font-family: "fontello";
  content: "\77";
  font-size: 80%;
}
.pager > .page-numbers li .current {
  background: #fff;
  color: var(--clr_main);
}
.pager > .page-numbers li .dots {
  height: 100%;
  border: none;
  color: #999;
  background: #fff;
  line-height: 1;
}

@media screen and (min-width: 41.625em), print {
  .pager {
    margin-top: clamp(6rem, 3.5056rem + 3.745vw, 8rem);
  }
  .pager > .page-numbers li a, .pager > .page-numbers li .current, .pager > .page-numbers li .dots {
    padding: clamp(0.8rem, 0.5506rem + 0.375vw, 1rem) clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .pager > .page-numbers li a, .pager > .page-numbers li .current, .pager > .page-numbers li .dots {
    opacity: 1;
  }
  .pager > .page-numbers li a:where(:-moz-any-link, :enabled, summary):hover, .pager > .page-numbers li .current:where(:-moz-any-link, :enabled, summary):hover, .pager > .page-numbers li .dots:where(:-moz-any-link, :enabled, summary):hover {
    background: #fff;
    color: var(--clr_main);
  }
  .pager > .page-numbers li a:where(:any-link, :enabled, summary):hover, .pager > .page-numbers li .current:where(:any-link, :enabled, summary):hover, .pager > .page-numbers li .dots:where(:any-link, :enabled, summary):hover {
    background: #fff;
    color: var(--clr_main);
  }
}
@media screen and (min-width: 41.625em), print {
  .pager > .page-numbers li a:focus-visible, .pager > .page-numbers li .current:focus-visible, .pager > .page-numbers li .dots:focus-visible {
    background: #fff;
    color: var(--clr_main);
  }
}
.wp-block-image .alignleft, .wp-block-image .alignright {
  float: none;
  margin: 2rem auto;
}

@media screen and (min-width: 41.625em), print {
  .wp-block-image .alignleft {
    float: left;
    margin: 0 clamp(2rem, -0.4944rem + 3.745vw, 4rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem) 0;
  }
  .wp-block-image .alignright {
    float: right;
    margin: 0 0 clamp(2rem, -0.4944rem + 3.745vw, 4rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem);
  }
}
.wp-element-caption {
  font-size: 1.4rem !important;
}
@media screen and (min-width: 41.625em), print {
  .wp-element-caption {
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem) !important;
  }
}

@media (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 0 !important;
  }
}
@media (max-width: 665px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: auto !important;
  }
}
.has-background {
  padding: 1rem 1.6rem;
  border-radius: 1.4rem;
}
@media screen and (min-width: 41.625em), print {
  .has-background {
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
@media screen and (min-width: 41.625em), print {
  .has-background {
    padding: clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
  }
}

.owner_info {
  padding: 1rem 1.6rem;
  border: 1px dotted var(--clr_main);
  margin-top: 5rem;
  border-radius: 1.4rem;
}
@media screen and (min-width: 41.625em), print {
  .owner_info {
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.owner_info p {
  margin: 0;
}
.owner_info p:not(:first-of-type) {
  margin-top: 0.5em;
}
@media screen and (min-width: 41.625em), print {
  .owner_info {
    padding: clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
    margin: clamp(6rem, 3.5056rem + 3.745vw, 8rem) 0 0 auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.btn_sns {
  display: grid;
  place-content: center;
  color: #fff;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.6;
  width: 9rem;
  border-radius: 0.6rem;
}
@media screen and (min-width: 41.625em), print {
  .btn_sns {
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
.btn_sns.btn_line {
  background: #06C755;
}
.btn_sns.btn_insta {
  background: linear-gradient(to bottom, #7638fa 0%, #ff0069 100%);
}
.btn_sns.btn_x {
  background: #0F1419;
}
.btn_sns.btn_facebook {
  background: #1877f2;
}

@media screen and (min-width: 41.625em), print {
  .btn_sns {
    padding: 0.6rem;
    font-size: clamp(1.3rem, 0.6764rem + 0.936vw, 1.8rem);
    width: clamp(9rem, 5.2584rem + 5.618vw, 12rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .btn_sns {
    opacity: 1;
  }
  .btn_sns:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
  .btn_sns:where(:any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 41.625em), print {
  .btn_sns:focus-visible {
    opacity: 0.8;
  }
}
.note-label {
  display: inline-block;
  margin-right: 0.8rem;
  color: var(--clr_main);
  white-space: nowrap;
  font-weight: 500;
}

@supports selector(:has(*)) {
  p:has(.note-label) {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5em 1em;
    align-items: start;
    margin: 0.5em 0;
  }
  .note-label {
    padding: 0 1.5em;
    margin-right: 0;
    border: 1px solid var(--clr_main);
    border-radius: 0.5em;
    text-align: center;
  }
  .note-label:has(mark) {
    padding: 0;
    border: none;
  }
  .note-label:has(mark[style*="background-color:rgba(0, 0, 0, 0)"]) {
    border: 1px solid var(--clr_main);
  }
  .note-label:has(mark) mark {
    display: inline-block;
    padding: 0 1.5em;
    box-sizing: border-box;
    border-radius: 0.5em;
    white-space: nowrap;
    width: 100%;
  }
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus-visible {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

html {
  font-size: 2.7777777778vw;
  scroll-behavior: smooth;
  scroll-padding-top: 8rem;
}

body {
  background: #fff;
  color: var(--clr_txt);
  font-family: var(--selected-font, Hiragino Maru Gothic ProN, Kosugi Maru, Yu Gothic medium, Yu Gothic, Meiryo, sans-serif);
  font-weight: 400;
  font-style: normal;
}
body::after {
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  content: "";
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  inset: 0;
  z-index: 90;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  backdrop-filter: blur(0.6rem);
}
body.spnav_modal {
  overflow: hidden !important;
}
body.spnav_modal::after {
  visibility: visible;
  opacity: 1;
}

a {
  color: inherit;
  text-decoration: none;
}

.main {
  font-size: 1.4rem;
  line-height: 1.8;
}
.main a:not([class*=btn], [href*="tel:"]) {
  text-decoration: underline;
}

@media screen and (min-width: 41.625em), print {
  html {
    font-size: 62.5%;
    scroll-padding-top: clamp(8rem, 5.5056rem + 3.745vw, 10rem);
  }
  body::after {
    display: none;
  }
  a, button {
    transition: 0.2s;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  a, button {
    opacity: 1;
  }
  a:where(:-moz-any-link, :enabled, summary):hover, button:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
  a:where(:any-link, :enabled, summary):hover, button:where(:any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 41.625em), print {
  a:focus-visible, button:focus-visible {
    opacity: 0.8;
  }
  .wrap {
    max-width: min(1200px, 100vw - 4rem);
    margin: auto;
  }
  .main {
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
    line-height: 2;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .main a:not([class*=btn]) {
    opacity: 1;
  }
  .main a:not([class*=btn]):where(:-moz-any-link, :enabled, summary):hover {
    opacity: 1;
    text-decoration: none;
  }
  .main a:not([class*=btn]):where(:any-link, :enabled, summary):hover {
    opacity: 1;
    text-decoration: none;
  }
}
@media screen and (min-width: 41.625em), print {
  .main a:not([class*=btn]):focus-visible {
    opacity: 1;
    text-decoration: none;
  }
}
.header {
  position: relative;
}
.header > .wrap {
  padding: 1rem;
}
.header > .wrap .logo {
  width: 100%;
  height: 6.6rem;
  padding: 1rem;
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 100;
  background: #fff;
}
.header > .wrap .logo a {
  display: block;
  width: calc(100% - 6rem);
  height: 100%;
  background: url(../img/logo.svg) no-repeat left center/contain;
}
.header > .wrap .logo a .clip {
  display: block;
  height: 100%;
  overflow: hidden;
  clip-path: inset(50%);
  color: transparent;
}
.header > .wrap .headR {
  margin: 6rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.8rem;
  text-align: center;
}
.header > .wrap .headR .add {
  width: 100%;
  font-size: 1.2rem;
}
.header > .wrap .headR .tel {
  font-size: 1.8rem;
}
.header > .wrap .headR .lst_sns {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.header > .wrap .headR .lst_btn {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  display: none;
}
.header > .wrap .headR .lst_btn > li {
  width: calc(50% - 0.5rem);
}
.header > .wrap .headR .lst_btn > li > a {
  height: 100%;
  display: flex;
  font-size: 1.4rem;
  padding: 0.4rem 2rem;
  border-radius: 0.6rem;
}
@media screen and (min-width: 41.625em), print {
  .header > .wrap .headR .lst_btn > li > a {
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}

@media screen and (min-width: 41.625em), print {
  .header {
    z-index: 1;
  }
  .header::before {
    content: "";
    width: 100%;
    height: 16rem;
    background: url(../img/pink/deco01.png) no-repeat left top/24rem auto, url(../img/pink/deco02.png) no-repeat right top/24rem auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none;
  }
  .header {
    container: tab/inline-size;
  }
  @container tab (width < 168rem) {
    .header::before {
      background-position: left calc(50% - 73rem) top, right calc(50% - 73rem) top;
    }
  }
  .header > .wrap {
    padding: clamp(1.4rem, 0.6517rem + 1.124vw, 2rem) 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header > .wrap .logo {
    width: 35%;
    height: clamp(6rem, 3.5056rem + 3.745vw, 8rem);
    padding: 0;
    position: relative;
    z-index: 101;
    background: none;
  }
  .header > .wrap .logo a {
    width: 100%;
  }
  .header > .wrap .headR {
    width: calc(65% - 2rem);
    margin: 0;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(0.5rem, -0.1236rem + 0.936vw, 1rem);
  }
  .header > .wrap .headR .add {
    font-size: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
    text-align: right;
  }
  .header > .wrap .headR .tel {
    font-size: clamp(2.2rem, 0.9528rem + 1.873vw, 3.2rem);
    text-align: right;
    margin-left: 0.5rem;
  }
  .header > .wrap .headR .lst_sns {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: flex-end;
    gap: clamp(0.5rem, -0.1236rem + 0.936vw, 1rem);
    margin: 0;
  }
  .header > .wrap .headR .lst_btn {
    display: flex;
    justify-content: flex-end;
    gap: clamp(0.5rem, -0.1236rem + 0.936vw, 1rem);
  }
  .header > .wrap .headR .lst_btn > li {
    width: -moz-fit-content;
    width: fit-content;
  }
  .header > .wrap .headR .lst_btn > li > a {
    font-size: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
    padding: clamp(1rem, 0.7506rem + 0.375vw, 1.2rem) clamp(0.8rem, -0.6966rem + 2.247vw, 2rem);
  }
}
#nav {
  width: 100vw;
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 100;
}
#nav #sp_menu {
  width: 4.6rem;
  height: 4.6rem;
  color: var(--clr_main);
  background: #fff;
  border-radius: 0.8rem;
  border: 1px solid var(--clr_main);
  text-align: center;
  line-height: 1;
  font-size: 1rem;
  padding: 0;
  position: absolute;
  inset: 1rem 1rem auto auto;
  z-index: 100;
}
#nav #sp_menu::before {
  display: block;
  font-family: "fontello";
  content: "\e801";
  font-size: 2.6rem;
}
#nav #sp_menu::after {
  display: block;
  content: "MENU";
  margin: 0.2rem 0 0;
}
#nav #sp_menu.close::before {
  font-family: "fontello";
  content: "\e800";
}
#nav #sp_menu.close::after {
  content: "CLOSE";
}
#nav #sp_menu span {
  display: none;
}
#nav .gnav_subnav {
  display: none;
  width: 94vw;
  max-height: calc(100dvh - 8rem);
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 0.4rem 0.6rem 0.2rem rgba(var(--rgb_txt), 0.2);
  padding: 1.6rem;
  margin: auto;
  border-radius: 1.6rem;
  position: absolute;
  inset: 6.6rem 0 auto;
  z-index: 100;
}
#nav .gnav_subnav .gnav > li > a, #nav .gnav_subnav .gnav > li > .sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 1rem;
  font-size: 1.4rem;
}
#nav .gnav_subnav .gnav > li > a.current, #nav .gnav_subnav .gnav > li > .sub.current {
  color: var(--clr_main);
}
#nav .gnav_subnav .gnav > li .sub::after {
  font-family: "fontello";
  content: "\72";
  color: var(--clr_main);
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#nav .gnav_subnav .gnav > li .sub.close::after {
  font-family: "fontello";
  content: "\f106";
}
#nav .gnav_subnav .gnav > li .subbox > .subnav {
  display: flex;
  flex-wrap: wrap;
  background: var(--clr_main_light);
  border-top: 1px dashed var(--clr_main);
  border-bottom: 1px dashed var(--clr_main);
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li {
  width: 50%;
  border-bottom: 1px dashed var(--clr_main);
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li:last-of-type {
  border-bottom: none;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li:nth-child(odd) {
  border-right: 1px dashed var(--clr_main);
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li:nth-child(odd):nth-last-child(2) {
  border-bottom: none;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li > a {
  display: grid;
  place-content: center;
  height: 100%;
  font-size: 1.2rem;
  padding: 1rem;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li > a.current {
  color: var(--clr_main);
}
#nav .gnav_subnav .gnav > li .subbox > .subnav .subbox {
  display: none !important;
}
#nav .gnav_subnav #menu_close {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  color: var(--clr_main);
  background: rgba(var(--rgb_main), 0.1);
  text-align: center;
  padding: 0.6rem 0;
  border-radius: 100vh;
  margin: 2rem 0 0;
}
#nav .gnav_subnav #menu_close::before {
  font-family: "fontello";
  content: "\e800";
  margin: 0 0.6rem 0 0;
}

@media screen and (min-width: 41.625em), print {
  #nav {
    width: auto;
    position: sticky;
    inset: 0 0 auto;
    z-index: 100;
  }
  #nav #sp_menu {
    display: none;
  }
  #nav .gnav_subnav {
    display: block !important;
    width: 100%;
    max-height: inherit;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    overflow-y: visible;
    position: static;
  }
  #nav .gnav_subnav .gnav {
    max-width: min(1200px, 100vw - 4rem);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
  }
  #nav .gnav_subnav .gnav > li {
    flex: auto;
    position: relative;
  }
  #nav .gnav_subnav .gnav > li:not(:last-child) {
    border-bottom: none;
  }
  #nav .gnav_subnav .gnav > li:first-of-type {
    flex-shrink: 0;
  }
  #nav .gnav_subnav .gnav > li > a, #nav .gnav_subnav .gnav > li > .sub {
    justify-content: center;
    text-align: center;
    font-size: clamp(1.2rem, 0.2022rem + 1.498vw, 2rem);
    padding: clamp(0.3rem, 0.0506rem + 0.375vw, 0.5rem) 0.5em;
    margin: 0;
    line-height: 1.2;
    height: 100%;
    min-height: clamp(5rem, 2.5056rem + 3.745vw, 7rem);
    cursor: pointer;
  }
  #nav .gnav_subnav .gnav > li > a::before, #nav .gnav_subnav .gnav > li > .sub::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: var(--clr_main);
    position: absolute;
    bottom: 0;
    opacity: 0;
    transform: translateY(-2rem);
    transition: 0.4s;
  }
  #nav .gnav_subnav .gnav > li > a::after, #nav .gnav_subnav .gnav > li > .sub::after {
    margin: 0 0 0 1rem;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  #nav .gnav_subnav .gnav > li > a, #nav .gnav_subnav .gnav > li > .sub {
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li > a:where(:-moz-any-link, :enabled, summary):hover, #nav .gnav_subnav .gnav > li > .sub:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_main);
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li > a:where(:any-link, :enabled, summary):hover, #nav .gnav_subnav .gnav > li > .sub:where(:any-link, :enabled, summary):hover {
    color: var(--clr_main);
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li > a:where(:-moz-any-link, :enabled, summary):hover::before, #nav .gnav_subnav .gnav > li > .sub:where(:-moz-any-link, :enabled, summary):hover::before {
    opacity: 1;
    transform: translateY(0);
  }
  #nav .gnav_subnav .gnav > li > a:where(:any-link, :enabled, summary):hover::before, #nav .gnav_subnav .gnav > li > .sub:where(:any-link, :enabled, summary):hover::before {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 41.625em), print {
  #nav .gnav_subnav .gnav > li > a:focus-visible, #nav .gnav_subnav .gnav > li > .sub:focus-visible {
    color: var(--clr_main);
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li > a:focus-visible::before, #nav .gnav_subnav .gnav > li > .sub:focus-visible::before {
    opacity: 1;
    transform: translateY(0);
  }
  #nav .gnav_subnav .gnav > li > a.current, #nav .gnav_subnav .gnav > li > .sub.current {
    transition: 0s;
  }
  #nav .gnav_subnav .gnav > li > a.current::before, #nav .gnav_subnav .gnav > li > .sub.current::before {
    background: var(--clr_main);
    opacity: 1;
    transform: translateY(0);
    transition: 0s;
  }
  #nav .gnav_subnav .gnav > li .subbox {
    display: none;
    width: clamp(30rem, 5.0562rem + 37.453vw, 50rem);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav {
    padding: 0.1rem 0 0.1rem 0.1rem;
    border-bottom: none;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 0 0 clamp(1.4rem, 0.6517rem + 1.124vw, 2rem) clamp(1.4rem, 0.6517rem + 1.124vw, 2rem);
    overflow: hidden;
    border: none;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a {
    text-align: center;
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
    padding: clamp(1rem, 0.2517rem + 1.124vw, 1.6rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a {
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_main);
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_main);
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a:focus-visible {
    color: var(--clr_main);
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a.current {
    color: var(--clr_main);
    transition: 0s;
  }
  #nav .gnav_subnav .gnav > li.pc-hide {
    display: none;
  }
  #nav .gnav_subnav #menu_close {
    display: none;
  }
  #nav .gnav_subnav.sticky {
    background: #fff;
    box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.16);
  }
}
.pc_fix {
  display: none;
}

@media screen and (min-width: 41.625em), print {
  .pc_fix {
    display: block;
    position: fixed;
    inset: auto 0 calc(50% - 6vh) auto;
    transform: translateY(50%);
    z-index: 101;
  }
  .pc_fix ul li {
    margin: clamp(0.5rem, 1vmin, 1rem) 0;
  }
  .pc_fix ul li a {
    display: flex;
    gap: 0.3em;
    font-size: clamp(1.2rem, 1.8vmin, 1.8rem);
    color: #fff;
    writing-mode: vertical-rl;
    text-orientation: upright;
    padding: clamp(1.2rem, 1.8vmin, 2rem) 0.5rem;
    width: clamp(4rem, 6vmin, 6rem);
    border-radius: clamp(1rem, 0.5011rem + 0.749vw, 1.4rem) 0 0 clamp(1rem, 0.5011rem + 0.749vw, 1.4rem);
  }
}
.overview {
  padding: 6rem 0 0;
  background: var(--clr_sub_light);
  font-size: 1.4rem;
  line-height: 1.6;
}
.overview > .wrap {
  margin: 0 1.6rem 4rem;
  padding: 4rem 1.6rem 2rem;
  background: #fff;
  border-radius: 1.4rem;
}
@media screen and (min-width: 41.625em), print {
  .overview > .wrap {
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.overview > .wrap .clinic_name {
  margin: 0 0 3rem;
}
.overview > .wrap .clinic_name img {
  max-width: 85%;
  max-height: 7rem;
  margin: auto;
}
.overview > .wrap .tel_yoyaku {
  margin: 0 0 1rem;
  display: flex;
  justify-content: center;
  gap: 0 1.8rem;
}
.overview > .wrap .tel_yoyaku li.telno {
  display: grid;
  place-content: center;
}
.overview > .wrap .tel_yoyaku li.telno .tel {
  font-size: 1.8rem;
  padding: 0;
}
.overview > .wrap .tel_yoyaku li .btn_rsv {
  padding: 0.8rem 1rem;
  border-radius: 0.8rem;
}
@media screen and (min-width: 41.625em), print {
  .overview > .wrap .tel_yoyaku li .btn_rsv {
    border-radius: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
  }
}
.overview > .wrap .lst_btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.overview > .wrap .lst_btn > li > a {
  height: 100%;
  display: flex;
  font-size: 1.4rem;
  border-radius: 0.8rem;
}
@media screen and (min-width: 41.625em), print {
  .overview > .wrap .lst_btn > li > a {
    border-radius: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
  }
}
.overview > .wrap .overview_content {
  margin-top: 2rem;
}
.overview > .wrap .overview_content .overviewL .gaiyo {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.overview > .wrap .overview_content .overviewL .gaiyo dt {
  display: grid;
  place-content: center;
  text-align: center;
  width: 25%;
  padding: 1rem 0.5rem;
  color: var(--clr_main);
  background: var(--clr_main_light);
  margin: 0 0 1rem;
  border-radius: 0.6rem;
}
@media screen and (min-width: 41.625em), print {
  .overview > .wrap .overview_content .overviewL .gaiyo dt {
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
.overview > .wrap .overview_content .overviewL .gaiyo dd {
  width: 75%;
  padding: 1rem 0 1rem 1.8rem;
  margin: 0 0 1rem;
}
.overview > .wrap .overview_content .overviewL .gaiyo dd .sns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.overview > .wrap .overview_content .overviewR {
  margin: 2rem 0 0;
}
.overview .gmap {
  height: 100vw;
}
.overview .bnr {
  padding: 4rem 1.6rem;
  background: var(--clr_main_light);
}
.overview .bnr ul {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
}
.overview .bnr ul > li img {
  max-height: 16rem;
}

@media screen and (min-width: 41.625em), print {
  .overview {
    padding: clamp(4.5rem, 2.6292rem + 2.809vw, 6rem) 0 0;
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
  }
  .overview > .wrap {
    margin: 0 auto clamp(4rem, 2.7528rem + 1.873vw, 5rem);
    padding: clamp(3rem, 0.5056rem + 3.745vw, 5rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem);
  }
  .overview > .wrap .clinic_name {
    width: 100%;
    margin: 0 0 clamp(3rem, 0.5056rem + 3.745vw, 5rem);
  }
  .overview > .wrap .clinic_name img {
    max-width: clamp(30rem, 5.0562rem + 37.453vw, 50rem);
    max-height: clamp(6rem, 4.7528rem + 1.873vw, 7rem);
  }
  .overview > .wrap .tel_yoyaku {
    width: 100%;
    margin: 0 0 clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
    gap: 0 clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
  }
  .overview > .wrap .tel_yoyaku li {
    width: min(32rem, 40%);
  }
  .overview > .wrap .tel_yoyaku li.telno {
    min-height: clamp(3.6rem, 1.3551rem + 3.371vw, 5.4rem);
  }
  .overview > .wrap .tel_yoyaku li.telno .tel {
    font-size: clamp(2.2rem, 0.9528rem + 1.873vw, 3.2rem);
  }
  .overview > .wrap .tel_yoyaku li .btn_rsv {
    display: flex;
    font-size: clamp(1.6rem, 0.8517rem + 1.124vw, 2.2rem);
  }
  .overview > .wrap .tel_yoyaku li:nth-last-of-type(2).telno {
    place-content: center end;
  }
  .overview > .wrap .lst_btn {
    gap: clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
  }
  .overview > .wrap .lst_btn > li {
    width: min(25rem, 30%);
  }
  .overview > .wrap .lst_btn > li > a {
    font-size: clamp(1.6rem, 0.8517rem + 1.124vw, 2.2rem);
  }
  .overview > .wrap .overview_content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
    gap: clamp(2.5rem, 0.6292rem + 2.809vw, 4rem) clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
    margin-top: clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
  }
  .overview > .wrap .overview_content .overviewL .gaiyo dd {
    padding: clamp(0.8rem, 0.5506rem + 0.375vw, 1rem) 0 clamp(0.8rem, 0.5506rem + 0.375vw, 1rem) clamp(1.4rem, -0.3461rem + 2.622vw, 2.8rem);
  }
  .overview > .wrap .overview_content .overviewR {
    margin: 0;
  }
  .overview > .wrap .overview_content .overviewR .timetable table {
    font-size: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
  }
  .overview .gmap {
    height: clamp(30rem, 17.5281rem + 18.727vw, 40rem);
  }
  .overview .bnr {
    padding: clamp(4.5rem, 2.6292rem + 2.809vw, 6rem) 0;
  }
  .overview .bnr ul {
    max-width: min(1200px, 100vw - 4rem);
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
  .overview .bnr ul > li img {
    max-width: clamp(17rem, -5.4494rem + 33.708vw, 35rem);
    max-height: clamp(14rem, 9.0112rem + 7.491vw, 18rem);
  }
}
#tel_up {
  width: 100%;
  height: 4rem;
  visibility: hidden;
  position: fixed;
  inset: auto 0 0;
  z-index: 10;
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tel_up ul {
  width: calc(100% - 4rem);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
#tel_up ul li {
  flex: auto;
  height: 100%;
  text-align: center;
}
#tel_up ul li:has(.tel) {
  flex-shrink: 0;
}
#tel_up ul li a {
  height: 100%;
  display: flex;
  display: flex;
  justify-content: center;
  padding: 0 1rem 0.2rem;
  line-height: 1.05;
  word-break: keep-all;
}
#tel_up ul li a.tel {
  background: #fff;
  font-size: 1.8rem;
  border-top: 1px solid var(--clr_main);
}
#tel_up ul li a.tel.-short {
  font-size: 1.4rem;
}
#tel_up #pageup {
  display: block;
  width: 4rem;
  height: 100%;
  margin: 0 0 0 auto;
  text-align: center;
  padding: 0 1rem;
  line-height: 1;
  color: var(--clr_main);
  background: #fff;
  border: 1px solid var(--clr_main);
  overflow: hidden;
  position: relative;
  z-index: 101;
}
#tel_up #pageup::before {
  display: block;
  font-family: "fontello";
  content: "\e806";
  font-size: 1.6rem;
}
#tel_up #pageup .clip {
  display: block;
  font-size: 1rem;
  clip-path: inset(50%);
  color: transparent;
  position: absolute;
  inset: 0;
  z-index: 0;
}
#tel_up.-resize {
  font-size: 1.2rem;
  height: 5rem;
}
#tel_up.-resize ul {
  width: 100%;
}
#tel_up.-resize ul li {
  min-width: calc(2.5em + 2rem);
}
#tel_up.-resize ul li a {
  flex-direction: column;
  gap: 0.2rem;
}
#tel_up.-resize ul li a > span {
  flex-grow: 1;
  display: grid;
  place-content: center;
}
#tel_up.-resize ul li a::before {
  display: grid;
  place-content: end center;
  height: 1.8rem;
}
#tel_up.-resize ul li a.tel.-short {
  font-size: 1.2rem;
}
#tel_up.-resize #pageup {
  position: fixed;
  right: 0;
  bottom: 5rem;
  width: 4rem;
  height: 4rem;
}

@media screen and (min-width: 41.625em), print {
  #tel_up {
    display: block;
    width: clamp(4rem, 1.5056rem + 3.745vw, 6rem);
    height: clamp(4rem, 1.5056rem + 3.745vw, 6rem);
    margin: auto;
    inset: auto clamp(5rem, 1.2584rem + 5.618vw, 8rem) 2rem auto;
    background: none;
    box-shadow: none;
  }
  #tel_up > ul {
    display: none;
  }
  #tel_up #pageup {
    width: 100%;
    border-radius: 50%;
    padding: 0;
  }
  #tel_up #pageup::before {
    font-size: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  #tel_up #pageup {
    opacity: 1;
  }
  #tel_up #pageup:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 1;
    color: #fff;
    background: var(--clr_main);
  }
  #tel_up #pageup:where(:any-link, :enabled, summary):hover {
    opacity: 1;
    color: #fff;
    background: var(--clr_main);
  }
}
@media screen and (min-width: 41.625em), print {
  #tel_up #pageup:focus-visible {
    opacity: 1;
    color: #fff;
    background: var(--clr_main);
  }
  #tel_up.-resize {
    height: clamp(4rem, 1.5056rem + 3.745vw, 6rem);
  }
  #tel_up.-resize #pageup {
    position: static;
    width: 100%;
    height: 100%;
  }
}
.footer {
  text-align: center;
}
.footer .copy {
  display: block;
  color: var(--clr_main);
  padding: 1rem 1rem 5.3rem;
  font-size: 1.2rem;
}
.footer > .wrap ul {
  display: none;
}
.footer.-resize .copy {
  padding-bottom: 6.3rem;
}

@media screen and (min-width: 41.625em), print {
  .footer {
    padding: clamp(2.5rem, 0.6292rem + 2.809vw, 4rem) 0 0;
    position: relative;
    z-index: 1;
  }
  .footer::before {
    content: "";
    width: 100%;
    height: 16rem;
    background: url(../img/pink/deco01.png) no-repeat left bottom/24rem auto, url(../img/pink/deco02.png) no-repeat right bottom/24rem auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scale(-1);
    z-index: -1;
    pointer-events: none;
  }
  .footer {
    container: tab/inline-size;
  }
  @container tab (width < 168rem) {
    .footer::before {
      background-position: left calc(50% - 73rem) top, right calc(50% - 73rem) top;
    }
  }
  .footer .copy {
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
    padding: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem) !important;
    margin: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem) 0 0;
  }
  .footer > .wrap ul {
    max-width: min(1200px, 100vw - 4rem);
    margin: 0 auto clamp(0.8rem, 0.0517rem + 1.124vw, 1.4rem);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem) clamp(1.8rem, 0.8022rem + 1.498vw, 2.6rem);
    text-align: center;
  }
  .footer > .wrap ul li {
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
    -webkit-text-size-adjust: none;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .footer > .wrap ul li a {
    opacity: 1;
  }
  .footer > .wrap ul li a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration: underline;
    opacity: 1;
  }
  .footer > .wrap ul li a:where(:any-link, :enabled, summary):hover {
    text-decoration: underline;
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  .footer > .wrap ul li a:focus-visible {
    text-decoration: underline;
    opacity: 1;
  }
}
.keyvsl {
  width: 100%;
  position: relative;
}
.keyvsl #keyvsl {
  max-width: 100%;
  height: 30rem;
  overflow: hidden;
}
.keyvsl #keyvsl div img {
  height: 27rem !important;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.keyvsl #keyvsl .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 1rem auto;
  position: relative;
  z-index: 2;
}
.keyvsl #keyvsl .slick-dots li {
  width: 1rem;
  height: 1rem;
  margin: 0 0.6rem;
}
.keyvsl #keyvsl .slick-dots li button {
  padding: 50%;
  display: block;
  font-size: 0;
  cursor: pointer;
  border-radius: 50%;
  background: rgba(var(--rgb_main), 0.4);
}
.keyvsl #keyvsl .slick-dots li.slick-active button {
  background: var(--clr_main);
}
.keyvsl > .wrap {
  height: 83%;
  position: absolute;
  inset: 1rem;
}
.keyvsl > .wrap .catch {
  margin: 0;
}
.keyvsl > .wrap .catch span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2rem 1rem;
  font-size: 1.8rem;
  background: rgba(255, 255, 255, 0.9);
  margin: 0.2rem 0;
}
.keyvsl > .wrap .open_nairan {
  display: flex;
  gap: 0.6rem;
  position: absolute;
  inset: auto 0 0 auto;
}
.keyvsl > .wrap .open_nairan li {
  display: grid;
  place-content: center;
  width: 10rem;
  aspect-ratio: 1;
  font-size: 1.4rem;
  text-align: center;
}
.keyvsl > .wrap .open_nairan li span {
  display: block;
}
.keyvsl > .wrap .open_nairan li.open {
  color: var(--clr_main);
  background: url(../img/pink/kv_open.svg) no-repeat center/contain, url(../img/pink/kv_date_bg.svg) no-repeat center/contain;
}
.keyvsl > .wrap .open_nairan li.nairan {
  color: var(--clr_sub);
  background: url(../img/pink/kv_nairan.svg) no-repeat center/contain, url(../img/pink/kv_date_bg.svg) no-repeat center/contain;
}

@media screen and (min-width: 41.625em), print {
  .keyvsl #keyvsl {
    height: clamp(38rem, -6.8989rem + 67.416vw, 74rem);
  }
  .keyvsl #keyvsl div img {
    height: clamp(34rem, -10.8989rem + 67.416vw, 70rem) !important;
  }
  .keyvsl #keyvsl .slick-dots {
    margin: clamp(1rem, 0.2517rem + 1.124vw, 1.6rem) auto 0;
  }
  .keyvsl #keyvsl .slick-dots li {
    width: clamp(1rem, 0.2517rem + 1.124vw, 1.6rem);
    height: clamp(1rem, 0.2517rem + 1.124vw, 1.6rem);
    margin: 0 clamp(0.8rem, 0.3011rem + 0.749vw, 1.2rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .keyvsl #keyvsl .slick-dots li button {
    opacity: 1;
  }
  .keyvsl #keyvsl .slick-dots li button:where(:-moz-any-link, :enabled, summary):hover {
    background: var(--clr_main);
  }
  .keyvsl #keyvsl .slick-dots li button:where(:any-link, :enabled, summary):hover {
    background: var(--clr_main);
  }
}
@media screen and (min-width: 41.625em), print {
  .keyvsl #keyvsl .slick-dots li button:focus-visible {
    background: var(--clr_main);
  }
  .keyvsl > .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    inset: auto 0 clamp(5rem, 2.5056rem + 3.745vw, 7rem);
  }
  .keyvsl > .wrap .catch span {
    font-size: clamp(2rem, -0.9933rem + 4.494vw, 4.4rem);
    margin: 0.4rem 0;
  }
  .keyvsl > .wrap .open_nairan {
    gap: clamp(0.5rem, -1.3708rem + 2.809vw, 2rem);
    padding: 0 clamp(0rem, -6.236rem + 9.363vw, 5rem) 0 0;
  }
  .keyvsl > .wrap .open_nairan li {
    width: clamp(12rem, 5.764rem + 9.363vw, 17rem);
    font-size: clamp(1.6rem, 0.6022rem + 1.498vw, 2.4rem);
  }
}
html:has(dialog[open]) {
  overflow: hidden;
}

#dialog {
  position: fixed;
  inset: 0;
  z-index: calc(infinity);
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  border: none;
  background: rgba(17, 17, 17, 0.4);
}
#dialog #dialog_content {
  background-color: rgba(255, 255, 255, 0.9);
  border: 4px solid var(--clr_main);
  outline: none;
  padding: 1.6rem 0.8rem;
  position: fixed;
  inset: 0;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 80svh;
  max-width: calc(100% - 3.2rem);
  border-radius: 1rem;
}
@media screen and (min-width: 41.625em), print {
  #dialog #dialog_content {
    border-radius: clamp(1.4rem, 0.6517rem + 1.124vw, 2rem);
  }
}
#dialog #dialog_content .scroll_area {
  padding: 0.8rem;
  max-height: calc(80svh - 4rem);
  overflow-y: scroll;
}
#dialog #dialog_content .scroll_area::-webkit-scrollbar {
  width: 0.3rem;
}
#dialog #dialog_content .scroll_area::-webkit-scrollbar-thumb {
  background: #ccc;
}
#dialog #dialog_content .lst_modal dt {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-indent: 0.05em;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--clr_main);
}
#dialog #dialog_content .lst_modal dd {
  letter-spacing: 0.05em;
  line-height: 1.9;
  margin-bottom: 3rem;
}
#dialog #dialog_content form button.close_mark {
  position: absolute;
  top: -1.6rem;
  right: -1.6rem;
  display: grid;
  place-content: center;
  color: #ffffff;
  background: var(--clr_main);
  border-radius: 50%;
  width: 3.8rem;
  height: 3.8rem;
}
#dialog #dialog_content form button.close_mark .clip {
  display: block;
  height: 100%;
  overflow: hidden;
  clip-path: inset(50%);
  color: transparent;
}
#dialog #dialog_content form button.close_mark::before {
  position: absolute;
  inset: 0;
  font-family: "fontello";
  content: "\e800";
  font-size: 2rem;
  line-height: 1;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
}
#dialog #dialog_content form button.close_btn {
  display: block;
  padding: 0.4rem 2rem;
}
#dialog #dialog_content form button.close_btn {
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}
#dialog #dialog_content form button.close_btn {
  background: var(--clr_main);
  color: #fff !important;
  text-decoration: none !important;
  margin: 0.6rem auto;
  border-radius: 0.8rem;
}
@media screen and (min-width: 41.625em), print {
  #dialog #dialog_content form button.close_btn {
    border-radius: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
  }
}
@media screen and (min-width: 41.625em), print {
  #dialog #dialog_content {
    padding: clamp(2rem, -0.4944rem + 3.745vw, 4rem) clamp(2rem, 0.1292rem + 2.809vw, 3.5rem);
    max-height: 70vh;
    max-width: min(100vw - 8rem, 75rem);
    border-width: 5px;
  }
  #dialog #dialog_content .scroll_area {
    max-height: calc(70vh - clamp(8rem, 3.0112rem + 7.491vw, 12rem));
    padding: 1.5rem clamp(1.5rem, -0.9944rem + 3.745vw, 3.5rem);
  }
  #dialog #dialog_content .scroll_area .lst_modal dt {
    font-size: clamp(2rem, 1.0022rem + 1.498vw, 2.8rem);
    padding-bottom: clamp(1.4rem, 0.9011rem + 0.749vw, 1.8rem);
    margin-bottom: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
    border-width: 3px;
  }
  #dialog #dialog_content .scroll_area .lst_modal dd {
    font-size: clamp(1.4rem, 0.6517rem + 1.124vw, 2rem);
    margin-bottom: clamp(2rem, -2.9888rem + 7.491vw, 6rem);
  }
  #dialog #dialog_content .scroll_area form button.close_mark {
    width: clamp(4.6rem, 1.2326rem + 5.056vw, 7.3rem);
    height: clamp(4.6rem, 1.2326rem + 5.056vw, 7.3rem);
    top: -2em;
    right: -2em;
  }
  #dialog #dialog_content .scroll_area form button.close_mark::before {
    font-size: clamp(2.2rem, 0.4539rem + 2.622vw, 3.6rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  #dialog #dialog_content .scroll_area form button.close_mark {
    opacity: 1;
  }
  #dialog #dialog_content .scroll_area form button.close_mark:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 1;
  }
  #dialog #dialog_content .scroll_area form button.close_mark:where(:any-link, :enabled, summary):hover {
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  #dialog #dialog_content .scroll_area form button.close_mark:focus-visible {
    opacity: 1;
  }
  #dialog #dialog_content .scroll_area form button.close_btn {
    padding: 0.4rem clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  #dialog #dialog_content .scroll_area form button.close_btn {
    opacity: 1;
  }
  #dialog #dialog_content .scroll_area form button.close_btn:where(:-moz-any-link, :enabled, summary):hover {
    background: rgba(var(--rgb_main), 0.8);
  }
  #dialog #dialog_content .scroll_area form button.close_btn:where(:any-link, :enabled, summary):hover {
    background: rgba(var(--rgb_main), 0.8);
  }
}
@media screen and (min-width: 41.625em), print {
  #dialog #dialog_content .scroll_area form button.close_btn:focus-visible {
    background: rgba(var(--rgb_main), 0.8);
  }
}

body.home .main .tit_02 {
  padding: 3rem 0 0;
  position: relative;
}
body.home .main .tit_02 span {
  position: relative;
  z-index: 1;
}
body.home .main .tit_02::before {
  display: block;
  content: attr(data-txt);
  color: var(--clr_main);
  font-size: 260%;
  font-family: "WindSong", cursive;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  opacity: 0.3;
  transform: rotate(-5deg);
  margin: auto;
  position: absolute;
  inset: 0 0 auto;
}
@media screen and (min-width: 41.625em), print {
  body.home .main .tit_02 {
    padding: clamp(3rem, 0.5056rem + 3.745vw, 5rem) 0 0;
  }
}

.add_content {
  margin: 0 1.6rem 6rem;
}
.add_content.-first h2 {
  margin-top: 5rem !important;
}

@media screen and (min-width: 41.625em), print {
  .add_content {
    margin: 0 auto clamp(6rem, 3.5056rem + 3.745vw, 8rem);
  }
  .add_content.-first h2 {
    margin-top: clamp(6rem, 3.5056rem + 3.745vw, 8rem) !important;
  }
}
.main > .timetable {
  margin: 4rem 1.6rem 8rem;
}

@media screen and (min-width: 41.625em), print {
  .main > .timetable {
    max-width: min(100vw - 8rem, 92.6rem);
    margin: clamp(6rem, 3.5056rem + 3.745vw, 8rem) auto clamp(10rem, 7.5056rem + 3.745vw, 12rem);
  }
  .main > .timetable table {
    font-size: clamp(1.4rem, 0.4022rem + 1.498vw, 2.2rem);
  }
}
.toprecruit {
  margin: 6rem 1.6rem;
  padding: 3rem 1rem;
  background: url(../img/pink/recruit_left.png) no-repeat left 1rem top 1rem/8rem auto, url(../img/pink/recruit_right.png) no-repeat right 1rem bottom 1rem/8rem auto, var(--clr_sub_light);
}
.toprecruit {
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}
.toprecruit {
  border-radius: 1.4rem;
}
@media screen and (min-width: 41.625em), print {
  .toprecruit {
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.toprecruit .tit {
  text-align: center;
  color: var(--clr_main);
  font-size: 2rem;
  line-height: 1.4;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  margin: 0 auto 2rem;
  position: relative;
}
.toprecruit .tit::before {
  display: block;
  content: attr(data-txt);
  color: var(--clr_main);
  font-size: 200%;
  font-family: "WindSong", cursive;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  opacity: 0.3;
  transform: rotate(-5deg);
  margin: auto;
  position: absolute;
  inset: -5.4rem 0 auto auto;
}
.toprecruit .tit::after {
  display: block;
  content: "";
  width: 4em;
  height: 1rem;
  background: radial-gradient(circle farthest-side, var(--clr_main), var(--clr_main) 25%, transparent 25%, transparent) left bottom/1.5rem;
  background-repeat: repeat-x;
  margin: auto;
}
.toprecruit ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.toprecruit ul li a {
  margin: 0;
}

@media screen and (min-width: 41.625em), print {
  .toprecruit {
    max-width: min(1200px, 100vw - 4rem);
    margin: clamp(6rem, 3.5056rem + 3.745vw, 8rem) auto;
    padding: clamp(3rem, 0.5056rem + 3.745vw, 5rem);
    background: url(../img/pink/recruit_left.png) no-repeat left clamp(1rem, -0.2472rem + 1.873vw, 2rem) top clamp(3rem, 1.7528rem + 1.873vw, 4rem)/clamp(13rem, 5.5169rem + 11.236vw, 19rem) auto, url(../img/pink/recruit_right.png) no-repeat right clamp(3rem, 1.7528rem + 1.873vw, 4rem) bottom clamp(1rem, -0.2472rem + 1.873vw, 2rem)/clamp(9.5rem, 3.8876rem + 8.427vw, 14rem) auto, var(--clr_sub_light);
  }
  .toprecruit .tit {
    font-size: clamp(2rem, 0.5034rem + 2.247vw, 3.2rem);
    margin: 0 auto clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .toprecruit .tit::before {
    font-size: clamp(6rem, 1.0112rem + 7.491vw, 10rem);
    inset: clamp(-11rem, -2.0112rem + -7.491vw, -7rem) clamp(1rem, -0.2472rem + 1.873vw, 2rem) auto auto;
  }
  .toprecruit .tit::after {
    width: clamp(6rem, 1.5101rem + 6.742vw, 9.6rem);
    height: clamp(2rem, 0.5034rem + 2.247vw, 3.2rem);
    background: radial-gradient(circle farthest-side, var(--clr_main), var(--clr_main) 22%, transparent 22%, transparent) left bottom/clamp(2rem, 0.5034rem + 2.247vw, 3.2rem);
    background-repeat: repeat-x;
    margin: 0 auto;
  }
  .toprecruit ul {
    gap: clamp(1rem, -1.4944rem + 3.745vw, 3rem);
  }
  .toprecruit ul li a {
    font-size: clamp(1.4rem, 0.6517rem + 1.124vw, 2rem);
  }
}
.news_blog {
  margin: 6rem 1.6rem;
}
.news_blog .btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 41.625em), print {
  .news_blog {
    max-width: min(1200px, 100vw - 4rem);
    margin: clamp(6rem, 1.0112rem + 7.491vw, 10rem) auto;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .news_blog .tit_02 {
    width: clamp(20rem, -4.9438rem + 37.453vw, 40rem);
  }
  .news_blog .tit_02::before {
    font-size: 220% !important;
  }
  .news_blog .lst_news {
    flex: 1;
  }
}

.lst_news {
  margin: 0 0 6rem;
}
.lst_news li {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.lst_news li::before {
  font-family: "fontello";
  content: "\e80a";
  color: var(--clr_main);
}
.lst_news li .news_title {
  flex: 1;
  line-height: 1.6;
  color: var(--clr_main);
  font-size: 1.5rem;
}
.lst_news li p {
  width: 100%;
  margin: 0 0 0 1.2em;
}
.lst_news li .news_more {
  color: var(--clr_main);
}
.lst_news li:not(:first-child) {
  margin: 2rem 0 0.6rem;
  padding: 2rem 0 0 0;
  border-top: 1px dotted var(--clr_main);
}

@media screen and (min-width: 41.625em), print {
  .lst_news {
    margin: 0 0 clamp(4rem, -3.4831rem + 11.236vw, 10rem);
  }
  .lst_news li {
    gap: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem) 1rem;
  }
  .lst_news li::before {
    width: 2rem;
    flex: 0 0 clamp(1rem, -0.2472rem + 1.873vw, 2rem);
    margin: 0.6em 0 0;
  }
  .lst_news li:not(:first-child) {
    margin: clamp(2rem, -0.4944rem + 3.745vw, 4rem) 0 0.6rem;
    padding: clamp(1.5rem, -0.3708rem + 2.809vw, 3rem) 0 0 0;
  }
  .lst_news li .news_title {
    font-size: clamp(1.6rem, 1.1011rem + 0.749vw, 2rem);
    text-decoration: none !important;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .lst_news li .news_title {
    opacity: 1;
  }
  .lst_news li .news_title:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_txt);
  }
  .lst_news li .news_title:where(:any-link, :enabled, summary):hover {
    color: var(--clr_txt);
  }
}
@media screen and (min-width: 41.625em), print {
  .lst_news li .news_title:focus-visible {
    color: var(--clr_txt);
  }
}
.tre {
  padding: 6rem 1.6rem;
  background: url(../img/tre_bg.jpg) no-repeat center/cover;
  overflow: hidden;
}
.tre .subnav {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.tre .subnav li a {
  display: block;
  height: 100%;
  display: grid;
  place-content: center;
  min-height: 6rem;
  color: #fff;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none !important;
}
.tre .subnav li a {
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}
.tre .subnav li a {
  border-radius: 1rem;
}
@media screen and (min-width: 41.625em), print {
  .tre .subnav li a {
    border-radius: clamp(1.4rem, 0.6517rem + 1.124vw, 2rem);
  }
}
.tre .subnav li:nth-child(odd) a {
  background: var(--clr_main);
  border: 1px solid var(--clr_main);
}
.tre .subnav li:nth-child(odd) a.current {
  background: #fff;
  color: var(--clr_main);
}
.tre .subnav li:nth-child(even) a {
  background: var(--clr_sub);
  border: 1px solid var(--clr_sub);
}
.tre .subnav li:nth-child(even) a.current {
  background: #fff;
  color: var(--clr_sub);
}

@media screen and (min-width: 41.625em), print {
  .tre {
    padding: clamp(8rem, 5.5056rem + 3.745vw, 10rem) 0;
  }
  .tre .subnav {
    max-width: min(1200px, 100vw - 4rem);
    margin: auto;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .tre .subnav li {
    min-width: calc(25% - 1.6rem);
  }
  .tre .subnav li a {
    padding: clamp(1.2rem, -0.5461rem + 2.622vw, 2.6rem) clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
    font-size: clamp(1.8rem, 1.3011rem + 0.749vw, 2.2rem);
  }
  .tre .subnav li a::after {
    width: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
    font-size: clamp(1.2rem, 0.9506rem + 0.375vw, 1.4rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .tre .subnav li a {
    opacity: 1;
  }
  .tre .subnav li a:where(:-moz-any-link, :enabled, summary):hover {
    background: #fff;
    opacity: 1;
  }
  .tre .subnav li a:where(:any-link, :enabled, summary):hover {
    background: #fff;
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  .tre .subnav li a:focus-visible {
    background: #fff;
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .tre .subnav li:nth-child(odd) a {
    opacity: 1;
  }
  .tre .subnav li:nth-child(odd) a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_main);
  }
  .tre .subnav li:nth-child(odd) a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_main);
  }
}
@media screen and (min-width: 41.625em), print {
  .tre .subnav li:nth-child(odd) a:focus-visible {
    color: var(--clr_main);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .tre .subnav li:nth-child(even) a {
    opacity: 1;
  }
  .tre .subnav li:nth-child(even) a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .tre .subnav li:nth-child(even) a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .tre .subnav li:nth-child(even) a:focus-visible {
    color: var(--clr_sub);
  }
}
.top_greeting {
  padding: 6rem 1.6rem;
  background: url(../img/pink/greeting_bg.jpg) no-repeat center top/cover;
}
.top_greeting .wrap .photo {
  text-align: center;
  margin: 2rem 0 0;
}
.top_greeting .wrap .photo img {
  width: 100%;
  margin: 0 auto 1rem;
  border-radius: 1.6rem;
}
@media screen and (min-width: 41.625em), print {
  .top_greeting .wrap .photo img {
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.top_greeting .wrap .photo.tate img {
  width: 60%;
}

@media screen and (min-width: 41.625em), print {
  .top_greeting {
    padding: clamp(6rem, 3.5056rem + 3.745vw, 8rem) 0;
  }
  .top_greeting .wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 clamp(2rem, -5.4831rem + 11.236vw, 8rem);
  }
  .top_greeting .wrap .tit_02 {
    width: 100%;
  }
  .top_greeting .wrap .greeting_txt {
    flex: 1;
  }
  .top_greeting .wrap .photo {
    width: clamp(24rem, -5.9326rem + 44.944vw, 48rem);
    text-align: right;
    margin: 0;
  }
  .top_greeting .wrap .photo img {
    width: 100% !important;
    margin: 0 auto clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
  .top_greeting .wrap .photo.tate {
    width: clamp(20rem, -4.9438rem + 37.453vw, 40rem);
  }
}
.feature {
  margin: 6rem 1.6rem;
}
.feature ol {
  display: flex;
  flex-direction: column;
  gap: 5rem 0;
  margin: 4rem 0 0;
  counter-reset: number 0;
}
.feature ol li {
  padding: 0;
  counter-increment: number 1;
  position: relative;
}
.feature ol li::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 57/30;
  position: relative;
  z-index: -1;
  margin-bottom: -15%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1.6rem;
}
@media screen and (min-width: 41.625em), print {
  .feature ol li::before {
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.feature ol li::after {
  display: block;
  content: counter(number, decimal-leading-zero);
  color: var(--clr_main);
  font-size: 400%;
  font-family: "WindSong", cursive;
  font-weight: 400;
  font-style: normal;
  transform: rotate(-10deg);
  position: absolute;
  inset: -5rem 2rem auto auto;
  z-index: 1;
}
.feature ol li > div {
  width: 93%;
  margin: auto;
  padding: 0 1.6rem 1.6rem;
  background: #fff;
  position: relative;
  z-index: 1;
  border-radius: 1.6rem;
}
@media screen and (min-width: 41.625em), print {
  .feature ol li > div {
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.feature ol li > div .tit {
  color: var(--clr_main);
  text-align: center;
  font-weight: normal;
  font-size: 140%;
  line-height: 1.6;
  background: url(../img/pink/feature_bg.jpg) no-repeat center/10rem auto;
  padding: 2rem 0;
}
.feature ol li > div p {
  margin: -0.6rem 0 0;
}
.feature ol li.feature01::before {
  background-image: url(../img/pink/feature01.jpg);
}
.feature ol li.feature02::before {
  background-image: url(../img/pink/feature02.jpg);
}
.feature ol li.feature03::before {
  background-image: url(../img/pink/feature03.jpg);
}
.feature ol li.feature04::before {
  background-image: url(../img/pink/feature04.jpg);
}

@media screen and (min-width: 41.625em), print {
  .feature {
    max-width: min(1200px, 100vw - 4rem);
    margin: clamp(8rem, 5.5056rem + 3.745vw, 10rem) auto;
  }
  .feature ol {
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(3rem, -3.236rem + 9.363vw, 8rem) clamp(2rem, -2.9888rem + 7.491vw, 6rem);
    margin: clamp(3rem, -0.7416rem + 5.618vw, 6rem) 0 0;
    counter-reset: number 0;
  }
  .feature ol li {
    width: calc((100% - clamp(2rem, -2.9888rem + 7.491vw, 6rem)) / 2);
  }
  .feature ol li::before {
    margin-bottom: -17.5%;
  }
  .feature ol li::after {
    font-size: clamp(6rem, 2.2584rem + 5.618vw, 9rem);
    inset: clamp(-9rem, -2.2584rem + -5.618vw, -6rem) clamp(2rem, 0.7528rem + 1.873vw, 3rem) auto auto;
  }
  .feature ol li > div {
    min-height: clamp(16rem, 12.2584rem + 5.618vw, 19rem);
    padding: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem) clamp(1.5rem, -1.1191rem + 3.933vw, 3.6rem) clamp(1.5rem, -1.1191rem + 3.933vw, 3.6rem);
  }
  .feature ol li > div .tit {
    font-size: clamp(1.8rem, 0.0539rem + 2.622vw, 3.2rem);
    background: url(../img/pink/feature_bg.jpg) no-repeat center/12rem auto;
  }
}
body:not(.home) .sub_header {
  display: flex;
  flex-direction: column-reverse;
}
body:not(.home) .main {
  margin: 6rem 1.6rem;
}
body:not(.home) .main .tel {
  font-size: 120%;
}
@media screen and (min-width: 41.625em), print {
  body:not(.home) .main {
    max-width: 100rem;
    margin: clamp(6rem, 1.0112rem + 7.491vw, 10rem) auto;
  }
}

.breadnav {
  max-width: 100vw;
  margin: 1rem 1.6rem;
  overflow-x: auto;
}
.breadnav .aioseo-breadcrumbs {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  white-space: nowrap;
}
.breadnav .aioseo-breadcrumbs .aioseo-breadcrumb {
  display: flex;
  align-items: center;
}
.breadnav .aioseo-breadcrumbs .aioseo-breadcrumb a {
  color: var(--clr_main);
  text-decoration: underline;
}
.breadnav .aioseo-breadcrumbs .aioseo-breadcrumb:not(:last-child)::after {
  display: inline-block;
  content: ">";
  font-size: 70%;
  margin: 0 0.6rem;
}
.breadnav .aioseo-breadcrumbs .aioseo-breadcrumb-separator {
  display: none;
}

@media screen and (min-width: 41.625em), print {
  .breadnav {
    width: min(120rem, 100vw - 4rem);
    margin: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem) auto 0;
    overflow-x: visible;
  }
  .breadnav .aioseo-breadcrumbs {
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
    white-space: wrap;
  }
  .breadnav .aioseo-breadcrumbs .aioseo-breadcrumb:first-of-type {
    flex-shrink: 0;
  }
  .breadnav .aioseo-breadcrumbs .aioseo-breadcrumb:not(:last-child)::after {
    margin: 0 1rem;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .breadnav .aioseo-breadcrumbs .aioseo-breadcrumb a {
    opacity: 1;
  }
  .breadnav .aioseo-breadcrumbs .aioseo-breadcrumb a:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 1;
    text-decoration: none;
  }
  .breadnav .aioseo-breadcrumbs .aioseo-breadcrumb a:where(:any-link, :enabled, summary):hover {
    opacity: 1;
    text-decoration: none;
  }
}
@media screen and (min-width: 41.625em), print {
  .breadnav .aioseo-breadcrumbs .aioseo-breadcrumb a:focus-visible {
    opacity: 1;
    text-decoration: none;
  }
}
.txt_photo .photo {
  text-align: center;
}
.txt_photo .photo img {
  margin: 2rem auto;
  max-width: 100%;
}
.txt_photo .photo.tate img {
  max-width: 60%;
}

@media screen and (min-width: 41.625em), print {
  .txt_photo {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 0 clamp(2rem, -2.9888rem + 7.491vw, 6rem);
  }
  .txt_photo .greeting_txt {
    flex: 1;
  }
  .txt_photo .photo {
    width: clamp(20rem, -4.9438rem + 37.453vw, 40rem);
  }
  .txt_photo .photo img {
    max-width: 100% !important;
    margin: 0 auto clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
  .txt_photo .photo.tate {
    width: clamp(16rem, -1.4607rem + 26.217vw, 30rem);
  }
}
body.access .main .gmap {
  height: 100vw;
  margin: 2rem 0;
}
body.access .main .gmap iframe {
  height: 100%;
}
@media screen and (min-width: 41.625em), print {
  body.access .main .timetable table {
    font-size: clamp(1.4rem, 0.6517rem + 1.124vw, 2rem);
  }
  body.access .main .gmap {
    margin: clamp(3rem, 1.7528rem + 1.873vw, 4rem) 0 0;
    height: clamp(35rem, 16.2921rem + 28.09vw, 50rem);
  }
}

body.post-type-archive-news .main .lst_news {
  margin: 0 0 6rem;
}
body.post-type-archive-news .main .lst_news li {
  gap: 0 0.6rem;
  flex-wrap: wrap;
}
body.post-type-archive-news .main .lst_news li .news_title {
  flex: auto;
  display: block;
  width: 100%;
  padding: 0 0 0 1.4em;
}
@media screen and (min-width: 41.625em), print {
  body.post-type-archive-news .main .lst_news li {
    gap: 0 clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  body.post-type-archive-news .main .lst_news li .news_title {
    padding: 0 0 0 clamp(3rem, 1.7528rem + 1.873vw, 4rem);
  }
}

body.treatment .main .btn, body.page-parent .main .btn {
  display: flex;
  justify-content: flex-end;
}
body.treatment .main section + section, body.page-parent .main section + section {
  margin-top: 4rem;
}
@media screen and (min-width: 41.625em), print {
  body.treatment .main section + section, body.page-parent .main section + section {
    margin-top: clamp(6rem, 3.5056rem + 3.745vw, 8rem);
  }
}
body.treatment .main .children_list, body.page-parent .main .children_list {
  margin: 5rem 0;
}
@media screen and (min-width: 41.625em), print {
  body.treatment .main .children_list, body.page-parent .main .children_list {
    margin: clamp(6rem, 3.5056rem + 3.745vw, 8rem) 0;
  }
}

.wp-block-image img {
  margin: auto;
}

.greeting_txt .wp-block-heading {
  color: var(--clr_main);
  font-size: 130%;
  line-height: 1.4;
  padding: 0 0 0.6rem;
  border-bottom: 2px dotted var(--clr_main);
  margin: 0 0 1.6rem;
}
@media screen and (min-width: 41.625em), print {
  .greeting_txt .wp-block-heading {
    font-size: clamp(2rem, 0.5034rem + 2.247vw, 3.2rem);
    padding: 0 0 clamp(0.8rem, 0.5506rem + 0.375vw, 1rem);
    margin: 0 0 clamp(2rem, 1.2517rem + 1.124vw, 2.6rem);
  }
}

.page_thumb img {
  max-width: 80%;
  margin-inline: auto;
}
@media screen and (min-width: 41.625em), print {
  .page_thumb img {
    max-width: clamp(30rem, 17.5281rem + 18.727vw, 40rem);
  }
}

.box_page {
  overflow: hidden;
}
.box_page a:not([href*="#"], [class*=button]) {
  color: var(--clr_main);
}
.box_page h2 {
  margin: 0 auto 2rem;
}
.box_page h2:not(:first-of-type) {
  margin: 5rem auto 2rem;
}
.box_page h3 {
  margin: 4rem auto 2rem;
}
.box_page h4 {
  margin: 3rem auto 2rem;
}
.box_page h5 {
  margin: 3rem auto 1rem;
}
.box_page h6 {
  margin: 3rem auto 1rem;
}
@media screen and (min-width: 41.625em), print {
  .box_page h2 {
    margin: 0 auto clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .box_page h2:not(:first-of-type) {
    margin: clamp(6rem, 3.5056rem + 3.745vw, 8rem) auto clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .box_page h3 {
    margin: clamp(4.2rem, 1.9551rem + 3.371vw, 6rem) auto clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .box_page h4 {
    margin: clamp(2.5rem, 0.6292rem + 2.809vw, 4rem) auto clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .box_page h5 {
    margin: clamp(2.5rem, 0.6292rem + 2.809vw, 4rem) auto clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
  .box_page h6 {
    margin: clamp(2.5rem, 0.6292rem + 2.809vw, 4rem) auto clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
}
.box_page p {
  overflow: hidden;
}
.wrap.blog .main {
  margin: 4rem 1.6rem 6rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog {
    display: flex;
    justify-content: space-between;
    gap: 0 clamp(2rem, -2.9888rem + 7.491vw, 6rem);
    margin: clamp(6rem, 3.5056rem + 3.745vw, 8rem) auto;
  }
  .wrap.blog .main {
    flex: 1;
    width: auto;
    margin: 0;
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
    line-height: 1.8;
  }
  .wrap.blog .sidebar_blog {
    width: clamp(22rem, 4.2899rem + 26.592vw, 36.2rem);
  }
}
.wrap.blog .tit {
  display: flex;
  gap: 0 1rem;
  margin: 0 0 2rem;
  padding: 0 0 0.6rem;
  border-bottom: 2px solid var(--clr_main);
  color: var(--clr_main);
  line-height: 1.4;
  font-weight: bold;
  font-size: 120%;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .tit {
    margin: 0 0 clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
    padding: 0 0 1rem;
    font-size: 130%;
    line-height: 1.6;
  }
}
.wrap.blog .eyecatch {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto 2rem;
  background: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
  backface-visibility: hidden;
}
.wrap.blog .eyecatch img {
  min-width: 105%;
  min-height: 105%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrap.blog .main .tit.cat, .wrap.blog .main .tit.tag, .wrap.blog .main .tit.arc {
  margin: 0 0 4rem;
}
.wrap.blog .main .tit.cat::before {
  font-family: "fontello";
  content: "\cb03";
  font-weight: normal !important;
}
.wrap.blog .main .tit.tag::before {
  font-family: "fontello";
  content: "\cb18";
  font-weight: normal !important;
}
.wrap.blog .main .tit.arc::before {
  font-family: "fontello";
  content: "\cb04";
  font-weight: normal !important;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .main .tit.cat, .wrap.blog .main .tit.tag, .wrap.blog .main .tit.arc {
    margin: 0 0 clamp(4rem, 1.5056rem + 3.745vw, 6rem);
  }
}
.wrap.blog .post {
  margin: 0 0 4rem;
}
.wrap.blog .post .post-categories {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.2rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
  font-size: 1.2rem;
  border: 1px solid #ccc;
  border-bottom: none;
}
.wrap.blog .post .post-categories li {
  list-style: none;
}
.wrap.blog .post .post-categories li a {
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 0 0.4rem;
  color: #999;
  background: #fff;
  padding: 0.2rem 0.6rem;
  text-decoration: none;
}
.wrap.blog .post .post-categories li a::before {
  font-family: "fontello";
  content: "\cb03";
  font-weight: normal !important;
}
.wrap.blog .post .box_post {
  display: block;
  padding: 3rem 1.6rem;
  margin: -1px 0 0;
  background: #fff;
  border: 1px solid #ccc;
  text-decoration: none;
}
.wrap.blog .post .box_post > .eyecatch {
  display: none;
}
.wrap.blog .post .box_post .txt {
  overflow: hidden;
}
.wrap.blog .post .box_post .txt .date {
  display: flex;
  gap: 1rem;
  margin: 0 0 1rem;
}
.wrap.blog .post .box_post .txt .date li {
  display: flex;
  align-items: center;
  gap: 0 0.4rem;
  font-size: 1.2rem;
  color: #999;
}
.wrap.blog .post .box_post .txt .date li.release::before {
  font-family: "fontello";
  content: "\cb10";
  font-weight: normal !important;
}
.wrap.blog .post .box_post .txt .date li.update::before {
  font-family: "fontello";
  content: "\cb11";
  font-weight: normal !important;
}
.wrap.blog .post .box_post .txt .inner {
  display: flex;
  gap: 0 1.6rem;
}
.wrap.blog .post .box_post .txt .inner .eyecatch {
  width: 35%;
  height: calc((100vw - 6.4rem - 2px) * 0.35);
}
.wrap.blog .post .box_post .txt .inner .date_tit {
  flex: 1;
}
.wrap.blog .post .box_post .txt .inner .date_tit .tit {
  font-size: 110%;
}
.wrap.blog .post .box_post .txt .more {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1rem 0 0 auto;
  background: var(--clr_sub);
  color: #fff;
  text-decoration: none;
  border: 1px solid var(--clr_sub);
  padding: 0.4rem 2rem;
  border-radius: 0.4rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post .box_post .txt .more {
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
.wrap.blog .post .box_post .txt .more::after {
  font-family: "fontello";
  content: "\cb14";
  font-weight: normal !important;
  font-size: 80%;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post {
    margin: 0 0 clamp(4rem, -0.9888rem + 7.491vw, 8rem);
  }
  .wrap.blog .post .post-categories {
    font-size: clamp(1.2rem, 0.9506rem + 0.375vw, 1.4rem);
    gap: 0;
  }
  .wrap.blog .post .post-categories li a {
    padding: 0.2rem 1rem;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .post .post-categories li a {
    opacity: 1;
  }
  .wrap.blog .post .post-categories li a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .post .post-categories li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post .post-categories li a:focus-visible {
    color: var(--clr_sub);
  }
  .wrap.blog .post .box_post {
    display: flex;
    justify-content: space-between;
    gap: 0 clamp(1rem, -2.7416rem + 5.618vw, 4rem);
    padding: clamp(2rem, -0.4944rem + 3.745vw, 4rem);
    transition: 0.4s;
  }
  .wrap.blog .post .box_post .eyecatch {
    display: flex;
    width: clamp(14rem, 4.0225rem + 14.981vw, 22rem);
    height: clamp(14rem, 4.0225rem + 14.981vw, 22rem);
    margin-bottom: 0;
  }
  .wrap.blog .post .box_post .eyecatch img {
    transition: 0.8s;
  }
  .wrap.blog .post .box_post .txt {
    flex: 1;
  }
  .wrap.blog .post .box_post .txt .date {
    font-size: clamp(1.2rem, 0.9506rem + 0.375vw, 1.4rem);
    gap: 0 clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  .wrap.blog .post .box_post .txt .inner {
    display: block;
  }
  .wrap.blog .post .box_post .txt .inner > .eyecatch {
    display: none;
    width: clamp(10rem, -6.2135rem + 24.345vw, 23rem);
    height: auto;
    aspect-ratio: 1/1;
    margin-bottom: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  .wrap.blog .post .box_post .txt .inner .date_tit {
    width: 100%;
  }
  .wrap.blog .post .box_post .txt p {
    margin: 0 0 clamps_size(1.5rem, 2rem);
  }
  .wrap.blog .post .box_post .txt .more {
    padding: 0.4rem clamp(2rem, 0.7528rem + 1.873vw, 3rem);
    transition: 0.4s;
  }
  .wrap.blog .post .box_post {
    container: tab/inline-size;
  }
  @container tab (width < 47rem) {
    .wrap.blog .post .box_post .eyecatch {
      display: none;
    }
    .wrap.blog .post .box_post .txt .inner {
      display: flex;
    }
    .wrap.blog .post .box_post .txt .inner > .eyecatch {
      display: flex;
    }
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .post a.box_post {
    opacity: 1;
  }
  .wrap.blog .post a.box_post:where(:-moz-any-link, :enabled, summary):hover {
    border: 1px solid rgba(var(--rgb_sub), 0.6);
    box-shadow: 0 0 0.4rem 0.4rem rgba(var(--rgb_sub), 0.6) inset;
  }
  .wrap.blog .post a.box_post:where(:any-link, :enabled, summary):hover {
    border: 1px solid rgba(var(--rgb_sub), 0.6);
    box-shadow: 0 0 0.4rem 0.4rem rgba(var(--rgb_sub), 0.6) inset;
  }
  .wrap.blog .post a.box_post:where(:-moz-any-link, :enabled, summary):hover .eyecatch img {
    transform: scale(1.1);
  }
  .wrap.blog .post a.box_post:where(:any-link, :enabled, summary):hover .eyecatch img {
    transform: scale(1.1);
  }
  .wrap.blog .post a.box_post:where(:-moz-any-link, :enabled, summary):hover .txt .more {
    background: #fff;
    color: var(--clr_sub);
  }
  .wrap.blog .post a.box_post:where(:any-link, :enabled, summary):hover .txt .more {
    background: #fff;
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post a.box_post:focus-visible {
    border: 1px solid rgba(var(--rgb_sub), 0.6);
    box-shadow: 0 0 0.4rem 0.4rem rgba(var(--rgb_sub), 0.6) inset;
  }
  .wrap.blog .post a.box_post:focus-visible .eyecatch img {
    transform: scale(1.1);
  }
  .wrap.blog .post a.box_post:focus-visible .txt .more {
    background: #fff;
    color: var(--clr_sub);
  }
}
.wrap.blog .pager {
  margin-top: 4rem;
}
.wrap.blog .pager > .page-numbers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem 0.1rem;
}
.wrap.blog .pager > .page-numbers li a, .wrap.blog .pager > .page-numbers li .current, .wrap.blog .pager > .page-numbers li .dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 1rem;
  background: var(--clr_sub);
  color: #fff;
  padding: 0.4rem 1rem;
  border: 1px solid var(--clr_sub);
}
.wrap.blog .pager > .page-numbers li a.prev::before, .wrap.blog .pager > .page-numbers li .current.prev::before, .wrap.blog .pager > .page-numbers li .dots.prev::before {
  font-family: "fontello";
  content: "\cb15";
  font-weight: normal !important;
  font-size: 80%;
}
.wrap.blog .pager > .page-numbers li a.next::after, .wrap.blog .pager > .page-numbers li .current.next::after, .wrap.blog .pager > .page-numbers li .dots.next::after {
  font-family: "fontello";
  content: "\cb14";
  font-weight: normal !important;
  font-size: 80%;
}
.wrap.blog .pager > .page-numbers li .current {
  background: #fff;
  color: var(--clr_sub);
}
.wrap.blog .pager > .page-numbers li .dots {
  height: 100%;
  border: none;
  color: #999;
  background: #fff;
  line-height: 1;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .pager > .page-numbers li a, .wrap.blog .pager > .page-numbers li .current, .wrap.blog .pager > .page-numbers li .dots {
    padding: clamp(0.8rem, 0.5506rem + 0.375vw, 1rem) clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .pager > .page-numbers li a, .wrap.blog .pager > .page-numbers li .current, .wrap.blog .pager > .page-numbers li .dots {
    opacity: 1;
  }
  .wrap.blog .pager > .page-numbers li a:where(:-moz-any-link, :enabled, summary):hover, .wrap.blog .pager > .page-numbers li .current:where(:-moz-any-link, :enabled, summary):hover, .wrap.blog .pager > .page-numbers li .dots:where(:-moz-any-link, :enabled, summary):hover {
    background: #fff;
    color: var(--clr_sub);
  }
  .wrap.blog .pager > .page-numbers li a:where(:any-link, :enabled, summary):hover, .wrap.blog .pager > .page-numbers li .current:where(:any-link, :enabled, summary):hover, .wrap.blog .pager > .page-numbers li .dots:where(:any-link, :enabled, summary):hover {
    background: #fff;
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .pager > .page-numbers li a:focus-visible, .wrap.blog .pager > .page-numbers li .current:focus-visible, .wrap.blog .pager > .page-numbers li .dots:focus-visible {
    background: #fff;
    color: var(--clr_sub);
  }
}
.wrap.blog .post.not-found .tit::before {
  font-family: "fontello";
  content: "\cb09";
  font-weight: normal !important;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post.not-found .tit {
    margin: 0 0 clamp(4rem, 1.5056rem + 3.745vw, 6rem);
    padding: 0 0 0.6rem;
    font-size: clamp(1.4rem, 0.6517rem + 1.124vw, 2rem);
  }
}
.wrap.blog .post_tag {
  margin: 4rem 0 0;
  padding: 2rem 0;
  font-size: 90%;
  color: #999;
}
.wrap.blog .post_tag ul {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1em 0;
}
.wrap.blog .post_tag ul li a {
  display: block;
  border: 1px solid #ccc;
  padding: 0.6rem 1.6rem;
  text-decoration: none;
  border-radius: 0.4rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_tag ul li a {
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
.wrap.blog .post_tag ul li a::before {
  font-family: "fontello";
  content: "\cb18";
  font-weight: normal !important;
  margin-right: 0.4rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_tag {
    margin: clamp(4rem, -0.9888rem + 7.491vw, 8rem) 0 0;
    padding: clamp(2rem, -0.4944rem + 3.745vw, 4rem) 0;
  }
  .wrap.blog .post_tag ul {
    gap: clamp(0.8rem, 0.5506rem + 0.375vw, 1rem);
  }
  .wrap.blog .post_tag ul li a {
    padding: clamp(0.4rem, -0.3483rem + 1.124vw, 1rem) clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  .wrap.blog .post_tag ul li a::before {
    margin-right: clamp(0.4rem, 0.1506rem + 0.375vw, 0.6rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .post_tag ul li a {
    opacity: 1;
  }
  .wrap.blog .post_tag ul li a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .post_tag ul li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_tag ul li a:focus-visible {
    color: var(--clr_sub);
  }
}
.wrap.blog .post .box_post .txt .info {
  border-top: 1px solid #ccc;
  padding-top: 4rem;
}
.wrap.blog .post .box_post .txt .info > div {
  padding: 3rem 1rem;
  text-align: center;
  line-height: 1;
  background: rgba(204, 204, 204, 0.1);
}
.wrap.blog .post .box_post .txt .info > div .name {
  display: block;
  font-size: 120%;
  color: var(--clr_main);
  font-weight: bold;
}
.wrap.blog .post .box_post .txt .info > div .tel {
  font-size: 140%;
  display: flex;
  margin: 2rem 0;
}
.wrap.blog .post .box_post .txt .info > div .btn_top {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 1rem;
  text-align: center;
  color: #fff;
  background: var(--clr_sub);
  border: 1px solid var(--clr_sub);
  padding: 0.4rem 2rem;
  line-height: 1.8;
  border-radius: 0.4rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post .box_post .txt .info > div .btn_top {
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
.wrap.blog .post .box_post .txt .info > div .btn_top::before {
  font-family: "fontello";
  content: "\cb01";
  font-weight: normal !important;
  line-height: 1;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post .box_post .txt .info {
    padding-top: clamp(4rem, -0.9888rem + 7.491vw, 8rem);
  }
  .wrap.blog .post .box_post .txt .info > div {
    padding: clamp(2rem, 0.7528rem + 1.873vw, 3rem) clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  .wrap.blog .post .box_post .txt .info > div .name {
    font-size: 150%;
  }
  .wrap.blog .post .box_post .txt .info > div .tel {
    margin: clamp(1.5rem, 0.2528rem + 1.873vw, 2.5rem) 0;
  }
  .wrap.blog .post .box_post .txt .info > div .btn_top {
    padding: 0.4rem clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .post .box_post .txt .info > div .btn_top {
    opacity: 1;
  }
  .wrap.blog .post .box_post .txt .info > div .btn_top:where(:-moz-any-link, :enabled, summary):hover {
    background: #fff;
    color: var(--clr_sub);
  }
  .wrap.blog .post .box_post .txt .info > div .btn_top:where(:any-link, :enabled, summary):hover {
    background: #fff;
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post .box_post .txt .info > div .btn_top:focus-visible {
    background: #fff;
    color: var(--clr_sub);
  }
}
.wrap.blog .post_entry a {
  text-decoration: underline;
}
.wrap.blog .post_entry a[class*=button] {
  text-decoration: none !important;
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .post_entry a {
    opacity: 1;
  }
  .wrap.blog .post_entry a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration: none;
  }
  .wrap.blog .post_entry a:where(:any-link, :enabled, summary):hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_entry a:focus-visible {
    text-decoration: none;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .post_entry a[class*=button] {
    opacity: 1;
  }
  .wrap.blog .post_entry a[class*=button]:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
  .wrap.blog .post_entry a[class*=button]:where(:any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_entry a[class*=button]:focus-visible {
    opacity: 0.8;
  }
}
.wrap.blog .post_entry .wp-block-table {
  overflow: auto;
  white-space: nowrap;
}
.wrap.blog .post_entry .wp-block-table table {
  width: 100%;
}
.wrap.blog .post_entry .wp-block-table table.has-fixed-layout {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.wrap.blog .post_entry .wp-block-table table thead {
  border-bottom: 2px solid #ccc;
  color: var(--clr_main);
}
.wrap.blog .post_entry .wp-block-table table tfoot {
  border-top: 2px solid #ccc;
}
.wrap.blog .post_entry .wp-block-table.is-style-stripes {
  border: none;
}
.wrap.blog .post_entry .wp-block-table.is-style-stripes table th, .wrap.blog .post_entry .wp-block-table.is-style-stripes table td {
  border: 1px solid #ccc;
}
.wrap.blog .post_entry .wp-block-table.is-style-stripes table tbody tr:nth-child(2n+1) {
  background: rgba(var(--rgb_main), 0.1);
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_entry .wp-block-table {
    overflow: hidden;
    white-space: normal;
  }
  .wrap.blog .post_entry .wp-block-table table.has-fixed-layout {
    width: 100%;
  }
}
.wrap.blog .post_entry iframe, .wrap.blog .post_entry figure {
  max-width: 100% !important;
}
.wrap.blog .post_entry img {
  max-width: 100% !important;
}
.wrap.blog .post_entry p {
  margin: 1em 0;
}
.wrap.blog .post_entry ul, .wrap.blog .post_entry ol {
  margin: 1em 0 1em 2em;
}
.wrap.blog .post_entry ul li {
  list-style: disc;
}
.wrap.blog .post_entry ol li {
  list-style: decimal;
}
.wrap.blog .related {
  margin: 4rem 0;
}
.wrap.blog .related .tit::before {
  font-family: "fontello";
  content: "\cb08";
  font-weight: normal !important;
}
.wrap.blog .related ul li a {
  padding: 0.8rem 0;
  text-decoration: none;
  display: flex;
  gap: 0 1rem;
}
.wrap.blog .related ul li a::before {
  font-family: "fontello";
  content: "\cb14";
  font-weight: normal !important;
  font-size: 80%;
  color: var(--clr_sub);
  margin: 0.2em 0 0;
}
.wrap.blog .related ul li a .eyecatch {
  width: 5rem;
  height: 5rem;
  flex: 0 0 5rem;
  margin: 0;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .related {
    margin: clamp(4rem, -0.9888rem + 7.491vw, 8rem) 0;
  }
  .wrap.blog .related ul li a {
    gap: 0 clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
  .wrap.blog .related ul li a .eyecatch {
    width: clamp(3.5rem, 1.6292rem + 2.809vw, 5rem);
    height: clamp(3.5rem, 1.6292rem + 2.809vw, 5rem);
    flex: 0 0 clamp(3.5rem, 1.6292rem + 2.809vw, 5rem);
    margin: 0;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .related ul li a {
    opacity: 1;
  }
  .wrap.blog .related ul li a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .related ul li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .related ul li a:focus-visible {
    color: var(--clr_sub);
  }
}
.wrap.blog .post_link {
  margin: 0 0 4rem;
}
.wrap.blog .post_link ul {
  display: flex;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.wrap.blog .post_link ul li {
  width: 50%;
  font-size: 90%;
}
.wrap.blog .post_link ul li a {
  display: block;
  font-size: 110%;
  line-height: 1.4;
  text-decoration: none;
  color: var(--clr_sub);
  position: relative;
}
.wrap.blog .post_link ul li a span {
  display: block;
  color: var(--clr_txt);
  margin: 0.6rem 0 0;
  transition: 0.2s;
}
.wrap.blog .post_link ul li a::before, .wrap.blog .post_link ul li a::after {
  position: absolute;
  top: 1.2em;
}
.wrap.blog .post_link ul li.prev a {
  padding: 1rem 1rem 1rem 2.4rem;
}
.wrap.blog .post_link ul li.prev a::before {
  font-family: "fontello";
  content: "\cb15";
  font-weight: normal !important;
  font-size: 80%;
  left: 0.6rem;
}
.wrap.blog .post_link ul li.next {
  border-left: 1px solid #ccc;
}
.wrap.blog .post_link ul li.next a {
  text-align: right;
  padding: 1rem 2.4rem 1rem 1rem;
  align-items: flex-end;
}
.wrap.blog .post_link ul li.next a::after {
  font-family: "fontello";
  content: "\cb14";
  font-weight: normal !important;
  font-size: 80%;
  right: 0.6rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_link {
    margin: 0 0 clamp(4rem, 1.5056rem + 3.745vw, 6rem);
  }
  .wrap.blog .post_link ul li a::before, .wrap.blog .post_link ul li a:after {
    top: 2.6em;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .post_link ul li a {
    opacity: 1;
  }
  .wrap.blog .post_link ul li a:where(:-moz-any-link, :enabled, summary):hover span {
    color: var(--clr_sub);
  }
  .wrap.blog .post_link ul li a:where(:any-link, :enabled, summary):hover span {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_link ul li a:focus-visible span {
    color: var(--clr_sub);
  }
  .wrap.blog .post_link ul li.prev a {
    padding: clamp(1.5rem, -0.3708rem + 2.809vw, 3rem) clamp(1rem, -0.2472rem + 1.873vw, 2rem) clamp(1.5rem, -0.3708rem + 2.809vw, 3rem) clamp(2.6rem, 0.8539rem + 2.622vw, 4rem);
  }
  .wrap.blog .post_link ul li.prev a::before {
    left: clamp(0.8rem, -0.1978rem + 1.498vw, 1.6rem);
  }
  .wrap.blog .post_link ul li.next a {
    padding: clamp(1.5rem, -0.3708rem + 2.809vw, 3rem) clamp(2.6rem, 0.8539rem + 2.622vw, 4rem) clamp(1.5rem, -0.3708rem + 2.809vw, 3rem) clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  .wrap.blog .post_link ul li.next a::after {
    right: clamp(0.8rem, -0.1978rem + 1.498vw, 1.6rem);
  }
}
.wrap.blog .btn_postindex {
  display: inline-flex;
  gap: 0 1rem;
  color: #fff;
  background: var(--clr_sub);
  border: 1px solid var(--clr_sub);
  padding: 0.4rem 2rem;
  border-radius: 0.4rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .btn_postindex {
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
.wrap.blog .btn_postindex::before {
  font-family: "fontello";
  content: "\cb02";
  font-weight: normal !important;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .btn_postindex {
    padding: 0.4rem clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .btn_postindex {
    opacity: 1;
  }
  .wrap.blog .btn_postindex:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
    background: #fff;
  }
  .wrap.blog .btn_postindex:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
    background: #fff;
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .btn_postindex:focus-visible {
    color: var(--clr_sub);
    background: #fff;
  }
}
.wrap.blog .search-form {
  display: flex;
  gap: 0 1rem;
}
.wrap.blog .search-form label {
  flex: 1;
}
.wrap.blog .search-form label input.search-field {
  width: 100%;
  padding: 0.6rem;
  border: 1px solid #ccc;
  background: #fff;
}
.wrap.blog .search-form input.search-submit {
  width: 6rem;
  background: var(--clr_sub);
  color: #fff;
  border: 1px solid var(--clr_sub);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: 0.2s;
  border-radius: 0.4rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .search-form input.search-submit {
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .search-form input.search-submit {
    opacity: 1;
  }
  .wrap.blog .search-form input.search-submit:where(:-moz-any-link, :enabled, summary):hover {
    background: #fff;
    color: var(--clr_sub);
  }
  .wrap.blog .search-form input.search-submit:where(:any-link, :enabled, summary):hover {
    background: #fff;
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .search-form input.search-submit:focus-visible {
    background: #fff;
    color: var(--clr_sub);
  }
}
.wrap.blog .result {
  margin: 0 0 3rem;
  padding: 1rem;
  font-weight: bold;
  background: rgba(var(--rgb_main), 0.1);
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .result {
    margin: 0 0 clamp(4rem, 1.5056rem + 3.745vw, 6rem);
    padding: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
}
.wrap.blog .sidebar_blog {
  margin: 6rem 1.6rem 0;
  padding: 4rem 0 0;
  font-size: 1.4rem;
  line-height: 1.6;
}
.wrap.blog .sidebar_blog .side_inner {
  margin: 0 0 4rem;
}
.wrap.blog .sidebar_blog .side_inner .tit {
  margin: 0 0 2rem;
}
.wrap.blog .sidebar_blog .side_inner ul, .wrap.blog .sidebar_blog .side_inner ol {
  margin: 0;
}
.wrap.blog .sidebar_blog .side_inner .eyecatch {
  width: 5rem;
  height: 5rem;
  flex: 0 0 5rem;
  margin: 0;
}
.wrap.blog .sidebar_blog .side_inner.cat .tit::before {
  font-family: "fontello";
  content: "\cb03";
  font-weight: normal !important;
}
.wrap.blog .sidebar_blog .side_inner.cat ul:not(.children) {
  border-bottom: 1px solid #ccc;
}
.wrap.blog .sidebar_blog .side_inner.cat ul > li a {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  padding: 1rem;
  border: 1px solid #ccc;
  border-bottom: none;
}
.wrap.blog .sidebar_blog .side_inner.cat ul > li a::after {
  font-family: "fontello";
  content: "\cb14";
  font-weight: normal !important;
  font-size: 80%;
  color: var(--clr_sub);
  margin: 0 0 0 auto;
}
.wrap.blog .sidebar_blog .side_inner.cat ul > li .children li a {
  padding: 1rem;
  border-top: 1px dotted #aaa;
}
.wrap.blog .sidebar_blog .side_inner.cat ul > li .children li a::before {
  display: block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  flex: 0 0 0.6em;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  color: #666;
  margin: 0.2em 0 auto 0;
}
.wrap.blog .sidebar_blog .side_inner.cat ul > li .children li .children li a {
  padding: 1rem 1rem 1rem 2em;
}
.wrap.blog .sidebar_blog .side_inner.cat ul > li:not(:last-child) a {
  border-bottom: 1px solid transparent;
}
.wrap.blog .sidebar_blog .side_inner.tag .tit::before {
  font-family: "fontello";
  content: "\cb18";
  font-weight: normal !important;
}
.wrap.blog .sidebar_blog .side_inner.tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.wrap.blog .sidebar_blog .side_inner.tag ul li a {
  display: block;
  border: 1px solid #ccc;
  padding: 0.6rem 1.6rem;
  border-radius: 0.4rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.tag ul li a {
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
.wrap.blog .sidebar_blog .side_inner.popular .tit::before {
  font-family: "fontello";
  content: "\cb07";
  font-weight: normal !important;
}
.wrap.blog .sidebar_blog .side_inner.popular ol {
  counter-reset: number 0;
}
.wrap.blog .sidebar_blog .side_inner.popular ol li {
  counter-increment: number 1;
  border-bottom: 1px solid #ccc;
}
.wrap.blog .sidebar_blog .side_inner.popular ol li a {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  padding: 1.2rem 0;
  line-height: 1.2;
}
.wrap.blog .sidebar_blog .side_inner.popular ol li a::before {
  width: 1.6em;
  height: 1.6em;
  font-family: "Arial Black", sans-serif;
  border: 1px solid #ccc;
  content: counter(number);
  display: grid;
  place-content: center;
  flex: 0 0 1.6em;
}
.wrap.blog .sidebar_blog .side_inner.popular ol li a .view {
  font-family: Arial, sans-serif;
  font-size: 70%;
  color: #999;
  white-space: nowrap;
  margin: auto 0 auto auto;
}
.wrap.blog .sidebar_blog .side_inner.popular ol li:first-child a::before {
  background: #ffde00;
}
.wrap.blog .sidebar_blog .side_inner.popular ol li:nth-child(2) a::before {
  background: #cfcfcf;
}
.wrap.blog .sidebar_blog .side_inner.popular ol li:nth-child(3) a::before {
  background: #cfbb95;
}
.wrap.blog .sidebar_blog .side_inner.new .tit::before {
  font-family: "fontello";
  content: "\cb06";
  font-weight: normal !important;
}
.wrap.blog .sidebar_blog .side_inner.new ul li a {
  display: flex;
  align-items: flex-start;
  gap: 0 1rem;
  padding: 0.6rem 0;
}
.wrap.blog .sidebar_blog .side_inner.new ul li a::before {
  font-family: "fontello";
  content: "\cb14";
  font-weight: normal !important;
  font-size: 80%;
  color: var(--clr_sub);
  margin: 0.2em 0 0;
}
.wrap.blog .sidebar_blog .side_inner.archive .tit::before {
  font-family: "fontello";
  content: "\cb04";
  font-weight: normal !important;
}
.wrap.blog .sidebar_blog .side_inner.archive details .btn_select {
  background: #fff;
  border: 1px solid #ccc;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  list-style: none;
}
.wrap.blog .sidebar_blog .side_inner.archive details .btn_select::after {
  font-family: "fontello";
  content: "\cb17";
  font-weight: normal !important;
  color: var(--clr_sub);
}
.wrap.blog .sidebar_blog .side_inner.archive details .btn_select::-webkit-details-marker {
  display: none;
}
.wrap.blog .sidebar_blog .side_inner.archive details .lst_month {
  background: #fff;
  margin: 0;
}
.wrap.blog .sidebar_blog .side_inner.archive details .lst_month li {
  border: 1px solid #ccc;
  border-top: none;
}
.wrap.blog .sidebar_blog .side_inner.archive details .lst_month li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.wrap.blog .sidebar_blog .side_inner.archive details .lst_month li a::after {
  font-family: "fontello";
  content: "\cb14";
  font-weight: normal !important;
  font-size: 80%;
  color: var(--clr_sub);
}
.wrap.blog .sidebar_blog .side_inner.archive details[open] .btn_select::after {
  font-family: "fontello";
  content: "\cb16";
  font-weight: normal !important;
}
.wrap.blog .sidebar_blog .search-form {
  margin: 0 0 4rem;
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog {
    margin: 0 0 clamp(3rem, -0.7416rem + 5.618vw, 6rem);
    padding: 0;
    font-size: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
    line-height: 1.8;
  }
  .wrap.blog .sidebar_blog .side_inner {
    margin: 0 0 clamp(3rem, -0.7416rem + 5.618vw, 6rem);
  }
  .wrap.blog .sidebar_blog .side_inner.cat ul > li a {
    padding: clamp(0.5rem, -0.1236rem + 0.936vw, 1rem) clamp(1rem, 0.2517rem + 1.124vw, 1.6rem);
    background: #fff;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .sidebar_blog .side_inner.cat ul > li a {
    opacity: 1;
  }
  .wrap.blog .sidebar_blog .side_inner.cat ul > li a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.cat ul > li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.cat ul > li a:focus-visible {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.cat ul > li .children li a {
    padding: clamp(0.5rem, -0.1236rem + 0.936vw, 1rem) clamp(1rem, 0.2517rem + 1.124vw, 1.6rem);
  }
  .wrap.blog .sidebar_blog .side_inner.cat ul > li .children li a::before {
    margin: 0.3em 0 auto 0;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .sidebar_blog .side_inner.cat ul > li .children li a {
    opacity: 1;
  }
  .wrap.blog .sidebar_blog .side_inner.cat ul > li .children li a:where(:-moz-any-link, :enabled, summary):hover::before {
    border-left: 1px solid var(--clr_sub);
    border-bottom: 1px solid var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.cat ul > li .children li a:where(:any-link, :enabled, summary):hover::before {
    border-left: 1px solid var(--clr_sub);
    border-bottom: 1px solid var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.cat ul > li .children li a:focus-visible::before {
    border-left: 1px solid var(--clr_sub);
    border-bottom: 1px solid var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.cat ul > li .children li .children li a {
    padding: clamp(0.5rem, -0.1236rem + 0.936vw, 1rem) clamp(1rem, 0.2517rem + 1.124vw, 1.6rem) clamp(0.5rem, -0.1236rem + 0.936vw, 1rem) 2.4em;
  }
  .wrap.blog .sidebar_blog .side_inner.tag ul {
    gap: clamp(0.8rem, 0.5506rem + 0.375vw, 1rem);
  }
  .wrap.blog .sidebar_blog .side_inner.tag ul li a {
    padding: clamp(0.4rem, -0.3483rem + 1.124vw, 1rem) clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .sidebar_blog .side_inner.tag ul li a {
    opacity: 1;
  }
  .wrap.blog .sidebar_blog .side_inner.tag ul li a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.tag ul li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.tag ul li a:focus-visible {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.popular ol li a {
    padding: clamp(1rem, 0.2517rem + 1.124vw, 1.6rem) 0;
    line-height: 1.4;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .sidebar_blog .side_inner.popular ol li a {
    opacity: 1;
  }
  .wrap.blog .sidebar_blog .side_inner.popular ol li a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.popular ol li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.popular ol li a:where(:-moz-any-link, :enabled, summary):hover::before {
    color: var(--clr_txt);
  }
  .wrap.blog .sidebar_blog .side_inner.popular ol li a:where(:any-link, :enabled, summary):hover::before {
    color: var(--clr_txt);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.popular ol li a:focus-visible {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.popular ol li a:focus-visible::before {
    color: var(--clr_txt);
  }
  .wrap.blog .sidebar_blog .side_inner.new ul li a {
    padding: clamp(0.5rem, -0.1236rem + 0.936vw, 1rem) 0.6rem;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .sidebar_blog .side_inner.new ul li a {
    opacity: 1;
  }
  .wrap.blog .sidebar_blog .side_inner.new ul li a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.new ul li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.new ul li a:focus-visible {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.archive .btn_select {
    transition: 0.2s;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .sidebar_blog .side_inner.archive .btn_select {
    opacity: 1;
  }
  .wrap.blog .sidebar_blog .side_inner.archive .btn_select:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.archive .btn_select:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.archive .btn_select:focus-visible {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .wrap.blog .sidebar_blog .side_inner.archive .lst_month li a {
    opacity: 1;
  }
  .wrap.blog .sidebar_blog .side_inner.archive .lst_month li a:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .side_inner.archive .lst_month li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_sub);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.archive .lst_month li a:focus-visible {
    color: var(--clr_sub);
  }
  .wrap.blog .sidebar_blog .search-form {
    margin: 0 0 clamp(3rem, -0.7416rem + 5.618vw, 6rem);
  }
}
.wrap.blog .wp-caption,
.wrap.blog .wp-caption-text,
.wrap.blog .sticky,
.wrap.blog .gallery-caption,
.wrap.blog .bypostauthor,
.wrap.blog .alignright,
.wrap.blog .alignleft,
.wrap.blog .aligncenter {
  color: inherit;
}/*# sourceMappingURL=style.css.map */