*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

.clinic{--nav-bg:aliceblue;--nav-active-bg:#89ff64;--footer-bg:#73c973;--footer-hover-bg:#006c00cf;--h3-dot:rgba(132, 195, 96, 0.8);
	--h2-gradation-start:rgb(159, 231, 32);
	--h2-gradation-end:rgb(117, 188, 115);
	--h2-gradation:180deg,var(--h2-gradation-start) 0%, var(--h2-gradation-end) 100%;
	--table--th:#8fe19f;
	--accent:#4A90E2;
	}
section:not(.autoload){font-family:Arial, sans-serif;line-height:1.8em;font-size:16px;}
.header-wrap,.copy,section:not(.autoload){max-width:1400px;margin:0 auto;padding:0 2em;}

html {font-family:'Noto Sans JP', sans-serif;color:#333;font-size:14px;}
/*h1,footer legend{position:relative;color:#158b2b;font-size:30px;padding:10px 0;text-align:center;margin:1.5em 1em;display:inline-block;text-shadow:1px 1px 1px #ffe301;}*/
header {
	z-index:3;position:fixed;width:100%;background:#4A90E2;padding:0 1em;height: 12em;transition: all 0.4s ease;
	.header-wrap {
	    display:grid;
	    grid-template-columns:16em auto;
	    text-shadow:1px 1px 1px #fff;
	    padding:1em 0;
	    background:#cde8ff17;
	    box-shadow:inset 0px 0px 2em #fff;padding:1em 2em;
	}

	h2 {font-size:2em;color:#ff7f506b;border-radius:0;background-color:transparent;box-shadow:none;margin:0;transition:0.4s;padding:0 0 0 1em;background:none;}
	h1,h3{font-size:15px;
        margin:0;
        border-bottom:none;
        line-height:1;
        display:inline-block;
        text-align:left;
        text-shadow:1px 1px 1px #ffe3015e;
        color:#000;}
	.logo {background:url(/clinic/image/icon/apple-touch-icon.png) no-repeat 1px 26px;background-size:32px;width:20em;padding-left:9px;}
}
header.top {position:absolute;background:#cde8ff17;}
.inner-wrap{width:100%;padding-top: 9em;}
.Show {
	header{position: fixed;background: #4A90E2;height: 6em;
		h3,#header_link,#support_tel{display:none;}
		.sub-menu{padding:0 1em;}
		}
/*	.inner-wrap{padding-top:24em;}*/
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
    transform: translateY(0);
    transition: all 0.4s ease;
}

.header-hide {
    transform: translateY(-100%);
}

.header-show {
    transform: translateY(0);
    max-width: 90%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

h2{z-index:2;position:relative;padding-left:1em;} 
h2,h3,h4{display:inline-block;} 

h4 {margin:3em;font-size:1.3rem;border-bottom:3px solid #a94b2878;padding:1em;box-shadow:inset 0px 0px 40px 3px coral, 0px 4px 9px #66666642;border-radius:17px;}

h2+h3,h2+h4,h3+h4{margin:0 3em;}

ul{padding:0 4em;}
li{line-height:1.8;}
	

p::first-letter {font-size:1.3em;/*font-weight:bold;*/padding-right:2px;}
.banner a[target='_blank']:after {content:"";position:absolute;background:url(/clinic/image/icon/link-icon.png) 90% 50% no-repeat;
	width:14px;height:14px;bottom:15px;right:5px; mix-blend-mode:multiply;}
	
.auto-fit-320,.auto-fit-160{
	ul {padding:0;border:1px solid #999;border-radius:8px;}
	li {margin:0;box-shadow:2px 2px 14px  -8px rgb(0 0 0 / 56%);border-radius:4px;padding:8px 1em;}
}
.auto-fit-320{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(320px, 100%), 1fr));gap:20px;margin:4em 0 8em;
}
.items-middle{justify-items:center;}
.investigation{gap:2em;
	.title{min-height:6em;}
	.investigation-news{;box-shadow:2px 2px 14px  -8px rgb(0 0 0 / 56%);border-radius:4px;padding:5px;
	 .title{border-radius:6Px}
	 }
	p{padding:0;}
}
.auto-fit-160{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr));gap:20px;margin:4em 0 8em;
	span{box-shadow:2px 2px 14px  -8px rgb(0 0 0 / 56%);border-radius:4px;align-content:center;min-height:3em;padding:3px;}
}

p,.grid-data,.flex,.auto-fit-320,.auto-fit-160,.data-wrap{padding:0 4vw 5em;}
.grid-data,.flex{span{box-shadow:2px 2px 14px  -8px rgb(0 0 0 / 56%);padding:10px;border-radius:8px;}}
.grid-data{display:grid;gap:1em;grid-template-columns:12.5em 1fr;
}
.flex{display:flex;flex-wrap:wrap;gap:1em;}
.title,dt {font-weight:800;font-size:110%;background:#333;color:aliceblue;padding:.5em;box-shadow:2px 2px 14px  -8px rgb(0 0 0 / 56%);}
.answer{padding:0 6em 3em;}
.padding{padding-top:4em;}


nav{
	a{display:flex;text-decoration:none;align-items:center;justify-content:center;cursor:pointer;
		transform:rotateX(0deg);font-size:16px;overflow:hidden;white-space:nowrap;}
	a::before{background-color:#ffffff52;}
	.sub-menu a[target='_blank']{background-position:100% 50%;}
	svg{display:inline;fill:coral;}
	#header_link {display:flex;justify-content:flex-end;gap:10px;padding:1em;font-family:"Montserrat", sans-serif;}
	#header_link a {text-decoration:none;border-bottom:1px solid;color:#666;display:flex;gap:3px;background-color:var(--nav-bg);padding:6px 11px;
        border-radius:20px;box-shadow:5px 7px 9px #0000004a;}
}
main{z-index:1;position:relative;flex-grow:1;width:100%;background: #fff;}
article{background:#fff;overflow: hidden;}

main.nothing{
	;background:#161926 url(/clinic/image/icon/logo.jpg);background-repeat:no-repeat;
	background-position:center;margin:0;padding:0;background-size:contain;display:flex;justify-content:center;align-items:center;
	article{background:transparent}
	div{box-shadow:inset 0px 0px 1em #ffffff87;padding:1em;border-radius:8px;}
	#page-top{font-size:12px;box-shadow:none;padding:0;}
	section{font-size:1.5em}
}

	
#header_link a::before,.link-banner a::before,.sitemap a::before{background-color:#ff8f004a;}
.sub-menu a[target='_blank'],.blank{background:url(/clinic/image/icon/link-icon.png) 90% 50% no-repeat;}
nav.float{position:sticky;top:0;z-index:1;background:antiquewhite;display:flex;}
nav a::before,.link-banner a::before,.sitemap a::before {content:'';position:absolute;left:0;height:0px;width:100%;z-index:-1;transition:all .3s ease-in-out;border-radius:50px;}
nav a:hover:before,.link-banner a:hover:before,.sitemap a:hover:before {height:100%;}
nav a:hover,.link-banner a:hover,.sitemap a:hover {color:blue;}


.nav-wrap{max-width:800px;margin-left:auto;}
.nav-wrap a.active,.loop-year .active{background-color:var(--nav-active-bg);border-radius:5px;color:#000;box-shadow:inset 0px 0px 25px 3px #fff;}
.loop-year .active{box-shadow:inset 0px 0px 2vw 1vw #fff, 0px 0px 1vw 0vw var(--nav-bg)}

img {max-width:100%;height:auto;}
a{filter:brightness(0.9) blur(68px);transform:rotateX(95deg);transition:.5s;}
.load, #imgWrap img{
    filter:brightness(1) blur(0) ;
    transform:rotateX(0)!important;
}
.caption{filter:brightness(1) blur(0);transform:rotateX(0);}
.shadow{text-shadow:1px 1px 2px #fff,-1px 1px 2px #fff,-1px -1px 2px #fff,1px -1px 2px #fff!important;;}

.column2 {display:grid;grid-template-columns:2fr 1fr;align-items:center;width:90%;margin:0 auto;}
/*.column2 img,.cases img{padding:5px;border-radius:20px;box-shadow:0px 0px 20px  -13px #ff9600}*/

img,iframe{padding:5px;border-radius:18px;box-shadow:0px 0px 20px  -13px #ff9600;}
.reverse{grid-template-columns:1fr 2fr;}
.hero{
	p {padding:1em;margin:7px 2em;background:#faebd778;box-shadow:1px 1px 6px #666;}
}
.doctor-img,.exosome-img{padding:5px;
        border-radius:20px;
        box-shadow:0px 0px 46px -25px #ff9600;float:left;width:50%;margin-right:2vw;;max-width:320px;
		}
.float-R{float:right;margin:0 0 0 2em;}

section.autoload{
	width:100%;height:100vh;overflow:hidden;position:relative;height:100svh;
	.background {
		position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0; z-index:0;/*transform:scale(1);*/
	    transition:transform 5s,opacity 2.5s ease-in-out, z-index 5s 1s;
		.caption {filter:brightness(0.4) blur(100px);transform:rotateX(95deg);transition:1s;display:flex;justify-content:center;align-items:center;position:absolute;color:black;}
		.F-c{font-size:min(6vw, 50px);top:4em;left:2em;right:4em;}
		.B-c{font-size:min(4.9vw, 28px);bottom:11%;padding-right:2.2em;right:1em;text-align:right;color:green;transition-delay:0.98s;line-height:1.5; }
		}
	.background.active {opacity:1;z-index:1;transform:scale(1.1);transition:transform 5s,opacity 2.5s ease-in-out, z-index 5s 1s;
		.caption{filter:brightness(1) blur(0);transform:rotateX(0);}
	}
}





.nav-icon, .nav-icon:before, .nav-icon:after {background-color:#333;position:absolute;height:5px;width:35px;transition:all 0.3s;backface-visibility:hidden;border-radius:3px;}
.nav-icon:before, .nav-icon:after {content:'';position:absolute;}
.nav-icon:before {top:-10px;}
.nav-icon:after {top:10px;}

#myNavi {
	text-align:center;color:#0e66da;font-size:14px;position:absolute;top:0;right:0;height:100vh;height:100svh;width:145px;
	opacity:0.88;z-index:1;cursor:pointer;padding:5px;border-radius:4px;display:flex; flex-direction:column;justify-content:center;align-items:center;
	img {height:100%;filter:brightness(0.4);padding:5px;border-radius:9px;}
	.active img,img:hover {filter:brightness(1);transition:filter 0.3s ease-in 0.6s;}
	img:hover {transition:.1s;}
	span {padding:8px 1px;display:block;}
	div {background:var(--nav-bg);border-radius:3px;}
}
#bottom-navi {
	display:grid;z-index:10;grid-template-columns:repeat(auto-fit, 15%);justify-content:center;position:sticky;width:100%;bottom:0;	gap:5px;height:4.5em;z-index: 1;
	transition:all 0.6s;
	a {height:3.5em;margin-top:0;transition:all 0.3s ease-in-out;background-color:#ffffffd1;border-radius:30px 30px 0 0;padding:15px;display:flex;
	justify-content:center;align-items:center;box-shadow:0px 6px 19px -6px #555;text-decoration:none;color:#f96c38;font-size:15px;font-weight:800;
	}
	a:hover {height:6em;margin-top:-2.5em;background:#ffe4c4de;color:blue;box-shadow:0px 7px 10px -4px #333;}
}
.Show #bottom-navi{background-color: #fff;padding: 2em 0;height: 7em;}

body {display:flex;flex-direction:column;min-height:100vh;}
header, footer {box-shadow:inset 0px 0px 2em #fff;flex-shrink:0;}



/* メニューが表示されている時の×印のスタイル */
.change .nav-icon {background-color:transparent;}
.change .nav-icon:before {transform:rotate(45deg);top:0;}
.change .nav-icon:after {transform:rotate(-45deg);top:0;}

.fadein,body{animation:fadein 2.5s forwards;}
/*nav {animation:fadein .5s forwards;}*/
@keyframes fadein {0% {opacity:0}100% {opacity:1}}

@keyframes fadeInSlide {0%{opacity:0;transform:translateX(100px);color:blue;}50%{color:orange;}100%{opacity:1;transform:translateX(0);/*color:#00800094;*/}}
.animated-text{display:inline-block;opacity:0;animation-name:fadeInSlide;animation-duration:2.5s;animation-fill-mode:forwards;}
.animated-text:nth-child(1) { animation-delay:0.5s; }
.animated-text:nth-child(3n) { animation-delay:1s; }
.animated-text:nth-child(5n) { animation-delay:1.5s; }

.top-map{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:1em;padding:2em 2em 8em;}
.address-map{display:flex;flex-wrap:wrap;gap:2em;

}

address{padding:1em;font-style:normal;display:grid;align-self:start;}
@keyframes BGzoomIn {0% {background-size:100%;}100% {background-size:110%;}}
@keyframes BGzoomOut {0% {background-size:110%;}100% {background-size:100%;}}
.hidden{display:none;}

.sitemap {display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:1em;}
.sitemap div {display:grid;padding:1em;color:#666;}
.p-r{text-align:right;}
.p-c{text-align:center;}

footer.load {animation:BGzoomIn 10s ease forwards;}
footer {position:sticky;bottom:0;;width:100%;background:#4A90E2;padding:1em;
	a{text-decoration:none;transition:.5s;color:#0045ff;}
	a:hover,.active{background-color:var(--footer-hover-bg);color:#0d3ab7;text-shadow:1px 1px 5px #000;}
	.copy {justify-content:center;padding:1em;background:#cde8ff17;box-shadow:inset 0px 0px 2em #fff;overflow:hidden;color:#222;margin:1px auto;}
	.footer-nav {display:flex;gap:3vw;margin-bottom:30px;
		a {background-color:var(--nav-bg);padding:5px;border-radius:6px;display:flex;align-items:center;min-width:9em;justify-content:center;}
		}
	.sns-icons {display:flex;gap:15px;margin-bottom:30px;
		 a {width:36px;height:36px;background:coral;border-radius:50%;
		 	display:flex;align-items:center;justify-content:center;color:white;}
		}
	.footer-content {max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 20px;}
	.address{display:grid;margin: 0 auto;justify-content: end;}
}

#page-top{bottom:10em;font-size:80%;position:fixed;right:18px;z-index:8;transform:translateY(110px);transition:1s;
	button{background:#666666bf;border-radius:5px;color:#fff;display:block;padding:10px 0;text-align:center;text-decoration:none;width:60px;margin-top:-1em;border: 0px;
        box-shadow: 1px 2px 10px #00000085;}
	button:hover{background:#000000bf;text-decoration:none;}
}
#page-top.Hide{animation:Hide 0.5s forwards;}
#page-top.Show{animation:Show 0.5s forwards;}
@keyframes Show{from {opacity:0;transform:translateY(100px);}to {opacity:1;transform:translateY(0);}}
@keyframes Hide{from {opacity:1;transform:translateY(0);}to {opacity:1;transform:translateY(18em);}}/*　下に下がる動き　*/

.icon {display:none;}
.menu-bar {z-index:10;position:relative;}
/*.top .sub-menu span {background:var(--nav-bg);}*/
.sub-menu span {background:#f0f8ff8a;padding:10px;font-size:16px;display:block;margin:10px 0;font-weight:800;cursor:pointer;margin:4px 4px;border-radius:8px;box-shadow:inset 0px 0px 2em #fff;}

.sub-menu a {display:block;line-height:1.72em;margin:5px -3px;border:1px solid #ccc;padding:5px 0;}
.sub-menu > li {position:relative;text-align:center;flex:1;}
.sub-menu {
    border-radius:8px;
    width:100%;
    display:flex;flex-wrap:wrap;
    grid-template-columns:1fr 1fr 1fr;
    padding:5px 1em;
}
.child-menu {z-index:1;width:100%;color:#111;font-size:18px;display:none;position:absolute;background:var(--nav-bg);padding:10px;width:11em;top:48px;}
.child-menu:last-child{right:0;}
.sub-menu li:hover >.child-menu {transform-origin:center top;transform:scaleY(1);transition:transform .5s;display:block;border-radius:6px;width:100%;}
.child-menu li:hover{background:antiquewhite;}

h2{color:#ffffff;border-radius:6px;font-size:1.6em;background-image:linear-gradient(var(--h2-gradation));background-color:transparent;box-shadow:0px 2px 8px -1px #0000007d;padding:1em;margin:4em 1em;transition:0.4s;min-width:15em;;}

.admin {font-size:0.8em;float:right;text-decoration:none;border:1px solid #efefef;padding:0 9px;font-weight:400;color:#fff;margin-left:2em;}
.side h2{margin:0;}

h3{color:#1a73e8;display:block;text-align:left;font-size:1.5em;margin:3em;padding-top:1em;border-bottom:4px dotted var(--h3-dot);line-height:1.9em;}

.table-wrap {padding:0 2em;}

th{background-color:var(--table--th);}
table {border-collapse:collapse;box-shadow:4px 4px 8px rgba(0, 0, 0, 0.15);min-width:100%;margin:3em auto;}

ol {background:#f5f5f58f;padding:1em 1em 1em 3em;font-size:1.3em;margin:2em 3em;list-style:decimal-leading-zero;}
ol li{padding:1em 0;}
th, td {border:none;padding:8px 15px;}
tr:nth-child(even) {background-color:#f2f2f2;}
tr:hover {background-color:#ddd;}
table:not(.vaccine) td:first-child {width:9em; /* ここに適切な幅を設定 */}
.vaccine span,.sup{font-size:0.8em;vertical-align:top;color:red;padding:0 8px;}
.red{color:red;}
.f-s{font-size:90%!important;}
.f-l{font-size:120%!important;}
.f-ex{font-size:200%!important;}
.bold {font-weight:800!important;}
.blue{color:var(--accent);}
.time {position:relative;float:inline-end;font-size:85%;color:#666;}
.time:before {content:"\23F2";position:absolute;left:0;top:50%;transform:translateY(-50%);
}


.check,.list,.circle{background:#f5f5f58f;padding:0 1em;margin:0 3em;}
.check{
	li{padding:.5em;border-bottom:1px solid #d78383;display:grid;grid-template-columns:2.5em auto;align-items:center;}
	li:before {content:'\2713';color:red;margin-right:10px;font-size:1.4em;}
	li:last-of-type {border-bottom:none;}
}

.numbering {counter-reset:section;list-style-type:none
	li{list-style:decimal-leading-zero;margin-left:2em;}
	li:before {counter-increment:section;content:"0" counter(section);width:3em;color:blue;height:3em;float:left;font-size:1.2em;}
}


.list {border-radius :4px;font-size:1em;box-shadow :0px 0px 2px silver;
	li {line-height:1.5;padding:0.5em 0;}
}

.circle {
	li {display:grid;grid-template-columns:2em auto;padding:1em;align-items:center;}
	li:before{content:'';width:1em;height:1em;border-radius:50%;background-image:linear-gradient(var(--h2-gradation));box-shadow:0px 2px 8px -1px #0000007d;margin-left:-1em;}
}

#acp{float:right;height:5em;width:5em;}
.wrap-grid {display:grid;grid-template-columns:75% 25%;padding:2em 0;align-items:start;}
.sticky {position:sticky;}

table.open{text-align:center;font-size:12px;}
.open td{white-space:nowrap;}

.side{display:grid;gap:1em;padding:1em;border:3px dotted var(--h3-dot);border-radius:3em;}

.news-wrap h2{font-size:1em;color:#111;background:none;box-shadow:none;}
.news a{text-decoration:none;font-size:16px;transition:0.3s;color:#003bbd;}
div.news {display:grid;gap:1em;font-family:Roboto;color:#333;transition:0.3s;padding:.5em;border-bottom:5px dotted #9ebadf;grid-template-columns:70px 1fr;align-items:center;}

div.pickup {padding:1em 2em 4em;border:2px solid var(--h3-dot);margin:4em 0;border-radius:8px;align-items:baseline;}
div.pickup p:last-of-type{display:none;}/*最後のthe post*/
div.loop-year{display:flex;justify-content:center;flex-wrap:wrap;border-bottom:none;}
div.news-next{border-bottom:none;}
div.loop-year a {border:1px solid #ccc;border-radius:50%;background-color:var(--nav-active-bg);width:8vw;height:8vw;display:flex;justify-content:center;align-items:center;box-shadow:0px 0px 10px #ccc;max-width:100px;max-height:100px;}
div.news p{padding:.5em;font-size:14px;}
div.news.all{gap:2em;padding:2em;}
.news.all b{font-size:1.1em;padding:0 .5em;}
.news.all p{color:#333;line-height:1.5;}
.news a:hover{color:#057ee8;background-color:#f0f8ff6e;}
.news .date {display:grid;gap:5px;text-align:center;line-height:1;padding-bottom:.5em;}  
.news .y{font-size:.8em}
.news .m{font-size:1.3em}
.scroll-hint,.news-wrap {padding:0 2em;}
.scroll-hint-icon-white{background-color:#D0DCFF;transform:scale(0.8);}
.scroll-hint-icon-white .scroll-hint-text{font-size:14px;}
.scroll-hint-icon{height:95px;width:132px;padding:19px 0;}
/*.scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:0.95;}*/


.table-wrap img{box-shadow:0px 2px 8px -1px #0000007d;border-radius:50%;}
.banner a{height:100px;background-size:cover;display:flex;justify-content:center;align-items:center;background-position:center center;font-size:20px;text-decoration:none;color:#fffdf8;animation  :shadow 4s linear infinite alternate;text-align:center;border-radius:6px;background-blend-mode:color-burn;background-color:#98989887;transition:all 0.3s;font-weight:600;box-shadow:0px 2px 8px -1px #0000007d;border:1px solid #0000003b;}
.banner a:hover,.banner .active{ background-color:#00000087;}
div.news.news-next {align-self:end;display:flex;justify-content:flex-end;}
.news-next a{border:1px solid #ccc;padding:1em;border-radius:8px;}

.footer {display:grid;grid-template-columns:repeat(3, 1fr);gap:1em;justify-items:center;justify-content:center;margin:4em 0;}
.footer a {flex-flow:column;font-size:20px;width:calc(100vw / 3 - 200px);height:calc(100vw / 3 - 200px);border-radius:50%;min-width:190px;min-height:190px;max-width:290px;max-height:290px;}
.footer span{font-size:.7em;}
@keyframes shadow{0% { text-shadow:2px  2px 10px #4cacfe ,-2px  2px 10px #4cacfe ,2px -2px 10px #4cacfe ,-2px -2px 10px #4cacfe;}100% { text-shadow:2px  2px 10px #777 ,-2px  2px 10px #777 ,2px -2px 10px #777 ,-2px -2px 10px #777;}}    

.link-banner {padding:2em 1em;display:grid;grid-template-columns:repeat(auto-fill, minmax(11em, 1fr));justify-items:center;margin:2em;gap:10px;}
.link-banner a,.sitemap a {border:1px solid #ccc;border-radius:50px;display:flex;padding:10px;width:100%;text-align:center;text-decoration:none;align-items:center;justify-content:center;}
.sitemap a{height:2.5em;margin-bottom:2em;background: aliceblue;}
.link-banner a.active {border:none;border-bottom:5px solid var(--accent);}

.cover {object-fit:cover;height:200px;width:50%;padding:0 1em 1em;}
.left{float:left;}
.right{float:right;}
.request{grid-template-columns:repeat(auto-fill, minmax(20%, 1fr));}
.request div{background-color:var(--nav-active-bg);box-shadow:inset 0px 15em 10em #fff;color:#000;border-radius:100% 100% 10px 10px;padding:1em;}
.request span:nth-child(2) {font-weight:800;font-size:1.6em;display:block;color:var(--accent);}
.request img {height:100px;width:auto;}
.request img:after {content:"";}


#support{padding:2em;max-width:1080px;margin:0 auto;}
#support .support-wrap{display:grid;gap:5px;}
#support div >label{background:var(--footer-bg);display:flex;justify-content:center;align-items:center;color:#000;}
#support .labelcheck input {margin-right:.5em;transform:scale(1.5);z-index:1;position:relative;}
#support input:hover,#support textarea:hover,#support .box-agree .labelcheck:hover,.support-button:hover{background:#f1f8ff;color:#111;}
#support .labelcheck input.etc_text {margin-left:.5em;transform:scale(1);;width:20em;}
#support .box-agree .labelcheck{padding:2em;background:#FEFFEB;border:1px solid var(--footer-bg);}
#support input,#support textarea{border:1px solid var(--footer-bg);padding:0.6em;background:#FEFFEB;}
.support-button{display:block;background:var(--accent);color:#fff;margin:3em auto;width:20em;padding:1.5em;border-radius:3em;transition:0.3s all;border:1px solid var(--accent);}
.support-button span{position:relative;display:block;}
.support-button span:after {position:absolute;content:"";right:0px;top:50%;width:10px;height:10px;margin-top:-5px;border-left:1px solid #fff;border-top:1px solid #fff;transform:rotate(135deg);}
.support-button:hover span:after{border-color:#111;}
.button-wrap{display:grid;grid-template-columns:1fr 1fr;}
.back-button span:after {left:0px;transform:rotate(315deg);}

.policy{
	margin-top:4em;
	dl{display:grid;gap:4em;}
	dt{padding:1em;border-radius:8px;}
	dd{padding:1em 2em;}
}

.center{text-align:center;}
#support .support-wrap div{display:grid;grid-template-columns:9em 1fr;}
#support .support-wrap div p{display:grid;}
.mail-complete {word-break:break-word;border:1px solid #666;padding:1em;margin:2em;}
.open-wrap{padding:0 2em;}
/*-------------------*/
.modal {display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);opacity:0;transition:opacity 0.3s ease;}
.modal.show {opacity:1;}
.modal-content {position: relative;margin: auto;padding: 30px;width: 90%;max-width: 100vh;top: 50%;transform: translateY(-50%);-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
#modal-img {width:100%;height:auto;opacity:0;transform:scale(0.95);transition:all 0.3s ease;}
#modal-img.show {opacity:1;transform:scale(1);}
#modal-title {color:#fff;text-align:center;padding:10px;font-size:18px;opacity:0;transition:opacity 0.3s ease;}
#modal-title.show {opacity:1;}
.close {position:absolute;right:25px;top:15px;color:#fff;font-size:28px;font-weight:bold;cursor:pointer;width:40px;height:40px;line-height:40px;text-align:center;background:rgba(0,0,0,0.5);border-radius:50%;transition:background-color 0.3s ease;}
.close:hover {background:rgba(255,255,255,0.2);}
.prev, .next {cursor:pointer;position:absolute;top:50%;width:50px;height:50px;line-height:50px;margin-top:-25px;color:white;font-weight:bold;font-size:20px;text-align:center;background:rgba(0,0,0,0.5);border-radius:50%;transition:all 0.3s ease;user-select:none;-webkit-user-select:none;}
.prev {left:20px;}
.next {right:20px;}
.prev:hover, .next:hover {background:rgba(255,255,255,0.2);transform:scale(1.1);}



@media screen and (max-width:1024px) {
	section:not(.autoload){padding:0 0.5em;}
	div.news p {padding:.5em 0;font-size:13px;}
	.node-wrap > .node .f_title{text-align:center;}
	span.dli-arrow-down{top:-5.1em;}
}
@media screen and (max-width:840px) {
	.wrap-grid{display:block;}
	.banner { padding:2em 0;grid-template-columns:1fr 1fr;}
	.footer{grid-template-columns:1fr 1fr 1fr;gap:.5em;margin:2em 0;}
	.news-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1em;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));margin-bottom:2em;}
	div.news {display:block;}
	div.loop-year{display:flex;margin:2em 0;}
	div.news.all {gap:1em;padding:1em;}
	div.pickup {margin:2em 0;}
	.footer a {width:29vw;height:29vw;min-width:auto;min-height:auto;}
}

@media screen and (max-width:768px) {

	header{
	h2{padding:0;}
	.logo {background-position:2px 26px;background-size:29px;padding-left:36px;
		h1,h3{transform:translateX(-52px);}
		#support_tel{transform:translateX(-53px) !important;padding-top:0.5em;display:flex;font-size:1.8em;}
		svg {display:inline;fill:coral;}
		}
	.header-wrqp{padding:1em .5em;}
	}
	header.top {padding: 0 4px;}
	#bottom-navi{/*display:none;*/grid-template-columns: repeat(auto-fit, 30%);height: 6em;opacity:0;
		a{font-size:13px;border-radius: 4px;padding:0;}
	}
	#myNavi {flex-direction:row;width:auto;bottom:0;top: auto;height: 4em;opacity:1;transition:.3s;}

	.Show{
		 header{
			#support_tel{display:none;}
			}
		nav.responsive {
			#header_link{display:block;}
			#support_tel{display: flex;}
			}
		/*#myNavi{opacity:0;}*/
		.inner-wrap{padding-top:20em;}
		#bottom-navi{height: 9em;opacity:1;}
	}

	h1{margin:1.5em 10px;font-size:1.32rem;;}
	h1:before{width:130px;height:70px;}
	h1:after{width:142%;}
	h2{font-size:1.1em;min-width:85%;display:block;}
	h3{padding-left:0;font-size:1.2rem;}
	h2+h3, h2+h4, h3+h4{margin:0 1em;}

	section.autoload{overflow:hidden;
		.background {
			.F-c{left:1.5em;top:40%;right:1.5em;}
			.B-c{bottom: 29%;}
			}
		}
	nav {
		#header_link{display:block;padding:1.5em;}
		#header_link a {border:0;padding:0.6em;}
		}
	.hidden{display:block;}

	.column2 {display:flex;flex-wrap:wrap;flex-direction:column-reverse;gap:1em;}
	.reverse{flex-direction:column;}
	.hero p{margin:7px 1em;}
	.top-map {grid-template-columns:auto;}
	
	
	h2,p,.check,h3,.link-banner,h4{margin:2em 1em;}
	p,.grid-data,.flex,.auto-fit-320,.auto-fit-160,.data-wrapr{padding:0 10px 1em;}
	.answer{padding:0 1em 1em;}
	.padding{padding-top:2em;}
	
	.answer ul{padding:2em;list-style:disc;}
	.grid-data {grid-template-columns:8.5em 1fr;}
	footer{
		.footer-nav {justify-content:center;flex-wrap:wrap;}
	}
	.icon {position:fixed;top:5px;right:5px;color:#666;cursor:pointer;width:50px;height:50px;border:1px solid #ccc;border-radius:50%;box-sizing:border-box;z-index:100;transition:.5s;background-color:#eeeeee70;z-index:10;}
	.icon:hover{background-color:antiquewhite;border-color:#666}
	.icon::after{content:"Menu";position:absolute;bottom:-22px;z-index:10;width:100%;text-align:center;}

	.cover{padding:1em 0;width:100%;}
	section:not(.autoload) {
	grid-template-columns:1fr;justify-items:center;/*padding:0 0.5em 2em;*/
}
	nav{transition:.5s;padding:0 .7em;}
	
	nav.responsive {z-index:10;position:fixed;
		.nav-wrap{transform:translateX(0);left:3px;height: 99vh;}
		&:before{content:'';position:fixed;height:100vh;width:100vw;background-color:#ffffffd1;top:0;left:0;}

	}
	
	.nav-wrap{margin:0;transform:translateX(-120%);transition:.5s;box-shadow:2px 3px 9px rgba(0, 0, 0, 0.84);;
		background-color:#ffefdafa;position:fixed;top:3px;bottom:3px;left:-100%;z-index:10;height:auto;padding:5em 1em;overflow-y:scroll;width:99vw;}
	/*	.nav-wrap {display:flex;flex-direction:column-reverse;flex-wrap:nowrap;}*/
	.open td,.open th{padding:8px;}
	.open-wrap{padding:0;}
		#support{padding:.5em;font-size:97%;;padding-top:2em;
			 .support-wrap div {grid-template-columns:6.2em auto;}
			 div >label:not(.labelcheck) {width:7em;border-radius:5px;font-size:0.8em;}
			 p{padding:.5em 0;margin:6px;}
			 input,  textarea {max-width:87vw;}
			.labelcheck input.etc_text {width:auto;}
			.support-button{width:90%;max-width:20em;}
			.labelcheck{line-height:2.2em;padding-left:0.5em;}
			.labelcheck input {transform:scale(1.2);}
			div >label.message {justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;}
		}
	.mail-complete {margin:1em;}
	.icon {display:block;}
	.nav-icon {position:relative;top:21px;right:-6px;}
	.menu-bar{display:block;background:none;position:relative;padding:0.5em 0;box-shadow:none;}
	.nav-wrap a,.sub-menu span{padding:10px 0;margin:5px 2px;color:#000;border:1px solid sandybrown;background-color:#fff;border-radius:8px;color:#222;cursor:pointer;}
	.sub-menu span {background: #000;pointer-events: none;color: #fff;text-shadow: none;}
	.sub-menu a[target='_blank'] {background-position:98% 90%;background-color:#fff;}
	.nav-wrap a::before{border-radius:8px;top:0px;}
	.nav-wrap a.active,.nav-wrap a:hover:before{border-radius:8px;background-color:#25e0ce1f;color:#000;}
	.menu-bar a{display:block;}
	.menu-bar > ul > li > a{line-height:1em;height:2.5em;}
	.menu{display:block;}
	.sub-menu {background:none;box-shadow:none;opacity:1;transform:translateY(0);grid-template-columns:repeat(auto-fill, minmax(11.5em, 1fr));display:grid
;}
	li:last-child .sub-menu:last-child{padding-bottom:2em;}
	ol {padding:1em 0em 0em 3em;margin:0;}
	.request span:nth-child(2){font-size:1.2em;}
	.circle > li {grid-template-columns:1em auto;padding:1em 1px 0 3px;}
	.menu > li:hover .sub-menu {display:none;}	
	.menu .sub-menu span{box-shadow:none;max-width:100%;text-align:left;}
	.menu span:after,nav .top:after  {content:"";float:inline-end;transition:.3s;margin:4px 10px;display:inline-block;vertical-align:middle;color:#333;line-height:1;width:.8em;height:.8em;border:0.1em solid #333;border-left:0;border-bottom:0;box-sizing:border-box;transform:translateY(-25%) rotate(135deg);}
	.menu span:hover:after,nav .top:hover:after {transform:translateY(54%) rotate(135deg);}
	.menu .active+ul.sub-menu,.menu .open+ul.child-menu{display:block;height:auto;}
	.menu span.open:after,nav .top.open:after {content:"×";background-color:#ccc;transform:translateY(0) rotate(0);border-radius:6px;width:30px;height:30px;margin:-4px;border:1px solid #666;font-size:32px;display:flex;justify-content:center;align-items:flex-end;padding:0px 0px 2px 0px;}
	.table-wrap{padding:0 1em;}
	.menu span.open:hover:after,nav .top.open:hover:after {background-color:#d1cccc94;}
	.request{grid-template-columns:repeat(auto-fill, minmax(40%, 1fr));}
	.child-menu,.sub-menu li:hover > .child-menu{margin-left:1em;display:contents;}
	.menu .sub-menu a{text-indent:inherit;line-height:1em;}
	table:not(.vaccine) td:first-child {width:7em;}
	.policy {
	    dd {padding:0 1em;}
	}
    .prev, .next {
        width:40px;
        height:40px;
        line-height:40px;
        font-size:16px;
    }

    .prev {
        left:10px;
    }

    .next {
        right:10px;
    }

    .close {
        width:35px;
        height:35px;
        line-height:35px;
        font-size:24px;
        right:10px;
        top:10px;
    }

    #modal-title {
        font-size:16px;
        padding:8px;
    }
	
}
@media only screen and (max-width:768px) and (orientation:landscape) {
#imgWrap img{height:auto;width:100vw;}
section.autoload{
	.background {
		.caption {}
		.F-c{font-size:min(4vw, 50px);top:5em;}
		.B-c{font-size:min(3vw, 28px);bottom:5em;}
		}
	.background.active {}
}
}