@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;600&display=swap');*/
:root {--pcMaxW:75rem; --pcMinW:980px; --pcCntMinW:930px; --spPI:clamp(20px, 10px + 3.125vw, 25px); }
.container {display:flow-root; position:relative; margin-inline:auto; container-type:inline-size;} .navBackdrop {display:none;}
@media (min-width:600px){:where(body,.pageHeader,.pageTitle,main,.pageFooter) {min-width:var(--pcMinW);} .container {width:clamp(var(--pcCntMinW), 94%, var(--pcMaxW));}}
@media not (min-width:600px){html {font-size:90%;} .pageHeader,main,.pageFooter {min-width:320px;} :where(:not(.pageHeader))>.container {margin-inline:var(--spPI);} body.-navOpen .navBackdrop {width:100%; height:100dvh; position:fixed; top:0; left:0; display:block; background:#0007; z-index:500; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}}
/* BASE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@media (min-width:1600px){html {font-size:calc(100% + calc((100vw - 1600px) * .005));}}
@media (min-width:600px){html {scroll-padding-top:10vh;}}
@media not (min-width:600px){html {scroll-padding-top:50px;}}
:root {--themeBL1:#0E70BB; --themeBL2:#62a1d1; --themeBL3:#E0EBF2; --themeGY:#f4f4f4; --themeBK:#3d3d3d;
--arw:url('data:image/svg+xml;charset=UTF-8,');
--arwBL:url('data:image/svg+xml;charset=UTF-8,');}
body {line-height:1.8; font-family:"Inter","Noto Sans JP",sans-serif; font-feature-settings:"pkna"; color:#1a1a1a;}
a {text-decoration:underline; text-decoration-skip-ink:none; text-underline-offset:.24em; color:inherit;}
/* =============== ヘッダ */
.pageHeader {position:relative; z-index:998; background:var(--themeBL1); line-height:1.4; color:#fff;}
.pageHeader :is(li,a) {position:relative;}
.pageHeader img {max-width:100%; max-height:100%; object-fit:contain;}
.pageHeader a {display:block; text-decoration:none;}
@media (min-width:600px){
#spNav {display:none;}
.pageHeader .container {--pcMaxW:100vw; display:flex; justify-content:space-between;}
.pageHeader ._siteName {padding-block:calc(var(--fs2v) * .7);}
.pageHeader ._gnav {display:flex; gap:calc(var(--fs2v) * 1.1);}
.pageHeader :is(nav, ._gnav > li) {display:flex;}
.pageHeader ._gnav > li > a {display:grid; place-content:center;}
.pageHeader ._gnav > li.-contact {align-items:center;}
.pageHeader ._gnav > li.-contact a {padding:.3em min(calc(5.5cqw - 2rem), 2.5rem); border:1px #fff solid; border-radius:2rem;}
}
@media not (min-width:600px){
.pageHeader ._siteName {margin-left:var(--spPI); padding-block:.9rem;}
.pageHeader ._siteName img {width:100px;}
.pageHeader nav {position:absolute; width:100%; max-height:calc(100dvh - 50px); box-shadow:0 4px #0003; opacity:1; overflow:auto; overscroll-behavior:contain; transition:all .2s;}
body:not(.-navOpen) .pageHeader nav {max-height:0; opacity:0; overflow:hidden;}
body:not(.-navOpen) .pageHeader nav :is(a,button,input,select) {display:none;}
.pageHeader ._gnav {background:#3d484f;}
.pageHeader ._gnav > li + li {border-top:1px #8885 solid;}
.pageHeader ._gnav > li > :first-child {padding:.8em var(--spPI); color:#fff;}
/* 開閉ボタン */
#spNav {width:50px; height:100%; position:absolute; top:0; right:0; border:0; background:none; text-align:center; cursor:pointer; --navBtnLineClr:#fff;}
#spNav:before, #spNav:after {content:""; display:block; position:absolute; top:50%; left:50%; translate:-50% -50%; width:60%; height:2px; transition:.15s all;}
#spNav:before {background:var(--navBtnLineClr); box-shadow:0 -7px 0 var(--navBtnLineClr);} #spNav:after {box-shadow:0 7px 0 var(--navBtnLineClr);}
.-navOpen #spNav:before {box-shadow:none; rotate:-45deg;} .-navOpen #spNav:after {background:var(--navBtnLineClr); box-shadow:none; rotate:45deg;}
}
/* ナビ副階層 */
.pageHeader ._gnav > li > :first-child + ul {opacity:0; max-height:0; overflow:hidden; transition:max-height .2s linear, opacity .1s linear;}
.pageHeader ._gnav > li > :first-child + ul > li > a {padding:.8em .625rem; color:#fff;}
.pageHeader ._gnav > li > :first-child + ul ul {padding:0 .6rem .8rem;}
.pageHeader ._gnav > li > :first-child + ul ul a {padding:.6rem .625rem .6rem 1.5rem; color:#fff;}
.pageHeader ._gnav > li > :first-child + ul ul a:before {content:""; display:inline-block; vertical-align:middle; width:.25rem; margin-left:-.25rem; translate:-160% 0; border-top:1px #fff solid;}
.pageHeader ._gnav > li > :first-child + ul > li:not(.sp) + li:before {content:""; position:absolute; z-index:2; top:0; border-top:1px #8885 solid;}
@media (min-width:600px){
.pageHeader ._gnav > li:has(ul) > :first-child:before {content:""; display:block; width:.8rem; height:0; position:absolute; left:50%; bottom:0; translate:-50% 0; background:#3d484f; clip-path:polygon(50% 0, 100% 100%, 0 100%); transition:all .2s;}
.pageHeader ._gnav > li > :first-child:is(:hover,:focus,.-open):before,
.pageHeader ._gnav > li:has(ul:is(:hover,:focus-within)) > :first-child:before {height:.5rem;}
.pageHeader ._gnav > li > :first-child + ul {position:absolute; width:18em; top:100%; left:50%; translate:-50% 0; padding-inline:1rem; background:#3d484f; -webkit-backdrop-filter:saturate(150%) blur(3px); backdrop-filter:saturate(150%) blur(3px);}
.pageHeader ._gnav > li > :is(*:first-child:is(:hover,:focus,.-open) + ul, :first-child + ul:is(:hover,:focus-within)) {opacity:1; max-height:2000px; padding-block:1rem;}
.pageHeader ._gnav > li > :first-child + ul > li + li:before {width:90%; left:5%;}
.pageHeader ._gnav > li > :first-child + ul ul {display:grid; gap:.2rem;}
.pageHeader ._gnav > li > :first-child + ul ul a {background:#fff1;}
}
@media not (min-width:600px){
.pageHeader ._gnav {-webkit-backdrop-filter:saturate(150%) blur(3px); backdrop-filter:saturate(150%) blur(3px);}
.pageHeader ._gnav > li > :first-child:not(:only-child):before, ._gnav > li > :first-child:not(:only-child):after {all:initial; content:""; display:block; position:absolute; right:12px; top:50%; width:10px; margin-top:-1px; border-top:2px #fff solid; transition:all .2s;}
.pageHeader ._gnav > li > :first-child:not(:only-child):not(.-open):after {rotate:90deg;}
.pageHeader ._gnav > li > :first-child + ul {padding-inline:var(--spPI); background:#0003;}
.pageHeader ._gnav > li > :first-child + ul a {padding:.75em var(--spPI) .75em calc(var(--spPI) * 1.5);}
.pageHeader ._gnav > li > :first-child + ul > li + li a:before {width:calc(100% - 40px); left:20px;}
.pageHeader ._gnav > li > :first-child.-open + ul {opacity:1; max-height:2000px;}
.pageHeader ._gnav > li > :first-child:not(.-open) + ul :is(a,button,input,select) {pointer-events:none;}
.pageHeader ._gnav > li > :first-child + ul > li + li:before {width:100%; left:0%;}
.pageHeader ._gnav > li > :first-child + ul ul a {margin-left:1rem; padding-block:.4rem;}
}
/* =============== フッタ */
.pageFooter {position:sticky; top:100vh; width:100%; overflow:hidden;}
.pageFooter a {text-decoration:none;}
.pageFooter :is(._upper, ._upper > *, ._lower, ._lower > *) {position:relative;}
.pageFooter ._upper:before,
.pageFooter ._lower:before {content:""; display:block; width:max(100vw,980px); height:100%; position:absolute; right:50%; top:0; background:var(--bg); box-shadow:99vw 0 0 var(--bg);}
.pageFooter ._upper:before {--bg:var(--themeGY);}
.pageFooter ._lower:before {--bg:var(--themeBL1);}
.pageFooter ._lower:before {--bg:var(--themeBL1);}
.pageFooter ._upper {text-align:center;}
.pageFooter ._upper:after {content:""; display:block; position:absolute; right:0; bottom:0; z-index:0; height:50%; aspect-ratio:1; clip-path:polygon(100% 0, 100% 100%, 0 100%); background:var(--themeBL1); opacity:.1;}
.pageFooter ._upper a {display:block;}
.pageFooter ._upper a:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; scale:3 1;}
.pageFooter ._lower {color:#fff;}
.pageFooter address {margin-top:2.5rem; padding-top:1.5rem; border-top:1px #fff6 solid;}
.pageFooter address > strong {font-size:var(--fs18);}
.pageFooter address > ._body {display:flex; flex-wrap:wrap; gap:0 .8rem; font-size:var(--fs15);}
.pageFooter ._copyright {font-size:var(--fs12);}
@media (min-width:600px){
.pageFooter ._upper a {padding-block:calc(var(--fs2v) * 3);}
.pageFooter ._upper .h2 em {display:inline-block; vertical-align:-16%; margin-right:.3em;}
.pageFooter ._lower {padding-block:3.5rem 2.5rem;}
.pageFooter ._lower ._sitemap {columns:4; column-gap:2rem; line-height:1.33;}
.pageFooter ._lower ._sitemap > li {break-inside:avoid; margin-bottom:1.5rem;}
.pageFooter ._lower ._sitemap > li > a {font-weight:bold; font-size:var(--fs17);}
.pageFooter ._lower ._sitemap > li > a + ul {margin-top:.6rem;}
.pageFooter ._lower ._sitemap > li li + li {margin-top:.4rem;}
.pageFooter ._lower ._sitemap > li ul {font-size:var(--fs15);}
.pageFooter ._lower ._sitemap > li ul ul {margin-block:.6rem .8rem; padding-left:.8rem; border-left:.15rem #fff6 solid;}
.pageFooter ._lower ._sitemap > li:last-of-type > ul > li + li {margin-top:.7rem;}
}
@media not (min-width:600px){
.pageFooter ._upper a {padding-block:2rem;}
.pageFooter ._lower {padding-block:2.5rem 1.5rem;}
.pageFooter ._lower ._sitemap > li:not(:last-of-type) {display:none;}
.pageFooter ._lower ._sitemap > li > ul li:has(a[href*="contact.html"]) {display:none;}
.pageFooter address {line-height:1.5; text-align:center;}
.pageFooter address ._body {justify-content:center; margin-top:.4em;}
.pageFooter ._copyright {margin-top:.4em; text-align:center;}
}
.fixedBtns {display:flex; position:fixed; bottom:0; right:0; z-index:99; background:#222; color:#fff;}
.fixedBtns li + li {box-shadow:-1px 0 0 #fff2;}
.fixedBtns a {display:flex; align-items:center; gap:.3em; text-decoration:none;}
.fixedBtns a i {display:block; aspect-ratio:1;}
.fixedBtns a[href*="022099.jp"] i {background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50% / contain;}
.fixedBtns a[href*="/business/"] i {background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50% / contain;}
.fixedBtns a[href*="contact.html"] i {background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50% / contain;}
@media (min-width:600px){
.fixedBtns a {padding:.8rem 1.2rem;}
.fixedBtns a i {width:1.8em;}
}
@media not (min-width:600px){
.fixedBtns > li {display:flex; line-height:1.2; font-size:var(--fs13);}
.fixedBtns a {padding:.6em .8em .5em;}
.fixedBtns a i {width:2em;}
}
/* =============== メイン */
main {overflow:hidden;}
:where(main .container, main > * > .container) {padding-block:var(--cntPadTop) var(--cntPadBtm);}
.pageTitle:not(:has(._pic)) + .container {padding-top:0;}
@media (min-width:600px){
main {--cntPadTop:calc(var(--fs2v) * 3); --cntPadBtm:calc(var(--fs2v) * 3);}
}
@media not (min-width:600px){
main {--cntPadTop:50px; --cntPadBtm:80px;}
}
/* CUSTOM COMPONENTS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* ページタイトル */
.pageTitle:has(._pic) {display:grid;}
.pageTitle > :is(._txt, ._pic) {grid-column:1/-1; grid-row:1/-1;}
.pageTitle ._txt {position:relative; z-index:2; display:flex; flex-direction:column; justify-content:flex-end;}
.pageTitle:has(._pic) ._txt > * {width:fit-content; padding-inline:1rem; background:#fff;}
.pageTitle ._dirLabel {display:flex; flex-wrap:wrap; align-items:center; margin:0; padding-block:.3em; line-height:1.25; font-weight:900; color:var(--themeBL1);}
.pageTitle ._dirLabel:before {content:""; display:block; width:1.2em; aspect-ratio:1; margin-right:.3em; background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50% / contain;}
.pageTitle ._dirLabel li:not(:last-of-type):after {content:""; display:inline-block; height:1em; margin-inline:.3em; border-left:.14em var(--themeBL1) solid; rotate:25deg; translate:0 13%;}
.pageTitle ._dirLabel a {text-decoration:none;}
.pageTitle h1 {margin-block:.2em; padding-block:.15em; font-weight:900;}
.pageTitle ._sub {padding-block:.1em; font-weight:700; color:var(--themeBL1);}
.pageTitle ._pic {position:relative; min-height:10px; background:#eee;}
.pageTitle ._pic img {width:100%; min-height:100%;}
.pageTitle ._pic:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(185deg, #24547a22 0%, #24547a55 100%);}
@media (min-width:600px){
.pageTitle ._txt {padding-block:calc(var(--fs2v) * 1);}
.pageTitle:not(:has(._pic)) ._txt {width:clamp(var(--pcCntMinW), 94%, var(--pcMaxW)); margin-inline:auto;}
.pageTitle:has(._pic) ._txt {margin-inline:5%;}
.pageTitle:not(:has(._pic)) ._txt {padding-block:calc(var(--fs2v) * 2.4);}
.pageTitle ._dirLabel {font-size:calc(var(--fs2v) * .8125);}
.pageTitle h1 {font-size:calc(var(--fs2v) * 1.875);}
.pageTitle ._sub {font-size:calc(var(--fs2v) * .625);}
.pageTitle ._pic img {height:clamp(25rem, 15.121rem + 16.129vw, 31.25rem);}
}
@media not (min-width:600px){
.pageTitle ._txt {padding:1rem var(--spPI) 1.2rem;}
.pageTitle ._dirLabel {font-size:var(--fs19);}
.pageTitle h1 {font-size:max(var(--fs36),calc(1rem + 4vw));}
.pageTitle ._pic img {height:50vw;}
}
/* H2～H6 */
:root {--fs2v:clamp(1.625rem, 0.388rem + 2.02vw, 2rem); --fsH2:calc(var(--fs2v) * 1.2); --fsH3:var(--fs21); --fsH4:var(--fs19); --fsH5:var(--fs17); --fsH6:1rem; --hllh:calc(1em + .625rem);}
.fsH2 {font-size:var(--fsH2);} .fsH3 {font-size:var(--fsH3);} .fsH4 {font-size:var(--fsH4);} .fsH5 {font-size:var(--fsH5);} .fsH6 {font-size:var(--fsH6);}
:where(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6) {line-height:var(--hllh); font-weight:bold;}
h2:not(.h3,.h4,.h5,.h6), .h2 {margin:2em 0 .8em; font-size:var(--fsH2); font-weight:900;}
:is(h2:not(.h3,.h4,.h5,.h6), .h2):has(em) {font-size:calc(var(--fs2v) * .94);}
:is(h2:not(.h3,.h4,.h5,.h6), .h2) em {display:block; margin-bottom:.2em; line-height:1; -webkit-text-stroke:.15rem var(--themeBL1); text-stroke:.15rem var(--themeBL1); font-size:3.3em; font-family:"Gilroy","Inter",sans-serif; font-weight:900; color:transparent;}
:is(h2:not(.h3,.h4,.h5,.h6), .h2) i {display:block; margin-bottom:.4em; line-height:1; font-style:normal; font-weight:800; font-size:.6em; color:var(--themeBL2);}
h3:not(.h2,.h4,.h5,.h6), .h3 {margin:1.5em 0 .75em; font-size:var(--fsH3);}
h4:not(.h2,.h3,.h5,.h6), .h4 {margin:1.5em 0 .6em; font-size:var(--fsH4);}
h5:not(.h2,.h3,.h4,.h6), .h5 {margin:1.2em 0 .4em; font-size:var(--fsH5);}
h6:not(.h2,.h3,.h4,.h5), .h6 {margin:.8em 0 .2em; font-size:var(--fsH6);}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6):first-child:not(.-mtInit) {margin-top:0;}
@media not (min-width:600px){
:is(h2:not(.h3,.h4,.h5,.h6), .h2) em {font-size:2.8em;}
}
:is(h2,.h2)[data-point] {font-size:calc(var(--fsH2) * .85);}
[data-point]:before {content:"Point " attr(data-point); display:block; margin-bottom:.1em; line-height:1.5; font-family:var(--Gilroy); font-size:.6em; color:var(--themeBL2);}
.BL1 {color:var(--themeBL1);}
.BL2 {color:var(--themeBL2);}
/* .btn */
.btn1 :is(a,button), :is(a,button).btn1 {display:inline-block; min-width:15rem; padding:.8em 1em; border:.15rem var(--themeBL1) solid; border-radius:2rem; background:transparent; text-align:center; text-decoration:none; line-height:1.4; font-size:var(--fs18); font-weight:600; color:var(--themeBL1);}
.btn2 :is(a,button), :is(a,button).btn2 {display:inline-grid; grid-template-columns:auto 1fr; gap:.4rem;}
.btn2 span.-ico i {display:block; width:2.2rem; aspect-ratio:1; border-radius:50%; background:var(--themeBL1) var(--arw) no-repeat 50% 50% / 80%;}
.btn2 span.-ico + span {display:flex; align-items:center;}
.slick-prev, .slick-next {width:1em; height:1em; overflow:hidden;}
.slick-prev:before, .slick-next:before {all:revert; content:""; position:absolute; left:0; top:0; display:block; width:1em; aspect-ratio:1; border-radius:50%; background:#555b; transition:background .1s;}
.slick-prev:hover:before, .slick-next:hover:before {background:#333e;}
.slick-prev:after, .slick-next:after {content:""; position:absolute; left:50%; top:50%; display:block; width:.4em; aspect-ratio:1; border:#fff solid; border-width:.1em .1em 0 0; scale:.7;}
.slick-prev:after {rotate:-135deg; translate:-40% -50%;} .slick-next:after {rotate:45deg; translate:-60% -50%;}
@media (min-width:600px){
.slick-prev, .slick-next {font-size:calc(var(--fs2v) * 1.6);}
}
@media not (min-width:600px){
.slick-prev, .slick-next {font-size:2rem;}
.slick-prev:after, .slick-next:after {border-width:.12em .12em 0 0;}
}
.intvSlide ._item {display:flex; flex-direction:column; background:#fff; box-shadow:0 0 .8rem #0002;}
.intvSlide ._item > img {width:100%; aspect-ratio:1;}
.intvSlide ._item ._txt {flex-grow:1; display:flex; flex-direction:column; padding:1rem 1.2rem;}
.intvSlide ._item ._lead {font-size:var(--fs20); font-weight:bold; color:var(--themeBL1);}
.intvSlide ._item dl {display:grid; grid-template-columns:auto 1fr; margin-bottom:1.5rem;}
.intvSlide ._item dt {display:flex; justify-content:space-between;}
.intvSlide ._item dt:after {content:"："; display:inline-block;}
.intvSlide .btn2 {margin-top:auto; text-align:center;}
.intvSlide .btn2 a {text-decoration:none; font-weight:600; color:var(--themeBL1);}
@media (min-width:600px){
.intvSlide:not(.ofSlide) {display:grid; grid-template-columns:repeat(4,1fr); gap:2.5cqw;}
}
@media not (min-width:600px){
}
.ofSlide {margin-inline:auto;}
.ofSlide .slick-list {overflow:visible;}
.ofSlide .slick-track {display:flex;}
.ofSlide ._item {width:18.75rem; height:revert;}
.ofSlide :is(.slick-prev, .slick-next) {top:revert; bottom:100%; left:revert; right:50%; margin:0;}
.ofSlide.-noArws :is(.slick-prev, .slick-next) {display:none!important;}
@media (min-width:600px){
.ofSlide {--btnOffset:max(50vw,490px); width:37.5rem;}
.ofSlide ._item {margin-inline:calc(var(--fs2v) * .5);}
.ofSlide .slick-prev {translate:calc(var(--btnOffset) - 100% - 3.2rem) -50%;}
.ofSlide .slick-next {translate:calc(var(--btnOffset) - 2.5rem) -50%;}
.spOfSlide :is(.slick-list, .slick-track) {display:contents;}
.spOfSlide .slick-track:before, .spOfSlide .slick-track:after {display:none;}
.spOfSlide ._item[style*="width"] {width:auto!important;}
}
@media not (min-width:600px){
:is(.ofSlide, .spOfSlide) {width:256px;}
:is(.ofSlide, .spOfSlide) ._item {width:240px; margin-inline:8px;}
:is(.ofSlide, .spOfSlide) .slick-prev {translate:calc(50vw - var(--spPI) - 120%) -50%;}
:is(.ofSlide, .spOfSlide) .slick-next {translate:calc(50vw - var(--spPI)) -50%;}
.spOfSlide {margin-inline:auto;}
.spOfSlide .slick-list {overflow:visible;}
.spOfSlide .slick-track {display:flex;}
.spOfSlide ._item {width:18.75rem; height:revert;}
.spOfSlide :is(.slick-prev, .slick-next) {top:revert; bottom:100%; left:revert; right:50%; margin:0;}
.spOfSlide.-noArws :is(.slick-prev, .slick-next) {display:none!important;}
}
.datedList {border:none;}
.datedList dt {color:var(--themeBL1); font-weight:bold;}
.datedList > :is(dt,dd):nth-child(n) {border:none;}
@media (min-width:600px){
.datedList > :is(dt,dd):nth-child(n) {padding-block:1rem;}
}
@media not (min-width:600px){
.datedList > dt {padding-block:1rem .2rem;}
.datedList > dd {padding-top:0;}
}
.indexMenu {display:grid;}
.indexMenu a {display:block; position:relative; text-decoration:none; font-size:calc(var(--fs2v) * .8); font-weight:900; color:var(--themeBL1);}
.indexMenu a ._label {z-index:5;}
.indexMenu.-hasPic a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(185deg,transparent 50%, #24547a44 100%);}
.indexMenu.-hasPic a > img {position:absolute; left:0; top:0; width:100%; height:100%;}
.indexMenu.-hasPic a ._label {position:absolute; left:0; bottom:0; max-width:90%; padding:.2em .8em 0 .4em; background:#fff;}
.indexMenu:not(.-hasPic) a {display:flex; align-items:center; padding:.6em 1em; background:linear-gradient(-45deg, var(--themeBL2) 1em, transparent 1em); box-shadow:0 0 .8rem #0002;}
@media (min-width:600px){
.indexMenu {grid-template-columns:1fr 1fr; gap:4cqw;}
.indexMenu + .indexMenu {margin-top:4cqw;}
.indexMenu.-hasPic a {aspect-ratio:5/3;}
.indexMenu:not(.-hasPic) a {min-height:6em;}
}
@media not (min-width:600px){
.indexMenu {gap:6vw;}
.indexMenu + .indexMenu {margin-top:6vw;}
.indexMenu.-hasPic a {aspect-ratio:2/1;}
.indexMenu:not(.-hasPic) a {min-height:4em;}
}
.innerNav {display:grid; gap:.2rem 1rem; line-height:1.4; font-weight:bold;}
.innerNav > li {position:relative;}
.innerNav > li a {display:block; text-decoration:none;}
.innerNav > li a .-ico {content:""; display:block; aspect-ratio:1; position:absolute; border:50%; border-radius:50%;}
.innerNav.btn2 > li a.-current {color:var(--themeBL1);}
.innerNav.btn2 > li a.-current .-ico i {background:transparent var(--arwBL) no-repeat 50% 50% / 80%; border:2px var(--themeBL1) solid;}
@media (min-width:600px){
.innerNav {grid-template-columns:1fr 1fr 1fr; padding:.8rem;}
.innerNav > li a {padding:1.2rem 0 1.2rem 2.8rem;}
.innerNav > li a .-ico {left:0; top:1.9em; translate:0 -50%;}
}
@media not (min-width:600px){
.innerNav {grid-template-columns:repeat(auto-fill, minmax(13rem,1fr)); padding:1rem .5rem;}
.innerNav > li a {padding:1rem 0 1rem 2.8rem;}
.innerNav > li a .-ico {left:0; top:1.7em; translate:0 -50%;}
}
.featureList {display:grid;}
.featureList :is(._label, ._pic) {text-align:center;}
.featureList ._label {position:relative; display:flex; flex-direction:column; justify-content:center; line-height:var(--hllh); font-size:var(--fsH3); font-weight:900; color:var(--themeBL1);}
.featureList ._label:before {content:attr(data-num); display:block; color:#abca; scale:2.5;}
.featureList ._pic {margin-bottom:.2rem; display:none;}
.featureList ._pic img {aspect-ratio:1; border-radius:50%;}
@media (min-width:600px){
.featureList {grid-template-columns:1fr 1fr 1fr; gap:4.5cqw;}
.featureList:is(:has(>li:nth-of-type(2):last-of-type), :has(>li:nth-of-type(4):last-of-type)) {grid-template-columns:1fr 1fr;}
.featureList > li {display:grid; grid-template-rows:subgrid; gap:1rem;}
.featureList:has(._pic) > li {grid-row:span 3;}
.featureList:not(:has(._pic)) > li {grid-row:span 2;}
.featureList:has([data-num]) ._label {padding-top:2em;}
.featureList ._label:before {position:absolute; left:50%; top:0; translate:-50% 0;}
.featureList ._pic img {width:min(80%, 15rem);}
}
@media not (min-width:600px){
}
/* PAGES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* =============== トップページ */
.home_mv {position:relative;}
.home_mv :is(img,video) {width:100%; height:100%; object-fit:cover; object-position:50% 50%;}
.home_mv ._lead {position:absolute; line-height:1.6; font-weight:900;}
.home_mv ._lead > span {padding:.1em .3em; background:#fff; -webkit-box-decoration-break:clone; box-decoration-break:clone; color:var(--themeBL1);}
.home_mv ._lead > span span {white-space:nowrap;}
.home_sf {background:var(--themeBL3);}
.home_sf h2 {margin:0; color:var(--themeBL1); opacity:.7;}
/*.home_sf h2 em {-webkit-text-stroke:revert; text-stroke:revert; color:var(--themeBL1); opacity:.7;}*/
.home_sf ._pic {position:relative;}
.home_sf ._pic img {object-position:60% 25%;}
.home_business h2 {position:relative; z-index:50; width:fit-content; margin-inline:auto;}
.home_business h2 em:after {content:""; position:absolute; right:0; top:.4em; display:block; height:2em; border-left:1px var(--themeBL1) solid; rotate:45deg; transform-origin:0 100%;}
.home_business ._slide {position:relative;}
.home_business ._slide:before {content:""; height:90%; display:block; position:absolute; left:0; top:0; background:var(--themeBL3);}
.home_business ._slide:not(.slick-initialized) {opacity:0;}
.home_business ._slide ._item > a {position:relative; display:block;}
.home_business ._slide ._item img {width:100%; aspect-ratio:4/3;}
.home_business ._slide ._item ._label {position:absolute; right:0; bottom:0; padding:.2rem .4rem 0 .8rem; background:#fff; font-size:calc(var(--fs2v) * .8); font-weight:800; color:var(--themeBL1);}
.home_business ._slide .slick-prev {left:auto; right:100%;}
.home_business ._slide .slick-next {left:100%; right:auto;}
.home_voice {position:relative;}
.home_voice:before {content:""; display:block; width:100%; position:absolute; left:0; background:var(--themeBL3);}
.home_voice h2 {position:relative; z-index:50; width:fit-content; margin-inline:auto;}
.home_voice h2 em:after {content:""; position:absolute; left:0; top:-.4em; display:block; height:2em; border-left:1px var(--themeBL1) solid; rotate:45deg; transform-origin:0 0;}
.blogBnr {position:relative; background:#e7ecea; overflow:hidden;}
.blogBnr:before {content:""; display:block; aspect-ratio:1; clip-path:polygon(0 0, 100% 0, 0 100%); position:absolute; left:0; z-index:2; background:var(--themeBL2);}
.blogBnr ._txt {position:relative; z-index:3;}
.blogBnr ._label {line-height:var(--hllh); font-size:calc(var(--fs2v) * 1.125); font-weight:bold; color:#fff;}
.blogBnr ._label:after {content:""; display:inline-block; translate:.25em 15%; width:1em; aspect-ratio:1; border-radius:50%; background:#333e var(--arw) no-repeat 50% 50% / 80%;}
.blogBnr a {text-decoration:none;}
.blogBnr a:after {content:""; position:absolute; left:0; top:0; width:300%; height:100%;}
.home_links {position:relative;}
.home_links:before {content:""; display:block; height:100%; position:absolute; left:0; top:0; background:var(--themeBK);}
.home_links ul {position:relative;}
.home_links li {position:relative; overflow:hidden; container-type:inline-size;}
.home_links a {text-decoration:none;}
.home_links img {position:relative;}
.home_links ._label {display:block; background:#0E70BBA8; -webkit-backdrop-filter:blur(.3rem); backdrop-filter:blur(.3rem); font-weight:bold; font-size:var(--fs20); color:#fff;}
.home_links ._label > * {position:relative;}
.home_links ._label:before {content:attr(data-sub); display:block; line-height:1.4; opacity:.5;}
.home_news h2 em {position:relative; -webkit-text-stroke:unset; text-stroke:unset; color:var(--themeBL1); scale:.8; transform-origin:0 80%;}
.home_news h2 em:after {content:""; position:absolute; left:0; top:-.4em; display:block; height:2em; border-left:1px var(--themeBL1) solid; rotate:45deg; transform-origin:0 0;}
@media (min-width:600px){
.home_mv {height:clamp(37.5rem, 13.942rem + 38.462vi, 50rem);}
.home_mv ._lead {left:2.5rem; bottom:15%; font-size:calc(var(--fs2v) * 1.9); translate:0 20%;}
.home_sf .container {display:grid; grid-template-columns:1fr 42%; grid-template-rows:auto 1fr; gap:1.5rem 5cqw;}
.home_sf h2 {grid-column:1/2; grid-row:1/2; translate:-6px 0;}
.home_sf ._pic {grid-column:2/3; grid-row:1/3;}
.home_sf ._pic img {width:calc(100% - 1cqw); height:calc(100% - 1cqw); box-shadow:3cqw 3cqw 0 #fff;}
.home_sf ._txt {grid-column:1/2; grid-row:2/3;}
.home_business ._slide {width:82%; margin:calc(var(--fs2v) * 1.6) auto calc(var(--fs2v) * 2);}
.home_business ._slide:before {width:82%; translate:0 calc(var(--fs2v) * -2.2);}
.home_business ._slide ._item > a {width:82%; margin-left:18%;}
.home_business ._slide .slick-prev {translate:-80% -50%;}
.home_business ._slide .slick-next {translate:80% -50%;}
.home_voice:before {height:calc(67% - var(--fs2v) * 2); top:calc(var(--cntPadTop) + var(--fs2v) * 2);}
.home_voice h2 {margin-bottom:calc(var(--fs2v) * 1.6);}
.home_voice ._vid {margin-bottom:calc(var(--fs2v) * 5);}
.blogBnr:before {top:0; width:40%;}
.blogBnr > img {position:absolute; right:0; top:0; width:70%; height:100%; object-position:100% 50%;}
.blogBnr ._txt {width:fit-content; padding:calc(var(--fs2v) * 1.5);}
.home_voice .blogBnr {margin-top:calc(var(--fs2v) * 2);}
.home_links {margin-top:calc(var(--fs2v) * 3);}
.home_links:before {top:calc(var(--fs2v) * -2); width:90%;}
.home_links ul {display:grid; grid-template-columns:1fr 1fr 1fr; gap:calc(var(--fs2v) * 1.2); padding-inline:5%;}
.home_links ._label {position:absolute; right:0; bottom:0; z-index:1; width:80cqw; padding:.6rem 1.8rem 1rem; text-align:right;}
.home_links ._label:before {font-size:13cqw; white-space:nowrap;}
.home_links ._label:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.home_links ul:has(li:nth-child(2):last-child) {grid-template-columns:1fr 1fr;}
.home_links ul:has(li:nth-child(2):last-child) img {width:100%; aspect-ratio:2/1;}
.home_links ul:has(li:nth-child(2):last-child) ._label {width:54cqw;}
.home_links ul:has(li:nth-child(2):last-child) ._label:before {font-size:8.6cqw;}
.home_news {margin-block:calc(var(--fs2v) * 3);}
.home_news .container {display:grid; grid-template-columns:auto 1fr; grid-template-rows:1fr auto; gap:3rem 8%;}
.home_news .datedList {grid-column:2/3; grid-row:1/3; margin:0; padding-top:3rem;}
.home_news .btn1 {grid-column:1/2; grid-row:2/3; translate:0 -1rem;}
}
@media (min-width:980px){
.home_sf h2 {translate:calc(15cqw - var(--100vw) * .15) 0;}
}
@media not (min-width:600px){
.home_mv {height:75vw;}
.home_mv ._lead {bottom:0; translate:0 5vw; font-size:6.5vw;}
.home_sf h2 {position:relative; z-index:10;}
.home_sf ._pic {margin-block:-1.5rem 3rem; translate:var(--spPI) 0; box-shadow:1.6rem 1.6rem 0 #fff;}
.home_sf .btn1.col2 a {min-width:0;}
.home_business {margin-top:2rem;}
.home_business h2 em:after {right:.4em;}
.home_business ._slide {margin-block:1.6rem 2.4rem;}
.home_business ._slide:before {width:90%; translate:calc(var(--spPI) * -1) -2.6rem;}
.home_business ._slide ._item > a {width:90%; margin-left:10%;}
.home_business ._slide .slick-prev {translate:70% -50%;}
.home_business ._slide .slick-next {translate:-70% -50%;}
.home_voice:before {height:50%; top:5rem;}
.home_voice h2 {margin-bottom:1.6rem;}
.home_voice ._vid {margin-bottom:5rem;}
.blogBnr {width:calc(100% + var(--spPI) * 2); margin-left:calc(var(--spPI) * -1);}
.blogBnr > img {width:100%; aspect-ratio:2/1;}
.blogBnr ._txt {padding:0 var(--spPI) var(--spPI);}
.blogBnr ._label {width:fit-content; margin:-2.5rem 0 1rem calc(var(--spPI) * -1); padding:.8rem var(--spPI); background:#0E70BBA8; -webkit-backdrop-filter:blur(.3rem); backdrop-filter:blur(.3rem); }
.home_voice .blogBnr {margin-top:3rem;}
.home_links {margin-block:3rem; padding-top:3.5rem 1rem;}
.home_links:before {width:80%;}
.home_links li a > img {width:90%; aspect-ratio:5/3;}
.home_links ._label {translate:0 -33%; margin:-2rem 0 0 25%; padding:.4rem var(--spPI) .75rem; text-align:right; -webkit-backdrop-filter:blur(.6rem); backdrop-filter:blur(.6rem);}
.home_links ._label:before {font-size:max(8vw, 2.4rem);}
}
/* =============== 企業様 */
.svcList > ._block {position:relative;}
.svcList > ._block > ._pic img {width:100%; height:100%;}
.svcList > ._block > ._txt {position:relative; background:#fff;}
.svcList > ._block > ._txt:before {content:""; display:block; position:absolute; z-index:-1; background:var(--themeBL3);}
.svcList > ._block > ._txt:after {content:""; display:block; position:absolute; top:0; border-left:1px var(--themeBL1) solid; rotate:45deg;}
.svcList > ._block > ._txt ._label {color:var(--themeBL1);}
.svcList > ._block > ._txt ._label a {text-decoration:none;}
.svcList > ._block > ._txt ._label a:after {content:""; display:block; position:absolute; right:0; bottom:0; width:100%; height:100%;}
.svcList > ._block > ._txt ._btn a {display:flex; flex-direction:column; justify-content:center; align-items:center; width:calc(var(--fs2v) * 2.8); aspect-ratio:1; border:2px var(--themeBL1) solid; border-radius:50%; text-decoration:none; line-height:1; font-size:var(--fs12); font-weight:700; color:var(--themeBL1);}
.svcList > ._block > ._txt ._btn i:before {content:""; display:inline-block; width:calc(var(--fs2v) * 1.3); aspect-ratio:3/1; background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50% / 120%;}
.stepChart > li {position:relative;}
.stepChart > li + li {margin-top:3rem;}
.stepChart ._pic {position:relative;}
.stepChart ._pic img {border-radius:50%;}
.stepChart > li + li:before {content:""; display:block; position:absolute; top:-1.5rem; width:1.6rem; aspect-ratio:2/1; translate:-50% -50%; background:var(--themeBK); clip-path:polygon(0 0, 100% 0, 50% 100%);}
.stepChart ._pic + :where(h3,.h3) {margin-top:0; font-weight:800; color:var(--themeBL1);}
.stepChart ._pic + h3:before,
.stepChart ._pic + .h3:before {content:"Step" attr(data-step); display:block; line-height:1.5; font-size:1rem; color:#abc;}
@media (min-width:600px){
.svcList > ._block {padding-block:calc(var(--fs2v) * 5) calc(var(--fs2v) * 2);}
.svcList > ._block + ._block {margin-top:calc(var(--fs2v) * 4);}
.svcList > ._block > ._pic {position:absolute; top:0; width:calc(var(--vw) * 50 + 20cqw - 2.5vw); min-width:678px; height:28rem;}
.svcList > ._block > ._txt {display:flex; flex-direction:column; width:calc(50cqw + 27.5cqw); min-height:22rem; padding:calc(var(--fs2v) * 1.3) calc(var(--fs2v) * 1.8);}
.svcList > ._block > ._txt:before {bottom:calc(var(--fs2v) * -2); width:calc(100% - 10cqw); height:calc(100% + var(--fs2v) * .5);}
.svcList > ._block > ._txt:after {height:calc(var(--fs2v) * 5); translate:-2.5cqw -25%;}
.svcList > ._block > ._txt ._btn {position:absolute; right:0; bottom:0; translate:10% 10%;}
.svcList > ._block:nth-child(2n+1 of ._block) > ._pic {left:30%;}
.svcList > ._block:nth-child(2n+1 of ._block) > ._txt {margin-left:5%;}
.svcList > ._block:nth-child(2n+1 of ._block) > ._txt:before {left:-5cqw; box-shadow:calc(50cqw - var(--vw) * 42) 0 0 var(--themeBL3);}
.svcList > ._block:nth-child(2n of ._block) > ._pic {right:30%;}
.svcList > ._block:nth-child(2n of ._block) > ._txt {margin-left:22.5%;}
.svcList > ._block:nth-child(2n of ._block) > ._txt:before {right:-5cqw; box-shadow:calc(var(--vw) * 42 - 50cqw) 0 0 var(--themeBL3);}
.svcList > ._block:nth-child(2n of ._block) > ._txt:after {right:0;}
.stepChart > li {display:flex; flex-direction:column; justify-content:center; padding-left:calc(14rem + 3cqw); min-height:14rem;}
.stepChart > li + li:before {left:7rem;}
.stepChart ._pic {position:absolute; left:0; top:0; width:14em;}
.stepChart :where(h3,.h3) {grid-column:2/3; grid-row:1/2;}
.stepChart ._body {grid-column:2/3; grid-row:2/3;}
}
@media not (min-width:600px){
.svcList > ._block {padding-bottom:2rem;}
.svcList > ._block > ._pic img {width:100%; aspect-ratio:3/2;}
.svcList > ._block > ._txt {display:flow-root; padding-block:1.4rem 0; translate:0 -2rem;}
.svcList > ._block > ._txt:after {height:5rem;}
.svcList > ._block > ._txt ._label.h2 {margin-bottom:.3em;}
.svcList > ._block > ._txt ._btn {float:right; transform-origin:100% 100%; scale:.8; margin-top:-1rem;}
.svcList > ._block:nth-child(2n+1 of ._block) > ._pic {margin-left:10%; translate:var(--spPI) 0;}
.svcList > ._block:nth-child(2n+1 of ._block) > ._txt {padding-left:1.6rem; box-shadow:5rem 0 0 #fff, -1rem 2rem 0 var(--themeBL3), -5rem 2rem 0 var(--themeBL3);}
.svcList > ._block:nth-child(2n+1 of ._block) > ._txt:after {left:2vw; translate:0 -40%;}
.svcList > ._block:nth-child(2n of ._block) > ._pic {margin-right:10%; translate:calc(var(--spPI) * -1) 0;}
.svcList > ._block:nth-child(2n of ._block) > ._txt {padding-right:1.6rem; box-shadow:-5rem 0 0 #fff, 1rem 2rem 0 var(--themeBL3), 5rem 2rem 0 var(--themeBL3);}
.svcList > ._block:nth-child(2n of ._block) > ._txt:after {right:2vw; translate:0 -60%;}
.stepChart > li + li:before {left:50%;}
.stepChart ._pic {width:min(50%, 240px); margin:0 auto 1rem;}
.stepChart :where(h3,.h3) {margin-bottom:.3em; text-align:center;}
.stepChart ._body {grid-column:1/3;}
}
.strength_points {display:flex; flex-wrap:wrap; justify-content:center; text-align:center; font-weight:bold;}
.strength_points li {position:relative;}
.strength_points li:before {content:""; display:block; position:absolute; left:50%; top:50%; translate:-50% -50%; aspect-ratio:1; pointer-events:none; border-radius:50%; background:#0001;}
.strength_points b {position:relative; display:block; line-height:1.2; color:var(--themeBL1);}
.strength_mockSlide {margin-inline:auto;}
.strength_mockSlide .slick-list {overflow:visible;}
.strength_mockSlide .slick-track {display:flex;}
.strength_mockSlide ._item {display:flex; flex-direction:column; width:18.75rem; height:revert; background:#fff; box-shadow:0 0 .8rem #0002;}
.strength_mockSlide :is(.slick-prev, .slick-next) {display:none!important;}
@media (min-width:600px){
.strength_points {gap:2cqw;}
.strength_points li {width:15cqw; font-size:2cqw;}
.strength_points li:before {width:7.5em;}
.strength_points b {font-size:3cqw;}
.strength_mockSlide {--btnOffset:max(50vw,490px); width:37.5rem;}
.strength_mockSlide ._item {margin-inline:calc(var(--fs2v) * .5);}
}
@media not (min-width:600px){
.strength_points {gap:8vw 2vw;}
.strength_points li {width:28vw; font-size:5vw;}
.strength_points li:before {width:5em;}
.strength_mockSlide {width:256px;}
.strength_mockSlide ._item {width:240px; margin-inline:8px;}
}
/* =============== 会社情報 */
.cmp_numbers {display:grid;}
.cmp_numbers > li {position:relative; background:var(--themeBL3); text-align:center;}
.cmp_numbers h3 {margin-bottom:.2em;}
.cmp_numbers ._fig {font-weight:900; color:var(--themeBL1);}
.cmp_numbers ._fig small {display:block; line-height:1; font-size:1rem;}
.cmp_numbers ._fig em {display:inline-block; translate:0 .03em; margin-right:.1em; line-height:1; font-size:180%; font-family:"Gilroy",sans-serif; color:#fff;}
.cmp_numbers .-growth ._fig {position:absolute;}
.cmp_numbers .-growth img {width:80%; margin-inline:10%;}
.cmp_his > dt {font-weight:bold; color:var(--themeBL1);}
.cmp_officeList ul {padding-left:1.5rem; border-left:.2em var(--themeBL2) solid;}
.cmp_officeList h3 {margin-bottom:0; color:var(--themeBL1);}
.cmp_officeList h3 + p {margin-top:.3rem;}
@media (min-width:600px){
.cmp_numbers {grid-template-columns:4fr 3fr 3fr; grid-template-rows:1fr 1fr; gap:2cqw;}
.cmp_numbers > li {padding:1.5cqw;}
.cmp_numbers ._fig {font-size:3.8cqw;}
.cmp_numbers ._fig em {-webkit-text-stroke:.15cqw var(--themeBL1); text-stroke:.15cqw var(--themeBL1);}
.cmp_numbers > li:nth-of-type(1) {grid-row:1/3; display:flex; flex-direction:column; justify-content:space-between; padding-bottom:3cqw;}
.cmp_numbers > li:nth-of-type(1) ._fig {bottom:50%; right:50%; translate:-10% 0;}
.cmp_numbers > li:nth-of-type(2) {grid-column:2/3; grid-row:1/2;}
.cmp_numbers > li:nth-of-type(3) {grid-column:3/4; grid-row:1/2;}
.cmp_numbers > li:nth-of-type(4) {grid-column:2/3; grid-row:2/3;}
.cmp_numbers > li:nth-of-type(5) {grid-column:3/4; grid-row:2/3;}
/*
.cmp_msg {display:grid; grid-template-columns:60% 1fr; grid-template-rows:auto 1fr; gap:3cqw 5cqw;}
.cmp_msg ._pic {grid-column:2/3; grid-row:1/3;}
.cmp_msg ._txt {grid-column:1/2; grid-row:2/3;}
*/
.cmp_officeList > section {display:grid; grid-template-columns:calc(var(--fsH2) * 4.5) 1fr;}
.cmp_officeList > section + section {margin-top:var(--fsH2);}
.cmp_officeList ul {display:grid; gap:1.5rem 2rem; grid-template-columns:repeat(auto-fill, minmax(16rem,1fr)); margin:0;}
.cmp_his {display:grid; grid-template-columns:auto 1fr;}
.cmp_his > :is(dt,dd) {padding-block:.8rem;}
.cmp_his > :is(dt,dd):nth-of-type(2n+1) {background:var(--themeBL3);}
.cmp_his > dt {padding-left:2cqw;}
.cmp_his > dd {padding-inline:2cqw;}
}
@media not (min-width:600px){
.cmp_numbers {gap:1.5rem;}
.cmp_numbers > li {padding:var(--spPI);}
.cmp_numbers ._fig {font-size:8vw;}
.cmp_numbers ._fig em {-webkit-text-stroke:.4vw var(--themeBL1); text-stroke:.4vw var(--themeBL1);}
body .cmp_his > :is(dt,dd) {padding-inline:.8rem;}
.cmp_his > :is(dt,dd):nth-of-type(2n+1) {background:var(--themeBL3);}
.cmp_his > dt {padding-top:.6rem;}
.cmp_his > dd {padding-bottom:.6rem;}
}
@media (min-width:600px){
}
@media not (min-width:600px){
}
/* =============== その他 */
.contact_typeSelect {display:grid; grid-template-columns:1fr 1fr; text-align:center; font-weight:bold;}
.contact_typeSelect :is(label,a) {position:relative; display:block; margin:0; padding-block:1rem; background:var(--themeBK); color:#fff; cursor:pointer; transition:all .1s; text-decoration:none;}
.contact_typeSelect :is(label,a):after {content:""; display:block; height:50%; aspect-ratio:1; position:absolute; right:0; bottom:0; background:#fff2; clip-path:polygon(100% 0, 100% 100%, 0 100%);}
body:has(#contact_type1:checked) .contact_typeSelect label[for="contact_type1"],
body:has(#contact_type2:checked) .contact_typeSelect label[for="contact_type2"] {background:var(--themeBL1);}
body:has(#contact_type1:checked) .contact_typeSelect label[for="contact_type2"],
body:has(#contact_type2:checked) .contact_typeSelect label[for="contact_type1"] {opacity:.8;}
.contact_typeSelect ~ form .dlTable {--vPad:1.8rem;}
body:has(#contact_type2:checked) .dlTable :is(dt[data-type="1"],dt[data-type="1"]+dd) {display:none;}
body:has(.contact_typeSelect):not(:has(input[type="radio"][id]:checked)) form {display:none;}
.entryBody img {max-width:100%; height:auto;}
@media (min-width:600px){
.contact_typeSelect {gap:1cqw;}
.contact_typeSelect :is(label,a) {font-size:var(--fs18);}
body:has(#contact_type2:checked) .dlTable {border-top:0;}
}
@media not (min-width:600px){
.contact_typeSelect {gap:2px;}
.contact_typeSelect ~ form .dlTable dd {padding-block:1rem;}
}
/* =============== 口コミ評価 */
[data-rating] {display:inline-block; position:relative; white-space:nowrap; font-weight:bold; color:#e8b400;}
[data-rating]:before {content:"☆☆☆☆☆"; display:inline-block; width:5em; vertical-align:bottom;}
[data-rating]:after {content:"★★★★★"; display:inline-block; width:5em; margin-left:-5em; overflow:hidden; white-space:nowrap; vertical-align:bottom;}
[data-rating="1"]:after,[data-rating="1.0"]:after {width:20%;} [data-rating="1.1"]:after {width:22%;} [data-rating="1.2"]:after {width:24%;} [data-rating="1.3"]:after {width:26%;} [data-rating="1.4"]:after {width:28%;}
[data-rating="1.5"]:after {width:30%;} [data-rating="1.6"]:after {width:32%;} [data-rating="1.7"]:after {width:34%;} [data-rating="1.8"]:after {width:36%;} [data-rating="1.9"]:after {width:38%;}
[data-rating="2"]:after,[data-rating="2.0"]:after {width:40%;} [data-rating="2.1"]:after {width:42%;} [data-rating="2.2"]:after {width:44%;} [data-rating="2.3"]:after {width:46%;} [data-rating="2.4"]:after {width:48%;}
[data-rating="2.5"]:after {width:50%;} [data-rating="2.6"]:after {width:52%;} [data-rating="2.7"]:after {width:54%;} [data-rating="2.8"]:after {width:56%;} [data-rating="2.9"]:after {width:58%;}
[data-rating="3"]:after,[data-rating="3.0"]:after {width:60%;} [data-rating="3.1"]:after {width:62%;} [data-rating="3.2"]:after {width:64%;} [data-rating="3.3"]:after {width:66%;} [data-rating="3.4"]:after {width:68%;}
[data-rating="3.5"]:after {width:70%;} [data-rating="3.6"]:after {width:72%;} [data-rating="3.7"]:after {width:74%;} [data-rating="3.8"]:after {width:76%;} [data-rating="3.9"]:after {width:78%;}
[data-rating="4"]:after,[data-rating="4.0"]:after {width:80%;} [data-rating="4.1"]:after {width:82%;} [data-rating="4.2"]:after {width:84%;} [data-rating="4.3"]:after {width:86%;} [data-rating="4.4"]:after {width:88%;}
[data-rating="4.5"]:after {width:90%;} [data-rating="4.6"]:after {width:92%;} [data-rating="4.7"]:after {width:94%;} [data-rating="4.8"]:after {width:96%;} [data-rating="4.9"]:after {width:98%;}
[data-rating="5"]:after,[data-rating="5.0"]:after {width:100%;}
dl:has(.rvPageElement:empty) :is(dt.rvRateDt, dt.rvRateDt + dd) {display:none;}
.rvRateNumElement {display:inline-block; margin-right:.2em;}