@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,button,input,label{line-height:1.1}h1,h2,h3,h4{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_base-style / Browserslist＝ > 0.5% or last 4 versions,not dead
---------------------------------------------------------------------------*/
:root {
--txt-c-body:#212529;
--txt-c-black:#000;
--txt-c-white:#fff;
--txt-c-blue:#61b2cf;
--txt-c-orange:#FF8000;
--txt-c-tel:#009098;
--txt-c-link-dark:#212529;
--txt-c-link-hover:#258faf;
--bg-white:#fff;
--bg-gray-light:#d6e0e5;
--bg-gray-dark:#212529;
--bg-blue:#58bab8;
--bg-blue-light:#d8eff9;
--bg-yellow:#ffdd08;
--bg-foot-menu:#61b2cf;
--bg-foot-copy:#212529;
--border-c-gray:#aaa;
--border-c-blue:#58bab8;
--border-c-blue2:#8abdd7;
--btn-txt-c-base:#fff;
--btn-bg-base:#3a917c;
--btn-bg-base-hover:#3fa089;
--btn-radius:50px;
--border-btn-c-base:#2d7263;
--border-btn-bg-base:#fff;
--border-btn-bg-base-hover:#edf7fc;
--fs10:.625rem;
--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;
--fs44:2.75rem;
--fs45:2.8125rem;
--fs46:2.875rem;
--fs47:2.9375rem;
--fs48:3rem;
--fs49:3.0625rem;
--fs50:3.125rem;
--fs51:3.1875rem
}

.txt-point-cool{color:var(--txt-c-blue)}
.txt-point-warm{color:var(--txt-c-orange)}
.txt-contrast{color:var(--txt-c-black)}
.base-bg{background-color:var(--bg-white)}
.bg-grand{background-image:linear-gradient(to top,rgba(97,178,207,0.5) 20%,#61b2cf 100%)}

.circle-btm-bg-grand{background-image:linear-gradient(to top,rgba(97,178,207,0.5) 20%,#61b2cf 100%)}
@media (min-width: 768px) {
	.circle-btm-bg-grand{border-radius:0 0 40% 40%/0 0 100% 100%}
}

.circle-top-bg{border-radius:30% 30% 0 0 / 20% 20% 20% 20%;background-color:var(--bg-white)}
@media (min-width:768px) {
	.circle-top-bg{border-radius:60% 60% 0 0 / 50% 50% 50% 50%}
}

.circle-top-bg.blue{padding-top:2em;padding-bottom:2.5em;background-color:var(--bg-light-blue)}
.bg-blue{background-color:var(--bg-blue-light)!important}
.bg-gray-light{background-color:var(--bg-gray-light)!important}

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

a{outline:none}
a:focus{color:#258FAF}
a:hover{color:var(--txt-c-link-hover);transition:all .2s ease}
a:hover img{opacity:.8}
a:link,a:active,a:visited{color:#036}
.no-line a,.bloglist a{text-decoration:none}
.under-link a{text-decoration:underline!important}
main a:hover{color:var(--txt-c-link-hover);text-decoration:underline}

/* --------------------------------------------------------
  リンク領域拡張 / 拡張元エリア＝position: relative;指定
/*---------------------------------------------------------*/
.stretched-link::after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:auto;content:""}
.box-link{position:relative;cursor:pointer}
.box-link a{text-decoration:none}
.box-link:hover,.box-link:hover a{color:var(--txt-c-link-hover);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%,#66b72d 50%,#66b72d);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}

@media (any-hover: hover) {
	.hoverLinkGood:hover{color:#ff4500}
}

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:var(--bg-yellow)}
mark.blue{background:var(--bg-blue-light)}

/*  img ＆ inline_img ------------------ */
#white-icon{filter:invert(100%) sepia(93%) saturate(0%) hue-rotate(221deg) brightness(106%) contrast(108%)}
.left-img{position:relative;left:1.5em}
.ttl-img{position:absolute;z-index:0;top:-1.3em;left:-1em;width:100px}
.ttl-img.contact{z-index:1;top:-.5em;left:-1.5em}

@media (min-width: 576px) {
	.ttl-img{left:8%}
}

@media (min-width: 768px) {
	.ttl-img{left:13%;width:140px}
	.left-img{position:relative;left:0}
	.left-img .ttl-img.contact{z-index:1;top:-.5em;left:1em}
}

@media (min-width: 1200px) {
	.left-img .ttl-img.contact{z-index:1;top:-.5em;left:5em}
}

.img-responsive{display:block;max-width:100%;height:auto}
.img-container--flex-box{position:relative;display:flex}
.img-container--flex-box img{margin:auto}
.img-container--flex-box img.max250{max-width:250px}
.img-inner-left,.img-inner-right.max50{position:relative;top:0;display:block;max-width:100%;height:auto;margin-right:auto;margin-left:auto}
.img-inner-left.max120px{max-width:120px}

@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.max50{max-width:50%;padding-bottom:1em;padding-left:1em}
}

.f-right-responsive{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}
.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切り抜き-コーナー透過 */
.triangle{max-width:100%;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}
.radius50-img{max-width:100%;border-radius:50%}

/*   margin　*/
.m-auto{margin-right:auto!important;margin-left:auto!important}
.m-05em{margin:.5em!important}
.m-10em{margin:1em!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-05em{margin-top:-.5em!important}
.m-top-10em{margin-top:-1em!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}
.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-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}

/* padding */
.p-5px{padding:5px!important}
.p-05em{padding:.5em!important}
.p-10em{padding:1em!important}
.p-top00{padding-top:0!important}
.p-top10px{padding:10px!important}
.p-top10em{padding-top:1em!important}
.p-top15em{padding-top:1.5em!important}
.p-top20em{padding-top:2em!important}
.p-end00{padding-bottom:0!important}
.p-end10em{padding-bottom:1em!important}
.p-end15em{padding-bottom:1.5em!important}
.p-end20em{padding-bottom:2em!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-x05em{padding-right:.5em!important;padding-left:.5em!important}
.p-y00{padding-top:0!important;padding-bottom:0!important}

/* ---------------------------------------
　メインコンテンツ 汎用スタイルsite-base
------------------------------------------ */
main p{margin-bottom:1em;line-height:inherit;text-align:justify}
main .text-center p{text-align:center}
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{list-style:none;font-size:var(--fs15);line-height:1.5;text-align:center}
.nav-utlity.list-4 li{width:50%}

@media (min-width: 768px) {
	.nav-utlity.list-4 li{width:25%}
}

.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{background-color:#86C7DD}
.inside-num li{list-style-position:inside}
.list-disc li{margin-left:1em;list-style:disc}
.list-circle li{margin-left:1em;list-style:circle}
.list-decimal li{margin-left:1em;list-style:decimal}
.list-lower-alpha li{margin-left:1em;list-style:lower-alpha}
.list-r-brackets li{margin-left:3em;padding-left:1em;list-style-position:outside;counter-increment:cnt}
.list-r-brackets li::before{display:inline-block;width:3em;margin-left:-3em;content:"(" counter(cnt) ") "}
.list-r-brackets li li::before{display:none;margin:0;content:""}
.pickup .check-list li{margin-bottom:0;padding:.4em 0 0 1.8em}
ul.check-list{margin-bottom:0}
.check-list li{position:relative}
.check-list li::before{position:absolute;top:.4em;left:.2em;color:#42afca;content:"\2714\2004"}

@media (min-width: 992px) {
	.pickup .check-list li{padding:.4em 0 0 1.8em}
	.check-list li::before{left:.5em}
}

.pickup li dl.list-dl>dd li{width:100%;line-height:1.4}
li.no-style{margin-top:0;list-style:none!important}

/* dl  */
/* レイアウトflex-Grid-のclass適用で疑似テーブル(dl.row/dt.col-sm-3/dd.col-sm-9)　*/
.news-item dl{margin-right:0;margin-left:0;padding:.5em 0;border-bottom:1px solid #d6e0e5}
.news-item dl:first-of-type{border-top:1px solid #d6e0e5}
.news-item dl a{text-decoration:none}

/* 疑似テーブル単独表示/ dl.list-dl */
dl.list-dl{display:flex;margin-bottom:1em;border-top:1px solid #ddd;font-size:var(--fs14);flex-flow:row wrap}
dl.list-dl>dt{width:40%;padding:.9em 0;border-bottom:1px solid #ddd;font-size:var(--fs14);line-height:1.4}
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;border-bottom:1px solid #ddd;line-height:1.4}

@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;border-bottom:1px dotted #999;line-height:1.4}

/*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{position:relative;display:block;padding:.5em 1em .5em .5em;list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary:hover,details[open] summary{background-color:var(--bg-light-blue)}
.qa-item details>summary:first-of-type{list-style:none}
.qa-item summary{border-bottom:1px solid #d6e0e5}
.qa-item details:first-of-type{border-top:1px solid #d6e0e5}
.qa-item summary::before{margin:8px 8px 8px 0;font-family:Times New Roman;font-size:var(--fs16);font-weight:700;content:"Q."}
summary::after{position:absolute;top:50%;right:0;font-size:var(--fs20);font-weight:700;content:"+";transition:transform .5s;transform:translateY(-50%)}

@media (min-width: 992px) {
	details{font-size:var(--fs16)}
	.qa-item summary::before{font-size:var(--fs20)}
	summary::after{right:30px;font-size:var(--fs30);font-weight:400}
}

@media (min-width: 1400px) {
	details{font-size:var(--fs18)}
}
details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.answer{padding:.5em 1em;border:1px solid;border-color:transparent #d6e0e5 #d6e0e5;background-color:var(--bg-blue-light)}
main .answer p:last-child{margin-bottom:0}
details[open] .answer{-webkit-animation:fadein .5s ease;animation:fadein .5s ease}

@keyframes fadein {
	0%{opacity:0}
	100%{opacity:1}
}

/* form要素はinquiry-styleへ記述
------------------------------------------ */
/* btn-style */
.btn,.border-btn-base{display:flex;justify-content:center;align-items:center}
.btn img,.border-btn-base img{position:relative;right:.5em}
.w-par100{width:100%}
.w-par50{width:50%}
.w-px300{min-width:300px}
.btn a,.border-btn-base a{display:inline-block;position:relative;padding:.5em 2.5em;border-radius:var(--btn-radius);font-size:var(--fs20);letter-spacing:1px;text-decoration:none}
.btn a{color:var(--btn-txt-c-base);background-color:var(--btn-bg-base)}
.btn a::after,.border-btn-base a::after{content:"";position:absolute;width:12px;height:12px;transform:rotate(45deg);right:25px;top:39%;transition:.3s}
.btn a::after{border-top:2px solid #fff;border-right:2px solid #fff}
.btn a:hover{color:var(--btn-txt-c-base);background-color:var(--btn-bg-base-hover);text-decoration:none}
.foot-area .btn a{padding-top:1em;padding-bottom:1em;background-color:#2d7263}
.foot-area .btn a:hover{background-color:#3a917c}
.btn a:hover::after{right:18px}
.border-btn-base a{background-color:#fff;border:1px solid #2d7263;border-radius:var(--btn-radius);color:var(--border-btn-c-base)}
.border-btn-base a:hover{color:var(--border-btn-c-base);background-color:var(--border-btn-bg-base-hover);text-decoration:none}
.border-btn-base a::after{border-top:2px solid #2d7263;border-right:2px solid #2d7263}

/* table style  */
table{width:100%;max-width:100%;margin-bottom:1.5em;table-layout:fixed;border-spacing:0;border-collapse:collapse;word-wrap:break-word}
caption,th,td{text-align:left;vertical-align:top}
table caption{margin:1em 0 .5em;padding-left:10px;border-left:4px double #CCC;font-size:var(--fs21);text-transform:uppercase}
th{font-weight:700}
th,td{padding:.5em 1em;border-bottom:1px solid #ddd;empty-cells:show}
td p:last-child{margin-bottom:0}
.w12em{width:100%}
.table-bordered tr{display:block}
.table-bordered th,.table-bordered td{display:list-item;border-top:none;list-style-type:none}
.table-bordered th{padding:.5em .8em}
.table-bordered td{padding:.6em .8em}
.table-bordered tr:first-child{border-top:1px solid #ddd}

@media (min-width:481px) {
	.table-bordered th{border:1px solid #ccc;background:#e8eaef;vertical-align:middle}
	.table-bordered td{border:1px solid #ddd}
}

.odd-num tr:nth-child(2n+1){background:#e8eaef}
.odd-num tr:last-child{border-bottom:1px solid #dde0e6}
.even-num tr:nth-child(2n+2){background:#e8eaef}
.even-num tr:last-child{border-bottom:1px solid #dde0e6}

/* Responsive Table-style */
.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;border:none}
.t-respon td{padding:.5em .8em}
#checkForm table{margin-top:1.5em}
#checkForm .t-respon th{text-align:center}
#checkForm .t-respon td{padding:.5em 10px;vertical-align:middle}
#checkForm .t-respon td.td_check{text-align:center;letter-spacing:2px}
#checkForm .t-respon td.td_check label{display:inline-block;margin:0 10px 0 0;padding-left:5px}
#checkForm .t-respon td.td_check label:hover{cursor:pointer}
#checkAnswerTxt p{font-size:var(--fs18)!important}

@media (min-width: 768px) {
	.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-bottom:1px solid silver;border-collapse:collapse;line-height:1.6}
	.t-respon tr{display:table-row;border:none}
	.t-respon th{font-weight:600}
	#checkForm .t-respon td.td_check{width:65%}
}

.t-respon.flow tr:first-child{border-top:none!important}
.t-respon.flow th{padding:0;font-size:var(--fs24);font-weight:400;line-height:1.6;text-align:center;letter-spacing:2px}
.t-respon.flow th::after{position:relative;display:block;max-height:30px;margin:.5em auto 1.5em}
.t-respon.flow th.no-arrow::after{height:0!important;margin-bottom:0;content:""}
.t-respon.flow td{padding:.5em 0 1em}
.t-respon.flow td.last{padding-top:0}
.t-respon td p{line-height:1.6}
.w35par{width:100%}

@media (min-width:768px) {
	.w35par{width:13em}
	.t-respon.flow th{width:30%;padding:1em 0;font-size:var(--fs24)}
	.t-respon.flow td,.t-respon.flow td.last{padding:1em 0}
	.t-respon.flow th::after{content:url(../image/arrow-down.svg)}
}

@media (min-width:1200px) {
	.t-respon.flow th{font-size:var(--fs26)}
}

/*  配置＆位置｜表示非表示
------------------------------------　*/
.relative{position:relative!important}
.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;z-index:9;top:0;width:80%;padding:1rem;background:rgba(0,0,0,.7);color:#fff}
.text-assistive{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:.1rem;height:.1rem;margin:-.1rem;padding:0;border:0}
.text-left{text-align:left!important}
.text-right{text-align:right!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{text-align:center!important}
}

.text-justify{text-align:justify!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 rgba(0,0,0,0.4)}

/* headings,p＆追加class設定font-size /
 -------------------------------------------*/
h1{margin:0 auto 1em;font-size:clamp(var(--fs26),3vw,var(--fs38));line-height:1.2;color:inherit;text-align:center;letter-spacing:.1em}
main h1{margin:2em auto 1em}
main h1.ttl-01{margin:1.2em auto}
.ttl_read{position:relative;margin-left:20px}
h2{margin:0 0 1em;font-size:clamp(var(--fs24),3vw,var(--fs36));color:inherit;text-align:center}

@media screen and (min-width: 768px) {
	h1{margin:1em auto 1.6em}
	main h1{margin:2em 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-size:var(--fs23);font-weight:700;line-height:1.4;text-align:center}
.ttl-2{position:relative;margin:1em 0 .5em;font-size:var(--fs21);font-weight:700;text-align:center}

@media (min-width: 992px) {
	.ttl-1{font-size:clamp(var(--fs23),1.5vw,var(--fs30))}
	.ttl-2{font-size:clamp(var(--fs23),1.5vw,var(--fs28));font-weight:400}
}

.ttl-3{position:relative;margin:1em 0 .5em;font-size:clamp(var(--fs20),2vw,var(--fs24));font-weight:700;text-align:center}
.arrow::after{position:relative;content:"\3009"}
h4{margin-bottom:.5em;font-size:clamp(var(--fs18),2vw,var(--fs21));color:inherit}
h5{margin-top:0;font-size:var(--fs20);line-height:1.2}
.sub-ttl{font-size:var(--fs21);font-weight:700;text-align:center}

@media (min-width: 1200px) {
	.sub-ttl{font-size:clamp(var(--fs21),1.5vw,var(--fs26))}
}

/* font-sizeクラス
----------------------------------*/
.f-smaller{font-size:smaller!important}
.f-larger{font-size:larger!important}
.text-large{font-size:1.2em}
.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-1vw{font-size:clamp(var(--fs15),1vw,var(--fs16))!important}
.fs17-1vw{font-size:clamp(var(--fs16),1vw,var(--fs17))!important}
.fs18-1vw{font-size:clamp(var(--fs16),1vw,var(--fs18))!important}
.fs20-1vw{font-size:clamp(var(--fs18),1vw,var(--fs20))!important}
.fs21-15vw{font-size:clamp(var(--fs17),1.5vw,var(--fs21))!important}
.fs24-1vw{font-size:clamp(var(--fs18),1vw,var(--fs24))!important}
.fs24-2vw{font-size:clamp(var(--fs15),2vw,var(--fs24))!important}
.fs24-3vw{font-size:clamp(var(--fs18),3vw,var(--fs24))!important}
.fs29-1vw{font-size:clamp(var(--fs18),1vw,var(--fs29))!important}
.fs29-2vw{font-size:clamp(var(--fs18),2vw,var(--fs29))!important}
.fs32-3vw{font-size:clamp(var(--fs21),3vw,var(--fs32))!important}
.fs36-3vw{font-size:clamp(var(--fs24),3vw,var(--fs36))!important}
.fs42-3vw{font-size:clamp(var(--fs32),3vw,var(--fs42))!important}

/* line-height
---------------------------------*/
.line-hi08{line-height:.8!important}
.line-hi10{line-height:1!important}
.line-hi12{line-height:1.2!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
---------------------------------*/
.spacing-5p{letter-spacing:-5px}
.spacing-00{letter-spacing:0}
.spacing-1p{letter-spacing:-1px}
.spacing-2p{letter-spacing:-2px}
.spacing1p{letter-spacing:1px}
.spacing2p{letter-spacing:2px}
.spacing2-6p{letter-spacing:2px}

@media (min-width:1024px) {
	.spac-01{letter-spacing:2px}
	.spacing2-6p{letter-spacing:6px}
}

/* border / border-radius　/ shadows　
---------------------------------------- */
.Line-square{display:inline-block;margin:.5em auto;padding:10px;border:3px solid #ebc3c3;border-radius:5%}
.bor1-ccc{border:1px solid #ccc}
.radius04{border-radius:4px!important}
.radius10{border-radius:10px!important}
.radius15{border-radius:15px!important}
.radius30{border-radius:30px!important}
.radius50{border-radius:50%}
.notborder{border:none!important}
.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%)}

/*  box-style
-----------------------------------*/
.roundbox{position:relative;max-width:100%;padding:1.5em 1em;border:2px solid var(--border-c-blue2);border-radius:50%;background:var(--bg-white)}
.roundbox.blue{background:var(--bg-blue-light)}
.roundbox::before,.roundbox::after{position:absolute;left:50%;width:0;height:0;content:""}
.roundbox::before{top:100%;margin-left:-9px;border:9px solid;border-color:transparent;border-top-color:var(--border-c-blue2)}
.roundbox::after{top:99%;margin-left:-8px;border:8px solid;border-color:transparent;border-top-color:#fff}
.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}

@media (min-width:768px) and (max-width:799px) {
	.block_r15.shadow_r15{padding:0 .75rem 1rem}
}

.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_r15{margin-bottom:1em;padding:0 1.25rem 1rem;border:1px solid #d6e0e5;border:1px solid #AFC4CD;border-radius:15px}
.border-block_r15 h3{margin:0 -1.25rem 1rem;padding:1rem 0;border-radius:0 0 30% 30% /0 0 70% 70%}
.border-block_r15.b-grey{border-color:var(--border-c-gray)}
.border-block_r15.b-green{border:1px solid #89ba38}
.border-block_r15.b-blue1{border:1px solid #42afca}
.border-block_r15.b-navy-blue{border:1px solid #024872}
.border-block_r15.b-green h3{background-color:#89ba38;color:#fff}
.border-block_r15.b-blue1 h3{background-color:#42afca;color:#fff}
.border-block_r15.b-blue1 h3.not-bg{padding:1rem;border:none;background:none;color:var(--txt-c-body)}
.border-block_r15.b-navy-blue h3{background-color:#024872;color:#fff}
.shadow_r15{overflow:hidden;margin:0 auto 15px;border-radius:15px;background:var(--bg-white);box-shadow:5px 5px 0 #AFC4CD}
.shadow_r15-dark{box-shadow:5px 5px 0 #aaa}
.shadow_r15-dark2{background:var(--bg-white);box-shadow:5px 5px 0 #AFC4CD}
img.box-shadow{padding:15px}
.box-shadow .spac-01px{letter-spacing:-1px}

@media (min-width:768px) {
	.box-shadow .spac-01px{text-align:left}
}

/*全体レイアウトと各ブロック枠
----------------------------------------- */
main{width:100%;overflow:hidden;padding-bottom:3em;hyphens:auto}
main div:last-child{margin-bottom:0}
main p:last-child{margin-bottom:0}
main ul:last-child{margin-bottom:0}
.section{position:relative;padding-top:1.5em;padding-bottom:2em}
.section.blue,.blue{background-color:var(--bg-blue-light)}

@media (min-width: 1080px) {
	.section{padding-top:40px}
}

#map_canvas iframe{width:100%;height:350px;margin:0 auto;border:1px solid #ccc;text-align:center}

/* header ＆menu共通
--------------------------------------- */
header,main{background-color:var(--bg-white)}
header a:hover{color:#009098}
header a,header a:active,header a:visited{text-decoration:none}
.navArea{position:relative;display:flex;width:calc(100% - 80px);padding:10px;line-height:1.2;flex-wrap:wrap;align-items:flex-start}
.navArea_right{margin:0 0 0 auto}
.navArea_right .navArea_righttxt{display:none;font-size:clamp(var(--fs13),1.2vw,var(--fs16));font-weight:700;letter-spacing:0}

@media (min-width: 768px) {
	.navArea_right{margin-right:.5em}
	.navArea_right .navArea_righttxt{display:block}
}

@media (min-width: 1600px) {
	.navArea{width:calc(100% - 100px)}
}

.logo{margin:0 0 0 10px;font-size:var(--fs18);font-weight:600;line-height:1.2;text-align:left;letter-spacing:-.01rem}
.logo a{position:relative;z-index:2;color:var(--body-color)}
.logo a:hover{opacity:.8}
.logo span{display:block;overflow:hidden;width:auto;font-size:clamp(var(--fs13),1.2vw,var(--fs16));white-space:nowrap;letter-spacing:2px;text-overflow:ellipsis}
.logo i{display:none}

@media (min-width: 768px) {
	.logo{margin-left:.5em;font-size:clamp(var(--fs21),2.1vw,var(--fs26))}
	.logo span{letter-spacing:0}
	.logo i{display:inline-block}
	.logo a::before{width:45px;height:45px;margin-left:-46px}
}

@media (min-width: 1600px) {
	.logo{margin-left:40px;font-size:var(--fs28);font-weight:400}
	.logo span{font-weight:600;letter-spacing:1.5px}
}

/*  ヘッダー内　navigation-style  */
.gnavPicup{margin:0 auto;padding:0 10px 10px;text-align:center}
.gnavPicup ul{margin:0;padding-left:0;line-height:1.2}
.gnavPicup li{display:inline-flex;width:inherit;margin:0;padding:0;font-size:clamp(var(--fs16),1.5vw,var(--fs19));text-align:center;letter-spacing:1px}
.gnavPicup li a{position:relative;padding:5px;font-weight:600;color:#000;color:var(--a-link-color)}
.gnavPicup a:hover{color:var(--txt-c-link-hover)}
.gnavPicup li:nth-child(4),.gnavPicup li:nth-child(5),.gnavPicup li:nth-child(6){display:none}

@media (min-width: 768px) {
	.gnavPicup{padding:0}
	.gnavPicup li a{padding:10px .9em}
	.gnavPicup li:nth-child(4),.gnavPicup li:nth-child(5),.gnavPicup li:nth-child(6){display:inline-flex}
	.gnavPicup li a::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--txt-c-link-hover);content:"";transition:all .3s ease;-webkit-transform:scaleX(0);transform:scaleX(0)}
	.gnavPicup li a:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1)}
}

/* hamburger-menu */
#menu-button{position:fixed;z-index:999;top:0;right:25px;display:grid;width:50px;height:48px;border:none;background-color:var(--bg-gray-dark);cursor:pointer;place-content:center;place-items:center}

@media (min-width: 1200px) {
	#menu-button{top:9px;right:30px}
}

@media (min-width: 1600px) {
	#menu-button{right:50px}
}

.bar,.bar::before,.bar::after{width:25px;height:2px;background-color:var(--bg-white);transition:transform .3s}
.bar{display:grid}
.bar::before,.bar::after{content:"";grid-area:1 / 1}
.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{font-size:var(--fs10);color:var(--txt-c-white);transform:translateY(10px)}

@media (min-width: 1400px) {
	.menu-label{line-height:1.5}
}

#overlay{position:fixed;z-index:997;top:0;left:0;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;z-index:998;top:0;right:0;overflow-y:auto;width:100%;min-width:300px;height:100%;background-color:var(--bg-gray-light);transition:transform .3s ease-out;transform:translateX(100%)}
#menu ul{margin:80px 1vw 1em 2vw;padding:0;list-style:none}
#menu li{padding:15px 20px}
.menu-info{margin-left:calc(2vw + 10px)}

@media (min-width: 768px) {
	#menu{width:50%;max-width:1000px}
	#menu ul{margin-left:3vw}
	.menu-info{margin:2em auto .5em;text-align:center}
}

#menu a{display:block;color:var(--txt-c-body);text-decoration:none}
#menu a:hover{color:var(--txt-c-link-hover)}
.menu-open #menu{transform:translateX(0)}
body{overflow-x:clip}
body.menu-open{overflow:hidden}

/* .phone-block=header-.navArea_right内　*/
.phone-block{position:relative;right:0;left:10px;text-align:right}
.phone-block img{display:inherit;vertical-align:inherit}
.contact-box{position:relative;margin:0 auto;padding:1em}
.tel span{display:inline-block;padding-left:30px;background:url(../image/tel-iconB.svg) no-repeat left center;background-size:26px auto;font-size:var(--fs16)}
.tel a{text-decoration:none}

@media (min-width: 1200px) {
	.tel span{padding-left:34px;background-size:32px auto;font-size:var(--fs32)}
}

.contact-box.phone-block img{vertical-align:baseline}
.phone-block .tel_number-s,.contact-box .tel_number-s{position:relative;font-weight:600;line-height:1.1;color:var(--txt-c-tel)}
.phone-block .tel_number-s{display:none;font-size:var(--fs18)}
.phone-block .tel_icon,.contact-box .tel_icon{width:28px}
.phone-block .email,.contact-box .email{width:32px;margin-right:5px}
.tel_icon{margin-right:5px;margin-left:10px}
.linkType02,.linkType02_head{display:inline-block;pointer-events:auto}
.linkType02_head img{position:relative;margin-right:10px}
.tel_number-l{font-size:clamp(var(--fs38),3vw,var(--fs40));font-weight:700;color:var(--txt-c-tel);letter-spacing:0}

@media (min-width: 768px) {
	.linkType02,.linkType02_head{pointer-events:none}
	.linkType02_head img{margin-right:5px}
	.tel_number-l{font-weight:400}
	.phone-block{left:0}
	.phone-block .tel_icon,.contact-box .tel_icon{width:20px;height:auto}
	.phone-block .email,.contact-box .email{width:28px;margin-right:5px}
	.phone-block .tel_number-s,.contact-box .tel_number-s{display:inline-block;font-size:var(--fs24);font-weight:400}
}

@media (min-width: 1200px) {
	.phone-block .tel_number-s,.contact-box .tel_number-s{font-size:var(--fs30)}
}

/* indexメインimgエリアとパンくずエリア*/
.Visualcontainer{position:relative;min-height:36px;background-color:#61b2cf}
@media (min-width: 1400px) {
.Visualcontainer{min-height:40px}
}
.index .Visualcontainer .visual-main_in-bg{background-image:linear-gradient(to top,rgba(255,255,255,0.1) 20%,#fff 100%)}
.visual-main{background:#61b2cf url(../image/Visual-bg_streets3.png) repeat-x left 90%}
.index .Visualcontainer h1{position:relative;z-index:6;top:-60px;margin:0 0 1em 7em;padding:.7em 0;border-radius:60px;background-color:rgba(255,255,255,.9);font-size:clamp(var(--fs18),2.2vw,var(--fs38));font-weight:700;line-height:1.4;letter-spacing:0}
.index .Visualcontainer h1 span{display:block}
.visual-paint{order:1}
.visual-case{order:0}
.visual-paint .visual-paint-img{position:absolute;z-index:5;bottom:0;left:5%;width:140px;height:auto}
.visual-case .visual-case-img p img{overflow:hidden;width:360px;height:250px;margin:0 auto;border-radius:130px;-o-object-fit:cover;object-fit:cover;mix-blend-mode:multiply}

@media (min-width: 768px) {
	.index .Visualcontainer{min-height:300px}
	.index .Visualcontainer .visual-main_in-bg{padding-top:30px}
	.visual-paint .visual-paint-img{bottom:0;left:15%}
	.visual-case .visual-case-img p img{width:300px;height:auto;margin:10px 0 0}
	.visual-paint{order:0}
	.visual-case{order:1}
	.index .Visualcontainer .visual-main_in-bg{border-radius:0 0 40% 40%/0 0 100% 100%;background-image:linear-gradient(to top,rgba(255,255,255,0.5) 20%,#fff 100%)}
	.index .Visualcontainer h1{top:0;margin:0;padding:0 .5em;border:none;background:none;letter-spacing:.1em}
}

@media (min-width: 992px) {
	.index .Visualcontainer{min-height:400px}
	.visual-main{background-position:left 100%}
	.index .Visualcontainer h1{margin-top:1em}
	.visual-paint .visual-paint-img{width:150px;height:auto}
	.visual-case .visual-case-img p img{width:400px;height: 300px;border-radius:250px}
}

@media (min-width: 1200px) {
	.index .Visualcontainer{min-height:480px}
	.visual-paint .visual-paint-img{width:180px;height:auto}
	.visual-case .visual-case-img p img{width:600px;height:450px}
}

@media (min-width: 1400px) {
	.index .Visualcontainer{min-height:600px}
	.index .Visualcontainer h1{margin-top:2em}
	.visual-paint .visual-paint-img{width:250px;height:auto}
	.visual-case .visual-case-img p img{width:600px;height:450px;border-radius:47%}
}

@media (min-width: 1600px) {
	.index .Visualcontainer{min-height:650px}
	.index .Visualcontainer .visual-main_in-bg{height:550px}
	.index .Visualcontainer h1{margin-top:1.5em}
	.visual-paint .visual-paint-img{width:285px;height:auto}
	.visual-case .visual-case-img p img{position:absolute;top:30px;width:640px;height:500px}
}

@media (min-width: 2100px) {
	.visual-paint .visual-paint-img{left:25%}
}

.Visualcontainer .breadcrumb__list{margin-left:0}
.breadcrumb__list{position:absolute;display:block;padding:1px;color:#fff}
.breadcrumb__list li{display:inline-block;list-style:none;font-size:var(--fs13);line-height:2.5}
.breadcrumb__list li a{position:relative;display:block;margin-right:2em;padding-right:.4em;color:#fff;text-decoration:none}
.breadcrumb__list li a:first-child{padding-left:8px}
.breadcrumb__list li a::after{position:absolute;top:0;margin-left:1em;content:"\3009"}
.breadcrumb__list li a:hover{color:#fff;text-decoration:none;opacity:.8}

/* ------------------- フッタ = 情報量が少ないときfooter下部に配置　*/
.flex-container{display:flex;flex-direction:column;min-height:100vh}
.flex-footer{margin-top:auto}

.foot-area{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 0 20px;background-color:var(--bg-foot-menu)}
.foot-area .order-swap1{order:1}
.foot-area nav{display:flex;justify-content:center;align-items:center}
.foot-menu{display:flex;margin-top:1em;margin-bottom:1em;font-size:var(--fs14);flex-wrap:wrap;justify-content:space-between}
.foot-menu li{width:50%}
.foot-menu li a{display:inline-flex;align-items:center;width:100%;height:3.5em;padding:1em .5em;line-height:1.2;border-bottom:1px solid rgba(255,255,255,.5);color:var(--txt-c-link-dark)}
.foot-menu li:nth-child(1) a,.foot-menu li:nth-child(2) a{border-top:1px solid rgba(255,255,255,.5)}
.foot-menu li a:hover{background-color:#86C7DD}
.foot-area h2{margin:0 0 .5em;font-size:var(--fs32);letter-spacing:6px}
.foot-area p{font-size:var(--fs15);line-height:1.4}

@media (min-width: 768px) {
	.foot-area{flex-direction:row}
	.foot-area .order-swap1{order:0}
}

.tel span#white-icon{filter:invert(100%) sepia(93%) saturate(0%) hue-rotate(221deg) brightness(106%) contrast(108%)}
.foot-area img.tel_icon{display:inline-block;vertical-align:inherit}
.foot-area .tel_number-l{font-size:clamp(var(--fs32),1.5vw,var(--fs40));color:var(--base-color)}

@media (min-width: 992px) {
	.foot-area h2{font-size:var(--fs36)}
	.foot-area p{margin-bottom:.5em;font-size:var(--fs16)}
	.foot-menu{font-size:var(--fs16)}
	.foot-menu li{line-height:2}
}

.foot-copy{padding:1.5em 1em;background-color:var(--bg-foot-copy);font-size:var(--fs13)!important;line-height:1.4;color:#ccc;text-align:center}

/*　page-top-Link*/
.page-top{position:fixed;z-index:100;right:30px;bottom:30px;display:flex;width:50px;height:50px;padding:0;border:none;border-radius:50%;outline:none;background:var(--bg-gray-dark);cursor:pointer;transition:all .3s ease;appearance:none;justify-content:center;align-items:center}
.page-top::before{position:absolute;top:10px;width:20px;height:20px;border-top:solid 3px #fff;border-right:solid 3px #fff;content:"";transform:rotate(-45deg)}
.page-top:hover{background:var(--bg-blue)}
.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:""}

/*-------------------------------------　
  ページ個別 /
---------------------------------------*/
/*------------- index-page */
.banner-ebook{background:#f3f9fb url(../image/ebook-bgt.webp) no-repeat right center}
.banner-colortest{background:#f3f9fb url(../image/color-sample.webp) no-repeat right center;background-size:auto;background-size:50% 100%}
.banner-ebook h2,.banner-colortest h2{text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff,2px 3px 2px rgba(0,0,0,0.2)}
.banner-ebook p,.banner-colortest p{margin-bottom:0;font-weight:700;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,1px 1px 0 #fff}

@media (min-width: 992px) {
	.banner-ebook p,.banner-colortest p{font-weight:400}
}

.banner-ebook a,.banner-ebook a:hover,.banner-colortest a,.banner-colortest a:hover{text-decoration:none}
.item-list{position:relative;display:grid;overflow:hidden;margin-top:1.5em;border-radius:1rem;cursor:pointer}
.item-list>*{transition:.4s;grid-area:1/1}
.item-list img{overflow:hidden;width:100%;height:auto;max-height:450px;min-height:182px;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover}
.item-list h3{margin:.4em 0;font-size:clamp(var(--fs15),1.5vw,var(--fs18))}
.item-list h3 a,.item-list figcaption a{color:#fff!important;text-decoration:none!important}
.item-list h3 span{position:absolute;bottom:0;display:block;width:100%;padding:.75rem;background-color:rgba(0,0,0,.4);font-weight:700!important;line-height:1.4}
.item-list figcaption{display:grid;margin:-1px;padding:.75rem;background-image:linear-gradient(to top,rgba(000,000,000,0.6) 80%,rgba(000,000,000,0.6) 20%);font-size:clamp(var(--fs16),2vw,var(--fs18));font-weight:700;line-height:1.4;color:#0000;align-items:center;-webkit-clip-path:inset(0 var(--_i,100%) 0 0);clip-path:inset(0 var(--_i,100%) 0 0)}
.item-list:hover figcaption{--_i:0}
/*.item-list:hover img{transform:scale(1.2)}*/
.pickup{display:flex;flex-wrap:wrap}
.pickup h3{margin:1em 0 .5em;font-size:var(--fs20);font-weight:700;text-align:center}
.pickup h3 i{font-size:smaller}
.pickup li{display:flex;flex-direction:column;width:100%;margin-bottom:1em;padding:0 1.25rem 1rem;border-radius:15px}

@media (min-width: 768px) {
	.pickup{justify-content:space-between}
	.pickup li{width:31%}
	.pickup h3{font-size:clamp(var(--fs20),2vw,var(--fs24))}
}

.txt-limit::after{content:"\2026"}

/* paint-flow-page
-------------------------------*/
.flow_r-img{position:relative}
.flow_r-img img{display:inline-block;width:29%;margin:1% 2%;border-radius:10px;box-shadow:0 0 0 1px #88c1c6}
.flow_r-img.w-list4 img{width:46%}
.flow_r-img.w-list4 .next-arrow{position:absolute;display:inline-block;width:15px;height:25px;margin-top:15%;margin-left:-5px;border-radius:0;background:transparent url(../image/arrow-r.svg) no-repeat top center / contain;box-shadow:none;filter:brightness(0) saturate(100%) invert(78%) sepia(28%) saturate(358%) hue-rotate(136deg) brightness(89%) contrast(87%)}
.flow_ttl{position:relative;margin-bottom:1em}
.flow_ttl img{left:0;width:150px;height:auto;margin-top:-1em;margin-bottom:1em}

@media (min-width:768px) {
	.flow_r-img.w-list4 img{width:21%;margin:1% 1.5%}
	.flow_r-img.w-list4 .next-arrow{width:20px;height:34px;margin-top:10%;margin-left:-8px}
	.flow_ttl{left:-2em}
	.flow_ttl img{left:2.5em;width:200px;height:auto;margin-bottom:.5em}
}

@media (min-width:1200px) {
	.flow_r-img.w-list4 .next-arrow{margin-top:90px}
}

.t-respon.flow .number{position:relative;top:10px;padding-right:5px;font-size:var(--fs42);font-style:italic;color:#88c1c6;vertical-align:bottom;letter-spacing:-2px}

/*---------	カラーシミュレーション */
.sim{background:url(image/color-palette.png) no-repeat right top}
.max800{margin-left:auto;margin-right:auto}
#preview{position:relative;max-width:800px;width:100%;margin:0 auto 10px;height:220px}
#preview div{position:absolute;top:0;left:0;max-width:800px;width:100%;height:220px}
#preview img{padding:0 .4em;max-width:800px;width:100%;height:220px}

@media (min-width: 640px) {
	#preview,#preview div,#preview img{height:400px}
}

@media (min-width: 1024px) {
	#preview,#preview div,#preview img{height:518px}
}

#imgb-rf{z-index:130;overflow:hidden}
#imgb-f2{z-index:120;overflow:hidden}
#imgb-f1{z-index:110;overflow:hidden}
#img-base{z-index:100}
table.palette{max-width:800px;margin-bottom:0;border-spacing:.4em!important;border-collapse:separate}
table.palette th{border:1px solid navy;padding:4px;text-align:center;background-color:#333;color:#fff}
table.palette td{border:solid 1px #999;padding:.5em;cursor:pointer}
#reset{position:absolute;left:40%;bottom:10px;z-index:10;z-index:996;margin:0;cursor:pointer}
.reset-btn{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;transition:background-color .25s ease-out,color .25s ease-out;vertical-align:middle;border:1px solid transparent;font-size:21px;margin:0 0 1rem;padding:.5em 1em;border:1px solid transparent;border-radius:3px;background-color:#2ba6cb;color:#fefefe}
.reset-btn:hover{cursor:pointer}
#f1_01,#f2_01{background-color:#fff}
#f1_02,#f2_02{background-color:#e5d6cb}
#f1_03,#f2_03{background-color:#d5c5b2}
#f1_04,#f2_04{background-color:#c7a28e}
#f1_05,#f2_05{background-color:#d9d5b0}
#f1_06,#f2_06{background-color:#d4d4cf}
#f1_07,#f2_07{background-color:#b6b696}
#f1_08,#f2_08{background-color:#a89c86}
#f1_09,#f2_09{background-color:#b09e7b}
#f1_10,#f2_10{background-color:#6a5642}
#f1_11,#f2_11{background-color:#c7cbba}
#f1_12,#f2_12{background-color:#a0a4a0}
#f1_13,#f2_13{background-color:#717579}
#f1_14,#f2_14{background-color:#8a9a7d}
#f1_15,#f2_15{background-color:#999979}
#f1_16,#f2_16{background-color:#646450}
#f1_17,#f2_17{background-color:#afa292}
#f1_18,#f2_18{background-color:#8d816f}
#f1_19,#f2_19{background-color:#7e6e62}
#f1_20,#f2_20{background-color:#655d55}
#rf_01{background-color:#ac655d}
#rf_02{background-color:#5d4944}
#rf_03{background-color:#4b3a35}
#rf_04{background-color:#556a5d}
#rf_05{background-color:#354a39}
#rf_06{background-color:#395a80}
#rf_07{background-color:#1c2f53}
#rf_08{background-color:#696d76}
#rf_09{background-color:#4a4b4e}
#rf_10{background-color:#20232c}
.small-img{position:relative;width:128px;height:152px;margin-bottom:1em}

@media (min-width: 768px) {
	.small-img{margin-top:-30px}
}

@media (min-width: 1200px) {
	.small-img{width:185px;height:219px;margin-top:-10px;margin-bottom:10px}
}

/* self-check-page */
.check-img li{margin-bottom:1em}
.check-img li img{border-radius:50%}
.check-photo img{margin:1em auto;border-radius:50%}
#checkAnswer.checkRank{display:block}
#checkAnswer{position:relative;display:none;text-align:center}
#checkAnswer img{margin:.5em 0 -1em}
#checkAnswer h2 span::before,#checkAnswer h2 span.before{color:#ffa518}
#checkAnswer h2 span::after,#checkAnswer h2 span.after{color:#ccc}
.checkRank_0 span::before{content:""}
.checkRank_0 span::after{content:"★★★"}
.checkRank_1 span::before{content:"★"}
.checkRank_1 span::after{content:"★★"}
.checkRank_2 span::before{content:"★★"}
.checkRank_2 span::after{content:"★"}
.checkRank_3 span::before{content:"★★★"}
.checkRank_3 span::after{content:""}

/* blog_page */
.entry-list{position:relative;margin:10px 0;padding:15px 10px;background-color:#edf7fc}
.entry-list:hover,.date a:hover{background-color:#f4fbfd!important;transition:.3s}
.entry-list:hover{background-color:#f4fbfd!important;transition:all .2s linear 0}
.entry-list img{max-width:200px;height:auto;margin:1em auto}
.entry-list:hover img{opacity:.8}
.entry-list h2{font-weight:600;line-height:1.2;margin:0 0 .5em}
.entry-list h2 a{text-decoration:none}

@media (min-width: 576px) {
	.entry-list h2{text-align:left;margin-bottom:1em;padding-top:1rem}
	.entry-list img{margin-bottom:0}
}

.entry h2{font-size:clamp(var(--fs21),3vw,var(--fs28));margin-top:1.5em}

@media (min-width: 768px) {
	.entry h3{font-weight:400}
}

.more-stret-link{position:relative;z-index:2}
.date{margin-bottom:1em;padding-top:1em;text-align:right;font-size:var(--fs13)}

.more-cate{display:inline-block;min-width:4em;text-align:center;margin-top:5px;margin-right:5px;padding:3px 8px;background-color:#edf7fc;border:1px solid #3a917c}
.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;padding:1rem;max-width:100%;height:auto;margin:0 auto}
.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{flex:1;display:flex;justify-content:center;align-items:center;height:3em;line-height:1.1}
.pager_center {padding:.4em;border-top:1px solid var(--border-btn-c-base);border-bottom:1px solid var(--border-btn-c-base);background-color:#e6f0f7}
.pager_prev-le {padding:.4em;border-radius:30px 0 0 30px;border:1px solid var(--border-btn-c-base)}
.pager_next-ri {padding:.4em;border-radius:0 30px 30px 0;border:1px solid var(--border-btn-c-base)}
.pager_prev-le a:hover{border-radius:30px 0 0 30px}
.pager_next-ri a:hover{border-radius:0 30px 30px 0}
.pager_center a:hover{}
.pager_prev-le a::before,.pager_next-ri a::after{content:"";position:absolute;top:38%;width:12px;height:12px;transition:.3s}
.pager_prev-le,.pager_next-ri{position:relative}
.pager_prev-le a::before{margin-left:-4em;border-top:2px solid #61b2cf;border-left:2px solid #61b2cf;transform:rotate(-45deg)}
.pager_prev-le:hover a::before{margin-left:-5em}
.pager_next-ri a::after{margin-right:-4em;border-top:2px solid #61b2cf;border-right:2px solid #61b2cf;transform:rotate(45deg)}
.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)}

/* 追加Grid_container=width this site */
.inner-wide {width:100%;max-width: 1560px!important;margin-left:auto;margin-right:auto}
.inner-slim{width:100%;max-width:1140px;margin-left:auto;margin-right:auto}
.inner-small{max-width:870px;margin-left:auto;margin-right:auto}
.inner-slim .entry{max-width:1000px;margin-left:auto;margin-right:auto}

.container-sm,.container,.container.inner-small,.container.inner-slim{padding-right:25px;padding-left:25px}
.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}
}

.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>*{box-sizing:border-box;flex-shrink:0;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)}

.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-none{display:none!important}

@media (min-width: 576px) {
	.d-sm-inline{display:inline!important}
	.d-sm-inline-block{display:inline-block!important}
	.d-sm-block{display:block!important}
	.d-sm-grid{display:grid!important}
	.d-sm-table{display:table!important}
	.d-sm-table-row{display:table-row!important}
	.d-sm-table-cell{display:table-cell!important}
	.d-sm-flex{display:flex!important}
	.d-sm-inline-flex{display:inline-flex!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-inline{display:inline!important}
	.d-lg-inline-block{display:inline-block!important}
	.d-lg-block{display:block!important}
	.d-lg-grid{display:grid!important}
	.d-lg-table{display:table!important}
	.d-lg-table-row{display:table-row!important}
	.d-lg-table-cell{display:table-cell!important}
	.d-lg-flex{display:flex!important}
	.d-lg-inline-flex{display:inline-flex!important}
	.d-lg-none{display:none!important}
}

@media (min-width: 1200px) {
	.d-xl-inline{display:inline!important}
	.d-xl-inline-block{display:inline-block!important}
	.d-xl-block{display:block!important}
	.d-xl-grid{display:grid!important}
	.d-xl-table{display:table!important}
	.d-xl-table-row{display:table-row!important}
	.d-xl-table-cell{display:table-cell!important}
	.d-xl-flex{display:flex!important}
	.d-xl-inline-flex{display:inline-flex!important}
	.d-xl-none{display:none!important}
}

@media (min-width: 1400px) {
.d-xxl-inline{display:inline!important}
	.d-xxl-inline-block{display:inline-block!important}
	.d-xxl-block{display:block!important}
	.d-xxl-grid{display:grid!important}
	.d-xxl-table{display:table!important}
	.d-xxl-table-row{display:table-row!important}
	.d-xxl-table-cell{display:table-cell!important}
	.d-xxl-flex{display:flex!important}
	.d-xxl-inline-flex{display:inline-flex!important}
	.d-xxl-none{display:none!important}
}

@media print {
	.d-print-inline{display:inline!important}
	.d-print-inline-block{display:inline-block!important}
	.d-print-block{display:block!important}
	.d-print-grid{display:grid!important}
	.d-print-table{display:table!important}
	.d-print-table-row{display:table-row!important}
	.d-print-table-cell{display:table-cell!important}
	.d-print-flex{display:flex!important}
	.d-print-inline-flex{display:inline-flex!important}
	.d-print-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;}