@charset "UTF-8";

:root{
  --kao:#1B2185;
  --or:#F5780E;
  --ki:#FFE838;
  --kuro:#050505;
  --shiro:#FFFFFF;
  --usao:#F0F1F8;
  --uski:#FFFAE5;
  --fao:#E0E2FF;
  --pink:#F70E7A;
  --gol:#EFCC85;
  --en:"Josefin Sans", sans-serif;
  --kage:rgba(15, 15, 15, 0.257);
  --inkage:rgba(255, 255, 255, 0.883);
  --km:100rem;
  --h2:min(calc(1.2rem + 3.3vw),4.2rem);
  --yajirushi:polygon(0 0, 32% 0, 100% 50%, 32% 100%, 0 100%, 68% 50%);
}

.en{font-family: var(--en);}
.fc_kao{color: var(--kao);}
.fc_or{color: var(--or);}
.fc_ki{color: var(--ki);}
.fc_wh{color: var(--shiro);}
.fc_pk{color: var(--pink);}
.bg_ao{background-color: var(--kao);}
.bg_usao{background-color: var(--usao) !important;;}
.bg_or{background-color: var(--or);}
.bg_uski{background-color: var(--uski) }
.bg_pk{background-color: var(--pink) !important;}

.dblo{display: block;}
small{font-size: 0.87em;}
b{font-weight: 700;}
h2{line-height: 1.2;}
.txt_big{font-size: 1.3em;}
.txtcent{text-align: center;}
.pdt3{padding-top: 3rem;}
.pdt5{padding-top: 5rem;}
.pb0{padding-bottom: 0 !important;}
/* 初期非表示：.show_curtが付くまで */
.page_def h2:not(.show_curt),
.page_def h3:not(.show_curt),
.page_def ul:not(.show_curt),
.top_main li:not(.show_curt),
.page_def section:not(.pg_sec_1) > *:not(.show_curt),
.top_main section:not(.fv__sec) > *:not(.show_curt){
  opacity: 0;
  transform: translateY(24px);
  will-change: opacity, transform;
}

/* 表示済み状態 */
.show_curt {
  opacity: 1 !important;
  transform: none !important;
}

main{min-height: 50vh;}
.top_main,.breadcrumb{padding-top: 75px;}
.breadcrumb{border-bottom: solid 1px rgb(245, 246, 246);}
.breadcrumb_ul{display: flex;flex-wrap: wrap;width: 95%;max-width: 1200px;margin: auto;column-gap: 1em;}
.breadcrumb_ul li::after{content: ">";margin-left: 5px;vertical-align: text-bottom;color:var(--fao);}
.breadcrumb_ul li:last-of-type::after{content: unset;}
.breadcrumb_ul a{color: var(--kao);}
.hd__con {display: flex;justify-content: space-between;align-items: center;background: rgba(255, 255, 255, 0.437);
  padding: 1em 50px 1em 1.6em;position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;}
.nav_open .hd__con {background: var(--shiro);}
.hd__h2 img {display: block;width: max(220px,12vw);height: auto;}


.hd__nav {font-size: min(5vw,1.8rem);padding: 0 0.6em;}
.hd__ul {display: flex;flex-wrap: wrap;gap: 16px;}
.hd__ul li > a {color: var(--kuro);text-decoration: underline;text-decoration-color: var(--fao);text-underline-offset: 0.4em;position: relative;padding-left: 30px;}
.hd__ul li > a::before{content: "";width:8px;height: 8px;background: var(--fao);display: block;position: absolute;top: 50%;left: 11px;transform: translate(0,-50%);border-radius:100%;}
.hd__ul li > a::after{content: "";width: 18px;height: 18px;display: block;position: absolute;top: 50%;left: 6px;transform: translate(0,-50%);border-radius: 100%;border: solid 1px var(--fao);}
.hd_m_btn {width: 40px;height: 44px;position: absolute;
  cursor: pointer;z-index: 9999;top: 8px;right: 0;
  display: block;background: var(--usao);border-radius: 0.3em;}

.hd_m_btn i{position: absolute;width: 64%;height: 2px;
  background: var(--kao);left: 23%;transition: 0.3s;}
.hd_m_btn i::before,
.hd_m_btn i::after {content: "";position: absolute;width: 100%;height: 2px;
  background: var(--kao);left: 0;transition: 0.3s;
}
.hd_m_btn i {top: 50%;transform: translateY(-50%);}
.hd_m_btn i::before {top: -8px;}
.hd_m_btn i::after {top: 8px;}

.nav_open .hd_m_btn i {background: transparent;}
.nav_open .hd_m_btn i::before {transform: rotate(45deg);top: 0;}
.nav_open .hd_m_btn i::after {transform: rotate(-45deg);top: 0;}

.hd__nav {}

.tel__con{width: 90%;margin-inline: auto;}
.tel__n1{text-align: center;padding-bottom: 2rem;}
.tel__n1 strong{font-size: 2.2em;}
.tel__n1 p{}
.tel__n1 a{font-size: min(8vw,2.8rem);padding: 0.4em 1.2em 0.5em 2.4em;border: solid 2px gray;background: var(--shiro);border-radius: 0.4em;position: relative;color: var(--kao);font-weight: 800;}
.tel__n1 a::before{content: "";position: absolute;display: block;top: 50%;height: 100%;width: 2em;left: 0;transform: translate(10px,-50%);
background: url(../img/tel.png)no-repeat center / contain;}
.tel__n2 a{transform: scale(0.88);}
.link_top_menu{padding: 0.4em 4em;background: var(--kao);border-radius: 0.4em;color: var(--shiro);margin-bottom: 1.2em;}
@media (min-width:769px) {
  body{font-size: 1.6rem;}
  .hd__nav ul.pc_none{display: none;}
  .nav_open .hd__nav ul.pc_none{display: grid;position: fixed;top: 70px;right: 0;padding: 1.4em;grid-auto-flow: row;gap: 0.8em;background: var(--usao) url(../img/backssk.svg)no-repeat;border-radius:0 0 0 3em;box-shadow: -4px 9px 12px var(--kage);overflow-y: scroll;bottom: 2%;
  background-blend-mode: lighten;background-size: cover;}
}

@media (max-width:768px) {
  .hd__nav{display: none;}
  .nav_open .hd__nav{display: block;position: fixed;top: 60px;right: 0;bottom: 0;padding: 1em 1em 3em;background-blend-mode: lighten;
    left: 0; text-align: center;background: var(--usao) url(../img/backssk.svg)no-repeat;overflow-y: scroll;background-size: cover;}
  .hd__ul{display: grid;grid-auto-flow: row;gap: 1.2em;padding-bottom: 1.2em;}
  .hd__ul li > a {padding-right: 45px;}
}


/* top */
.fv__sec{display: grid;z-index: 1;position: relative;}

.fv_ul {grid-column: 1;grid-row: 1;z-index: 2;margin: 6.8% 8% auto auto;}

.fv_ul li{font-size: min(calc(1rem + 3vw),3.8rem);font-weight: 700;margin-bottom: 0.6em;text-shadow: 0 0 4px var(--shiro);color: var(--kao);position: relative;}
.fv_ul li::before{content: "";width: 0.8em;height: 0.8em;clip-path: polygon(0 74%, 0% 44%, 44% 69%, 100% 21%, 100% 56%, 44% 100%);display: block;background: var(--ki);
 position: absolute;top: 50%;left: 0;transform: translate(-130%,-50%);} 
.fv__fkds {grid-column: 1;grid-row: 1;width: fit-content;height: fit-content;margin: 5.8% auto auto 4%;padding: 1.2em 0.8em;background: var(--shiro);border: solid 1px var(--kuro);box-shadow: 4px 4px 0 var(--kuro);
writing-mode: vertical-rl;font-size: 1.6rem;}

.fv__bottom {position: relative;padding-bottom: 4.8rem;}

.fv_h1 {font-size: min(calc(1rem + 2.3vw),3rem);width: fit-content;margin-right: auto;padding: 1.8em 1.8em;background: var(--ki);border-radius: 0 1.4em 1.4em 0;text-shadow: 2px 2px 0 var(--shiro);line-height: 1.2;transform: translateY(-120%);position: absolute;top: 0;left: 0;}
.fv_h1 strong{font-size: 1.62em;color: var(--kao);}
.fv_b_p {width: 80%;margin:5% auto 0;color: var(--kao);font-weight: 400;line-height: 1.7;}

.web_yoyaku {margin: 6.8% auto;width: fit-content;}
.mb0{margin-bottom: 0;}

.web_yoyaku a {display: block;width: fit-content;border-radius: 0.5em;background: var(--or);box-shadow:0 4px 0 rgb(130, 64, 3),inset 4px 4px 12px var(--inkage);
padding:1.2em 2.4em 1.2em 5.4em;color: var(--shiro);font-size: min(calc(1.2rem + 3vw),2.6rem);font-weight: 800;text-align: center;position: relative;line-height: 1.3;}
.web_yoyaku a::before{content: "";width: 3em;height: 3em;background: url(../img/cal.png) no-repeat center;background-size: contain;position: absolute;top: 50%;left: 1.4em;transform: translateY(-50%);mix-blend-mode: color-dodge;}

.web_yoyaku small{font-weight: 500;color: var(--kuro);}

.fv__img{grid-row: 1;grid-column: 1;overflow: hidden;position: relative;width: 90%;margin-left: auto;height: 83vh;min-height: 540px;z-index: -1;border-radius: 1em 0 0 1em;}

.fv__img img {object-fit: cover;height: 120%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.top_sec_1 {padding: 4.6rem 0;background: var(--uski);}

.ts1_h2 {text-align: center;font-size: min(calc(1rem + 3vw),4.6rem);margin-bottom: 1.6em;color: var(--kao);}

.ts1_ul {display: flex;flex-direction: column;gap: 3.3em;}

.ts1__li {display: grid;grid-template-columns:12% 1fr 12%;}

.ts1_point {grid-column: 2/4;grid-row: 1;z-index: 2;padding:1.4em 1.2em 0.8em 3em;background: var(--shiro);box-shadow: 4px 6px 20px var(--kage);height: fit-content;position: relative;}
.ts1_point::before{content: "POINT";position: absolute;top: 50%;left: 0;writing-mode: sideways-rl;font-family: var(--en);color: var(--fao);transform: translate(-0.5em,-50%);font-size: 2em;}

.ts1_point h3 {font-size: 1.3em;margin-bottom: 1em;}

.ts_link {width: fit-content;margin: 1em auto;display: block;min-width: 200px;border-radius: var(--km);padding: 0.6em 2.2em 0.6em 1em;background: var(--kao);color: var(--shiro);text-align: center;
position: relative;}
.ts_link::after{content: "";display: block;position: absolute;top: 50%;right: 1em;width: 0.8em;height: 1.1em;background: var(--shiro);
clip-path: var(--yajirushi);transform: translateY(-50%);}

.ts1_img {grid-column: 1/3;grid-row: 1;z-index: 1;}

.ts1_img.pt__2{grid-column: 2/4;}

.ts1_point.pt__2 {grid-column: 1/3}

.ts1_point p {font-size: 1.2rem;}

.top_sec_2 {padding: 4.8em 0 2.4em;position: relative;}
.top_sec_2::after{content: "";position: absolute;width: 100%;height: 50%;background: linear-gradient(45deg,#1B2185,#0093C9,#C4C7F5);z-index: -1;bottom: 0;left: 0;}

.ts2_img {width: 50%;margin: auto;}

.rs2_p {color: var(--shiro);width: 84%;margin:2rem auto 0;font-size: 1.36em;}
.rs2_p small{text-align: right;}

.top_sec_3 {padding: 4.8em 0 2.4em;}

.ts3_con_1 {margin-bottom: 3.6em;}

.ts3_con_1 a {width: fit-content;display: block;margin:5% auto;background: var(--uski);border: solid 1px;max-width: 320px;padding: 1.2em 1.4em;color: var(--kuro);
border-radius: 0.8em;box-shadow: inset 0 3px 0 var(--ki),4px 4px 0 var(--kuro);position: relative;}
.ts3_con_1 h3{font-size: min(8vw,3.6rem);line-height: 1.2;text-align: center;border-bottom: solid 1px var(--fao);padding-bottom: 0.7em;color: var(--kao);}
.ts3_con_1 h3 small{font-size: 1.6rem;}
.ts3_con_1 p {width: 80%;margin: 1em auto;}
.ts3_con_1 a::after{content: "";width: 4.4em;height: 4.4em;display: block;background: url(../img/yubi.png)no-repeat center;background-size: contain;bottom: 0;right: 0;transform: translate(1em,1em);position: absolute;}


.ts3_con_2 {background: linear-gradient(180deg,var(--uski),var(--ki));position: relative;padding: 2em 0;}
.ts3_con_2::before,.ts3_con_2::after{content: "";width: 100%;position: absolute;z-index: 1;background: var(--shiro);}
.ts3_con_2::before{top: -1px;left: 0;border-radius: 0 0 4em 4em;height: 7em;}
.ts3_con_2::after{bottom: -1px;left: 0;border-radius: 4em 4em 0 0;height: 5em;}

.z10{z-index: 10;position: relative;}
.ts3_c2_ul {z-index: 10;display: grid;grid-template-columns:  1fr 1fr; gap: 1.8em;width: 88%;margin: 12% auto 20%;position: relative;}

.ts3_c2_ul li {height: 180px;}

.ts3_c2_ul a {height: 100%;width: 100%;display: block;display: grid;place-items: center;
background: url(../img/hana.jpg)no-repeat center / cover;color: var(--kuro);font-size: min(8vw,2.6rem);color: var(--kuro);text-align: center;line-height: 1.2;font-weight: 700;border-radius: 0.6em;box-shadow: 0 4px 20px var(--kage);}

.qa__con {width: 90%;margin-inline: auto;padding-bottom: 2.6em;}

.qa__con dt {display: block;padding: 0.8em 0.8em 0.8em 3.6rem;font-size: 1.28em;border-top:dashed 2px var(--fao);position: relative;}
.qa__con dt::before{content: "Q";position: absolute;top: 50%;font-family: var(--en);
left: 0;transform: translate(0.4em,calc(-50% - -0.1em));color: var(--or);font-size: 1.1em;}
.qa__con dd {display: block;padding: 0.4em 0.8em 0.4em 3.6rem;font-weight: 400;margin-bottom: 1.2em;position: relative;}
.qa__con div:last-of-type dd{border-bottom: dashed 2px var(--fao);padding-bottom: 1.2em;}
.qa__con dd::before{content: "A";position: absolute;top: 0.4em;font-family: var(--en);
left: 0;transform: translate(0.4em,0);color: var(--kao);font-size: 1.4em;}

.top_sec_4{background: var(--usao);padding: 2.4em 0;}
.news_ttl{position: relative;width: fit-content;margin-inline: auto;}
.news_ttl::before{content: "";width: 2em;height: 2em;display:block;background: url(../img/news.png)no-repeat center / contain;
position: absolute;left: 0;top: 50%;transform: translate(-100%,-50%);}

.news_list {width: 90%;margin: 5% auto 6%;display: flex;flex-direction: column;gap: 1.2em;max-width: 700px;}

.news_item a {width: 100%;background: var(--shiro);padding: 0.8em 1.4em;display: flex;box-shadow: 2px 4px 12px var(--kage);gap: 1em;border-radius: 0.6em;color: var(--kuro);}

.news_date {color: var(--kao);font-weight: 400;margin-top: 1px;}

.news_title {font-size: 1.1em;}

.news_link {background: var(--shiro);border: solid 1px var(--kao);color: var(--kao);}
.news_link::after{background-color: var(--kao);}

.acc_con {padding: 2.4em 0;}

.gmap_dl{width: 88%;margin:0 auto 5%;max-width: 700px;}

.gmap_dl dt{font-size: 1.2em;padding: 0.8em 1.4em;color: var(--or);}
.gmap_dl dt::before{content: "ー";margin-right: 5px;}

.gmap_dl dd{padding: 0 1em;}

.g__map{position: relative;height: min(300px,35vh);overflow: hidden;width: 90%;max-width: 800px;margin:2.4rem auto;}
.g__map iframe{position: absolute;top: 50%;display: block;left: 50%;transform: translate(-50%,-50%);height: 100%;width: 100%;}

.time__con{width: 90%;margin-inline: auto;max-width: 770px;padding-bottom: 6rem;}

.clinic_table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.clinic_table th,
.clinic_table td {
  border: 1px solid #ccc;
  padding: 0.6em 0.4em;
}

.clinic_table thead th {
  background-color: var(--kao);
  color: var(--shiro);
  font-weight: 600;
}

.clinic_table th:first-child {
  background-color: #001f74;
  color: #fff;
  font-weight: 600;
  width: 120px;
}

.clinic_table td {}

.clinic_table td[rowspan] {writing-mode: vertical-lr;vertical-align: middle;}

.ctf__form{padding: 0;background: linear-gradient(180deg,var(--uski),var(--shiro));position: relative;}
.ctf__form::before{content: "";background: url(../img/y_grad.svg)no-repeat bottom /cover;width: 100%;position: absolute;top: 0;left: 0;height: 20rem;z-index: 0;}
.ctf__form h3{line-height: 1.22;text-align: center;font-size: min(7vw,3.8rem);position: relative;z-index: 5;transform: translateY(-1em);}

.ctf__form .tel__n1 a{font-size: min(8vw,3.6rem);}
.ft__logo{width: 100%;max-width: 300px;margin:2.4em auto;}
.ft_p_cr{text-align: center;padding: 0.4em 0;font-size: 1.2rem;}


@media (max-width: 600px) {
  .clinic_table th,.clinic_table td {padding: 0.4em;}
}
/* page */

.pg__ttl{font-size: min(calc(1rem + 3vw),4.6rem);overflow: hidden;box-shadow: inset 0 -9px 12px var(--kage);
background:url(../img/page_hd.svg)no-repeat top / cover;position: relative;}
.pg__ttl::after{content: "";z-index: -1;display: block;width: 100%;height: 100%;
background:url(../img/page_hd.svg)no-repeat bottom / cover;position: absolute;top: 0;left: 0;opacity: 0.4;}
.pg__h1{width: fit-content;font-weight: 800;margin: auto;padding: 1.4em 0.6em;}
.pg_sec_1{padding: 4.8rem calc(0.4em + 3vw);}

.pg__h2 {font-size: min(calc(1.2rem + 2vw),4rem);width: fit-content;margin:2% auto 5%;font-weight: 800;}
.pg__txt {width: fit-content;max-width: 1200px;margin: auto;padding: 1.2em 0.8em;font-size:min(4.4vw,2rem);margin-bottom: 5%;}

.shin__dl {display: flex;flex-wrap: wrap;padding:0 5% 8%;justify-content: space-between;max-width: 800px;margin-inline: auto;}

.shin__dl dd {width: 100%;}

.shin__dl dd h3 {text-align: center;font-size: min(5.5vw,4.4rem);margin-bottom: 5%;font-size: min(4vw,3rem);}

.shin__dl dt {width: 48%;font-size: min(5.5vw,4.4rem);color: var(--kao);box-shadow: 4px 4px 20px var(--kage);text-align: center;padding: 1.2em;border-radius: 0.4em;font-weight: 600;}

.pg__sec_shin {padding-bottom: 1.8em;}

.pg_s__in {background: linear-gradient(180deg,white,white 20%,var(--uski) 20%,var(--uski));margin-bottom: 3.6em;}

.pgi_h2 {width: 80%;margin: 0 auto 3%;border-radius: var(--km);text-align: center;font-size: min(4vw,3rem);padding: 1.2em 0;font-weight: 700;background-color: var(--ki);}

.bgno {background: unset;}

.clinic_sec{padding-inline: 0;}
.pg_cl_img {position: relative;width: 100%;display: grid;place-items: center;grid-auto-flow: column;grid-template-columns: 1fr;height: fit-content;}

.pg_cl_img img {height: 100%;object-fit: cover;width: 60%;grid-column: 1;grid-row: 1;margin-right: auto;}

.pg_cl_img figcaption {z-index: 2;grid-row: 1;;grid-column: 1;margin: auto 5% auto auto;
background: var(--uski);padding: 1.2em 0.9em;font-size: min(6vw,4rem);min-width: 230px;box-shadow: 4px 4px 12px var(--kage);}

.pg_cl_con {margin: 12% 0 8%;background: var(--kao);padding: 2.4em 1em;}

.pg_cl_con h3 {width: min(90%,600px);margin: auto;position: relative;padding: 2em 0;text-align: center;
background: url(../img/ssk1.png)no-repeat center / contain;color: var(--gol);font-size: min(7.7vw,6rem);}

.pg_cl_p {width: min(90%,800px);margin:0 auto 5%;font-size: 1.8rem;}

.pg_cl_ul {width: min(90%,1200px);margin: 0 auto 5%;display: grid;grid-template-columns: 1fr;gap: 3.6rem;padding-bottom: 3.6rem;}

.pg_cl_ul li {color: var(--gol);font-size: min(5.6vw,3.2rem);padding: 3.4em 0 0;width: 85%;margin: auto;position: relative;}
.pg_cl_ul li::before{content: "";position: absolute;top: 0;left: 50%;width: 70%;height: 3em;background: url(../img/ssk2.png)no-repeat center / contain;
transform: translateX(-50%);}
.pg_cl_ul li:last-of-type{padding-top: 1rem;}
.pg_cl_ul li:last-of-type::before{content: unset;}
.pg_cl_ul li:last-of-type::after{content: "";position: absolute;bottom: 0;left: 50%;width: 70%;height: 3em;background: url(../img/ssk2.png)no-repeat center / contain;
transform: translate(-50%,100%);}
.pg_cl_img2 {padding-top: 1rem;}

.pg_cl_ovfh {overflow: hidden;overflow-x: scroll;display: flex;gap: 1.4rem;padding: 1em 2em;margin-bottom: 8%;}

.pg_cl_ovfh li {min-width: 320px;border-radius: 1em;border: solid 3px var(--gol);overflow: hidden;}

.pg_cl_ovfh li img {height: 100%;object-fit: cover;}

.dcoter_sec{padding: 3em 0 6em;}

.pg_dc_img{width: 95%;margin-right: auto;position: relative;}
.pg_dc_img::after{content: "";position: absolute;display: block;width: 90%;height: 80%;
background: var(--uski);bottom: 0;left: 10%;border-radius: 1.4em 1.4em 0 0;z-index: -1;}
.pg_dc_img img{position: relative;z-index: 2;}
.pg_dc_h2{width: fit-content;margin:2% auto 5%;font-size: min(9vw,4rem);color: var(--kao);text-align: center;line-height: 1.4;}

.dc_jisseki{width: 90%;margin: auto;}
.dc_jisseki figcaption{text-align: center;}
.pg_dc_dl{margin: 5% 0;padding: 1.8em 1.2em;background: var(--fao);}
.pg_dc_dl dt{color: var(--kao);text-align: center;padding-bottom: 1rem;border-bottom: solid 1px var(--kao);margin-bottom: 1.2rem;font-size: 1.4em;font-weight: 700;}
.pg_dc_dl dd{display: block;}

.pg_dc_ul{display: grid;grid-auto-flow: row;justify-content: center;justify-items: center;gap: 0.2em;margin-bottom: 12%;}
.pg_dc_mssm{width: 90%;margin:0 auto 12%;padding: 3.2em max(1.2em,5vw);border-radius: 1.2em;box-shadow:0 0 20px 1px var(--fao);font-weight: 400;font-size: min(6.8vw,2rem);line-height: 1.62;position: relative;max-width: 770px;}
.pg_dc_mssm::before{content: "";position: absolute;top:0;left: 50%;width: 100%;height: 4.6em;display: block;background: url(../img/messe.svg)no-repeat center / contain;transform: translate(-50%,-50%);}

.days_h1{line-height: 1;}
.days_h1 small{font-size: 2rem;text-align: center;}

.days_sec{margin-bottom: 8%;}
.pg_d_h3.ss{margin-top: 3.2em;font-size: min(5.5vw,4.2rem);}

.pg_d_h3{font-size: min(5vw,3.2rem);color: var(--kao);width: fit-content;margin-inline:auto;margin-top: 0.4em;}
.pg__d_txt{width: 90%;max-width: 860px;margin:2% auto 5%;font-weight: 400;}

.pg__d_ul{width: 85%;max-width: 740px;margin: auto;padding: 1.4em;background: var(--usao);}
.pg__d_ul li{padding-left: 1em;text-indent: -1em;margin-bottom: 0.2em;}

.pg__d_ul li:last-of-type{margin-bottom: unset;}

.pg__d_ul h4{font-size: 1.3em;}

.acc_h2::before{content: "";display:inline-block;width: 1.4em;height: 1.4em;background:url(../img/train.png)no-repeat center / contain;vertical-align: text-bottom;}
.acc_ul{width: 90%;max-width: 770px;margin:0 auto 5%;background: var(--usao);border-radius: 1.4em;padding: 2.4em 1.2em;}
.acc_ul li{font-size:min(5.8vw,3.2rem);line-height: 1.2;padding: 0.4em 0;text-align: center;}
.acc_ul span{font-size: 0.8em;color: var(--kao);}

.acc_ovfh{width: 90%;max-width: 1200px;margin-inline: auto;position: relative;overflow: scroll;height: 60vh;min-height: 400px;box-shadow:inset 4px 4px 12px var(--kage);}
.acc_img{position: absolute;top: 0%;left: 0%;width: 100%;min-width: 700px;}

.pg_lnks{width: 90%;margin: 4.8rem auto;max-width: 1440px;}
.pg_lnks_ul{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,22%));gap: 2rem;
justify-content: center;place-items: center;}
.pg_lnks_li{width: 100%;}
.pg_lnks_li a{border: solid 2px var(--kao);background: var(--usao);color: var(--kao);box-shadow: 0 6px 0 var(--kao);display: block;border-radius: var(--km);width: 100%;padding: 0.8em 0;text-align: center;
font-size: min(5.8vw,2.4rem);}
/* achive */
.ach__sec{background: var(--usao);padding: 4.8rem 0 3rem;margin-bottom: 8%;}
.ach__sec .news_list{margin-top: 0;}
.pg_pager{width: fit-content;margin: auto;}
.pg_pager_ul {
  display: inline-flex;
  list-style: none;
  gap: 6px;
}
.pg_pager_ul li a,
.pg_pager_ul li span {
  display: block;
  padding: 6px 12px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: var(--kuro);
  background: var(--inkage);
}
.pg_pager_current span {
  background: #333 !important;
  color: #fff !important;
}
.pg_pager_prev a,.pg_pager_next a {
  font-weight: bold;
}


/* single */
.sg__def{width: 100%;display: grid;position: relative;}
.sg__def::before{content: "";z-index: -1;width: 100%;height: 30vh;background: url(../img/backssk.svg)no-repeat center / cover;
position: absolute;top: 0;left: 0;opacity: 0.36;}

.sg__ttl{width: fit-content;margin: auto;font-size: min(calc(1.2rem + 2.2vw),3rem);padding: 2.4em 1.2em 1em;}
.sg__h1{line-height: 1.1;}
.sg__sec{padding: 0.8em 1.8em 1.8em;font-size: 1.6rem;width: 90%;max-width: 800px;margin: auto;border-radius: 1.4em;box-shadow: 4px 8px 20px var(--kage);background-color: var(--shiro);min-height: 20vh;}
.sg__time{display: block;text-align: right;border-bottom: solid 1px lightgray;margin-bottom: 24px;}
.sg__aside{background-color: var(--usao);margin: 5% auto;padding: 2em 1em;width: 100%;}
.aside_h2{text-align: center;font-size: 2rem;margin-bottom: 6px;}
.latest__art a{width: 90%;margin: auto;background: var(--shiro);display: block;padding: 0.8em 1.2em;color: var(--kuro);border-radius: 1.4em;}

.post_nav{display: grid;grid-template-columns: 1fr 1fr;place-items: center;margin-top: 5%;}
.post_nav a{text-decoration: underline;text-underline-offset: 3px;color: var(--kao);}

.wpcf7 form .wpcf7-response-output{width: fit-content;margin: auto;font-size: 2rem;
    border: none;background: red;color: white;}
.wpcf7 form.sent .wpcf7-response-output{background: var(--mao);}
.wpcf7-response-output.wpcf7-validation-errors{display: block !important;}

@media (min-width:769px) {

.fv__sec{grid-template-columns: 30% 1fr;}
.fv__sec::before{content: "";height: 90%;width: 30%;display: block;position: absolute;transform: translateY(-80px);
background: url(../img/t_grad.svg)no-repeat top / contain;top: 0;left: 5%;z-index: -1;}
.fv_ul{margin:20% auto auto;}
.fv_ul::after{content: "";height: 33%;width: 35%;display: block;position: absolute;
background: url(../img/page_hd.svg)no-repeat top / 100%;top: 0;left:0;z-index: -1;}
.fv__fkds{margin: 5% 0 auto auto;font-size: 2.3rem;transform: translateX(90%);z-index: 5;}
.fv__img{grid-column: 2;margin-left:0;margin-right: auto;width: 95%;border-radius: 1.2em;height: max(500px,70vh);z-index: 2;}

.fv__img img{height: 100%;width: 100%;}
.fv__bottom{grid-column: 1/ 3;grid-row: 2;display: grid;align-items: center;grid-template-columns: 1fr 0.7fr 0.7fr;transform: translateY(-20%);z-index: 3;}
.fv__bottom::before{content: "";height: 400px;width: max(200px,20%);display: block;position: absolute;
top: 0;right: 0;background: url(../img/pc_top.png)no-repeat bottom / contain;transform: translate(0,-80%);z-index: -1;}
.fv_h1{position: relative;transform: unset;width: 100%;text-align: center;}
.fv_b_p{width: 100%;margin: auto;padding: 1.2em 3rem;border-radius: 1.2em;box-shadow: inset 0 40px 40px var(--shiro);}

.top_sec_1{width: 90%;margin-inline: auto;}
.ts1__li{grid-template-columns: 13% 1fr 13%;}
.ts1_point{grid-column: 2;padding: 2.6em 2.6em 2.6em 4.2em;max-width: 680px;margin: auto;}
.ts1_img{max-width: 600px;transform: translateX(-10%);}
.ts1_point h3{font-size: min(5vw,2em);}
.ts1_point.pt__2{grid-column: 2;}
.ts1_img.pt__2{margin-left: auto;transform: translateX(10%);}
.ts1_point p{font-size: 1.8rem;}
.ts_link{font-size: 2rem;}
.top_sec_2{display: grid;grid-template-columns: 1fr 66%;align-items: center;padding-inline: 18%;}
.ts2_img{grid-column: 1;grid-row:1/4;width: 80%;max-width: 400px;}
.top_sec_2 h2,.rs2_p{grid-column: 2;}
.top_sec_2::after{height: 60%;}

.top_sec_3{padding-inline: 3vw;max-width: 1600px;margin: auto;display: grid;grid-template-columns: 0.4fr 0.6fr;align-items: center;column-gap: 3vw;}
.ts3_con_1 a{transform: scale(1.1);}

.ts3_con_2::before,.ts3_con_2::after{border-radius: unset;}
.ts3_c2_ul{margin: 3% auto 12%;}
.ts3_c2_ul li{height: 136px;}
.ts3_con_3{grid-column: 1/3;}

.qa__con{display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;width: 90%;margin: auto;max-width: 1200px;}
.qa__con dd{border-bottom: dashed 2px var(--fao);padding-bottom: 2rem;}

.acc_con{display: grid; grid-template-columns: 1fr 1fr;width: min(90%,1440px);margin-inline: auto;align-items: center;}
.acc_con h2,.acc_con .ts_link{grid-column: 1/3;}

.ft__con{margin-top: 5%;}
.ctf__form{display: grid;grid-template-columns: 1fr 1fr;}
.ctf__form h3{transform: translateY(-20px);margin-left: auto;}
.ctf__form .web_yoyaku{transform: translateY(-40px);margin: 0 auto 0 5%;}
.ctf__form .tel__con{grid-column: 1/3;width: min(90%,900px);margin: auto;display: flex;align-items: center;justify-content: space-evenly;}


.pg__sec_shin{display: grid;grid-template-columns:1fr 1fr;width: min(90%,1200px);gap: 3em;margin: auto;}
.pg_shin_img{grid-column: span 2;height: 400px;}
.pg_shin_img img{height: 100%;object-fit: cover;}
.pg_cl_img{max-width: 700px;margin: auto;}
.pg_cl_con{margin-top: 5%;}
.pg_cl_ul{grid-template-columns: 1fr 1fr;}
.pg_cl_ul li{margin-top: 0;}
.pg_cl_ul li:last-of-type{grid-column: span 2;max-width: 400px;}
.dcoter_sec{padding: 3em 0 6em;width: 90%;max-width: 1260px;
  margin: auto;display: grid;grid-template-columns: 1fr 1fr;}
.pg_dc_img{position: sticky;top: 10%;height: fit-content;}

.sg__def{grid-template-columns:minmax(300px,30%) 1fr;margin-bottom: 8%;}
.sg__aside{grid-column: 1;grid-row: 2;max-width: 400px;margin-left: auto;margin-top: 0;}
.sg__sec{grid-column: 2;grid-row: 2;margin:0 auto auto 5%;font-size: 1.8rem;}
.sg__ttl{grid-column: span 2;}
}



@media (hover:hover){
a{transition: 0.36s ease-in-out;}
.hd__ul li > a:hover{color: var(--or);text-decoration-color: var(--or);}
.hd__ul li > a:hover:before{background: var(--or);}
.hd__ul li > a:hover:after{border-color: var(--or);}
.web_yoyaku a:hover{transform: scale(0.95);}
.ts_link:hover{background: var(--or);color: var(--kuro);border-color: transparent;}
.ts3_con_1 a:hover,.ts3_c2_ul a:hover{color: var(--or);}
.news_item a{border: solid 2px transparent;}
.news_item a:hover{border: solid 2px var(--kao);}
.pg_pager_ul li a:hover{color: var(--kao);background: var(--usao);border-color: var(--kao);}
.pg_lnks_li a:hover{background: var(--kao);transform: translateY(4px);box-shadow: 0 1px var(--kao);color: var(--shiro);}
.breadcrumb_ul a:hover{text-decoration: underline;text-underline-offset: 1px;}
}

.lh_popup{position:fixed;display:none;z-index:9999;bottom: 0;left: 0;right: 0;}
.lh_popup.is-active{display:block}
.lh_popup__bg{position:absolute;inset:0;background:rgba(0, 0, 0, 0.335)}
.lh_popup__box{position:relative;max-width:640px;margin:2vh auto;background:#fffffff1;border-radius:16px;padding:1.6em;width: 95%;box-shadow: 0 0 20px var(--ki);}
.lh_popup__close{position:absolute;top:8px;right:12px;background:transparent;border:none;font-size:28px;line-height:1;cursor:pointer}
.lh_popup__title{font-size:2rem;margin:0 0 12px}
.lh_popup__posttitle a{font-size:18px;margin:.3em 0;color: var(--kao);text-decoration: underline;text-underline-offset: 1px;padding-right: 2em;position: relative;}
.lh_popup__posttitle a::after{content: "";position: absolute;top: 50%;right: 0.5em;display: block;width: 0.6em;height: 1.1em;clip-path: var(--yajirushi);background: var(--or);transform: translateY(-50%);}