@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 {
  --gnav_font_max: 1.6;
  --gnav_font_min: 1.4;
  --gnav_font_clamp_min: 1.3;
}

@media (min-width: 666px) {
  #nav .gnav_subnav .gnav > li > a,
  #nav .gnav_subnav .gnav > li > .sub {
    font-size: clamp(var(--gnav_font_clamp_min, 1.3) * 1rem, var(--gnav_font_intercept, 0.4) * 1rem + var(--gnav_font_slope, 1) * 1vw, var(--gnav_font_size, 1.6rem)) !important;
  }
}
:root {
  --breakpoint: 666px;
  --wrap: 1200px;
}

:root {
  --clr_txt: #333333;
  --rgb_txt: 51 51 51;
  --clr_border: #C3C3C3;
  --rgb_border: 195 195 195;
  --clr_white: #fff;
  --rgb_white: 255 255 255;
  --clr_green: #1C8142;
  --rgb_green: 28 129 66;
  --clr_green_light: #169747;
  --rgb_green_light: 22 151 71;
  --clr_green_light02: #CFF3DB;
  --rgb_green_light02: 207 243 219;
  --clr_green_light03: #4AAF70;
  --rgb_green_light03: 74 175 112;
  --clr_green_light04: #82C899;
  --rgb_green_light04: 130 200 153;
  --clr_green_light05: #EEFFF3;
  --rgb_green_light05: 238 255 243;
  --clr_green_light06: #E1FFF3;
  --rgb_green_light06: 225 255 243;
  --clr_green_light07: #AEE5C0;
  --rgb_green_light07: 174 229 192;
  --clr_green_light08: #D4FCEC;
  --rgb_green_light08: 212 252 236;
  --clr_yellow: #FFEE00;
  --rgb_yellow: 255 238 0;
  --clr_yellow_light: #FFFCC9;
  --rgb_yellow_light: 255 252 201;
  --clr_yellow_light02: #ECCD00;
  --rgb_yellow_light02: 236 205 0;
  --clr_yellow_light03: #C8AE67;
  --rgb_yellow_light03: 200 174 103;
  --clr_yellow_light04: #FFF56B;
  --rgb_yellow_light04: 255 245 107;
  --clr_yellow_light05: #E5DC48;
  --rgb_yellow_light05: 229 220 72;
  --clr_yellow_light06: #FFFDDB;
  --rgb_yellow_light06: 255 253 219;
  --clr_yellow_dark: #CFC300;
  --rgb_yellow_dark: 207 195 0;
  --clr_yellow_dark02: #F5C72D;
  --rgb_yellow_dark02: 245 199 45;
  --clr_yellow_dark03: #BBB114;
  --rgb_yellow_dark03: 187 177 20;
  --clr_aqua: #0088A8;
  --rgb_aqua: 0 136 168;
  --clr_aqua_dark: #327CB5;
  --rgb_aqua_dark: 50 124 181;
  --clr_aqua_dark02: #85B6E8;
  --rgb_aqua_dark02: 133 182 232;
  --clr_aqua_light: #B0D5FF;
  --rgb_aqua_light: 176 213 255;
  --clr_aqua_light02: #E6F4FF;
  --rgb_aqua_light02: 230 244 255;
  --clr_aqua_light03: #C2F3FF;
  --rgb_aqua_light03: 194 243 255;
  --clr_aqua_light04: #F2FCFF;
  --rgb_aqua_light04: 242 252 255;
  --clr_aqua_light05: #B4F0FF;
  --rgb_aqua_light05: 180 240 255;
  --clr_aqua_light06: #D2F6FF;
  --rgb_aqua_light06: 210 246 255;
  --clr_aqua_light07: #E3FFF4;
  --rgb_aqua_light07: 227 255 244;
  --clr_orange: #DC8827;
  --rgb_orange: 220 136 39;
  --clr_orange_light: #FF9900;
  --rgb_orange_light: 255 153 0;
  --clr_orange_light02: #FFD394;
  --rgb_orange_light02: 255 211 148;
  --clr_orange_light03: #FFF2D9;
  --rgb_orange_light03: 255 242 217;
  --clr_red: #C7503D;
  --rgb_red: 199 80 61;
  --clr_red_light: #FFEDE9;
  --rgb_red_light: 255 237 233;
  --clr_red_light02: #FFBBB0;
  --rgb_red_light02: 255 187 176;
  --clr_brown: #65482B;
  --rgb_brown: 101 72 43;
  --clr_brown_light: #787100;
  --rgb_brown_light: 120 113 0;
  --clr_gray: #707070;
  --rgb_gray: 112 112 112;
  --clr_gray_light: #F7F7F7;
  --rgb_gray_light: 247 247 247;
}

.has-txtbase-color {
  color: #333333;
}

.has-txtbase-background-color {
  background-color: #333333;
}

.has-borderbase-color {
  color: #C3C3C3;
}

.has-borderbase-background-color {
  background-color: #C3C3C3;
}

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

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

.has-greenbase-color {
  color: #1C8142;
}

.has-greenbase-background-color {
  background-color: #1C8142;
}

.has-greenlight-color {
  color: #169747;
}

.has-greenlight-background-color {
  background-color: #169747;
}

.has-greenlight02-color {
  color: #CFF3DB;
}

.has-greenlight02-background-color {
  background-color: #CFF3DB;
}

.has-greenlight03-color {
  color: #4AAF70;
}

.has-greenlight03-background-color {
  background-color: #4AAF70;
}

.has-greenlight04-color {
  color: #82C899;
}

.has-greenlight04-background-color {
  background-color: #82C899;
}

.has-greenlight05-color {
  color: #EEFFF3;
}

.has-greenlight05-background-color {
  background-color: #EEFFF3;
}

.has-greenlight06-color {
  color: #E1FFF3;
}

.has-greenlight06-background-color {
  background-color: #E1FFF3;
}

.has-greenlight07-color {
  color: #AEE5C0;
}

.has-greenlight07-background-color {
  background-color: #AEE5C0;
}

.has-greenlight08-color {
  color: #D4FCEC;
}

.has-greenlight08-background-color {
  background-color: #D4FCEC;
}

.has-yellowbase-color {
  color: #FFEE00;
}

.has-yellowbase-background-color {
  background-color: #FFEE00;
}

.has-yellowlight-color {
  color: #FFFCC9;
}

.has-yellowlight-background-color {
  background-color: #FFFCC9;
}

.has-yellowlight02-color {
  color: #ECCD00;
}

.has-yellowlight02-background-color {
  background-color: #ECCD00;
}

.has-yellowlight03-color {
  color: #C8AE67;
}

.has-yellowlight03-background-color {
  background-color: #C8AE67;
}

.has-yellowlight04-color {
  color: #FFF56B;
}

.has-yellowlight04-background-color {
  background-color: #FFF56B;
}

.has-yellowlight05-color {
  color: #E5DC48;
}

.has-yellowlight05-background-color {
  background-color: #E5DC48;
}

.has-yellowlight06-color {
  color: #FFFDDB;
}

.has-yellowlight06-background-color {
  background-color: #FFFDDB;
}

.has-yellowdark-color {
  color: #CFC300;
}

.has-yellowdark-background-color {
  background-color: #CFC300;
}

.has-yellowdark02-color {
  color: #F5C72D;
}

.has-yellowdark02-background-color {
  background-color: #F5C72D;
}

.has-yellowdark03-color {
  color: #BBB114;
}

.has-yellowdark03-background-color {
  background-color: #BBB114;
}

.has-aquabase-color {
  color: #0088A8;
}

.has-aquabase-background-color {
  background-color: #0088A8;
}

.has-aquadark-color {
  color: #327CB5;
}

.has-aquadark-background-color {
  background-color: #327CB5;
}

.has-aquadark02-color {
  color: #85B6E8;
}

.has-aquadark02-background-color {
  background-color: #85B6E8;
}

.has-aqualight-color {
  color: #B0D5FF;
}

.has-aqualight-background-color {
  background-color: #B0D5FF;
}

.has-aqualight02-color {
  color: #E6F4FF;
}

.has-aqualight02-background-color {
  background-color: #E6F4FF;
}

.has-aqualight03-color {
  color: #C2F3FF;
}

.has-aqualight03-background-color {
  background-color: #C2F3FF;
}

.has-aqualight04-color {
  color: #F2FCFF;
}

.has-aqualight04-background-color {
  background-color: #F2FCFF;
}

.has-aqualight05-color {
  color: #B4F0FF;
}

.has-aqualight05-background-color {
  background-color: #B4F0FF;
}

.has-aqualight06-color {
  color: #D2F6FF;
}

.has-aqualight06-background-color {
  background-color: #D2F6FF;
}

.has-aqualight07-color {
  color: #E3FFF4;
}

.has-aqualight07-background-color {
  background-color: #E3FFF4;
}

.has-orangebase-color {
  color: #DC8827;
}

.has-orangebase-background-color {
  background-color: #DC8827;
}

.has-orangelight-color {
  color: #FF9900;
}

.has-orangelight-background-color {
  background-color: #FF9900;
}

.has-orangelight02-color {
  color: #FFD394;
}

.has-orangelight02-background-color {
  background-color: #FFD394;
}

.has-orangelight03-color {
  color: #FFF2D9;
}

.has-orangelight03-background-color {
  background-color: #FFF2D9;
}

.has-redbase-color {
  color: #C7503D;
}

.has-redbase-background-color {
  background-color: #C7503D;
}

.has-redlight-color {
  color: #FFEDE9;
}

.has-redlight-background-color {
  background-color: #FFEDE9;
}

.has-redlight02-color {
  color: #FFBBB0;
}

.has-redlight02-background-color {
  background-color: #FFBBB0;
}

.has-brownbase-color {
  color: #65482B;
}

.has-brownbase-background-color {
  background-color: #65482B;
}

.has-brownlight-color {
  color: #787100;
}

.has-brownlight-background-color {
  background-color: #787100;
}

.has-graybase-color {
  color: #707070;
}

.has-graybase-background-color {
  background-color: #707070;
}

.has-graylight-color {
  color: #F7F7F7;
}

.has-graylight-background-color {
  background-color: #F7F7F7;
}

.has-txt-base-color {
  color: #333333;
}

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

.has-border-base-color {
  color: #C3C3C3;
}

.has-border-base-background-color {
  background-color: #C3C3C3;
}

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

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

.has-green-base-color {
  color: #1C8142;
}

.has-green-base-background-color {
  background-color: #1C8142;
}

.has-green-light-color {
  color: #169747;
}

.has-green-light-background-color {
  background-color: #169747;
}

.has-green-light02-color {
  color: #CFF3DB;
}

.has-green-light02-background-color {
  background-color: #CFF3DB;
}

.has-green-light03-color {
  color: #4AAF70;
}

.has-green-light03-background-color {
  background-color: #4AAF70;
}

.has-green-light04-color {
  color: #82C899;
}

.has-green-light04-background-color {
  background-color: #82C899;
}

.has-green-light05-color {
  color: #EEFFF3;
}

.has-green-light05-background-color {
  background-color: #EEFFF3;
}

.has-green-light06-color {
  color: #E1FFF3;
}

.has-green-light06-background-color {
  background-color: #E1FFF3;
}

.has-green-light07-color {
  color: #AEE5C0;
}

.has-green-light07-background-color {
  background-color: #AEE5C0;
}

.has-green-light08-color {
  color: #D4FCEC;
}

.has-green-light08-background-color {
  background-color: #D4FCEC;
}

.has-yellow-base-color {
  color: #FFEE00;
}

.has-yellow-base-background-color {
  background-color: #FFEE00;
}

.has-yellow-light-color {
  color: #FFFCC9;
}

.has-yellow-light-background-color {
  background-color: #FFFCC9;
}

.has-yellow-light02-color {
  color: #ECCD00;
}

.has-yellow-light02-background-color {
  background-color: #ECCD00;
}

.has-yellow-light03-color {
  color: #C8AE67;
}

.has-yellow-light03-background-color {
  background-color: #C8AE67;
}

.has-yellow-light04-color {
  color: #FFF56B;
}

.has-yellow-light04-background-color {
  background-color: #FFF56B;
}

.has-yellow-light05-color {
  color: #E5DC48;
}

.has-yellow-light05-background-color {
  background-color: #E5DC48;
}

.has-yellow-light06-color {
  color: #FFFDDB;
}

.has-yellow-light06-background-color {
  background-color: #FFFDDB;
}

.has-yellow-dark-color {
  color: #CFC300;
}

.has-yellow-dark-background-color {
  background-color: #CFC300;
}

.has-yellow-dark02-color {
  color: #F5C72D;
}

.has-yellow-dark02-background-color {
  background-color: #F5C72D;
}

.has-yellow-dark03-color {
  color: #BBB114;
}

.has-yellow-dark03-background-color {
  background-color: #BBB114;
}

.has-aqua-base-color {
  color: #0088A8;
}

.has-aqua-base-background-color {
  background-color: #0088A8;
}

.has-aqua-dark-color {
  color: #327CB5;
}

.has-aqua-dark-background-color {
  background-color: #327CB5;
}

.has-aqua-dark02-color {
  color: #85B6E8;
}

.has-aqua-dark02-background-color {
  background-color: #85B6E8;
}

.has-aqua-light-color {
  color: #B0D5FF;
}

.has-aqua-light-background-color {
  background-color: #B0D5FF;
}

.has-aqua-light02-color {
  color: #E6F4FF;
}

.has-aqua-light02-background-color {
  background-color: #E6F4FF;
}

.has-aqua-light03-color {
  color: #C2F3FF;
}

.has-aqua-light03-background-color {
  background-color: #C2F3FF;
}

.has-aqua-light04-color {
  color: #F2FCFF;
}

.has-aqua-light04-background-color {
  background-color: #F2FCFF;
}

.has-aqua-light05-color {
  color: #B4F0FF;
}

.has-aqua-light05-background-color {
  background-color: #B4F0FF;
}

.has-aqua-light06-color {
  color: #D2F6FF;
}

.has-aqua-light06-background-color {
  background-color: #D2F6FF;
}

.has-aqua-light07-color {
  color: #E3FFF4;
}

.has-aqua-light07-background-color {
  background-color: #E3FFF4;
}

.has-orange-base-color {
  color: #DC8827;
}

.has-orange-base-background-color {
  background-color: #DC8827;
}

.has-orange-light-color {
  color: #FF9900;
}

.has-orange-light-background-color {
  background-color: #FF9900;
}

.has-orange-light02-color {
  color: #FFD394;
}

.has-orange-light02-background-color {
  background-color: #FFD394;
}

.has-orange-light03-color {
  color: #FFF2D9;
}

.has-orange-light03-background-color {
  background-color: #FFF2D9;
}

.has-red-base-color {
  color: #C7503D;
}

.has-red-base-background-color {
  background-color: #C7503D;
}

.has-red-light-color {
  color: #FFEDE9;
}

.has-red-light-background-color {
  background-color: #FFEDE9;
}

.has-red-light02-color {
  color: #FFBBB0;
}

.has-red-light02-background-color {
  background-color: #FFBBB0;
}

.has-brown-base-color {
  color: #65482B;
}

.has-brown-base-background-color {
  background-color: #65482B;
}

.has-brown-light-color {
  color: #787100;
}

.has-brown-light-background-color {
  background-color: #787100;
}

.has-gray-base-color {
  color: #707070;
}

.has-gray-base-background-color {
  background-color: #707070;
}

.has-gray-light-color {
  color: #F7F7F7;
}

.has-gray-light-background-color {
  background-color: #F7F7F7;
}

@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;
}

.wp-block-group.is-style-clear-float {
  clear: both;
  display: flow-root;
}
.wp-block-group.is-style-clear-float p:not(.has-background) {
  overflow: visible;
  overflow-wrap: break-word;
}
.wp-block-group.is-style-clear-float .lst_ul, .wp-block-group.is-style-clear-float .box_page ul, .box_page .wp-block-group.is-style-clear-float ul, .wp-block-group.is-style-clear-float .lst_ol, .wp-block-group.is-style-clear-float .box_page ol:not(.lst_flow):not(.is-style-flow), .box_page .wp-block-group.is-style-clear-float ol:not(.lst_flow):not(.is-style-flow) {
  display: block;
}

.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%;
}

.txt_orange {
  color: var(--clr_orange_light);
}

.txt_green {
  color: var(--clr_green_light);
}

.underline {
  text-decoration: underline;
  text-decoration-thickness: 0.3em;
  text-decoration-color: var(--clr_yellow_light04);
  text-underline-offset: -0.1em;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.img_c {
  margin: 1rem auto;
}

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

figure.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;
    max-width: 40%;
  }
  .img_r {
    float: right;
    margin: 0 0 clamp(1rem, -0.2472rem + 1.873vw, 2rem) clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
    max-width: 40%;
  }
  figure.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 {
  background: var(--clr_green);
  color: var(--clr_white);
  padding: 1rem;
  margin-top: 2rem;
  border-radius: 10px;
}
.timetable table {
  width: 100%;
  font-size: 1.3rem;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid var(--clr_white);
}
.timetable table thead {
  border-bottom: none;
}
.timetable table thead th {
  padding: 0.6rem 0;
  border: none;
  border-bottom: 1px solid var(--clr_white);
  letter-spacing: 0;
}
.timetable table thead th:first-child {
  width: 30%;
  letter-spacing: 0.36em;
}
.timetable table tr th {
  font-weight: 500;
}
.timetable table tr td {
  text-align: center;
  padding: 0.8rem 0;
  line-height: 1.4;
  border: none;
}
.timetable table tr td:first-child {
  letter-spacing: 0.06em;
}
.timetable p {
  font-size: 1.25rem;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.571;
}

@media screen and (min-width: 41.625em), print {
  .timetable {
    padding: clamp(0.5rem, -0.1236rem + 0.936vw, 1rem) clamp(1rem, -1.4944rem + 3.745vw, 3rem) clamp(1rem, -0.8708rem + 2.809vw, 2.5rem);
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  .timetable table {
    font-size: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
    padding-bottom: 1rem;
  }
  .timetable table tr td {
    padding: clamp(0.6rem, 0.6rem + 0vw, 0.6rem) 0;
  }
  .timetable p {
    font-size: clamp(1.2rem, 0.9506rem + 0.375vw, 1.4rem);
  }
}
.gmap {
  width: 100%;
}

.tit_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 9rem;
  color: var(--clr_white);
  background: linear-gradient(to bottom, var(--clr_aqua_dark02), var(--clr_aqua_light03));
  font-size: 2.2rem;
  line-height: 1.3;
  padding: 2.5rem 1rem 0.5rem;
  text-align: center;
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
}

.tit_02, .box_page h2 {
  min-height: 8rem;
  color: var(--clr_green);
  background: url("../img/top_tit02.png") center center/auto 8rem no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto 2rem;
  text-align: center;
  font-size: 2.2rem;
  letter-spacing: 0.24em;
  line-height: 1.2;
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
}

.tit_03, .box_page h3 {
  font-size: 1.8rem;
  color: var(--clr_white);
  background: var(--clr_green_light);
  line-height: 1.455;
  padding: 0.4rem 1rem;
  margin: 0 0 2rem;
  letter-spacing: 0.06em;
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
}

.tit_04, .box_page h4 {
  font-size: 1.6rem;
  line-height: 1.455;
  color: var(--clr_green_light);
  border-bottom: 1px solid var(--clr_green_light);
  padding-left: 3.8rem;
  padding-bottom: 0.6rem;
  margin: 0 0 2rem;
  letter-spacing: 0.06em;
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
  position: relative;
}
.tit_04::before, .box_page h4::before {
  content: "";
  display: block;
  width: 3.5rem;
  aspect-ratio: 58/51;
  position: absolute;
  left: -0.2rem;
  top: 50%;
  transform: translateY(-65%);
  background: url("../img/tit_04.png") center center/contain no-repeat;
}

.tit_05, .box_page h5 {
  font-size: 1.5rem;
  line-height: 1.455;
  color: var(--clr_yellow_dark);
  padding: 0 0 0.6rem 1rem;
  letter-spacing: 0.06em;
  border-bottom: 1px dashed var(--clr_yellow_dark);
  margin: 0 0 1rem;
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
}

.tit_06, .box_page h6 {
  display: flex;
  gap: 0 0.6rem;
  font-size: 1.5rem;
  line-height: 1.455;
  color: var(--clr_green_light);
  padding: 0 0 0.6rem 1rem;
  border-bottom: 1px dashed var(--clr_green_light);
  margin: 0 0 1rem;
  letter-spacing: 0.06em;
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
}

@media screen and (min-width: 41.625em), print {
  .tit_01 {
    min-height: clamp(10rem, 7.5056rem + 3.745vw, 12rem);
    font-size: clamp(2.4rem, 0.9034rem + 2.247vw, 3.6rem);
    padding: clamp(2.5rem, 1.8764rem + 0.936vw, 3rem) 1rem clamp(0rem, -0.6236rem + 0.936vw, 0.5rem);
    width: 100%;
    max-width: 200rem;
    margin-inline: auto;
  }
  .tit_01 span {
    max-width: min(1200px, 100% - 4rem);
    margin-inline: auto;
  }
  .tit_02, .box_page h2 {
    min-height: clamp(10rem, 7.5056rem + 3.745vw, 12rem);
    background-size: auto clamp(10rem, 7.5056rem + 3.745vw, 12rem);
    font-size: clamp(2.4rem, 1.6517rem + 1.124vw, 3rem);
  }
  .tit_03, .box_page h3 {
    font-size: clamp(2rem, 1.5011rem + 0.749vw, 2.4rem);
    padding: clamp(0.4rem, -0.0989rem + 0.749vw, 0.8rem) clamp(1rem, 0.2517rem + 1.124vw, 1.6rem);
    margin: 0 0 clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .tit_04, .box_page h4 {
    font-size: clamp(1.8rem, 1.3011rem + 0.749vw, 2.2rem);
    margin: 0 0 clamp(2rem, 0.7528rem + 1.873vw, 3rem);
    padding-left: clamp(4.6rem, 2.2303rem + 3.558vw, 6.5rem);
    padding-bottom: clamp(0.3rem, 0.0506rem + 0.375vw, 0.5rem);
  }
  .tit_04::before, .box_page h4::before {
    width: clamp(4rem, 1.7551rem + 3.371vw, 5.8rem);
  }
  .tit_05, .box_page h5 {
    font-size: clamp(1.6rem, 1.1011rem + 0.749vw, 2rem);
    padding: 0 0 clamp(0.4rem, 0.1506rem + 0.375vw, 0.6rem) clamp(1rem, 0.3764rem + 0.936vw, 1.5rem);
    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);
    padding: 0 0 clamp(0.4rem, 0.1506rem + 0.375vw, 0.6rem) clamp(1rem, 0.3764rem + 0.936vw, 1.5rem);
    margin: 0 0 clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
}
.lst_ul, .box_page ul {
  display: flow-root;
  line-height: 1.4;
  margin-block: 1rem;
}
.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_green_light);
  position: absolute;
  left: 0;
}
.lst_ul.kome > li::before, .box_page ul.kome > li::before, .lst_ul.is-style-kome > li::before, .box_page ul.is-style-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_txt);
}

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

.lst_flow, .box_page .lst_flow,
.box_page .is-style-flow,
.is-style-flow {
  counter-reset: number 0;
  padding: 0 0 0 2rem;
}
.lst_flow li, .box_page .lst_flow li,
.box_page .is-style-flow li,
.is-style-flow li {
  background: var(--clr_green_light05);
  border-radius: 10px;
  padding: 1.5rem 1.5rem 1.5rem 3.5rem;
  counter-increment: number 1;
  line-height: 1.455;
  letter-spacing: 0;
  position: relative;
}
.lst_flow li::before, .box_page .lst_flow li::before,
.box_page .is-style-flow li::before,
.is-style-flow li::before {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  content: counter(number, decimal-leading-zero);
  color: var(--clr_white);
  background: url("../img/flow_step.svg") top 0.7rem center/auto 1.2rem no-repeat, var(--clr_green_light);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2rem;
  border-radius: 50%;
  width: 4.5rem;
  height: 4.5rem;
  text-align: center;
  font-size: 2rem;
  letter-spacing: 0.15rem;
  padding-bottom: 0.2rem;
  padding-left: 0.2rem;
  font-weight: 500;
}
.lst_flow li:not(:last-child),
.is-style-flow li:not(:last-child) {
  margin: 0 0 6rem !important;
}
.lst_flow li:not(:last-child)::after,
.is-style-flow li:not(:last-child)::after {
  display: block;
  content: "";
  width: 2.8rem;
  aspect-ratio: 2/1;
  background: var(--clr_green);
  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, .box_page .lst_flow,
  .box_page .is-style-flow,
  .is-style-flow {
    padding: 0 0 0 clamp(3rem, 0.5056rem + 3.745vw, 5rem);
  }
  .lst_flow li, .box_page .lst_flow li,
  .box_page .is-style-flow li,
  .is-style-flow li {
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
    padding: clamp(1rem, -0.8708rem + 2.809vw, 2.5rem) clamp(1rem, -0.8708rem + 2.809vw, 2.5rem) clamp(1rem, -0.8708rem + 2.809vw, 2.5rem) clamp(4rem, -0.3652rem + 6.554vw, 7.5rem);
  }
  .lst_flow li::before, .box_page .lst_flow li::before,
  .box_page .is-style-flow li::before,
  .is-style-flow li::before {
    width: clamp(6rem, 1.0112rem + 7.491vw, 10rem);
    height: clamp(6rem, 1.0112rem + 7.491vw, 10rem);
    left: clamp(-5rem, -0.5056rem + -3.745vw, -3rem);
    font-size: clamp(2.4rem, 0.0303rem + 3.558vw, 4.3rem);
    padding-bottom: clamp(0.4rem, -0.3483rem + 1.124vw, 1rem);
    background-position: top clamp(0.8rem, -0.3225rem + 1.685vw, 1.7rem) center;
    background-size: auto clamp(1.8rem, 0.927rem + 1.311vw, 2.5rem);
  }
  .lst_flow li:not(:last-child),
  .is-style-flow li:not(:last-child) {
    margin: 0 0 clamp(4rem, -3.4831rem + 11.236vw, 10rem) !important;
  }
  .lst_flow li:not(:last-child)::after,
  .is-style-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-block;
  color: var(--clr_brown_light);
  line-height: 1;
  letter-spacing: 0.036em;
  font-size: 120%;
}
.tel::before {
  content: "Tel.";
  font-size: 60%;
  margin-right: 0.2rem;
}
.tel a {
  display: inline-block;
}

.btn_rsv, .btn_online, .btn_blog {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.6rem;
  padding: 0.4rem 2rem;
  border-radius: 0.6rem;
  color: var(--clr_brown_light);
  background: var(--clr_yellow);
}
@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(2rem, -0.4944rem + 3.745vw, 4rem);
    border-radius: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem);
  }
}
@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: var(--clr_yellow_light05);
    color: #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: var(--clr_yellow_light05);
    color: #fff;
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  .btn_rsv:focus-visible, .btn_online:focus-visible, .btn_blog:focus-visible {
    background: var(--clr_yellow_light05);
    color: #fff;
    opacity: 1;
  }
}

.btn_rsv::before {
  font-family: "fontello";
  content: "\a83d";
  font-size: 120%;
  line-height: 1;
  transform: translateY(0.1em);
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .btn_rsv {
    opacity: 1;
  }
}
.btn_online::before {
  font-family: "fontello";
  content: "\a839";
  transform: translateY(1px);
}

.btn_blog::before {
  font-family: "fontello";
  content: "\a83c";
  font-weight: normal;
}

.btn,
.wp-block-button.is-style-original {
  display: flex;
  flex-wrap: wrap;
}
.btn.-btn_more,
.wp-block-button.is-style-original.-btn_more {
  justify-content: flex-end;
}
.btn a,
.btn .wp-block-button__link,
.wp-block-button.is-style-original a,
.wp-block-button.is-style-original .wp-block-button__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.6rem;
  padding: 0.4rem 2rem;
  border-radius: 0.6rem;
  letter-spacing: 0.06em;
  background: var(--clr_green_light);
  color: #fff !important;
  text-decoration: none !important;
}
.btn a::before,
.btn .wp-block-button__link::before,
.wp-block-button.is-style-original a::before,
.wp-block-button.is-style-original .wp-block-button__link::before {
  font-family: "fontello";
  content: "\e80a";
  transform: translateY(2px);
}
.btn.-monshin a,
.wp-block-button.is-style-original.-monshin a {
  gap: 0 0.3rem;
}
.btn.-monshin a::before,
.wp-block-button.is-style-original.-monshin a::before {
  font-family: "fontello";
  content: "\a83c";
  transform: translateY(2px);
}
.btn.-parking a::before,
.wp-block-button.is-style-original.-parking a::before {
  font-family: "fontello";
  content: "\a83b";
  transform: translateY(2px);
}
@media screen and (min-width: 41.625em), print {
  .btn a,
  .btn .wp-block-button__link,
  .wp-block-button.is-style-original a,
  .wp-block-button.is-style-original .wp-block-button__link {
    padding: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem);
    border-radius: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .btn a,
  .btn .wp-block-button__link,
  .wp-block-button.is-style-original a,
  .wp-block-button.is-style-original .wp-block-button__link {
    opacity: 1;
  }
  .btn a:where(:-moz-any-link, :enabled, summary):hover, .btn .wp-block-button__link:where(:-moz-any-link, :enabled, summary):hover, .wp-block-button.is-style-original a:where(:-moz-any-link, :enabled, summary):hover, .wp-block-button.is-style-original .wp-block-button__link:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 1;
    background: var(--clr_green_light04);
  }
  .btn a:where(:any-link, :enabled, summary):hover,
  .btn .wp-block-button__link:where(:any-link, :enabled, summary):hover,
  .wp-block-button.is-style-original a:where(:any-link, :enabled, summary):hover,
  .wp-block-button.is-style-original .wp-block-button__link:where(:any-link, :enabled, summary):hover {
    opacity: 1;
    background: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .btn a:focus-visible,
  .btn .wp-block-button__link:focus-visible,
  .wp-block-button.is-style-original a:focus-visible,
  .wp-block-button.is-style-original .wp-block-button__link:focus-visible {
    opacity: 1;
    background: var(--clr_green_light04);
  }
}

.anchor[href^="#"], .box_page a[href^="#"] {
  margin-block: 0.8rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.6rem;
  padding: 0.4rem 2rem;
  border-radius: 0.6rem;
  letter-spacing: 0.06em;
  background: var(--clr_green_light);
  color: #fff !important;
  text-decoration: none !important;
}
.anchor[href^="#"]::after, .box_page a[href^="#"]::after {
  font-family: "fontello";
  content: "\cb17";
}

@media screen and (min-width: 41.625em), print {
  .anchor[href^="#"], .box_page a[href^="#"] {
    padding: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem);
    border-radius: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem);
  }
}
@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 {
    opacity: 1;
    background: var(--clr_green_light04);
  }
  .anchor[href^="#"]:where(:any-link, :enabled, summary):hover, .box_page a[href^="#"]:where(:any-link, :enabled, summary):hover {
    opacity: 1;
    background: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .anchor[href^="#"]:focus-visible, .box_page a[href^="#"]:focus-visible {
    opacity: 1;
    background: var(--clr_green_light04);
  }
}
.wp-block-button__link {
  text-decoration: none !important;
}

.tbl, .box_page .wp-block-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.tbl thead, .box_page .wp-block-table thead {
  border: none;
}
.tbl thead th, .box_page .wp-block-table thead th {
  color: var(--clr_white);
  background: var(--clr_green_light);
  border: 1px solid var(--clr_gray);
  text-align: center;
}
.tbl thead th, .box_page .wp-block-table thead th, .tbl thead td, .box_page .wp-block-table thead td {
  padding: 0.4rem 1rem;
}
.tbl tbody tr td, .box_page .wp-block-table tbody tr td {
  border: 1px solid var(--clr_gray);
}
.tbl tbody tr td:first-child, .box_page .wp-block-table tbody tr td:first-child {
  background: var(--clr_gray_light);
}
.tbl.-color02 tbody tr td:first-child, .box_page .-color02.wp-block-table tbody tr td:first-child, .tbl.is-style-color02 tbody tr td:first-child, .box_page .is-style-color02.wp-block-table tbody tr td:first-child {
  background: var(--clr_green_light05);
}

@media screen and (min-width: 41.625em), print {
  .tbl tbody tr th, .box_page .wp-block-table tbody tr th, .tbl tbody tr td, .box_page .wp-block-table tbody tr td {
    padding: clamp(0.8rem, 0.5506rem + 0.375vw, 1rem) clamp(1.6rem, 1.1011rem + 0.749vw, 2rem);
  }
}
.nowrap {
  white-space: nowrap;
}

.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_green_light05);
  color: #fff;
  padding: 0.4rem 1rem;
  text-decoration: none !important;
  border: 1px solid var(--clr_green);
}
.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_green);
}
.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_green);
  }
  .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_green);
  }
}
@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_green);
  }
}
.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 .alignleft.size-medium {
    max-width: 40%;
  }
  .wp-block-image .alignright {
    float: right;
    margin: 0 0 clamp(2rem, -0.4944rem + 3.745vw, 4rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem);
  }
  .wp-block-image .alignright.size-medium {
    max-width: 40%;
  }
}
.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;
  }
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery {
  width: calc(100% - 6rem);
  margin: auto;
  visibility: hidden;
  line-height: 1;
  gap: 0;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery figure {
  position: relative;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery figure figcaption {
  text-shadow: none;
  padding: 0.2rem 1rem;
  line-height: 1.1;
  min-height: 3rem;
  display: grid;
  place-content: center;
  background: rgb(var(--rgb_green_light)/0.5);
  color: var(--clr_white);
  position: absolute;
  font-size: 1.2rem !important;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow {
  width: 4rem;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  border: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: var(--clr_green);
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.9), 0 2px 6px rgba(255, 255, 255, 0.6);
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow::before {
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  font-size: 2.6rem;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow.slick-prev {
  left: -4rem;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow.slick-prev::before {
  font-family: "fontello";
  content: "\cb15";
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow.slick-next {
  right: -4rem;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow.slick-next::before {
  font-family: "fontello";
  content: "\cb14";
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0.8rem auto;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots > li {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.4rem;
  padding: 0;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots > li::before {
  content: none;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots > li button {
  padding: 50%;
  display: block;
  font-size: 0;
  cursor: pointer;
  opacity: 0.3 !important;
  border-radius: 50%;
  background: var(--clr_green_light);
}
@media (hover: hover) {
  .wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots > li button {
    opacity: 1;
  }
  .wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots > li button:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.8 !important;
  }
  .wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots > li button:where(:any-link, :enabled, summary):hover {
    opacity: 0.8 !important;
  }
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots > li button:focus-visible {
  opacity: 0.8 !important;
}
.wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots > li.slick-active button {
  opacity: 0.8 !important;
}
@media screen and (min-width: 41.625em), print {
  .wp-block-gallery.has-nested-images.is-style-slider-gallery {
    width: min(75rem, 100% - 8rem);
  }
  .wp-block-gallery.has-nested-images.is-style-slider-gallery figure.wp-block-image figcaption {
    font-size: clamp(1.5rem, 0.627rem + 1.311vw, 2.2rem) !important;
    min-height: clamp(4rem, 1.0067rem + 4.494vw, 6.4rem);
    line-height: 1.3;
  }
  .wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow {
    width: clamp(4rem, 1.5056rem + 3.745vw, 6rem);
  }
  .wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow::before {
    font-size: clamp(3.4rem, 1.4045rem + 2.996vw, 5rem);
  }
  .wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow.slick-prev {
    left: clamp(-6rem, -1.5056rem + -3.745vw, -4rem);
  }
  .wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-arrow.slick-next {
    right: clamp(-6rem, -1.5056rem + -3.745vw, -4rem);
  }
  .wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots {
    margin: clamp(1rem, 0.3764rem + 0.936vw, 1.5rem) auto;
  }
  .wp-block-gallery.has-nested-images.is-style-slider-gallery .slick-dots > li {
    width: clamp(1rem, 0.5011rem + 0.749vw, 1.4rem);
    height: clamp(1rem, 0.5011rem + 0.749vw, 1.4rem);
    margin: 0 clamp(0.4rem, 0.1506rem + 0.375vw, 0.6rem);
  }
}

.slick-slider.gallery_thum, .slick-slider.is-style-gallery-thum {
  width: calc(100% - 6rem);
  margin-inline: auto;
}
.slick-slider.gallery_thum div img, .slick-slider.is-style-gallery-thum div img {
  cursor: pointer;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid transparent;
}
.slick-slider.gallery_thum .slick-current div img, .slick-slider.is-style-gallery-thum .slick-current div img {
  border: 3px solid var(--clr_green_light);
}
@media screen and (min-width: 41.625em), print {
  .slick-slider.gallery_thum, .slick-slider.is-style-gallery-thum {
    width: min(75rem, 100% - 8rem);
  }
  .slick-slider.gallery_thum div img, .slick-slider.is-style-gallery-thum div img {
    border: 4px solid transparent;
  }
  .slick-slider.gallery_thum .slick-current div img, .slick-slider.is-style-gallery-thum .slick-current div img {
    border: 4px solid var(--clr_green_light);
  }
}

.has-background:not(.wp-element-button):not(.wp-block-button__link) {
  padding: 1rem 1.6rem;
}
@media screen and (min-width: 41.625em), print {
  .has-background:not(.wp-element-button):not(.wp-block-button__link) {
    padding: clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
  }
}

.owner_info {
  padding: 1rem 1.6rem;
  border: 1px solid var(--clr_gray);
  margin-top: 5rem;
}
.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: 6px;
}
.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);
    border-radius: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
@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;
  }
}
.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: 7rem;
}

body {
  background: #fff;
  color: var(--clr_txt);
  font-family: var(--selected-font, Hiragino Sans, Yu Gothic medium, Yu Gothic, Meiryo, sans-serif);
  font-weight: 500;
  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;
}

.wrap {
  margin-right: 1rem;
  margin-left: 1rem;
}

.main {
  font-size: 1.4rem;
  line-height: 1.75;
}
.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, 100% - 4rem);
    margin: auto;
  }
  .main {
    max-width: 200rem;
    margin-inline: auto;
    font-size: clamp(1.3rem, 0.9258rem + 0.562vw, 1.6rem);
  }
}
@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::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2.5rem;
  top: calc(100% - 0.2rem);
  left: 0;
  right: 0;
  margin-inline: auto;
  background: url("../img/header_bottom.png") center bottom/auto 2rem no-repeat, linear-gradient(to bottom, var(--clr_white) 1.3rem, transparent 1.3rem);
  z-index: 2;
}
.header > .wrap {
  padding: 1rem 1rem 0.2rem;
}
.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% - 5.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-reverse;
  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: 2.2rem;
  background: var(--clr_yellow);
  padding: 0.5rem 2.5rem 0.7rem;
  border-radius: 50vh;
}
.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;
  line-height: 1.2;
  padding: 0.8rem 1rem;
}

@media screen and (min-width: 41.625em), print {
  .header::after {
    content: none;
  }
  .header > .wrap {
    padding: clamp(1rem, 0.3764rem + 0.936vw, 1.5rem) clamp(0rem, -1.8708rem + 2.809vw, 1.5rem) clamp(0.8rem, 0.5506rem + 0.375vw, 1rem) clamp(0rem, -3.7416rem + 5.618vw, 3rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header > .wrap .logo {
    width: 35%;
    height: clamp(6rem, 4.6019rem + 2.099vw, 7.121rem);
    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.4539rem + 2.622vw, 3.6rem);
    margin-left: 0.5rem;
    padding: clamp(0.3rem, 0.0506rem + 0.375vw, 0.5rem) clamp(2rem, 1.0022rem + 1.498vw, 2.8rem) clamp(0.7rem, 0.4506rem + 0.375vw, 0.9rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem);
  }
  .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_white);
  background: var(--clr_green);
  border-radius: 6px;
  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";
}
#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: 100%;
  max-height: calc(100dvh - 6.6rem);
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 0.4rem 0.6rem 0.2rem rgb(var(--rgb_txt)/0.2);
  padding: 1.6rem;
  margin: auto;
  position: absolute;
  inset: 6.6rem 0 auto;
  z-index: 100;
}
#nav .gnav_subnav .gnav {
  border-top: 1px solid var(--clr_gray);
  border-bottom: 1px solid var(--clr_gray);
}
#nav .gnav_subnav .gnav > li:not(:last-child) {
  border-bottom: 1px solid var(--clr_gray);
}
#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_green);
}
#nav .gnav_subnav .gnav > li .sub::after {
  font-family: "fontello";
  content: "\72";
  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;
  gap: 0.1rem;
  flex-wrap: wrap;
  padding: 0.1rem 0 0 0.1rem;
  background: var(--clr_green_light05);
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li {
  width: calc(50% - 0.1rem);
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li > a {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 1.2rem;
  padding: 1rem;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li > a::before {
  font-family: "fontello";
  content: "\a81c";
  margin-right: 0.8rem;
  transform: translateY(1px);
}
#nav .gnav_subnav .gnav > li .subbox > .subnav > li > a.current {
  color: var(--clr_white);
  background: var(--clr_green);
}
#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_white);
  background: var(--clr_green);
  text-align: center;
  padding: 0.6rem 0;
  margin: 2rem 0 0;
  border-radius: 6px;
}
#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::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 3rem;
    top: calc(100% - 0.2rem);
    left: 0;
    right: 0;
    margin-inline: auto;
    background: url("../img/header_bottom.png") center bottom/200rem auto no-repeat;
    z-index: 2;
  }
  #nav #sp_menu {
    display: none;
  }
  #nav .gnav_subnav {
    display: block !important;
    width: 100%;
    padding: 1rem 0;
    max-height: inherit;
    box-shadow: none;
    overflow-y: visible;
    position: static;
  }
  #nav .gnav_subnav .gnav {
    max-width: min(1200px, 100% - 4rem);
    margin: auto;
    display: flex;
    justify-content: center;
    border: none;
    position: relative;
  }
  #nav .gnav_subnav .gnav::after {
    content: "";
    width: 0.1rem;
    height: 2.8em;
    background: var(--clr_gray);
    position: absolute;
    inset: 0 0 0 auto;
    margin: auto;
  }
  #nav .gnav_subnav .gnav > li {
    flex: auto;
    position: relative;
  }
  #nav .gnav_subnav .gnav > li::before {
    content: "";
    width: 0.1rem;
    height: 2.8em;
    background: var(--clr_gray);
    position: absolute;
    inset: 0 auto;
    margin: auto;
  }
  #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;
    padding: clamp(0.3rem, 0.0506rem + 0.375vw, 0.5rem) 0.5em;
    margin: 0;
    line-height: 1.2;
    height: 100%;
    min-height: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
    cursor: pointer;
  }
  #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_green);
    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_green);
    opacity: 1;
  }
}
@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_green);
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li .subbox {
    display: none;
    width: clamp(30rem, 5.0562rem + 37.453vw, 50rem);
    position: absolute;
    top: calc(100% + 1rem);
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav {
    padding: 0.1rem 0 0.1rem 0.1rem;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li {
    background: var(--clr_green_light05);
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a {
    text-align: left;
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
    padding: clamp(1rem, 0.2517rem + 1.124vw, 1.6rem);
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a::before {
    margin-right: clamp(0.6rem, 0.1011rem + 0.749vw, 1rem);
  }
}
@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: #fff;
    background: var(--clr_green);
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a:where(:any-link, :enabled, summary):hover {
    color: #fff;
    background: var(--clr_green);
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a:focus-visible {
    color: #fff;
    background: var(--clr_green);
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > a.current {
    color: #fff;
    background: var(--clr_green);
    transition: 0s;
  }
  #nav .gnav_subnav .gnav > li.pc-hide {
    display: none;
  }
  #nav .gnav_subnav #menu_close {
    display: none;
  }
}
.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%);
    right: 0;
    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);
    writing-mode: vertical-rl;
    text-orientation: upright;
    padding: clamp(1.2rem, 1.8vmin, 2rem) 0.5rem;
    width: clamp(4rem, 6vmin, 6rem);
  }
}
#tel_up {
  width: 100%;
  height: 4.8rem;
  visibility: hidden;
  position: fixed;
  inset: auto 0 0;
  z-index: 10;
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--clr_green_light05);
}
#tel_up ul {
  width: calc(100% - 5.2rem);
  height: calc(100% - 0.8rem);
  margin-left: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  gap: 0.4rem;
}
#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;
  justify-content: center;
  align-items: center;
  padding: 0 0rem 0.2rem;
  line-height: 1.05;
  word-break: keep-all;
}
#tel_up ul li a.tel {
  background: var(--clr_white);
  font-size: 2rem;
}
#tel_up ul li a.tel::before {
  transform: translateY(4px);
}
#tel_up ul li a.tel.-short {
  font-size: 1.4rem;
}
#tel_up ul li a.tel.-short::before {
  content: none;
}
#tel_up #pageup {
  display: block;
  width: 4.4rem;
  height: 100%;
  text-align: center;
  margin: 0 0 0 auto;
  padding: 0;
  line-height: 1;
  color: #fff;
  background: var(--clr_green_light);
  overflow: hidden;
  z-index: 101;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}
#tel_up #pageup::before {
  display: block;
  font-family: "fontello";
  content: "\cb16";
  font-size: 1.6rem;
  margin-bottom: 0.2rem;
}
#tel_up.-resize {
  font-size: 1.2rem;
  height: 5rem;
}
#tel_up.-resize ul {
  width: calc(100% - 0.8rem);
}
#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::before {
  content: none;
}
#tel_up.-resize ul li a.tel.-short {
  font-size: 1.2rem;
}
#tel_up.-resize #pageup {
  position: fixed;
  right: 0;
  bottom: 5rem;
  width: 4.4rem;
  height: 4.5rem;
}

@media screen and (min-width: 41.625em), print {
  #tel_up {
    display: block;
    width: clamp(4rem, 2.7528rem + 1.873vw, 5rem);
    height: clamp(4rem, 2.7528rem + 1.873vw, 5rem);
    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%;
    height: 100%;
    padding: 0;
    font-size: clamp(1rem, 0.5011rem + 0.749vw, 1.4rem);
  }
  #tel_up #pageup::before {
    font-size: clamp(1.4rem, 0.9011rem + 0.749vw, 1.8rem);
  }
}
@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;
    background: var(--clr_green_light04);
  }
  #tel_up #pageup:where(:any-link, :enabled, summary):hover {
    opacity: 1;
    background: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  #tel_up #pageup:focus-visible {
    opacity: 1;
    background: var(--clr_green_light04);
  }
  #tel_up.-resize {
    height: clamp(4rem, 1.5056rem + 3.745vw, 6rem);
  }
  #tel_up.-resize #pageup {
    position: static;
    width: 100%;
    height: 100%;
  }
}
.overview_content {
  margin-top: 2rem;
}
.overview_content .gaiyo {
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: 6em 1fr;
  gap: 0.8rem 0.4rem;
  font-size: 1.3rem;
  padding-left: 2rem;
}
.overview_content .gaiyo dt {
  color: var(--clr_green);
  border-left: 4px solid var(--clr_green);
  padding-left: 1rem;
  height: -moz-fit-content;
  height: fit-content;
}
.overview_content .gaiyo dd .sns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.overview_content .lst_btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem auto 2rem;
}
.overview_content .lst_btn > li {
  width: calc((100% - 1rem) / 2);
}
.overview_content .lst_btn > li .btn_rsv, .overview_content .lst_btn > li .btn_online, .overview_content .lst_btn > li a {
  height: 100%;
  width: 100%;
  display: flex;
  padding-inline: 0rem;
}
.overview_content .acs_lst {
  text-align: center;
  margin: 2rem auto 1rem;
}
.overview_content .acs_lst > li {
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0.06em;
  color: var(--clr_aqua);
  font-size: 1.6rem;
}
.overview_content .acs_lst > li .station {
  font-size: 2rem;
}
.overview_content .acs_lst > li .num {
  font-size: 2rem;
}
.overview_content .gmap {
  height: 90vw;
  margin: 1rem auto;
}
.overview_content .btn.-parking {
  margin: 2rem auto 0;
}
.overview_content .btn.-parking a {
  margin-inline: auto;
}
@media screen and (min-width: 41.625em), print {
  .overview_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: clamp(1rem, -1.4944rem + 3.745vw, 3rem);
  }
  .overview_content .overviewL {
    width: calc((100% - clamp(1rem, -1.4944rem + 3.745vw, 3rem)) / 2);
  }
  .overview_content .overviewL .gaiyo {
    padding-left: clamp(2rem, -4.236rem + 9.363vw, 7rem);
    font-size: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
    gap: clamp(1rem, 0.127rem + 1.311vw, 1.7rem) clamp(2rem, -0.1202rem + 3.184vw, 3.7rem);
    margin-bottom: clamp(2rem, 0.1292rem + 2.809vw, 3.5rem);
  }
  .overview_content .overviewL .gaiyo dt {
    border-width: clamp(0.4rem, 0.2753rem + 0.187vw, 0.5rem);
  }
  .overview_content .overviewL .lst_btn {
    margin: clamp(1.5rem, -0.9944rem + 3.745vw, 3.5rem) clamp(1rem, -0.2472rem + 1.873vw, 2rem) 0;
    gap: clamp(1rem, 0.3764rem + 0.936vw, 1.5rem) clamp(1rem, -1.4944rem + 3.745vw, 3rem);
    justify-content: center;
  }
  .overview_content .overviewL .lst_btn > li {
    width: -moz-fit-content;
    width: fit-content;
  }
  .overview_content .overviewL .lst_btn > li .btn_rsv, .overview_content .overviewL .lst_btn > li .btn_online, .overview_content .overviewL .lst_btn > li a {
    padding-inline: 3.8rem;
  }
  .overview_content .overviewL .lst_btn > li .btn_online {
    background: var(--clr_green_light);
    color: var(--clr_white);
  }
  .overview_content .overviewL .lst_btn > li .btn_online::before {
    font-family: "fontello";
    content: "\a839";
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .overview_content .overviewL .lst_btn > li .btn_online {
    opacity: 1;
  }
  .overview_content .overviewL .lst_btn > li .btn_online:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 1;
    background: var(--clr_green_light04);
  }
  .overview_content .overviewL .lst_btn > li .btn_online:where(:any-link, :enabled, summary):hover {
    opacity: 1;
    background: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .overview_content .overviewL .lst_btn > li .btn_online:focus-visible {
    opacity: 1;
    background: var(--clr_green_light04);
  }
  .overview_content .overviewR {
    width: calc((100% - clamp(1rem, -1.4944rem + 3.745vw, 3rem)) / 2);
  }
  .overview_content .overviewR .acs_lst {
    margin-top: 0;
  }
  .overview_content .overviewR .acs_lst > li {
    font-size: clamp(1.5rem, 0.5022rem + 1.498vw, 2.3rem);
  }
  .overview_content .overviewR .acs_lst > li .station {
    font-size: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .overview_content .overviewR .acs_lst > li .num {
    font-size: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
  }
  .overview_content .overviewR .gmap {
    height: clamp(30rem, 18.2764rem + 17.603vw, 39.4rem);
  }
  .overview_content .overviewR .btn.-parking {
    margin: 2rem auto 0;
  }
}

.footer {
  background: url("../img/overview_bg.webp") top center/cover no-repeat;
}
.footer .overview {
  padding: 5rem 0;
  font-size: 1.4rem;
  line-height: 1.6;
}
.footer .overview > .wrap {
  padding: 3rem 1.5rem;
  background: rgb(var(--rgb_white)/0.85);
  border-radius: 10px;
}
.footer .overview > .wrap .clinic_name {
  margin: 0 0 0.5rem;
}
.footer .overview > .wrap .clinic_name img {
  max-width: 85%;
  max-height: 7rem;
  margin: auto;
}
.footer .overview > .wrap .overview_tel {
  display: grid;
  place-content: center;
}
.footer .overview > .wrap .overview_tel .tel {
  font-size: 2.4rem;
  padding: 0;
}
.footer .overview > .wrap .bnr {
  padding: 3rem 0rem 0;
}
.footer .overview > .wrap .bnr ul {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
}
.footer .overview > .wrap .bnr ul > li img {
  max-height: 16rem;
}
.footer .footer_nav {
  display: none;
}
.footer .copy {
  display: block;
  letter-spacing: 0.06em;
  padding: 1rem 1rem 5.8rem;
  font-size: 1.2rem;
  background: rgb(var(--rgb_brown)/0.6);
  color: var(--clr_white);
  text-align: center;
}
.footer.-resize .copy {
  padding-bottom: 6.3rem;
}

@media screen and (min-width: 41.625em), print {
  .footer {
    overflow: hidden;
    max-width: 200rem;
    margin-inline: auto;
  }
  .footer .overview {
    padding: clamp(6rem, 2.2584rem + 5.618vw, 9rem) 0 0;
    font-size: clamp(1.2rem, 0.4517rem + 1.124vw, 1.8rem);
  }
  .footer .overview > .wrap {
    margin: 0 auto clamp(3rem, 1.7528rem + 1.873vw, 4rem);
    padding: clamp(3rem, 0.5056rem + 3.745vw, 5rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem);
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  .footer .overview > .wrap .clinic_name {
    width: 100%;
    margin: 0 0 clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  .footer .overview > .wrap .clinic_name img {
    max-width: clamp(20rem, -0.3292rem + 30.524vw, 36.3rem);
    max-height: none;
    aspect-ratio: 362/72;
  }
  .footer .overview > .wrap .overview_tel .tel {
    font-size: clamp(2.8rem, 1.8022rem + 1.498vw, 3.6rem);
  }
  .footer .overview > .wrap .overview_content {
    margin-top: 4.5rem;
  }
  .footer .overview > .wrap .overview_content .overviewR {
    display: flex;
    flex-direction: column;
  }
  .footer .overview > .wrap .overview_content .overviewR .gmap {
    flex-grow: 1;
  }
  .footer .overview > .wrap .bnr {
    padding: clamp(3rem, 0.5056rem + 3.745vw, 5rem) 0 0;
  }
  .footer .overview > .wrap .bnr ul {
    max-width: min(1200px, 100% - 4rem);
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
  .footer .overview > .wrap .bnr ul > li img {
    max-width: clamp(17rem, -5.4494rem + 33.708vw, 35rem);
    max-height: clamp(14rem, 9.0112rem + 7.491vw, 18rem);
  }
  .footer .footer_content {
    background: rgb(var(--rgb_brown)/0.6);
    color: var(--clr_white);
  }
  .footer .footer_content .footer_nav {
    padding: clamp(1rem, -2.118rem + 4.682vw, 3.5rem) clamp(1rem, -7.1067rem + 12.172vw, 7.5rem);
    display: block;
  }
  .footer .footer_content .footer_nav > ul {
    max-width: min(1200px, 100% - 4rem);
    margin: 0 auto clamp(1rem, 0.3764rem + 0.936vw, 1.5rem);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(1rem, 0.3764rem + 0.936vw, 1.5rem) 0;
    text-align: center;
  }
  .footer .footer_content .footer_nav > ul li {
    font-size: clamp(1.2rem, 0.9506rem + 0.375vw, 1.4rem);
    line-height: 1;
    padding: 0 clamp(1rem, 0.3764rem + 0.936vw, 1.5rem);
    border-right: 1px solid transparent;
    border-left: 1px solid var(--clr_white);
    -webkit-text-size-adjust: none;
  }
  .footer .footer_content .footer_nav > ul li.last-in-row {
    border-right-color: var(--clr_white);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .footer .footer_content .footer_nav > ul li a {
    opacity: 1;
  }
  .footer .footer_content .footer_nav > ul li a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration: underline;
    opacity: 1;
  }
  .footer .footer_content .footer_nav > ul li a:where(:any-link, :enabled, summary):hover {
    text-decoration: underline;
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  .footer .footer_content .footer_nav > ul li a:focus-visible {
    text-decoration: underline;
    opacity: 1;
  }
  .footer .footer_content .footer_nav > ul.gnav {
    margin-bottom: clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
  }
  .footer .copy {
    font-size: clamp(1rem, 0.7506rem + 0.375vw, 1.2rem);
    padding: 1rem !important;
    margin: 0;
    border-top: 2px solid var(--clr_white);
    background: none;
  }
}
.keyvsl {
  width: 100%;
  position: relative;
  padding: 5.5rem 1rem 6rem;
  background: linear-gradient(to bottom, var(--clr_aqua_dark02), var(--clr_aqua_light03));
  overflow: hidden;
}
.keyvsl::before, .keyvsl::after {
  pointer-events: none;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
  z-index: 1;
}
.keyvsl::before {
  height: 50%;
  background: url("../img/kv_decoL.png") top left/5rem auto no-repeat, url("../img/kv_decoR.png") top right/7rem auto no-repeat;
  top: 0;
}
.keyvsl::after {
  height: 13rem;
  background: url("../img/kv_bottom.png") top center/auto 7rem no-repeat, linear-gradient(to bottom, transparent 6.8rem, var(--clr_white) 6.8rem);
  bottom: 0;
}
.keyvsl #keyvsl {
  max-width: 100%;
  height: 30rem;
  overflow: hidden;
  border: 2px solid var(--clr_white);
  border-radius: 15px;
}
.keyvsl #keyvsl div img {
  height: 30rem !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: rgb(var(--rgb_white)/0.2);
}
.keyvsl #keyvsl .slick-dots li.slick-active button {
  background: rgb(var(--rgb_white)/0.8);
}
.keyvsl > .wrap .catch {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 7.5rem;
  padding-bottom: 1.2rem;
  background: url("../img/kv_catch.png") top center/auto 7rem no-repeat;
  line-height: 1.5;
  z-index: 2;
}
.keyvsl > .wrap .catch > span {
  display: block;
  font-size: 1.8rem;
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.06em;
  text-align: center;
}
.keyvsl > .wrap .acs {
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
  position: absolute;
  right: 0;
  top: 0rem;
  letter-spacing: 0.06em;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.2;
  background: url("../img/kv_acs.png") center center/contain no-repeat;
  min-width: 40%;
  aspect-ratio: 315/204;
  z-index: 3;
  display: grid;
  place-content: center;
}
.keyvsl > .wrap .acs p {
  margin: 0;
}
.keyvsl > .wrap .acs .station {
  font-size: 1.7rem;
}
.keyvsl > .wrap .acs .txt_small {
  font-size: 1.1rem;
}
.keyvsl > .wrap .acs .walk {
  display: block;
  font-size: 1.1rem;
}
.keyvsl > .wrap .acs .minutes {
  color: var(--clr_orange_light);
  font-size: 2.4rem;
  line-height: 1;
}

@media screen and (min-width: 41.625em), print {
  .keyvsl {
    max-width: 200rem;
    padding: 5.5rem 2rem 11rem;
    margin-inline: auto;
    background: url("../img/kv_deco.png") top -5.5rem center/200rem auto no-repeat, linear-gradient(to bottom, var(--clr_aqua_dark02), var(--clr_aqua_light03));
  }
  .keyvsl::before {
    content: none;
  }
  .keyvsl::after {
    height: clamp(20rem, 10.3966rem + 14.419vw, 27.7rem);
    background: url("../img/kv_bottom.png") top center/auto clamp(10.2rem, -1.2742rem + 17.228vw, 19.4rem) no-repeat, linear-gradient(to bottom, transparent clamp(10rem, -1.5989rem + 17.416vw, 19.3rem), var(--clr_white) clamp(10rem, -1.5989rem + 17.416vw, 19.3rem));
    bottom: 0;
  }
  .keyvsl #keyvsl {
    height: clamp(38rem, 3.0787rem + 52.434vw, 66rem);
    border-radius: clamp(2rem, 0.7528rem + 1.873vw, 3rem);
    aspect-ratio: 120/66;
    margin-inline: auto;
  }
  .keyvsl #keyvsl div img {
    height: clamp(38rem, 3.0787rem + 52.434vw, 66rem) !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: rgb(var(--rgb_green_light)/0.8);
  }
  .keyvsl #keyvsl .slick-dots li button:where(:any-link, :enabled, summary):hover {
    background: rgb(var(--rgb_green_light)/0.8);
  }
}
@media screen and (min-width: 41.625em), print {
  .keyvsl #keyvsl .slick-dots li button:focus-visible {
    background: rgb(var(--rgb_green_light)/0.8);
  }
  .keyvsl > .wrap {
    position: absolute;
    max-width: min(1200px, 100% - 4rem);
    height: 100%;
    inset: 0;
  }
  .keyvsl > .wrap .catch {
    padding-top: clamp(8rem, 1.764rem + 9.363vw, 13rem);
    padding-bottom: clamp(2rem, 0.1292rem + 2.809vw, 3.5rem);
    background: url("../img/kv_catch.png") top center/auto clamp(8rem, 2.3876rem + 8.427vw, 12.5rem) no-repeat;
  }
  .keyvsl > .wrap .catch > span {
    font-size: clamp(2rem, 1.2517rem + 1.124vw, 2.6rem);
  }
  .keyvsl > .wrap .catch > span .txt_large {
    font-size: clamp(2.4rem, 1.4022rem + 1.498vw, 3.2rem);
  }
  .keyvsl > .wrap .acs {
    right: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
    top: auto;
    bottom: clamp(4rem, 10.7416rem + -5.618vw, 7rem);
    font-size: clamp(1.8rem, 0.8022rem + 1.498vw, 2.6rem);
    line-height: 1;
    min-width: clamp(19rem, 3.4101rem + 23.408vw, 31.5rem);
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: clamp(1.2rem, 0.2022rem + 1.498vw, 2rem);
  }
  .keyvsl > .wrap .acs .station {
    font-size: clamp(2rem, 0.2539rem + 2.622vw, 3.4rem);
  }
  .keyvsl > .wrap .acs .txt_small {
    font-size: clamp(1.4rem, 0.6517rem + 1.124vw, 2rem);
  }
  .keyvsl > .wrap .acs .walk {
    font-size: clamp(1.6rem, 1.1011rem + 0.749vw, 2rem);
  }
  .keyvsl > .wrap .acs .minutes {
    font-size: clamp(2.8rem, 1.0539rem + 2.622vw, 4.2rem);
  }
}
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: 2px solid var(--clr_green_light);
  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 {
  background: transparent;
  width: 0.5rem;
}
#dialog #dialog_content .scroll_area::-webkit-scrollbar-thumb {
  background: var(--clr_green_light04);
  border-radius: 50vh;
}
#dialog #dialog_content .lst_modal dt {
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-indent: 0.05em;
  padding: 0 0 0.6rem 1rem;
  color: var(--clr_green_light);
  border-bottom: 1px dashed var(--clr_green_light);
}
#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_green);
  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: 1.6rem;
  line-height: 1;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
}
#dialog #dialog_content form button.close_btn {
  padding: 0.4rem 2rem;
  border-radius: 0.6rem;
  letter-spacing: 0.06em;
  background: var(--clr_green_light);
  color: #fff !important;
  text-decoration: none !important;
  margin: 0.6rem auto;
}
@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: 0 0 clamp(0.4rem, 0.1506rem + 0.375vw, 0.6rem) clamp(1rem, 0.3764rem + 0.936vw, 1.5rem);
    margin-bottom: clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
  #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(1.8rem, 0.0539rem + 2.622vw, 3.2rem);
  }
}
@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: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem);
    border-radius: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem);
  }
}
@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 {
    opacity: 1;
    background: var(--clr_green_light04);
  }
  #dialog #dialog_content .scroll_area form button.close_btn:where(:any-link, :enabled, summary):hover {
    opacity: 1;
    background: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  #dialog #dialog_content .scroll_area form button.close_btn:focus-visible {
    opacity: 1;
    background: var(--clr_green_light04);
  }
}

.top_tit02 {
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
  min-height: 8rem;
  color: var(--clr_green);
  background: url("../img/top_tit02.png") center center/auto 8rem no-repeat;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 3rem;
}
.top_tit02 span {
  text-align: center;
  font-size: 2.2rem;
  letter-spacing: 0.24em;
}
@media screen and (min-width: 41.625em), print {
  .top_tit02 {
    min-height: clamp(10rem, 7.5056rem + 3.745vw, 12rem);
    background-size: auto clamp(10rem, 7.5056rem + 3.745vw, 12rem);
  }
  .top_tit02 span {
    font-size: clamp(2.4rem, 1.6517rem + 1.124vw, 3rem);
  }
}

.add_content {
  margin: 4rem 1rem;
  border: 2px solid var(--clr_yellow_dark03);
  background: var(--clr_yellow_light06);
  border-radius: 10px;
  padding: 1rem 1.5rem;
}

@media screen and (min-width: 41.625em), print {
  .add_content {
    margin: clamp(6rem, 3.5056rem + 3.745vw, 8rem) auto clamp(6rem, 3.5056rem + 3.745vw, 8rem);
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
    padding: clamp(2rem, -1.118rem + 4.682vw, 4.5rem);
  }
}
.toprecruit {
  margin: 6rem 1.6rem;
  padding: 3rem 1.6rem;
  background: linear-gradient(to bottom, var(--clr_aqua_light06), var(--clr_aqua_light07));
  border-radius: 10px;
}
.toprecruit .top_tit02 {
  margin: 0 auto 1.2rem;
}
.toprecruit p {
  margin-top: 0;
}
.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, 100% - 4rem);
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
    margin: clamp(6rem, 3.5056rem + 3.745vw, 8rem) auto;
    padding: clamp(2rem, -1.118rem + 4.682vw, 4.5rem);
  }
  .toprecruit .top_tit02 {
    margin: 0 auto clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
  }
  .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_overview {
  padding: 4rem 0 6rem;
  background: linear-gradient(to bottom, var(--clr_aqua_light03), var(--clr_aqua_light04));
}
.news_overview .index_news {
  background: var(--clr_white);
  border-radius: 10px;
  padding: 3rem 1rem 1.5rem 1.5rem;
}
.news_overview .index_news .lst_news {
  max-height: 60vh;
  overflow: scroll;
  padding: 0 1rem 0 0;
}
.news_overview .index_news .lst_news::-webkit-scrollbar {
  background: transparent;
  width: 0.5rem;
}
.news_overview .index_news .lst_news::-webkit-scrollbar-thumb {
  background: var(--clr_green_light04);
  border-radius: 50vh;
}
.news_overview .index_news .lst_news .news_title {
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
}
.news_overview .index_access {
  background: linear-gradient(to bottom, var(--clr_aqua_light05), var(--clr_green_light08));
  border-radius: 10px;
  margin-top: 9rem;
  padding: 0rem 1.5rem 3rem;
}
.news_overview .index_access .top_tit02 {
  padding: 4.4rem 0 4.5rem;
  background: url("../img/top_tit02.png") center center/auto 8rem no-repeat, url("../img/index_access_tit.png") center center/contain no-repeat;
  margin-bottom: 0;
  position: relative;
  top: -6.2rem;
  margin-bottom: -6.2rem;
}
@media screen and (min-width: 41.625em), print {
  .news_overview {
    padding: clamp(6rem, 4.1292rem + 2.809vw, 7.5rem) 0 clamp(10rem, 4.3876rem + 8.427vw, 14.5rem);
    background: linear-gradient(to bottom, var(--clr_aqua_light03), var(--clr_aqua_light04));
    position: relative;
  }
  .news_overview::after {
    content: "";
    display: block;
    position: absolute;
    top: -5rem;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 100%;
    height: 100%;
    background: url("../img/index_news_bg.png") top left calc(50% - 100rem)/40rem auto no-repeat, url("../img/index_news_bg.png") top right calc(50% - 94rem)/40rem auto no-repeat;
    pointer-events: none;
    z-index: 1;
  }
  .news_overview .index_news {
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
    padding: clamp(2rem, 0.5034rem + 2.247vw, 3.2rem) clamp(1rem, 0.3764rem + 0.936vw, 1.5rem) clamp(2rem, 0.5034rem + 2.247vw, 3.2rem);
    display: flex;
    align-items: center;
    gap: 3rem;
  }
  .news_overview .index_news .top_tit02 {
    width: 20%;
    flex-shrink: 0;
  }
  .news_overview .index_news .lst_news {
    flex-grow: 1;
    max-height: 32.5rem;
    padding-right: 6.5rem;
  }
  .news_overview .index_news .lst_news::-webkit-scrollbar {
    width: clamp(0.5rem, 0.0011rem + 0.749vw, 0.9rem);
  }
  .news_overview .index_access {
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
    padding: clamp(8rem, 2.3876rem + 8.427vw, 12.5rem) clamp(2rem, -1.118rem + 4.682vw, 4.5rem) clamp(2rem, -0.4944rem + 3.745vw, 4rem);
    margin-top: clamp(10rem, 3.1404rem + 10.3vw, 15.5rem);
    position: relative;
  }
  .news_overview .index_access .top_tit02 {
    width: calc((100% - clamp(1rem, -1.4944rem + 3.745vw, 3rem)) / 2);
    position: absolute;
    left: 1.5rem;
    top: clamp(-8.5rem, -2.882rem + -4.682vw, -6rem);
    margin: 0;
    padding: clamp(5rem, 3.7528rem + 1.873vw, 6rem) 0 clamp(4.6rem, 3.3528rem + 1.873vw, 5.6rem);
    background: url("../img/top_tit02.png") center center/auto clamp(10rem, 7.5056rem + 3.745vw, 12rem) no-repeat, url("../img/index_access_tit.png") center center/contain no-repeat;
  }
  .news_overview .index_access .acs_lst {
    margin: 0 auto;
    position: absolute;
    bottom: calc(100% + 1rem);
    left: 0;
    right: 0;
  }
  .news_overview .index_access .gmap {
    height: clamp(28rem, 16.7753rem + 16.854vw, 37rem);
    margin-top: 0;
  }
  .news_overview .index_access .overview_content {
    margin-top: 0;
  }
  .news_overview .index_access .overviewL .timetable {
    margin-top: 0;
  }
  .news_overview .index_access .overviewR {
    position: relative;
  }
}

.lst_news li {
  padding-left: 1.12em;
  letter-spacing: 0.059em;
  position: relative;
}
.lst_news li .news_title {
  flex: 1;
  line-height: 1.4;
  color: var(--clr_green_light);
  font-size: 1.6rem;
  text-decoration: none;
}
.lst_news li .news_title time {
  display: block;
}
.lst_news li .news_title::before {
  font-family: "fontello";
  content: "\a81c";
  font-size: 120%;
  position: absolute;
  left: 0;
  top: -0.15em;
}
.lst_news li p {
  width: 100%;
  margin: 0.4em 0;
  line-height: 1.5;
}
.lst_news li p a {
  color: var(--clr_green_light);
  text-decoration: none !important;
}
.lst_news li p a:hover {
  color: var(--clr_yellow_dark02);
}
.lst_news li:not(:first-child) {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px dashed var(--clr_border);
}
.lst_news li:not(:first-child) .news_title::before {
  top: calc(1.5rem - 0.15em);
}

@media screen and (min-width: 41.625em), print {
  .lst_news li {
    padding-left: 1.8em;
  }
  .lst_news li:not(:first-child) {
    margin-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  }
  .lst_news li:not(:first-child) .news_title::before {
    top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  }
  .lst_news li .news_title {
    font-size: clamp(1.6rem, 1.1011rem + 0.749vw, 2rem);
  }
  .lst_news li .news_title time {
    display: inline-block;
  }
  .lst_news li .news_title::before {
    left: 1rem;
    top: 0;
  }
}
@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_yellow_dark02);
  }
  .lst_news li .news_title:where(:any-link, :enabled, summary):hover {
    color: var(--clr_yellow_dark02);
  }
}
@media screen and (min-width: 41.625em), print {
  .lst_news li .news_title:focus-visible {
    color: var(--clr_yellow_dark02);
  }
}
.index_feature {
  padding: 1rem 0 0;
}
.index_feature .top_tit02 {
  position: relative;
  top: -5rem;
  margin-bottom: -5rem;
}
.index_feature .feature_lst {
  display: flex;
  flex-direction: column;
  gap: 0;
  counter-reset: number 0;
}
.index_feature .feature_lst li {
  counter-increment: number 1;
  position: relative;
  z-index: 1;
  line-height: 1.444;
  letter-spacing: 0.06em;
  font-size: 1.5rem;
}
.index_feature .feature_lst li::before, .index_feature .feature_lst li::after {
  content: "";
  display: block;
}
.index_feature .feature_lst li::before {
  aspect-ratio: 148/113;
  width: 20%;
  background: var(--clr_red_light02);
  mask-image: url("../img/index_feature_deco_odd.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../img/index_feature_deco_odd.svg");
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  position: absolute;
  right: -0.5rem;
  top: -2rem;
}
.index_feature .feature_lst li::after {
  height: 22rem;
  aspect-ratio: 1/1;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/index_feature01.png");
  margin-top: -15rem;
  margin-left: auto;
  margin-right: -1rem;
}
.index_feature .feature_lst li > section {
  padding: 3rem 1.5rem 10rem 1.5rem;
  position: relative;
}
.index_feature .feature_lst li > section::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  inset: 0;
  margin-inline: auto;
  background: var(--clr_red_light);
  border-radius: 10px;
  position: absolute;
  z-index: -2;
}
.index_feature .feature_lst li > section .tit {
  color: var(--clr_red);
  letter-spacing: 0;
  font-weight: 500;
  font-size: 1.8rem;
  text-decoration: underline;
  text-decoration-thickness: 0.3em;
  text-decoration-color: var(--clr_white);
  text-underline-offset: -0.1em;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  position: relative;
}
.index_feature .feature_lst li > section .tit::before {
  display: grid;
  place-content: center;
  content: counter(number);
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.6rem;
  line-height: 1;
  color: var(--clr_white);
  width: 5rem;
  aspect-ratio: 1/1;
  background: var(--clr_red_light02);
  mask-image: url("../img/index_feature_star.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../img/index_feature_star.svg");
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  transform: rotate(-24deg);
  position: absolute;
  left: -1.5rem;
  bottom: calc(100% + 0.5rem);
}
.index_feature .feature_lst li:nth-of-type(2)::before {
  background: var(--clr_orange_light02);
}
.index_feature .feature_lst li:nth-of-type(2)::after {
  background-image: url("../img/index_feature02.png");
}
.index_feature .feature_lst li:nth-of-type(2) > section::after {
  background: var(--clr_orange_light03);
}
.index_feature .feature_lst li:nth-of-type(2) > section .tit {
  color: var(--clr_orange);
}
.index_feature .feature_lst li:nth-of-type(2) > section .tit::before {
  background: var(--clr_orange_light02);
}
.index_feature .feature_lst li:nth-of-type(3)::before {
  background: var(--clr_yellow);
}
.index_feature .feature_lst li:nth-of-type(3)::after {
  background-image: url("../img/index_feature03.png");
}
.index_feature .feature_lst li:nth-of-type(3) > section::after {
  background: var(--clr_yellow_light06);
}
.index_feature .feature_lst li:nth-of-type(3) > section .tit {
  color: var(--clr_brown_light);
}
.index_feature .feature_lst li:nth-of-type(3) > section .tit::before {
  background: var(--clr_yellow);
}
.index_feature .feature_lst li:nth-of-type(4)::before {
  background: var(--clr_green_light07);
}
.index_feature .feature_lst li:nth-of-type(4)::after {
  background-image: url("../img/index_feature04.png");
}
.index_feature .feature_lst li:nth-of-type(4) > section::after {
  background: var(--clr_green_light05);
}
.index_feature .feature_lst li:nth-of-type(4) > section .tit {
  color: var(--clr_green);
}
.index_feature .feature_lst li:nth-of-type(4) > section .tit::before {
  background: var(--clr_green_light07);
}
.index_feature .feature_lst li:nth-of-type(5)::before {
  background: var(--clr_aqua_light);
}
.index_feature .feature_lst li:nth-of-type(5)::after {
  background-image: url("../img/index_feature05.png");
}
.index_feature .feature_lst li:nth-of-type(5) > section::after {
  background: var(--clr_aqua_light02);
}
.index_feature .feature_lst li:nth-of-type(5) > section .tit {
  color: var(--clr_aqua_dark);
}
.index_feature .feature_lst li:nth-of-type(5) > section .tit::before {
  background: var(--clr_aqua_light);
}
@media screen and (min-width: 41.625em), print {
  .index_feature {
    max-width: 200rem;
    margin-inline: auto;
    background: url("../img/index_featureL.png") top left calc(50% - 80rem)/40rem auto no-repeat, url("../img/index_featureR.png") top right calc(50% - 80rem)/40rem auto no-repeat;
    position: relative;
    padding: clamp(3rem, 1.7528rem + 1.873vw, 4rem) 0 clamp(8rem, 3.0112rem + 7.491vw, 12rem);
  }
  .index_feature::after {
    content: "";
    display: block;
    width: 100%;
    height: clamp(10rem, -2.4719rem + 18.727vw, 20rem);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgb(var(--rgb_white)/0), var(--clr_white));
  }
  .index_feature .top_tit02 {
    top: -9.5rem;
    margin-bottom: -9.5rem;
  }
  .index_feature .feature_lst {
    gap: clamp(3rem, 0.5056rem + 3.745vw, 5rem);
  }
  .index_feature .feature_lst li {
    font-size: clamp(1.3rem, 0.6764rem + 0.936vw, 1.8rem);
  }
  .index_feature .feature_lst li::before {
    width: clamp(10rem, 4.0135rem + 8.989vw, 14.8rem);
    right: 3.5rem;
    top: clamp(-2rem, 2.4944rem + -3.745vw, 0rem);
  }
  .index_feature .feature_lst li::after {
    height: auto;
    width: clamp(22rem, -2.9438rem + 37.453vw, 42rem);
    margin: 0;
    position: absolute;
    left: 0;
    top: -7rem;
  }
  .index_feature .feature_lst li > section {
    width: clamp(45rem, -9.5022rem + 81.835vw, 88.7rem);
    padding: 0 clamp(6rem, 1.0112rem + 7.491vw, 10rem) 0 clamp(6rem, -8.9663rem + 22.472vw, 18rem);
    display: grid;
    place-content: center;
    min-height: clamp(18rem, 1.7865rem + 24.345vw, 31rem);
    margin: 0 0 0 auto;
  }
  .index_feature .feature_lst li > section::after {
    border-radius: 0;
    mask-image: url("../img/index_feature_bg_odd.svg");
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-image: url("../img/index_feature_bg_odd.svg");
    -webkit-mask-position: center center;
    -webkit-mask-repeat: contain;
    -webkit-mask-size: 100% auto;
  }
  .index_feature .feature_lst li > section .tit {
    font-size: clamp(1.8rem, 0.5528rem + 1.873vw, 2.8rem);
  }
  .index_feature .feature_lst li > section .tit .txt_large {
    font-size: clamp(2.3rem, 0.9281rem + 2.06vw, 3.4rem);
  }
  .index_feature .feature_lst li > section .tit::before {
    font-size: clamp(3.6rem, 1.8539rem + 2.622vw, 5rem);
    width: clamp(6rem, 2.6326rem + 5.056vw, 8.7rem);
    left: -5.5rem;
    bottom: calc(100% - 1.5rem);
  }
  .index_feature .feature_lst li:nth-of-type(even)::before {
    right: auto;
    left: 3.3rem;
    mask-image: url("../img/index_feature_deco_even.svg");
    -webkit-mask-image: url("../img/index_feature_deco_even.svg");
  }
  .index_feature .feature_lst li:nth-of-type(even)::after {
    left: auto;
    right: 0;
  }
  .index_feature .feature_lst li:nth-of-type(even) > section {
    margin: 0 auto 0 0;
  }
  .index_feature .feature_lst li:nth-of-type(even) > section::after {
    mask-image: url("../img/index_feature_bg_even.svg");
    -webkit-mask-image: url("../img/index_feature_bg_even.svg");
  }
}

.tre .subnav {
  background: var(--clr_yellow_light);
  border-radius: 10px;
  padding: 3rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1.5rem;
  max-width: min(1200px, 100% - 4rem);
  margin-inline: auto;
  margin-bottom: 5rem;
}
.tre .subnav > li {
  width: calc((100% - 1.5rem) / 2);
  text-align: center;
  position: relative;
  z-index: 2;
}
.tre .subnav > li::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 90%;
  border-radius: 50%;
  background: var(--clr_white);
  outline: 1px dashed var(--clr_yellow_dark);
  outline-offset: -5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  z-index: -1;
}
.tre .subnav > li > a {
  display: block;
  text-decoration: none;
  color: var(--clr_brown_light);
  line-height: 1.3;
  font-size: 1.4rem;
  position: relative;
  z-index: 0;
}
.tre .subnav > li > a::before, .tre .subnav > li > a::after {
  aspect-ratio: 1/1;
  content: "";
  display: block;
  border-radius: 50%;
  width: 90%;
}
.tre .subnav > li > a::before {
  background-image: url("../img/icon_default.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% auto;
  margin: 0 auto 0.6rem;
  z-index: 2;
}
.tre .subnav > li > a::after {
  width: 90%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  transform: scale(0.8);
  opacity: 0;
  transition: 0.3s;
  z-index: -1;
  background: var(--clr_yellow_light02);
  outline: 1px dashed var(--clr_white);
  outline-offset: -5px;
}
.tre .subnav > li > a.current::before {
  filter: brightness(0) invert(1);
}
.tre .subnav > li > a.current::after {
  opacity: 1;
  transform: scale(1);
}
.tre .subnav > li.icon_allergy > a::before {
  background-image: url("../img/icon_allergy.svg") !important;
}
.tre .subnav > li.icon_atopic > a::before {
  background-image: url("../img/icon_atopic.svg") !important;
}
.tre .subnav > li.icon_child_rearing > a::before {
  background-image: url("../img/icon_child_rearing.svg") !important;
}
.tre .subnav > li.icon_diabetes > a::before {
  background-image: url("../img/icon_diabetes.svg") !important;
}
.tre .subnav > li.icon_food_allergy > a::before {
  background-image: url("../img/icon_food_allergy.svg") !important;
}
.tre .subnav > li.icon_hay_fever > a::before {
  background-image: url("../img/icon_hay_fever.svg") !important;
}
.tre .subnav > li.icon_hay_fever02 > a::before {
  background-image: url("../img/icon_hay_fever02.svg") !important;
}
.tre .subnav > li.icon_home_treatment > a::before {
  background-image: url("../img/icon_home_treatment.svg") !important;
}
.tre .subnav > li.icon_home_treatment02 > a::before {
  background-image: url("../img/icon_home_treatment02.svg") !important;
}
.tre .subnav > li.icon_infant_checkup > a::before {
  background-image: url("../img/icon_infant_checkup.svg") !important;
}
.tre .subnav > li.icon_infectious_disease > a::before {
  background-image: url("../img/icon_infectious_disease.svg") !important;
}
.tre .subnav > li.icon_internal > a::before {
  background-image: url("../img/icon_internal.svg") !important;
}
.tre .subnav > li.icon_lifestyle_related > a::before {
  background-image: url("../img/icon_lifestyle_related.svg") !important;
}
.tre .subnav > li.icon_pediatrics > a::before {
  background-image: url("../img/icon_pediatrics.svg") !important;
}
.tre .subnav > li.icon_smoking > a::before {
  background-image: url("../img/icon_smoking.svg") !important;
}
.tre .subnav > li.icon_vaccination > a::before {
  background-image: url("../img/icon_vaccination.svg") !important;
}
.tre.-treatment-internal .subnav {
  background: var(--clr_green_light02);
}
.tre.-treatment-internal .subnav > li::after {
  outline-color: var(--clr_green_light04);
}
.tre.-treatment-internal .subnav > li > a {
  color: var(--clr_green);
}
.tre.-treatment-internal .subnav > li > a::before {
  background-image: url("../img/icon_default02.svg");
}
.tre.-treatment-internal .subnav > li > a::after {
  background: var(--clr_green_light03);
}
@media screen and (min-width: 41.625em), print {
  .tre .subnav {
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
    padding: 5.5rem 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, clamp(15rem, 12.5056rem + 3.745vw, 17rem));
    justify-content: center;
    gap: 3.8rem 0.5rem;
    margin-bottom: clamp(5rem, 1.2584rem + 5.618vw, 8rem);
  }
  .tre .subnav > li {
    width: auto;
  }
  .tre .subnav > li::after {
    width: clamp(12rem, 9.5056rem + 3.745vw, 14rem);
  }
  .tre .subnav > li > a {
    font-size: clamp(1.4rem, 0.9011rem + 0.749vw, 1.8rem);
  }
  .tre .subnav > li > a::before, .tre .subnav > li > a::after {
    width: clamp(12rem, 9.5056rem + 3.745vw, 14rem);
  }
  .tre .subnav > li > a:hover::before {
    filter: brightness(0) invert(1);
  }
  .tre .subnav > li > a:hover::after {
    opacity: 1;
    transform: scale(1);
  }
}

.index_treatment {
  background: linear-gradient(to bottom, rgb(var(--rgb_green_light06)/0), rgb(var(--rgb_green_light06)/1));
  padding: 0rem 0 6rem;
}
.index_treatment .treatment_menu {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.index_treatment .tre .treatment_tit {
  text-align: center;
  color: var(--clr_white);
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.24em;
  border-radius: 50vh;
  padding: 0.6rem 1rem;
  background: var(--clr_yellow_light02);
  font-size: 1.8rem;
  position: relative;
  z-index: 1;
  margin-bottom: -1rem;
}
.index_treatment .tre .subnav {
  max-width: none;
  margin-bottom: 0;
}
.index_treatment .tre.-treatment-pediatrics {
  position: relative;
  z-index: 1;
}
.index_treatment .tre.-treatment-pediatrics::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1.5rem;
  right: -0.5rem;
  width: 60%;
  aspect-ratio: 301/190;
  background: url("../img/index_treatment_deco.png") center center/contain no-repeat;
  z-index: 1;
}
.index_treatment .tre.-treatment-internal .treatment_tit {
  background: var(--clr_green_light03);
}
@media screen and (min-width: 41.625em), print {
  .index_treatment {
    padding: clamp(1rem, -0.2472rem + 1.873vw, 2rem) 0 clamp(10rem, 5.0112rem + 7.491vw, 14rem);
    background: url("../img/index_treatmentL.png") bottom left calc(50% - 54rem)/32.6rem auto no-repeat, url("../img/index_treatmentR.png") bottom right calc(50% - 47.5rem)/58.9rem auto no-repeat, linear-gradient(to bottom, rgb(var(--rgb_green_light06)/0), rgb(var(--rgb_green_light06)/1));
  }
  .index_treatment .treatment_menu {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(3rem, 0.5056rem + 3.745vw, 5rem);
    padding-inline: clamp(1rem, -0.8708rem + 2.809vw, 2.5rem);
    margin-top: 2rem;
  }
  .index_treatment .treatment_menu .tre {
    width: calc((100% - clamp(3rem, 0.5056rem + 3.745vw, 5rem)) / 2);
  }
  .index_treatment .treatment_menu .tre .treatment_tit {
    font-size: clamp(1.8rem, 0.3034rem + 2.247vw, 3rem);
    padding: clamp(0.8rem, 0.0517rem + 1.124vw, 1.4rem) 1rem;
  }
  .index_treatment .treatment_menu .tre.-treatment-pediatrics::after {
    bottom: -1.5rem;
    right: -1.5rem;
    width: clamp(20rem, 7.5281rem + 18.727vw, 30rem);
  }
  .index_treatment {
    container: tab/inline-size;
  }
  @container tab (width < 80rem) {
    .index_treatment .treatment_menu {
      flex-direction: column;
    }
    .index_treatment .treatment_menu .tre {
      width: 100%;
    }
  }
}

.index_partner {
  padding: 1rem 0 4rem;
  background: url("../img/index_partner_bg.webp") top center/cover no-repeat;
}
.index_partner .top_tit02 {
  position: relative;
  top: -5rem;
  margin-bottom: -5rem;
}
.index_partner .partner_lst {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  padding-bottom: 8rem;
}
.index_partner .partner_lst::before, .index_partner .partner_lst::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  background: url("../img/index_partner_deco.png") center center/contain no-repeat;
  width: 100%;
  aspect-ratio: 501/45;
  left: 0;
  right: 0;
  margin-inline: auto;
}
.index_partner .partner_lst::after {
  opacity: 0;
}
.index_partner .partner_lst > li {
  width: 100%;
}
.index_partner .partner_lst > li > a {
  display: inline-block;
  width: 100%;
  color: var(--clr_white);
  background: var(--clr_green_light);
  border-radius: 50vh;
  text-decoration: none;
  padding: 1rem 4rem 1rem 2rem;
  letter-spacing: 0.06em;
  line-height: 1.3;
  position: relative;
}
.index_partner .partner_lst > li > a::after {
  font-family: "fontello";
  content: "\a83a";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
}
@media screen and (min-width: 41.625em), print {
  .index_partner {
    padding: 1rem 0 clamp(2rem, -0.4944rem + 3.745vw, 4rem);
  }
  .index_partner .top_tit02 {
    top: -7.5rem;
    margin-bottom: -7.5rem;
  }
  .index_partner .partner_lst {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 0.0022rem + 1.498vw, 1.8rem) clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
    margin-top: 1.5rem;
    max-width: min(98.5rem, 100% - 4rem);
    padding-bottom: 11rem;
  }
  .index_partner .partner_lst::before, .index_partner .partner_lst::after {
    width: 50%;
  }
  .index_partner .partner_lst::before {
    left: clamp(-2rem, 0.2472rem + -1.873vw, -1rem);
    right: auto;
  }
  .index_partner .partner_lst::after {
    opacity: 1;
    right: clamp(-2rem, 0.2472rem + -1.873vw, -1rem);
    left: auto;
  }
  .index_partner .partner_lst > li {
    width: calc((100% - clamp(1.5rem, -0.3708rem + 2.809vw, 3rem)) / 2);
  }
  .index_partner .partner_lst > li > a {
    font-size: clamp(1.3rem, 0.6764rem + 0.936vw, 1.8rem);
    padding: clamp(1rem, -0.2472rem + 1.873vw, 2rem) clamp(3rem, 1.1292rem + 2.809vw, 4.5rem) clamp(1rem, -0.2472rem + 1.873vw, 2rem) clamp(1.5rem, -0.3708rem + 2.809vw, 3rem);
  }
  .index_partner .partner_lst > li > a::after {
    right: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .index_partner .partner_lst > li > a {
    opacity: 1;
  }
  .index_partner .partner_lst > li > a:where(:-moz-any-link, :enabled, summary):hover {
    background: var(--clr_green_light04);
    opacity: 1;
  }
  .index_partner .partner_lst > li > a:where(:any-link, :enabled, summary):hover {
    background: var(--clr_green_light04);
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  .index_partner .partner_lst > li > a:focus-visible {
    background: var(--clr_green_light04);
    opacity: 1;
  }
}

.index_blog {
  padding: 7rem 0;
  background: url("../img/index_blog_bg.webp") top center/100% auto repeat-y;
}
.index_blog > .wrap {
  background: var(--clr_white);
  padding: 7rem 1.5rem 2.5rem;
  border-radius: 10px;
  position: relative;
}
.index_blog > .wrap::before {
  content: "";
  display: block;
  background: url("../img/index_blog_deco.png") center center/contain no-repeat;
  height: 9rem;
  aspect-ratio: 306/100;
  position: absolute;
  left: 0;
  right: 0;
  top: -4rem;
  margin-inline: auto;
}
.index_blog > .wrap .lst_news > li::before {
  color: var(--clr_yellow_light03);
  line-height: 1.5;
}
.index_blog > .wrap .lst_news > li .news_title {
  color: var(--clr_yellow_light03);
  font-size: 1.4rem;
}
.index_blog > .wrap .lst_news > li .news_title time {
  font-size: 1.3rem;
}
.index_blog .btn.-blog {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: calc(100% - 1rem);
}
.index_blog .btn.-blog a {
  background: var(--clr_brown_light);
}
@media screen and (min-width: 41.625em), print {
  .index_blog {
    padding: 7.5rem 0 5.5rem;
  }
  .index_blog > .wrap {
    padding: 2rem 3rem;
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
    display: grid;
    grid-template-columns: 24% 1fr;
    gap: 0 3rem;
  }
  .index_blog > .wrap::before {
    right: auto;
    left: 2rem;
    height: clamp(6rem, 1.0112rem + 7.491vw, 10rem);
  }
  .index_blog > .wrap .lst_news > li .news_title {
    font-size: clamp(1.3rem, 0.6764rem + 0.936vw, 1.8rem);
  }
  .index_blog > .wrap .lst_news > li .news_title time {
    font-size: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .index_blog > .wrap .lst_news > li .news_title {
    opacity: 1;
  }
  .index_blog > .wrap .lst_news > li .news_title:where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_yellow_dark02);
  }
  .index_blog > .wrap .lst_news > li .news_title:where(:any-link, :enabled, summary):hover {
    color: var(--clr_yellow_dark02);
  }
}
@media screen and (min-width: 41.625em), print {
  .index_blog > .wrap .lst_news > li .news_title:focus-visible {
    color: var(--clr_yellow_dark02);
  }
  .index_blog > .wrap .lst_news > li:not(:first-of-type) {
    margin-top: 1rem;
    padding-top: 1rem;
  }
  .index_blog > .wrap .lst_news > li:not(:first-of-type) .news_title::before {
    top: 1rem;
  }
  .index_blog .btn.-blog {
    top: calc(100% - 2rem);
    right: 6.5rem;
  }
}
@media screen and (min-width: 41.625em) and (hover: hover), print and (hover: hover) {
  .index_blog .btn.-blog a {
    opacity: 1;
  }
  .index_blog .btn.-blog a:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 1;
    background: var(--clr_yellow_light03);
  }
  .index_blog .btn.-blog a:where(:any-link, :enabled, summary):hover {
    opacity: 1;
    background: var(--clr_yellow_light03);
  }
}
@media screen and (min-width: 41.625em), print {
  .index_blog .btn.-blog a:focus-visible {
    opacity: 1;
    background: var(--clr_yellow_light03);
  }
}

.top_greeting {
  padding: 6rem 1.6rem;
  background: linear-gradient(to bottom, var(--clr_green_light05), var(--clr_white));
}
.top_greeting .wrap .photo {
  text-align: center;
  margin: 2rem 0 0;
}
.top_greeting .wrap .photo img {
  width: 100%;
  margin: 0 auto 1rem;
  border-radius: 10px;
}
.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;
    justify-content: center;
    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);
    margin: 0;
  }
  .top_greeting .wrap .photo img {
    width: 100% !important;
    margin: 0 auto clamp(1.5rem, 0.8764rem + 0.936vw, 2rem);
    border-radius: clamp(1rem, -0.2472rem + 1.873vw, 2rem);
  }
  .top_greeting .wrap .photo.tate {
    width: clamp(20rem, -4.9438rem + 37.453vw, 40rem);
  }
}
body:not(.home) .sub_header {
  display: flex;
  flex-direction: column-reverse;
}
body:not(.home) .main {
  margin: 4rem 1rem 5rem;
}
body:not(.home) .main .tel {
  font-size: 120%;
}
@media screen and (min-width: 41.625em), print {
  body:not(.home) .main {
    margin: clamp(5rem, 1.2584rem + 5.618vw, 8rem) auto;
  }
}

.breadnav {
  max-width: 100vw;
  margin: 1rem 1rem;
  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_green_light);
  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(1200px, 100% - 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;
    color: var(--clr_yellow_dark02);
  }
  .breadnav .aioseo-breadcrumbs .aioseo-breadcrumb a:where(:any-link, :enabled, summary):hover {
    opacity: 1;
    color: var(--clr_yellow_dark02);
  }
}
@media screen and (min-width: 41.625em), print {
  .breadnav .aioseo-breadcrumbs .aioseo-breadcrumb a:focus-visible {
    opacity: 1;
    color: var(--clr_yellow_dark02);
  }
}
.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 .timetable p {
    font-size: clamp(1.2rem, 0.7011rem + 0.749vw, 1.6rem);
  }
  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%;
}
body.post-type-archive-news .main .lst_news li .news_title .day {
  display: block;
}
@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 .day {
    display: inline-block;
    margin-right: 1em;
  }
}

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

.greeting_txt .wp-block-heading {
  color: var(--clr_green_light);
  font-size: 130%;
  line-height: 1.4;
  padding: 0 0 0.8rem 0;
  margin: 0 0 1.6rem;
  border-bottom: 1px dashed var(--clr_green_light);
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
}
@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.0517rem + 1.124vw, 1.4rem) 0;
    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_green_light);
}
@media (hover: hover) {
  .box_page a:not([href^="#"], [class*=button]) {
    opacity: 1;
  }
  .box_page a:not([href^="#"], [class*=button]):where(:-moz-any-link, :enabled, summary):hover {
    color: var(--clr_yellow_dark02);
  }
  .box_page a:not([href^="#"], [class*=button]):where(:any-link, :enabled, summary):hover {
    color: var(--clr_yellow_dark02);
  }
}
.box_page a:not([href^="#"], [class*=button]):focus-visible {
  color: var(--clr_yellow_dark02);
}
.box_page h2 {
  margin: 5rem auto 2rem;
}
.box_page h2:first-child {
  margin: 0 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: clamp(6rem, 3.5056rem + 3.745vw, 8rem) auto clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
  }
  .box_page h2:first-child {
    margin: 0 auto clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
  }
  .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;
}
.box_page img, .box_page iframe, .box_page video {
  max-width: 100%;
  height: auto;
  display: block;
}

.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_green_light);
  color: var(--clr_green_light);
  line-height: 1.4;
  font-size: 120%;
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-style: normal;
}
@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_yellow_dark03);
  color: #fff;
  text-decoration: none;
  border: 1px solid var(--clr_yellow_dark03);
  padding: 0.4rem 2rem;
  border-radius: 0.6rem;
}
.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_green_light04);
  }
  .wrap.blog .post .post-categories li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post .post-categories li a:focus-visible {
    color: var(--clr_green_light04);
  }
  .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);
    border-radius: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem);
    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 rgb(var(--rgb_green_light04)/0.6);
    box-shadow: 0 0 0.4rem 0.4rem rgb(var(--rgb_green_light04)/0.6) inset;
  }
  .wrap.blog .post a.box_post:where(:any-link, :enabled, summary):hover {
    border: 1px solid rgb(var(--rgb_green_light04)/0.6);
    box-shadow: 0 0 0.4rem 0.4rem rgb(var(--rgb_green_light04)/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: var(--clr_yellow_light05);
    border-color: var(--clr_yellow_light05);
    opacity: 1;
  }
  .wrap.blog .post a.box_post:where(:any-link, :enabled, summary):hover .txt .more {
    background: var(--clr_yellow_light05);
    border-color: var(--clr_yellow_light05);
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post a.box_post:focus-visible {
    border: 1px solid rgb(var(--rgb_green_light04)/0.6);
    box-shadow: 0 0 0.4rem 0.4rem rgb(var(--rgb_green_light04)/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: var(--clr_yellow_light05);
    border-color: var(--clr_yellow_light05);
    opacity: 1;
  }
}
.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_green_light);
  color: #fff;
  padding: 0.4rem 1rem;
  border: 1px solid var(--clr_green_light);
}
.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_green_light);
}
.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: var(--clr_green_light04);
    border-color: var(--clr_green_light04);
    opacity: 1;
  }
  .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: var(--clr_green_light04);
    border-color: var(--clr_green_light04);
    opacity: 1;
  }
}
@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: var(--clr_green_light04);
    border-color: var(--clr_green_light04);
    opacity: 1;
  }
}
.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_green_light04);
  }
  .wrap.blog .post_tag ul li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_tag ul li a:focus-visible {
    color: var(--clr_green_light04);
  }
}
.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: #ccc;
}
.wrap.blog .post .box_post .txt .info > div .name {
  display: block;
  font-size: 120%;
  color: var(--clr_green_light);
  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 0.6rem;
  text-align: center;
  color: #fff;
  background: var(--clr_green_light04);
  border: 1px solid var(--clr_green_light04);
  padding: 0.8rem 2rem;
  line-height: 1.8;
}
.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: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem) 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 {
    color: var(--clr_green_light04);
    background: #fff;
  }
  .wrap.blog .post .box_post .txt .info > div .btn_top:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
    background: #fff;
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post .box_post .txt .info > div .btn_top:focus-visible {
    color: var(--clr_green_light04);
    background: #fff;
  }
}
.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_green_light);
}
.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: rgb(var(--rgb_green_light04)/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 {
  width: 100%;
  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_green_light04);
  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_green_light04);
  }
  .wrap.blog .related ul li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .related ul li a:focus-visible {
    color: var(--clr_green_light04);
  }
}
.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_green_light04);
  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_green_light04);
  }
  .wrap.blog .post_link ul li a:where(:any-link, :enabled, summary):hover span {
    color: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .post_link ul li a:focus-visible span {
    color: var(--clr_green_light04);
  }
  .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_green_light);
  border: 1px solid var(--clr_green_light);
  padding: 0.8rem 2rem;
  border-radius: 0.6rem;
}
.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: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem) clamp(2.5rem, 0.6292rem + 2.809vw, 4rem);
    border-radius: clamp(0.6rem, 0.3506rem + 0.375vw, 0.8rem);
  }
}
@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 {
    background: var(--clr_green_light04);
    border-color: var(--clr_green_light04);
    opacity: 1;
  }
  .wrap.blog .btn_postindex:where(:any-link, :enabled, summary):hover {
    background: var(--clr_green_light04);
    border-color: var(--clr_green_light04);
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .btn_postindex:focus-visible {
    background: var(--clr_green_light04);
    border-color: var(--clr_green_light04);
    opacity: 1;
  }
}
.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_green_light);
  color: #fff;
  border: 1px solid var(--clr_green_light);
  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: var(--clr_green_light04);
    border-color: var(--clr_green_light04);
    opacity: 1;
  }
  .wrap.blog .search-form input.search-submit:where(:any-link, :enabled, summary):hover {
    background: var(--clr_green_light04);
    border-color: var(--clr_green_light04);
    opacity: 1;
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .search-form input.search-submit:focus-visible {
    background: var(--clr_green_light04);
    border-color: var(--clr_green_light04);
    opacity: 1;
  }
}
.wrap.blog .result {
  margin: 0 0 3rem;
  padding: 1rem;
  background: var(--clr_yellow_light06);
}
@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_green_light04);
  margin: 0 0 0 auto;
  transition: 0.2s;
}
.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_green_light04);
  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_green_light04);
}
.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_green_light04);
}
.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_green_light04);
  }
  .wrap.blog .sidebar_blog .side_inner.cat ul > li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.cat ul > li a:focus-visible {
    color: var(--clr_green_light04);
  }
  .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_green_light04);
    border-bottom: 1px solid var(--clr_green_light04);
  }
  .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_green_light04);
    border-bottom: 1px solid var(--clr_green_light04);
  }
}
@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_green_light04);
    border-bottom: 1px solid var(--clr_green_light04);
  }
  .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_green_light04);
  }
  .wrap.blog .sidebar_blog .side_inner.tag ul li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.tag ul li a:focus-visible {
    color: var(--clr_green_light04);
  }
  .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_green_light04);
  }
  .wrap.blog .sidebar_blog .side_inner.popular ol li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
  }
  .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_green_light04);
  }
  .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_green_light04);
  }
  .wrap.blog .sidebar_blog .side_inner.new ul li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.new ul li a:focus-visible {
    color: var(--clr_green_light04);
  }
  .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_green_light04);
  }
  .wrap.blog .sidebar_blog .side_inner.archive .btn_select:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.archive .btn_select:focus-visible {
    color: var(--clr_green_light04);
  }
}
@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_green_light04);
  }
  .wrap.blog .sidebar_blog .side_inner.archive .lst_month li a:where(:any-link, :enabled, summary):hover {
    color: var(--clr_green_light04);
  }
}
@media screen and (min-width: 41.625em), print {
  .wrap.blog .sidebar_blog .side_inner.archive .lst_month li a:focus-visible {
    color: var(--clr_green_light04);
  }
  .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 */