@charset "utf-8";
/* *Adapted from Andy Bell's modern CSS reset MIT License https://andy-bell.co.uk/a-more-modern-css-reset/ 2023/9/18 */
*,::before,::after{box-sizing:border-box}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}
ul[role='list'],ol[role='list']{list-style:none}
body{min-height:100vh}
h1,h2,h3,h4{line-height:1.1;text-wrap:balance}
a:not([class]){text-decoration-skip-ink:auto}
img,picture{max-width:100%}
input,button,textarea,select{font:inherit}
textarea:not([rows]){min-height:10em}
:target{scroll-margin-block:5ex}
/* * Remove the tap delay in webkit @link https://medium.com/@adactio/delay-a9df9edceef3#.7dmbl3xow */
a,button,input,select,textarea,label,summary{touch-action:manipulation}
/*----------------------------------------------
  this-site_style 
-----------------------------------------------*/
/* font-size & font-color  */
:root{--fs10:.625rem;--fs11:.6875rem;--fs12:.75rem;--fs13:.8125rem;--fs14:.875rem;--fs15:.9375rem;--fs16:1rem;--fs17:1.0625rem;--fs18:1.125rem;--fs19:1.1875rem;--fs20:1.25rem;--fs21:1.3125rem;--fs22:1.375rem;--fs23:1.4375rem;--fs24:1.5rem;--fs25:1.5625rem;--fs26:1.625rem;--fs27:1.6875rem;--fs28:1.75rem;--fs29:1.8125rem;--fs30:1.875rem;--fs31:1.9375rem;--fs32:2rem;--fs33:2.0625rem;--fs34:2.125rem;--fs35:2.1875rem;--fs36:2.25rem;--fs37:2.3125rem;--fs38:2.375rem;--fs39:2.4375rem;--fs40:2.5rem;--fs41:2.5625rem;--fs42:2.625rem;--fs43:2.6875rem}

.c-white{color:#fff!important}
.c-black{color:#000!important}
.c-Dgray{color:#555!important}
.c-gray{color:#777!important}
.c-gray2{color:#444!important}
.c-gray-light{color:#999!important}
.c-red,.error{color:red!important}
.c-orange2{color:#fe7f01!important}
.c-orange3{color:#f5420c!important}
.c-blue1{color:#307a87!important}
.c-blue2{color:#42a2b3!important}
.c-green3{color:#96d274!important}
.c-blown{color:#603205!important}
.red-btxt{color:red!important;font-weight:700;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff,1px 2px 1px #0006}
.bg-white{background-color:#fff!important}
.bg-gray{background-color:#efefef!important}
.bg-orange2{background-color:#fe7f01!important}
.bg-beige{background-color:#f5f0e6!important}
.bg-green1{background-color:#68ad74!important}
.bg-pink{background-color:#F7C1C5!important}
.bg-yellow0{background-color:#FCF7C9!important}
.bg-yellow{background-color:#f7ed91!important}
.bg-yellow2{background-color:#f9e621!important}
.bg-blue{background-color:#A2DAEA!important}
.bg-blue2{background-color:#81d2e0!important}
.bg-green-y{background-color:#edf4c6!important}
.bg-yell-grand{background:linear-gradient(to bottom,#ffffadff 0%,#fff0 100%)}

body{margin:0;padding:0;background-color:#fff;color:#0c1b34;font-weight:400;font-size:var(--fs15);line-height:1.6;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif}
@media screen and (min-width: 1025px) {
	body{font-size:var(--fs16);line-height:1.8}
}
@media screen and (min-width: 1400px) {
	body{font-size:var(--fs18);line-height:2}
}

a,a:link,a:visited{color:inherit;cursor:pointer}
a:hover{transition:all .2s ease}
main a:hover{color:#258FAF;text-decoration:underline}
a:hover img{opacity:.7}
a,a:link,a:active,a:visited{color:#003b91}
.js-focus-visible :focus:not(.focus-visible){outline:0}

/* telリンク有効無効の切り替え＝通話機能ありデバイスのみtelのリンク適用 */
@media (pointer: fine), (hover: hover) {
  a:where([href^="tel:"]) {pointer-events:none;text-decoration: none;color: inherit}
}

/* リンク領域拡張 / 拡張元エリアにはposition: relative;指定が必要*/
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";pointer-events:auto}
.box-link{position:relative;cursor:pointer}
.box-link a{text-decoration:none}
.box-link:hover,.box-link:hover a{color:#258FAF;text-decoration:none}
.box-link:hover .ttl-2::after{left:.5em}
.box-link.double-blue{background-image:linear-gradient(-50deg,#42afca 50%,#36a5c1 50%,#36a5c1);color:#fff}
.box-link.double-green{background-image:linear-gradient(-50deg,#89ba38 50%,#70b72b 50%,#70b72b);color:#fff}
.box-link.double-blue a,.box-link.double-green a{color:#fff}
.box-link.double-blue:hover,.box-link.double-green:hover{opacity:.8;transition:all .3s}

p,dl,dt,dd,ul,ol,li{margin:0}
em,i{font-style:normal;line-height:inherit}
strong,b{font-weight:700;line-height:inherit}
small{font-size:var(--fs14);line-height:inherit}
figure,div{margin:0;padding:0}
iframe,object,table,td,textarea,video{max-width:100%;height:auto}
.movie iframe{max-width:100%;min-height:315px!important}
mark{background:#FCF170}
mark.orange{background:#ed6b1a;color:#fff}
mark.blue{background:#a2daea}
/*  img ＆ inline-img ------------------ */
.img-inner-left,.img-inner-left2,.img-inner-right,.img-inner-right2,.img-inner-right.max50{display:block;position:relative;top:0;max-width:100%;height:auto;margin-right:auto;margin-left:auto}
.img-inner-left.max30{max-width:30%;width:auto;height:auto;}
@media (min-width: 768px) {
	.img-inner-left{float:left;padding-right:1em}
	.img-inner-left.max50{float:left;max-width:50%;padding-right:1em}
	.img-inner-right{float:right;margin-left:1em}
	.img-inner-right.pozi-30{position:relative;margin-top:-3em}
	.img-inner-right.max50{max-width:50%;padding-bottom:1em;padding-left:1em}
}
@media (min-width: 1024px) {
	.img-inner-left2{float:left;padding-right:1em}
}
@media (min-width: 1400px) {
	.img-inner-right2{float:right;margin-left:1em}
}
.f-right-responsive{display:block;max-width:100%;height:auto}
@media (min-width:641px) {
	.f-right-responsive{float:right;max-width:50%;padding-left:10px}
}
.f-right-inner50{float:right;max-width:50%;height:auto;margin-left:10px}
.img-responsive{display:block;max-width:100%;height:auto}
.f-left-inner50{float:left;max-width:50%;height:auto;margin-right:10px;padding-right:20px}
.img-fit-cover{object-fit:cover}
.img-fit-contain{object-fit:contain}

.img-fit-container{position:relative;z-index:1;overflow:hidden;width:160px;height:250px;margin-bottom:1em}
.img-fit-container img{width:100%;height:100%;object-fit:cover;object-position:top left}
.img-container--flex-box{display:flex;position:relative}
.img-container--flex-box img{margin:auto}

.radius50{max-width:100%;padding:1em;border-radius:45% 45% 45% 45%}
/* margin & padding */
.m-auto{margin-right:auto!important;margin-left:auto!important}
.m-05em{margin:.5em!important}
.m-10em{margin:1em!important}
.m-x05em{margin-right:.5em!important;margin-left:.5em!important}
.m-y05em{margin-top:.5em!important;margin-bottom:.5em!important}
.m-y10em{margin-top:1em!important;margin-bottom:1em!important}
.m-y15em{margin-top:1.5em!important;margin-bottom:1.5em!important}
.m-top00{margin-top:0!important}
.m-top-10px{margin-top:-10px!important}
.m-top-05em{margin-top:-.5em!important}
.m-top-10em{margin-top:-1em!important}
.m-top-20em{margin-top:-2em!important}
.m-top-30em{margin-top:-3em!important;margin-bottom:2em!important}
@media (min-width: 1400px) {
	.m-top-30em{z-index:-1;margin-top:0!important}
}
.m-top05em{margin-top:.5em!important}
.m-top10em{margin-top:1em!important}
.m-top15em{margin-top:1.5em!important}
.m-top20em{margin-top:2em!important}
.m-top25em{margin-top:2.5em!important}
.m-top30em{margin-top:3em!important}
.m-top40em{margin-top:4em!important}
.m-end-05em{margin-bottom:-.5em!important}
.m-end00{margin-bottom:0!important}
.m-end01em{margin-bottom:.1em!important}
.m-end02em{margin-bottom:.2em!important}
.m-end05em{margin-bottom:.5em!important}
.m-end07em{margin-bottom:.7em!important}
.m-end10em{margin-bottom:1em!important}
.m-end12em{margin-bottom:1.2em!important}
.m-end15em{margin-bottom:1.5em!important}
.m-end20em{margin-bottom:2em!important}
.m-end30em{margin-bottom:3em!important}
.m-le05em{margin-left:.5em!important}
.m-le10em{margin-left:1em!important}
.m-le20em{margin-left:2em!important}
.m-ri05em{margin-right:.5em!important}
.m-ri10em{margin-right:1em!important}
.m-ri20em{margin-right:2em!important}

.p-5px{padding:5px!important}
.p-05em{padding:.5em!important}
.p-10em{padding:1em!important}
.p-top00{padding-top:0!important}
.p-top10px{padding-top:10px!important}
.p-top10em{padding-top:1em!important}
.p-top15em{padding-top:1.5em!important}
.p-top20em{padding-top:2em!important}
.p-top30em{padding-top:3em!important}
.p-end00{padding-bottom:0!important}
.p-end05em{padding-bottom:.5em!important}
.p-end10em{padding-bottom:1em!important}
.p-end15em{padding-bottom:1.5em!important}
.p-end20em{padding-bottom:2em!important}
.p-le00{padding-left:0!important}
.p-le05em{padding-left:.5em!important}
.p-le10em{padding-left:1em!important}
.p-le20em{padding-left:2em!important}
.p-le30em{padding-left:3em!important}
.p-ri10em{padding-right:1em!important}
.p-ri15em{padding-right:1.5em!important}
.p-x05em{padding-right:.5em!important;padding-left:.5em!important}
.p-x10em{padding-right:1em!important;padding-left:1em!important}
.p-x15rem{padding-right:1.5rem!important;padding-left:1.5rem!important}
.p-xy04em{padding:.4em!important}
.p-y05em{padding-top:.5em!important;padding-bottom:.5em!important}
.p-y20em{padding-top:2em!important;padding-bottom:2em!important}
.p-y00{padding-top:0!important;padding-bottom:0!important}

/* コンテンツ汎用スタイルsite-base ---------------------- */
main p{margin-bottom:1em;line-height:inherit;text-align:justify}
ul{list-style-type:none}
main ul{margin-bottom:1em;padding:0;line-height:inherit}
main li{margin-bottom:.5em}
nav ul{margin-left:0;padding-left:0}
nav ul a{text-decoration:none}
.nav-utlity{display:flex;flex-wrap:wrap;justify-content:space-between}
ul.nav-utlity{margin:0;padding-left:0}
.nav-utlity li{font-size:var(--fs14);line-height:1.5;text-align:center}
.nav-utlity.list-4 li{width:50%}
.nav-utlity.list-6 li{width:33%}
@media (min-width: 768px) {
	.nav-utlity.list-4 li{width:25%}
	.nav-utlity li{font-size:var(--fs15)}
}
@media (min-width: 1024px) {
	.nav-utlity.list-6 li{width:16.5%}
}
.nav-utlity li a:active,.nav-utlity li a:visited{color:#000}
.nav-utlity li a{display:block;width:100%;padding:.5rem;text-decoration:none}
.nav-utlity li a:hover{opacity:.8}
.nav-utlity.blognav4{justify-content:center}
.nav-utlity.blognav4 li{display:inline-flex;align-items:center;width:25%;margin:0 -1px -1px 0;font-size:clamp(.975rem,1vw,1.2rem);line-height:1.2;text-align:center;text-wrap:balance;border-left:1px solid #2d7263}
.nav-utlity.blognav4 li:last-child{border-right:1px solid #2d7263}

/* footer-area*/
footer .nav-utlity li a:active,footer .nav-utlity li a:visited{color:#ccc}
.flex-container{display:flex;flex-direction:column;min-height:100vh}
.flex-footer{margin-top:auto}
footer p{padding-bottom:1em;color:#ccc;font-size:var(--fs13);line-height:1.4}
footer a:hover{text-decoration:none}
footer .nav-utlity{max-width:1140px;margin-right:auto;margin-left:auto}
.footLink{margin:0 auto;background-color:#2a2525;text-align:center}
.footLink li.large{width:100%}
.footLink li a{color:#ccc;text-decoration:none;outline:none;border-left:1px solid #7B7873;border-bottom:1px solid #7B7873}
.footLink li a:hover{background: rgba(255, 255, 255, .1);color:#ccc}
.foot-picknav{background:#54514f}
.foot-picknav li{width:50%}
@media only screen and (min-width: 1024px) {
	.footLink li a,.footLink li:first-child a,.foot-picknav li:first-child a{margin:0;border:none}
	.footLink li a:nth-child(odd){border-right:none}
	.foot-picknav li a:nth-child(odd){border-right:none}
	.footLink li.left-line a{border-left:none}
}
.foot-copy{padding:1.5em 1em;background-color:var(--bg-foot-copy);color:#ccc;font-size:var(--fs13)!important;line-height:1.4;text-align:center}
.page-top{display:flex;align-items:center;justify-content:center;position:fixed;right:15px;bottom:5px;z-index:100;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#54514f;cursor:pointer;outline:none;transition:all .3s ease;appearance:none}
@media only screen and (min-width: 1024px) {
	.page-top{right:20px;bottom:100px}
}
.page-top::before{position:absolute;top:10px;transform:rotate(-45deg);width:20px;height:20px;content:"";border-top:solid 3px #fff;border-right:solid 3px #fff}
.page-top:hover{background:#9e8923}
.page-top a{display:block;padding:12px 10px 8px;color:#fff;text-decoration:none}
.page-top span{display:block;padding-top:6px;font-size:var(--fs13)}
.page-top a::after{position:absolute;top:-5px;left:-5px;width:60px;height:60px;content:""}
.foot-copy{padding:1.5em 1em;background-color:var(--bg-foot-copy);color:#ccc;font-size:var(--fs13)!important;line-height:1.4;text-align:center}

/* list-style */
.inside-num li{list-style-position:inside}
.list-disc li{margin-left:1em;list-style:disc}
.list-disc.orange li::marker{color:#ff8c00}
.list-circle li{margin-left:1em;list-style:circle}
.kizi{margin-bottom:1.5em}
.kizi li{font-size:var(--fs16);line-height:2;border-top:1px solid #ddd}
.kizi li:last-child{padding-bottom:.5em;border-bottom:1px solid #ddd}
.kizi li a{display:block;padding:.5em .5em 0;text-decoration:none}
.list-decimal li{margin-left:1em;list-style:decimal}
.pickup .check-list li{margin-bottom:0;padding:.4em 0 0 1.8em}
ul.check-list{margin-bottom:0}
.check-list li{position:relative;padding-left:1.5em;list-style:none}
.check-list li::before{position:absolute;left:0;color:#fc9218;content:"\2714\2004"}
@media (min-width: 992px) {
	.check-list li::before{left:.5em}
}
ol.number{margin-left:.2em;list-style:none;counter-reset:li}
ol.number li{position:relative;padding-left:1.4em}
ol.number li::before{position:absolute;top:-5px;left:-1rem;transform:scale(0.8,1);width:1em;color:#ff8300;font-size:2.5em;text-align:center;counter-increment:li;content:counter(li)}
li.no-style{margin-top:0;list-style:none!important}

/* dl  */
.news-item dl{display:flex;flex-flow:row wrap;margin:0;font-size:var(--fs16);border-top:1px solid #ddd}
.news-item dl:last-of-type{border-bottom:1px solid #ddd}
.news-item dl a{display:block;text-decoration:none}
.news-item dl>dt,.news-item dl>dd{width:100%;padding:.5em 0;line-height:1.2}
@media (min-width: 768px) {
	.news-item dl>dt{width:25%;margin-right:5%;line-height:2}
	.news-item dl>dd{width:70%;line-height:2}
}
dl.list-dl{display:flex;flex-flow:row wrap;margin-bottom:1em;font-size:var(--fs14);border-top:1px solid #ddd}
dl.list-dl>dt{width:40%;padding:.9em 0;font-size:var(--fs14);line-height:1.4;border-bottom:1px solid #ddd}
dl.list-dl>dt span{padding:4px 10px;border-radius:1em;background-color:#d8f2fc;font-size:var(--fs14);letter-spacing:-1px}
dl.list-dl>dd{width:60%;padding:.4em 0;line-height:1.4;border-bottom:1px solid #ddd}
@media (min-width: 992px) {
	dl.list-dl{font-size:var(--fs16)}
	dl.list-dl>dt{width:30%;font-size:var(--fs16)}
	dl.list-dl>dd{width:70%;font-size:var(--fs16)}
}
@media (min-width: 1200px) {
	dl.list-dl>dt span{letter-spacing:0}
}
.dotunder dt{margin:1.5em 0 .5em;padding:3px 5px 2px 0;line-height:1.5;border-bottom:1px dotted #333}
@media (min-width: 1200px) {
	.dotunder dt{font-size:var(--fs21)}
}
.dotunder.attention dt:first-child{margin-top:1em}
.dotunder.attention dt{margin:1.5em 0 .5em;padding:0 0 2px;color:#000;line-height:1.4}
.dotunder.attention dt mark{padding:5px 8px;background:#fae678}
.dotunder.attention dt:before{padding:5px 5px 5px 6px;background:#fcaf17;color:#fff;font-family:Arial,Helvetica,sans-serif;content:"Q."}
.dotunder.attention dt.focus:before{content:"!"}

/*details＝アコーディオン表示 */
details{font-size:var(--fs15)}
details>summary:first-of-type{display:list-item;list-style:inside disclosure-closed;counter-increment:list-item 0}
summary{display:block;position:relative;padding:.5em 1.5em .5em .5em;background-color:#f2dd70;list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary:hover,details[open] summary{background-color:#f7ed91}
.qa-item details>summary:first-of-type{list-style:none}
.qa-item summary{margin-bottom:1em;border-radius:40px;background-color:#f7ed91}
.qa-item summary::before{margin:8px 16px 8px 8px;padding:5px;border-radius:50%;background-color:#fff;font-weight:700;font-size:var(--fs16);font-family:Times New Roman;content:"Q."}
summary::after{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-weight:700;font-size:var(--fs20);content:"+";transition:transform .5s}
@media (min-width: 992px) {
	details{font-size:var(--fs16)}
	.qa-item summary::before{font-size:var(--fs20)}
	summary::after{right:30px;font-weight:400;font-size:var(--fs30)}
}
@media (min-width: 1400px) {
	details{font-size:var(--fs18)}
}
details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.answer{margin-top:-.5em;padding:.5em 1em}
main .answer p{margin-bottom:1.5em!important}
details[open] .answer{-webkit-animation:fadein .5s ease;animation:fadein .5s ease}
@keyframes fadein {
	0%{opacity:0}
	100%{opacity:1}
}

/*bottun-style */
.btn,.border-btn{display:flex;align-items:center;justify-content:center}
.btn img,.border-btn img{position:relative;right:.5em}
.list-2{display:flex;flex-wrap:wrap;justify-content:center}
.list-2 .btn,.list-2 .border-btn{margin:.5em}
.w-par100{width:100%}
.w-par50{width:50%}
.w-px300{min-width:300px}
.btn a,.border-btn a{display:inline-block;position:relative;padding:.5em 2.5em;border-radius:4px;font-size:var(--fs20);text-decoration:none;letter-spacing:1px}
.btn a{background-color:#F60;color:#fff}
.btn a::after,.border-btn a::after{position:absolute;top:39%;right:25px;transform:rotate(45deg);width:12px;height:12px;content:"";transition:.3s}
.btn a::after{border-top:2px solid #fff;border-right:2px solid #fff}
.btn a:hover{background-color:#F90;color:#fff;text-decoration:none}
.btn a:hover::after{right:18px}
.border-btn a{border:1px solid #2d7263;border-radius:50px;background-color:#fff;color:#000;color:#2d7263}
.border-btn a::after{border-top:2px solid #258FAF;border-right:2px solid #258FAF}
.border-btn a:hover{background-color:#edf7fc;color:#258FAF;text-decoration:none}
.border-btn a:hover::after{right:18px}
.btn-y{position:relative;border-radius:4px;background-color:#F1E045;color:#000;font-size:18px;line-height:2;text-align:center;letter-spacing:1px}
.btn-y::after{position:absolute;top:.7em;right:25px;transform:rotate(45deg);width:12px;height:12px;content:"";transition:.3s;border-top:1px solid #000;border-right:1px solid #000}
.btn-y:hover{background-color:#F4E879}
a .btn-y:hover::after{right:18px}

/* 吹き出し --------------------- */
.fukidashi-Line2{position:relative;max-width:100%;margin:1.5em 0 .5em;padding:15px 10px 12px;border:2px solid #3E3D40;border-radius:45% 45% 45% 45%;text-align:center}
#index .fukidashi-Line2{overflow:hidden;background-color:#f5d536b3}
.fukidashi-Line2 .catchcopy-img{width:72px;height:49px;margin:.5em 0}
@media screen and (min-width: 1024px) {
	.fukidashi-Line2 .catchcopy-img{width:103px;height:70px}
}
.fukidashi-Line2.max-w32{max-width:32em}
.main1_img{margin-top:-20px}
@media screen and (min-width: 600px) {
	.main1_img{margin-top:-150px}
}
@media screen and (min-width: 667px) and (max-width: 800px) {
	.main1_img{margin-top:-100px}
}
@media screen and (min-width: 768px) {
	.main1_img{margin-top:2em}
}
.fukidashi-Line{position:relative;width:inherit;margin:.8em 0 .5em;padding:15px 15px 20px;border:1px solid #333;border-radius:70% 70% 65% 65%;text-align:center}
.fukidashi-Line.w18em{width:18em}
.fukidashi-Line.top-arai{width:18em;margin-top:2.5em;background-color:#42a2b3;color:#fff}
.fukidashi-Line.top-arai:before{bottom:-8px}
.fukidashi-Line.top-arai:after{bottom:-7px;border-color:#42a2b3 #0000}
.fukidashi-Line.top-arai>p{padding-top:2em;line-height:1.6;text-align:center}
.fukidashi-Line:before{display:block;position:absolute;bottom:-4px;left:81px;width:0;border-width:11px 8px 0;border-style:solid;border-color:#333 #0000;content:""}
.fukidashi-Line:after{display:block;position:absolute;bottom:-3px;left:81px;width:0;border-width:14px 8px 0;border-style:solid;border-color:#fff #0000;content:""}
@media (min-width : 501px) {
	.fukidashi-Line.top-arai:before{left:135px}
	.fukidashi-Line.top-arai:after{left:135px}
}
.message.fukidashi-Line{width:14em;max-width:70%;margin-bottom:-150px;margin-left:80px;padding:1em}
.item5 .fukidashi-Line:before,.item5 .fukidashi-Line:after,.message.fukidashi-Line:before,.message.fukidashi-Line:after{display:none}

/* feature-page */
.feature1{padding-bottom:195px;background:url(../image/feature_1.png) no-repeat center bottom}
.feature2{padding-bottom:170px;background:url(../image/feature2_2.webp) no-repeat center bottom}
.feature3{padding-bottom:160px;background:url(../image/delibary-map2s.png) no-repeat center bottom}
.feature5{padding-bottom:175px;background:url(../image/feature_5.png) no-repeat center bottom}

/* table-style */
table{table-layout:fixed;width:100%;max-width:100%;margin-bottom:1.5em;border-collapse:collapse;border-spacing:0;word-wrap:break-word}
caption,th,td{text-align:left;vertical-align:top}
table caption{margin:1em 0 .5em;padding-left:10px;font-size:var(--fs21);text-transform:uppercase;border-left:4px double #CCC}
th{font-weight:700}
th,td{empty-cells:show;padding:.5em 1em;border-bottom:1px solid #ddd}
td p:last-child{margin-bottom:0}
.w12em{width:100%}
.t-respon{border:none}
.t-respon tr:first-child{border-top:1px solid silver!important}
.t-respon th,.t-respon tr,.t-respon td{display:block}
.t-respon th{padding:.5em .8em 0;padding:.5em 0 0;border:none}
.t-respon td{padding:.5em .8em;padding:.5em 0}
@media (min-width: 768px) {
	.w12em{width:12em}
	.t-respon{display:table;border-collapse:collapse}
	.t-respon.w30 th{width:30%!important}
	.t-respon th,.t-respon td{display:table-cell;padding:.6em 1em;border-collapse:collapse;line-height:1.6;border-bottom:1px solid silver}
	.t-respon.flow td{padding:1em}
	.t-respon tr{display:table-row;border:none}
	.t-respon th{font-weight:600}
}
.t-respon.flow th{font-size:var(--fs26);text-align:center;letter-spacing:2px}
.t-respon.flow th i{display:block;position:relative;margin:0 auto .5em;content:url(../image/arrow-down.svg)}
.t-respon.flow th .number{padding-right:5px;color:#ff8300;font-style:italic;font-size:42px;letter-spacing:0}

/*  配置＆位置｜表示非表示 */
.relative{position:relative!important}
.top-10px{top:-10px}
.clearfix::after{display:table;clear:both;content:' '}
.z1{z-index:1}
.z-1{z-index:-2}
.centered{display:block;float:none;margin-right:auto!important;margin-left:auto!important}
.block{display:block}
.inline{display:inline}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.hide{display:none!important}
.visible{visibility:visible}
.invisible{visibility:hidden}
.overflow-h{overflow:hidden}
.no-script{position:fixed;top:0;z-index:9;width:80%;padding:1rem;background:rgba(0, 0, 0, .7);color:#fff}
.text-assistive{position:absolute;overflow:hidden;width:.1rem;height:.1rem;margin:-.1rem;padding:0;border:0;clip:rect(0,0,0,0)}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.text-center>*{text-align:center!important}
.mobi-left.text-center{text-align:left!important}
.text-right.mobi-center{text-align:center!important}
@media screen and (min-width: 481px) {
	.text-right.mobi-center{text-align:right!important}
}
@media screen and (min-width: 768px) {
	.mobi-left.text-center,.mobi-left.text-center p{text-align:center!important}
}
.text-justify{text-align:justify!important}
.text-wrap{text-wrap:wrap!important}
.text-lowercase{text-transform:lowercase!important}
.text-uppercase{text-transform:uppercase!important}
.text-capitalize{text-transform:capitalize!important}
.text-normal{font-weight:400!important}
.text-bold{font-weight:700!important}
.text-italic{font-style:italic!important}
.text-nowrap{white-space:nowrap}
.t-shadow1{text-shadow:1px 1px 2px #0006}
.t-shadow2{text-shadow:1px 0 1px #0006}

/* headings,p＆追加class設定font-size */
h1{margin:0 auto 1em;color:inherit;font-size:clamp(var(--fs26),3vw,var(--fs38));line-height:1.2;text-align:center;letter-spacing:.1em}
main h1{margin:1em auto 1.2em}
.ttl_read{position:relative;margin-left:20px}
h2{margin:0 0 1em;color:inherit;font-size:clamp(var(--fs24),3vw,var(--fs36));text-align:center}
#next main h2{font-size:clamp(var(--fs24),3vw,var(--fs32))}
@media screen and (min-width: 768px) {
	h1{margin:1em auto 1.6em}
	main h1{margin:1.5em auto;font-weight:400}
	h2{font-weight:400}
}
h3{margin:.5em 0;font-size:clamp(var(--fs19),3vw,var(--fs24))}
.ttl-1{position:relative;margin-bottom:.625rem;font-weight:700;font-size:var(--fs23);line-height:1.4;text-align:center}
.ttl-2{position:relative;margin:1em 0 .5em;font-weight:700;font-size:var(--fs21);text-align:center}
@media (min-width: 992px) {
	.ttl-1{font-size:clamp(var(--fs23),1.5vw,var(--fs30))}
	.ttl-2{font-weight:400;font-size:clamp(var(--fs23),1.5vw,var(--fs28))}
}
.ttl-3{position:relative;margin:1em 0 .5em;font-weight:700;font-size:clamp(var(--fs20),2vw,var(--fs24));text-align:center}
.arrow::after{position:relative;content:"\3009"}
.i-kirin{padding:10px 0 0 30px;background:url(../image/icon-kirin.png) no-repeat left top!important}
.gnav-all .i-kirin{background-image:url(../image/icon-kirin.png);background-size:cover}
h4{margin-bottom:.5em;color:inherit;font-size:clamp(var(--fs18),2vw,var(--fs21))}
h5{margin-top:0;font-size:var(--fs20);line-height:1.2}
.sub-ttl{font-weight:700;font-size:var(--fs21);text-align:center}
@media (min-width: 1200px) {
	.sub-ttl{font-size:clamp(var(--fs21),1.5vw,var(--fs26))}
}
.ttl_big{margin-bottom:1em;padding-top:0;font-size:var(--fs21);line-height:1.4}
@media only screen and (min-width: 412px) {
	.ttl_big{font-size:var(--fs24)}
}
@media only screen and (min-width: 768px) {
	.ttl_big{padding-top:1em;font-size:var(--fs36)}
}
/* font-style ＆ size & */
.f-smaller{font-size:smaller!important}
.f-larger{font-size:larger!important}
.text-large{font-size:1.1em}
.text-large2{font-size:1.5em}
.fs13{font-size:var(--fs13)!important}
.fs14{font-size:var(--fs13)!important}
@media screen and (min-width: 376px) {
	.fs14{font-size:var(--fs14)!important}
}
.fs15{font-size:var(--fs14)!important}
@media screen and (min-width: 768px) {
	.fs15{font-size:var(--fs15)!important}
}
.fs16-15-1vw{font-size:clamp(var(--fs15),1vw,var(--fs16))!important}
.fs17-16-1vw{font-size:clamp(var(--fs16),1vw,var(--fs17))!important}
.fs18-16-1vw{font-size:clamp(var(--fs16),1vw,var(--fs18))!important}
.fs20-18-1vw{font-size:clamp(var(--fs18),1vw,var(--fs20))!important}
.fs21-17-15vw{font-size:clamp(var(--fs17),1.5vw,var(--fs21))!important}
.fs24-18-1vw{font-size:clamp(var(--fs18),1vw,var(--fs24))!important}
.fs24-15-2vw{font-size:clamp(var(--fs15),2vw,var(--fs24))!important}
.fs24-18-3vw{font-size:clamp(var(--fs18),3vw,var(--fs24))!important}
.fs29-18-1vw{font-size:clamp(var(--fs18),1vw,var(--fs29))!important}
.fs29-18-2vw{font-size:clamp(var(--fs18),2vw,var(--fs29))!important}
.fs32-21-3vw{font-size:clamp(var(--fs21),2vw,var(--fs32))!important}
.fs36-24-3vw{font-size:clamp(var(--fs24),3vw,var(--fs36))!important}
.fs42-32-3vw{font-size:clamp(var(--fs32),3vw,var(--fs42))!important}

/* line-height ＆letter-spacing ＆ border*/
.line-hi08{line-height:.8!important}
.line-hi10{line-height:1!important}
.line-hi12{line-height:1.2!important}
.line-hi13{line-height:1.3!important}
.line-hi14{line-height:1.4!important}
.line-hi15{line-height:1.5!important}
.line-hi16{line-height:1.6!important}
.line-hi18{line-height:1.8!important}
.spacing-1p{letter-spacing:-1px}
.spacing-2p{letter-spacing:-2px}
.spacing1p{letter-spacing:1px}
.spacing2p{letter-spacing:2px}
@media (min-width:1024px) {
	.spac-01{letter-spacing:2px}
}

/* border-style / shadows / * under-line / box-style */
.bor1-333{border:1px solid #333}
.bor1-ccc{border:1px solid #ccc}
.bor2-Dorange{border:2px solid #ff8c00!important}
.radius04{border-radius:4px!important}
.radius10{border-radius:10px!important}
.radius15{border-radius:15px!important}
.radius45{border-radius:45%!important}
.radius50{border-radius:50%}
.clip-arrow-bg{background-color:#f5f0e6;clip-path:polygon(79% 0,100% 50%,79% 100%,0% 100%,0 51%,0% 0%)}
.notborder{border:none!important}
.u_line-g{padding-right:5px;padding-left:5px;background:linear-gradient(transparent 80%,#7DB988 80%)}
.u_line-y{padding-right:5px;padding-left:5px;background:linear-gradient(transparent 65%,#ffdd08 65%)}
.u_line-b{padding-right:5px;padding-left:5px;background:linear-gradient(transparent 65%,#B3DDEB 65%)}
.u_line-o{padding-right:5px;padding-left:5px;background:linear-gradient(transparent 65%,#fcaf17 65%)}

.block_r10{margin-bottom:1.5em;padding:1rem;border-radius:10px;background-color:var(--bg-blue-light)}
.block_r15{margin-bottom:1em;padding:0 1.25rem 1rem;border-radius:15px}
.border-block{margin:1em 0;padding:15px 15px 10px;border:1px solid #ccc}
.border-block_r10{margin-bottom:1em;padding:1rem 1rem .625rem;border:1px solid #d6e0e5;border-radius:10px}
.border-block_r5{margin-bottom:1em;padding:1rem 1.25rem .5rem;border:1px solid #AFC4CD;border-radius:5px}
.border-block_r15 h3{margin:0 -1.25rem 1rem;padding:1rem 0;border-radius:0 0 30% 30% /0 0 70% 70%}

/*全体レイアウトと各ブロック枠*/
main{overflow:hidden;width:100%;hyphens:auto}
#index main{padding-bottom:1.5em}
.section{position:relative;padding-top:1.5em;padding-bottom:2em}
#map_canvas iframe{width:100%;height:350px;margin:0 auto;border:1px solid #ccc;text-align:center}

/* header＆menu共通 */
header{position:relative;background-color:#f8f3ed}
header a,header a:active,header a:visited{color:#000;vertical-align:baseline;text-decoration:none}
.navArea{display:flex;flex-wrap:wrap;-ms-align-items:center;align-items:center;position:relative;right:0;width:calc(100% - 70px);margin:0 70px 0 auto;padding-top:10px}
.logo{display:flex;flex-wrap:wrap;position:relative;margin:0 auto 0 5px;padding:5px 0 0 30px;background:url(../image/icon-kirin.png) no-repeat left top!important;font-weight:400;font-size:var(--fs16);line-height:1.1;text-align:left}
.logo span{display:block;position:relative;font-size:var(--fs10);letter-spacing:0}
.logo em:after{position:absolute;width:20px;height:16px;margin-left:3px;background:transparent url(../image/logo_icn_book.png) top right no-repeat;background-size:cover;content:''}
@media screen and (min-width: 412px) {
	.logo{margin:0 auto 0 10px;font-size:var(--fs21)}
	.logo em:after{width:25px;height:20px}
	.logo span{font-size:var(--fs12)}
}
.logo a{text-decoration:none}
.logo a:link{color:#21354f}
.logo a:hover{opacity:.7;color:#000}
.head-tel{position:relative;top:-2px;width:220px!important;height:auto!important}
.head-tel_mobile{position:relative;top:0;margin-right:5px;margin-left:5px}
.head-email{position:relative;top:-2px}
@media screen and (min-width: 1024px) {
	.navArea{padding-top:10px}
	.logo{font-size:var(--fs26)}
	.logo em:after{top:5px;width:32px;height:25px;margin-left:3px}
	.logo span{font-size:var(--fs13)}
	.head-tel{top:0;width:245px!important;height:auto!important}
}
@media screen and (min-width: 1700px) {
	.logo{margin-left:100px}
	.navArea{width:calc(100% - 90px);margin:0 100px 0 auto}
}

.tel-number_head,.tel-number,.tel-number_menu{position:relative;font-weight:700}
.tel-number_head{top:2px;margin-right:5px;font-size:var(--fs29);line-height:1;text-align:right;letter-spacing:0}
.tel-number_menu{margin-top:1.2em;padding:0;font-size:var(--fs29);line-height:1.2;text-align:center}
.tel-number_head .tel-info{display:block;position:relative;font-size:var(--fs12);letter-spacing:-.5px}
.tel-number_menu .tel-info{display:block;position:relative;font-size:var(--fs16);letter-spacing:-.5px}
.tel-number{font-size:2.5em;line-height:1.2}
.tel-number_menu img,.tel-number_head img,.tel-number img{position:relative;top:0;right:.5rem;margin-left:.5rem;vertical-align:bottom}
.tel-number_menu img,.tel-number_head img{width:30px}
.tel-number img{width:50px;width:40px}
.linkType02{display:inline-block;pointer-events:auto}
@media (min-width: 768px) {
	.linkType02{pointer-events:none}
	.tel-number_head img{top:2px}
}
.contact-box h4{position:relative;margin:.5em auto 0}
.tel-time{position:relative;font-weight:700;line-height:1}
@media (min-width: 1024px) {
	.tel-number_head,.tel-number{line-height:1;letter-spacing:1px}
	.tel-number_menu{letter-spacing:1px}
	.contact-box .tel-number{left:-1.7em}
	.tel-number_head{left:0;line-height:1}
	.tel-number_head .tel-info{letter-spacing:0}
	.contact-box h4{left:-2em;font-weight:400}
	.contact-box .tel-time{left:-5em}
}
@media screen and (min-width: 1080px) {
	.contact-box .tel-time{left:0}
}
@media (min-width: 1200px) {
	.contact-box h4{left:-3em}
	.tel-number{font-size:4em}
	.tel-number_menu{font-size:2.5em}
	.tel-number.max-fs3em{font-size:3em}
	.contact-box .tel-number{left:-1em}
	.tel-number img{top:5px;width:80px}
	.tel-number_menu img{width:50px}
	.tel-number.max-fs3em img{width:60px}
	.tel-number_head{top:0;font-size:var(--fs32);letter-spacing:1.7px}
	.tel-number_head img{top:5px;width:40px}
	.tel-number_head .tel-info{font-size:var(--fs14)}
}
.gnavPicup{position:relative;margin:0 auto!important;text-align:center}
.gnavPicup li{display:none}
.gnavPicup li a,.gnavPicup li a:active,.gnavPicup li a:visited{color:#000;text-decoration:none}
.gnavPicup li a:hover{text-decoration:none}
@media screen and (min-width: 360px) {
	.gnavPicup li{display:inline-flex;justify-content:center;width:inherit;margin-top:.5em;font-size:var(--fs12);line-height:1.15}
	.gnavPicup li:nth-child(5),.gnavPicup li:nth-child(6),.gnavPicup li:nth-child(7){display:none}
	.gnavPicup li a{margin-right:.5em;margin-left:.5em;padding:1em 3px 2px;border-bottom:2px solid #3E3D40}
	.gnavPicup li a:hover{background:none}
	.gnavPicup li br{display:block}
}
@media screen and (min-width: 768px) {
	.gnavPicup li:nth-child(7){display:inline-flex}
	.gnavPicup li a{margin-top:.5em;padding:.5em 15px;font-size:var(--fs15)}
	.gnavPicup li a:hover{border-radius:1.5em;background:#FAE483}
	.gnavPicup li br{display:none}
}
@media screen and (min-width: 1025px) {
	.gnavPicup li:nth-child(5),.gnavPicup li:nth-child(6){display:inline-flex}
	.gnavPicup li{border-left:none}
	.gnavPicup li:last-child{padding-right:0;border-right:none}
}
@media screen and (min-width: 1280px) {
	.gnavPicup li a{margin-top:.5em;padding:10px 15px;font-size:var(--fs16)}
}

/* Main Visual Area */
.Visualcontainer{position:relative;overflow:hidden;width:100%;height:auto;margin:0;padding:0}
#next .Visualcontainer{padding-top:0;background:url(../image/town2_next1.png) no-repeat;background-position:center center;background-size:cover}
#car{margin-right:auto;margin-left:auto;text-align:center!important}
#next #car img{padding:1rem 2rem 0}
@media only screen and (min-width:501px) {
	#index .Visualcontainer{padding-bottom:10px}
}
@media only screen and (min-width:748px) {
	@keyframes bgroop {
		from{background-position:left bottom}
		to{background-position:-1075px bottom}
	}
	#index .Visualcontainer{padding-top:20px;background:url(../image/town2.png) no-repeat center 100%}
	#next .Visualcontainer{padding-top:35px;background:url(../image/town2_next1.png) repeat-x 0 100%}
	#next #car{position:relative;top:10px;padding-bottom:10px}
	#next #car img{padding:0}
	#next .move #car{top:18px}
	.move-kirin{position:relative;overflow:hidden}
	#next .Visualcontainer.move{overflow:hidden;width:100%;height:148px;background-position:left bottom;animation:bgroop 50s linear infinite}
}
@media only screen and (min-width:1280px) {
	#index .Visualcontainer{height:auto;margin-bottom:0;padding-bottom:30px}
}
.slideRight{visibility:visible!important;animation-name:slideRight;animation-duration:1s;animation-timing-function:ease-in-out}
@keyframes slideRight {
	0%{transform:translateX(-150%)}
	50%{transform:translateX(8%)}
	65%{transform:translateX(-4%)}
	80%{transform:translateX(4%)}
	95%{transform:translateX(-2%)}
	100%{transform:translateX(0%)}
}
.slideRight-Slow{visibility:visible!important;animation-name:slideRight-Slow;animation-duration:2s;animation-timing-function:ease-in-out}
@keyframes slideRight-Slow {
	0%{transform:translateX(-150%)}
	50%{transform:translateX(8%)}
	65%{transform:translateX(-4%)}
	80%{transform:translateX(4%)}
	95%{transform:translateX(-2%)}
	100%{transform:translateX(0%)}
}
.fadeIn{visibility:visible!important;animation-name:fadeIn;animation-duration:1.5s;animation-timing-function:ease-in-out}
@keyframes fadeIn {
	0%{transform:scale(0);opacity:0}
	60%{transform:scale(1.1)}
	80%{transform:scale(0.9);opacity:1}
	100%{transform:scale(1);opacity:1}
}
.hatch{transform-origin:50% 100%;visibility:visible!important;animation-name:hatch;animation-duration:2s;animation-timing-function:ease-in-out}
@keyframes hatch {
	0%{transform:rotate(0deg) scaleY(0.6)}
	20%{transform:rotate(-2deg) scaleY(1.05)}
	35%{transform:rotate(2deg) scaleY(1)}
	50%{transform:rotate(-2deg)}
	65%{transform:rotate(1deg)}
	80%{transform:rotate(-1deg)}
	100%{transform:rotate(0deg)}
}
.floating{animation-name:floating;animation-duration:1.5s;animation-iteration-count:infinite}
@keyframes floating {
	0%{transform:translateY(0%)}
	50%{transform:translateY(8%)}
	100%{transform:translateY(0%)}
}
.tossing{animation-name:tossing;animation-duration:2.5s;animation-iteration-count:infinite}
@keyframes tossing {
	0%{transform:rotate(-4deg)}
	50%{transform:rotate(4deg)}
	100%{transform:rotate(-4deg)}
}
#object1{display:block;margin-right:auto;margin-left:auto;text-align:center}
.main-img1{position:relative;width:70%;max-width:285px;height:auto;margin-top:1.5em;text-align:center}
@media only screen and (min-width:1080px) {
	.main-img1{width:100%;margin:1em 0 0;padding:0 10px 0 0;top:2em}
}
@media only screen and (min-width:1280px) {
	.main-img1{right:-15px;padding-top:60px}
}
.Visual__catchcopy{position:relative;top:-1em;z-index:2;margin:auto;text-align:center}
.Visual__catchcopy h2{position:relative;margin-bottom:.5em;font-weight:600!important;font-size:calc(24px + ((1vw - 10px) * 0.7143));line-height:1!important;letter-spacing:.1em}
.Visual__catchcopy h2 mark{display:inline-block;transform:scale(1.0,1.4);margin-top:10px;padding:.2em .5em;background-color:#333;color:#fff;font-size:16px;line-height:1.1!important}
@media screen and (min-width: 1080px) {
	.Visual__catchcopy{top:0;width:calc(1.25em * 13);font-weight:600;font-size:var(--fs42);text-align:center;letter-spacing:5px}
	.Visual__catchcopy h2{font-size:var(--fs42)}
	.Visual__catchcopy h2 mark{margin-left:-15px;font-size:var(--fs21);letter-spacing:2px}
	.Visual__catchcopy .fukidashi-Line2{margin-top:1em;margin-bottom:2em}
}
.Visual__catchcopy ul{position:relative;z-index:32;margin-top:1em;margin-bottom:1em}
.Visual__catchcopy li{margin-left:.5em;font-weight:700;font-size:var(--fs16);line-height:1.6;text-align:left}
@media only screen and (min-width: 501px) {
	.Visual__catchcopy li{margin-left:120px;letter-spacing:1px}
}
@media only screen and (min-width: 640px) {
	.Visual__catchcopy li{margin-left:25%;line-height:1.6}
}
@media screen and (min-width: 1024px) {
	.Visual__catchcopy li{margin-left:105px;font-size:var(--fs18)}
}
@media screen and (min-width: 1240px) {
	.Visual__catchcopy li{font-size:var(--fs21)}
}
.main-read_bg{overflow:hidden;background:url(../image/syodana.png) no-repeat 100% 100%}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
	.main-read_bg{background:url(../image/syodana.png) no-repeat 120% 40%}
}
@media screen and (min-width: 1301px) {
	.main-read_bg{background:url(../image/syodana.png) no-repeat 75% 50%}
}
.f18_read{font-size:1.6rem!important;letter-spacing:0}
@media screen and (min-width: 1024px) {
	.f18_read{font-size:1.8rem!important;letter-spacing:2px}
}

/* hamburger-menu */
#menu-button{display:grid;position:fixed;top:0;top:5px;right:15px;z-index:999;width:50px;height:48px;border:none;background-color:#68ad74;cursor:pointer;place-content:center;place-items:center}
@media (min-width: 768px) {
	#menu-button{top:10px}
}
@media (min-width: 1200px) {
	#menu-button{top:17px;right:20px}
}
.bar,.bar::before,.bar::after{width:25px;height:2px;background-color:#fff;transition:transform .3s}
.bar{display:grid}
.bar::before,.bar::after{grid-area:1 / 1;content:""}
.bar::before{transform:translateY(-6px)}
.bar::after{transform:translateY(6px)}
.menu-open .bar{background-color:transparent}
.menu-open .bar::before{transform:rotate(45deg)}
.menu-open .bar::after{transform:rotate(-45deg)}
.menu-label{transform:translateY(10px);color:#fff;font-size:var(--fs10)}
@media (min-width: 1400px) {
	.menu-label{line-height:1.5}
}
#overlay{position:fixed;top:0;left:0;z-index:997;visibility:hidden;width:100%;height:100vh;background:rgba(0, 0, 0, 0.5);opacity:0;transition:opacity .3s}
.menu-open #overlay{visibility:visible;opacity:1}
#menu{position:fixed;top:0;right:0;z-index:998;transform:translateX(100%);overflow-y:auto;width:100%;min-width:300px;height:100%;transition:transform .3s ease-out}
#menu ul{padding:0}
@media (min-width: 768px) {
	#menu{width:50vw;max-width:500px}
}
.menu-open #menu{transform:translateX(0)}
.gnav-all{width:100%;height:auto;margin:0;padding-top:4em;background:#f5f0e6;color:#111;font-size:var(--fs17)}
.gnav-all ul,.gnav-all ul ul{margin:0;padding:0;line-height:1;list-style:none}
.gnav-all ul ul li{margin-left:-2em}
.gnav-all li a{display:block;position:relative;padding:1em 2em;color:#111;line-height:1;text-decoration:none;border-bottom:1px solid #fff}
.gnav-all li a:after{position:absolute;top:1em;right:3em;transform:rotate(45deg);width:12px;height:12px;content:"";transition:.3s;border-top:2px solid #666;border-right:2px solid #666}
.gnav-all li a:hover::after{right:2em}
.gnav-all ul:first-child{border-top:1px solid #fff}
.gnav-all ul ul li a{padding-left:4rem;padding-left:4em}
.gnav-all a:hover,.gnav-all label:hover{background-color:#d1ccc4;color:#111}
.gnav-all label{display:block;position:relative;margin:0;padding:1em 2em;line-height:1;cursor:pointer}
.gnav-all input{display:none;position:absolute;overflow:hidden;height:0;padding:0}
.gnav-all_child li{overflow-y:hidden;height:0;-webkit-transition:.3s;transition:.3s}
.gnav-all .open-close:checked~.gnav-all_child li{height:3em;margin-left:0;opacity:1}
.gnav-all .icon,.gnav-all .open-close:checked~.gnav-all_child li{border-bottom:1px solid #fff!important}
.icon{display:inline-block;position:relative}
.icon::before,.icon:after{position:absolute;top:1.25em;right:3em;margin:auto;background-color:#666;content:"";inline-size:1em;block-size:2px}
.icon::after{transition:opacity .3s;rotate:90deg}
.gnav-all input:checked+.icon:after{opacity:0}
body{overflow-x:clip}
body.menu-open{overflow:hidden}

/* パンくずデザイン */
.breads{position:relative;margin:10px 0 0;padding:3px 1px;color:#fff;font-size:1.3rem;list-style:none}
.breads.contact{padding-bottom:5px;color:#333}
.breads:after{display:table;clear:both;content:""}
.breads li{float:left;margin-right:3px;font-size:var(--fs14)}
.breads li+li:before{position:relative;top:-1px;margin:0 3px;color:#ccc;content:" > "}
.breads li a{color:#fff;font-weight:700;text-decoration:none}
.breads li.active a{color:#fff;text-decoration:none;cursor:text}
.breads.contact li+li:before,.breads.contact li a,.breads.contact li.active a{color:#222}
.breads li a:hover{text-decoration:underline}

/* ページ個別 */
/*------------- index-page */
.pickup,.item5{display:flex;flex-wrap:wrap}
.pickup{position:relative}
.pickup h3{margin-top:1em;font-weight:400;font-size:var(--fs20);text-align:center}
.pickup li,.item5 li{display:flex;flex-direction:column;position:relative;margin-bottom:1em;padding:0 1em}
.pickup li{width:100%;padding:.5em 2em;border-radius:35%;background-color:#fff}
.item5 li{align-items:center;justify-content:center;width:50%;margin-bottom:0;padding:.5em}
.pickup li p{flex-grow:1;text-align:center}
.pickup img{display:block;margin:.5em auto 0}
.pickup img.f-tel{display:inline-block;margin:0;padding-top:5px;padding-right:5px;vertical-align:bottom}
.pickup a{color:#222;text-decoration:none}
.pickup a:hover{color:#258FAF;text-decoration:none}
.pickup a:hover h3{text-underline-offset:5px}
.pickup-read{flex-grow:1;margin:1em auto .5em;padding:0 1em;font-size:clamp(var(--fs15),2vw,var(--fs17));line-height:calc(28 / 18);text-align:center}
@media (min-width: 576px) {
	.pickup,.item5{justify-content:space-between}
	.pickup li{width:49%}
}
@media (min-width: 768px) {
	.item5 li{width:33%}
}
@media (min-width: 1024px) {
	.pickup-read{padding:0 .7em}
	.item5 li{width:19%}
}
@media (min-width: 1024px) and (max-width: 1199px) {
	.pickup li{width:32%}
	.pickup::after{width:32%;content:""}
}
@media (min-width: 1200px) {
	.pickup li{width:24%;border-radius:40%}
}
.txt-limit::after{content:"\2026"}

/* blog_page */
.entry-list{position:relative;margin:10px 0;padding:1rem 1.5rem .2rem;background-color:#edf7fc}
.entry-list:hover,.date a:hover{background-color:#f4fbfd!important;transition:.3s}
.entry-list img{max-width:200px;height:auto;margin:1em auto}
.entry-list:hover img{opacity:.8}
.entry-list h2{margin:0 0 .5em;font-weight:600;line-height:1.2}
.entry-list h2 a{text-decoration:none}
@media (min-width: 576px) {
	.entry-list h2{margin-bottom:1em;padding-top:1rem;text-align:left}
	.entry-list img{margin-bottom:0}
}
.entry h1{margin-top:1.5em;font-size:clamp(var(--fs21),3vw,var(--fs32))}
#next .entry h2{margin-top:1.5em;font-size:clamp(var(--fs18),3vw,var(--fs28))}
@media (min-width: 768px) {
	.entry h3{font-weight:400}
}
.more-stret-link{position:relative;z-index:2}
.date{margin-bottom:1em;padding-top:1em;font-size:var(--fs13);text-align:right}
.more-cate{display:inline-block;min-width:4em;margin-top:5px;margin-right:10px;padding:3px 8px;border:1px solid #3a917c;background-color:#edf7fc;text-align:center}
.date a,.date a:hover,.more-cate a,.more-cate a:hover{text-decoration:none}
.entry img,.entry p img{display:flex;align-items:center;max-width:100%;height:auto;margin:0 auto;padding:1rem}
.pager{display:flex;margin-top:1.5em}
.pager a,.pager a:hover,.pager_prev-le a,.pager_prev-le a:hover,.pager_next-ri a,.pager_nrxt-ri a:hover,.pager_center a,.pager_center a:hover{text-decoration:none}
.pager_center{text-align:center}
ul.pager{margin-left:0}
.pager li,.pager li a{display:flex;flex:1;align-items:center;justify-content:center;height:3em;line-height:1.1}
.pager_center{padding:.4em;background-color:#e6f0f7;border-top:1px solid #2d7263;border-bottom:1px solid #2d7263}
.pager_prev-le{padding:.4em;border:1px solid #2d7263;border-radius:30px 0 0 30px}
.pager_next-ri{padding:.4em;border:1px solid #2d7263;border-radius:0 30px 30px 0}
.pager_prev-le a:hover{border-radius:30px 0 0 30px}
.pager_next-ri a:hover{border-radius:0 30px 30px 0}
.pager_prev-le a::before,.pager_next-ri a::after{position:absolute;top:38%;width:12px;height:12px;content:"";transition:.3s}
.pager_prev-le,.pager_next-ri{position:relative}
.pager_prev-le a::before{transform:rotate(-45deg);margin-left:-4em;border-top:2px solid #61b2cf;border-left:2px solid #61b2cf}
.pager_prev-le:hover a::before{margin-left:-5em}
.pager_next-ri a::after{transform:rotate(45deg);margin-right:-4em;border-top:2px solid #61b2cf;border-right:2px solid #61b2cf}
.pager_next-ri:hover a::after{margin-right:-5em}

/* -------------------------------------
   外部ライブラリ等
-----------------------------------------*/
/* Bootstrap Grid v5.3.0-alpha1 (https://getbootstrap.com/) MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)*/
.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;margin-right:auto;margin-left:auto;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5)}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;box-sizing:border-box;width:100%;max-width:100%;margin-top:var(--bs-gutter-y);padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5)}
.inner-wide{width:100%;max-width:1560px!important;margin-right:auto;margin-left:auto}
.inner-slim{width:100%;max-width:1140px;margin-right:auto;margin-left:auto}
.inner-slim .w800{max-width:800px;margin-right:auto;margin-left:auto}
.container-fluid,.container.inner-wide,.container-sm,.container,.container.inner-slim{padding-right:20px;padding-left:20px}
.container-fluid .container,.container-fluid .container-xl,.container-fluid .container-xxl{padding-right:15px;padding-left:15px}
@media (min-width: 992px) {
	.container-lg,.container-md,.container-sm,.container{max-width:960px}
	.container-sm,.container{padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5)}
}
@media (min-width: 1200px) {
	.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}
	.container.inner-slim{max-width:1140px;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5)}
}
@media (min-width: 1400px) {
	.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}
}
.col{flex:1 0 0}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.g-0,.gx-0{--bs-gutter-x:0}
.g-0,.gy-0{--bs-gutter-y:0}
.g-1,.gx-1{--bs-gutter-x:.25rem}
.g-1,.gy-1{--bs-gutter-y:.25rem}
.g-2,.gx-2{--bs-gutter-x:.5rem}
.g-2,.gy-2{--bs-gutter-y:.5rem}
.g-3,.gx-3{--bs-gutter-x:1rem}
.g-3,.gy-3{--bs-gutter-y:1rem}
.g-4,.gx-4{--bs-gutter-x:1.5rem}
.g-4,.gy-4{--bs-gutter-y:1.5rem}
.g-5,.gx-5{--bs-gutter-x:3rem}
@media (min-width: 576px) {
	.col-sm{flex:1 0 0}
	.col-sm-auto{flex:0 0 auto;width:auto}
	.col-sm-1{flex:0 0 auto;width:8.33333333%}
	.col-sm-2{flex:0 0 auto;width:16.66666667%}
	.col-sm-3{flex:0 0 auto;width:25%}
	.col-sm-4{flex:0 0 auto;width:33.33333333%}
	.col-sm-5{flex:0 0 auto;width:41.66666667%}
	.col-sm-6{flex:0 0 auto;width:50%}
	.col-sm-7{flex:0 0 auto;width:58.33333333%}
	.col-sm-8{flex:0 0 auto;width:66.66666667%}
	.col-sm-9{flex:0 0 auto;width:75%}
	.col-sm-10{flex:0 0 auto;width:83.33333333%}
	.col-sm-11{flex:0 0 auto;width:91.66666667%}
	.col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width: 768px) {
	.col-md{flex:1 0 0}
	.col-md-auto{flex:0 0 auto;width:auto}
	.col-md-1{flex:0 0 auto;width:8.33333333%}
	.col-md-2{flex:0 0 auto;width:16.66666667%}
	.col-md-3{flex:0 0 auto;width:25%}
	.col-md-4{flex:0 0 auto;width:33.33333333%}
	.col-md-5{flex:0 0 auto;width:41.66666667%}
	.col-md-6{flex:0 0 auto;width:50%}
	.col-md-7{flex:0 0 auto;width:58.33333333%}
	.col-md-8{flex:0 0 auto;width:66.66666667%}
	.col-md-9{flex:0 0 auto;width:75%}
	.col-md-10{flex:0 0 auto;width:83.33333333%}
	.col-md-11{flex:0 0 auto;width:91.66666667%}
	.col-md-12{flex:0 0 auto;width:100%}
}
@media (min-width: 992px) {
	.col-lg{flex:1 0 0}
	.col-lg-auto{flex:0 0 auto;width:auto}
	.col-lg-1{flex:0 0 auto;width:8.33333333%}
	.col-lg-2{flex:0 0 auto;width:16.66666667%}
	.col-lg-3{flex:0 0 auto;width:25%}
	.col-lg-4{flex:0 0 auto;width:33.33333333%}
	.col-lg-5{flex:0 0 auto;width:41.66666667%}
	.col-lg-6{flex:0 0 auto;width:50%}
	.col-lg-7{flex:0 0 auto;width:58.33333333%}
	.col-lg-8{flex:0 0 auto;width:66.66666667%}
	.col-lg-9{flex:0 0 auto;width:75%}
	.col-lg-10{flex:0 0 auto;width:83.33333333%}
	.col-lg-11{flex:0 0 auto;width:91.66666667%}
	.col-lg-12{flex:0 0 auto;width:100%}
}
@media (min-width: 1200px) {
	.col-xl{flex:1 0 0}
	.col-xl-auto{flex:0 0 auto;width:auto}
	.col-xl-1{flex:0 0 auto;width:8.33333333%}
	.col-xl-2{flex:0 0 auto;width:16.66666667%}
	.col-xl-3{flex:0 0 auto;width:25%}
	.col-xl-4{flex:0 0 auto;width:33.33333333%}
	.col-xl-5{flex:0 0 auto;width:41.66666667%}
	.col-xl-6{flex:0 0 auto;width:50%}
	.col-xl-7{flex:0 0 auto;width:58.33333333%}
	.col-xl-8{flex:0 0 auto;width:66.66666667%}
	.col-xl-9{flex:0 0 auto;width:75%}
	.col-xl-10{flex:0 0 auto;width:83.33333333%}
	.col-xl-11{flex:0 0 auto;width:91.66666667%}
	.col-xl-12{flex:0 0 auto;width:100%}
}
@media (min-width: 1400px) {
	.col-xxl{flex:1 0 0}
	.col-xxl-auto{flex:0 0 auto;width:auto}
	.col-xxl-1{flex:0 0 auto;width:8.33333333%}
	.col-xxl-2{flex:0 0 auto;width:16.66666667%}
	.col-xxl-3{flex:0 0 auto;width:25%}
	.col-xxl-4{flex:0 0 auto;width:33.33333333%}
	.col-xxl-5{flex:0 0 auto;width:41.66666667%}
	.col-xxl-6{flex:0 0 auto;width:50%}
	.col-xxl-7{flex:0 0 auto;width:58.33333333%}
	.col-xxl-8{flex:0 0 auto;width:66.66666667%}
	.col-xxl-9{flex:0 0 auto;width:75%}
	.col-xxl-10{flex:0 0 auto;width:83.33333333%}
	.col-xxl-11{flex:0 0 auto;width:91.66666667%}
	.col-xxl-12{flex:0 0 auto;width:100%}
}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-grid{display:grid!important}
.d-table{display:table!important}
.d-table-row{display:table-row!important}
.d-table-cell{display:table-cell!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.d-sm-none{display:inline-block!important}
.d-lg-none{display:block!important}
.d-none{display:none!important}
.d-md-inline{display:none!important}
.d-md-inline-block{display:none!important}
.d-sm-block,.d-md-block,.d-lg-block{display:none!important}
.d-md-grid{display:none!important}
.d-md-table{display:none!important}
.d-md-table-row{display:none!important}
.d-md-table-cell{display:none!important}
.d-md-flex{display:none!important}
.d-md-inline-flex{display:none!important}
@media (min-width: 576px) {
	.d-sm-block{display:block!important}
	.d-sm-none{display:none!important}
}
@media (min-width: 768px) {
	.d-md-inline{display:inline!important}
	.d-md-inline-block{display:inline-block!important}
	.d-md-block{display:block!important}
	.d-md-grid{display:grid!important}
	.d-md-table{display:table!important}
	.d-md-table-row{display:table-row!important}
	.d-md-table-cell{display:table-cell!important}
	.d-md-flex{display:flex!important}
	.d-md-inline-flex{display:inline-flex!important}
	.d-md-none{display:none!important}
}
@media (min-width: 992px) {
	.d-lg-block{display:block!important}
	.d-lg-inline{display:inline!important}
	.d-lg-none{display:none!important}
}

/* automodal*/
:root {--mmScrlOffset:0px;}
.mmWrap {--mmPad:3vw; position:fixed; left:0; top:0; z-index:10010; display:flex; align-items:center; justify-content:center; width:100%; height:100vh; opacity:0; transition:.2s opacity; background:#111b; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.mmWrap.-ready {opacity:1;}
.mmInner {position:relative; width:100%; max-height:100vh; padding:var(--mmPad); overflow:auto;}
.mmScreen {position:fixed; left:0; top:0; width:calc(100% - 17px); height:100%;}
.mmCnt {position:relative; width:fit-content; max-width:100%; margin-inline:auto; background:#fff;}
.mmCnt > img:only-child {max-width:100%; max-height:calc(100vh - 8vw);}
.mmWrap[data-mm-type="iframe"] iframe {width:100vw; max-width:100%; height:calc(100vh - var(--mmPad) * 2);}
.mmWrap[data-mm-type="YouTube"] .mmCnt {width:100%; background:unset;}
.mmWrap[data-mm-type="YouTube"] iframe {width:100%; aspect-ratio:16/9;}
.mmCaption {position:relative; color:#fff;}
.mmCaption:not(:empty) {margin-top:1rem; text-align:center;}
.mmClose, .mmPrev, .mmNext {all:unset; position:fixed; overflow:hidden; border-radius:50%; white-space:nowrap; text-indent:100%; cursor:pointer; transition:.15s;}
.mmClose {right:calc(1.5vw + var(--mmScrlOffset)); top:1.5vw; height:36px; width:36px;}
.mmClose:before, .mmClose:after {content:""; display:block; width:70%; height:15%; position:absolute; left:50%; top:50%; background:#fff; translate:-50% -50%;}
.mmClose:before {rotate:45deg;}
.mmClose:after {rotate:-45deg;}
.mmPrev, .mmNext {top:50%; width:30px; height:30px; border-radius:50%; background:#888b;}
.mmPrev:before, .mmNext:before {content:""; display:block; position:absolute; top:50%; left:50%; width:35%; aspect-ratio:1/1; border:#fff solid; border-width:3px 0 0 3px; translate:-50% -50%;}
.mmPrev {left:1.5vw;}
.mmPrev:before {rotate:-45deg; margin-left:2px;}
.mmNext {right:calc(1.5vw + var(--mmScrlOffset));}
.mmNext:before {rotate:135deg; margin-left:-2px;}
/*231223-automodal-tuika-css*/
.modal-hide { display:none;}
.mmCnt {max-height:calc(100vh - 80px);}
.mmInner {top:10px;max-height:calc(100vh - 80px);}
.mmWrap[data-mm-type="inline"] .mmInner {max-width:1200px;}
.mmWrap[data-mm-type="inline"] .mmCnt {padding:1rem;}
.mmWrap[data-mm-type="YouTube"] .mmCnt {height:auto;}
.mmWrap[data-mm-type="YouTube"] iframe {max-height:calc(100vh - 80px);}
.mmWrap[data-mm-type="iframe"] iframe {height:calc(100vh - 80px);}
.mmClose {padding:6px;}