*{	
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #464646;
	box-sizing: border-box;
	word-break: break-all;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8em;
	letter-spacing: 0.08em;
	text-align: justify;
}

.din{ font-family: din-condensed, sans-serif; font-weight: 400; font-style: normal; }

a{ transition: .3s; }
a:hover{ opacity: .7; }

br{ line-height: inherit; }

span, a, strong, small{
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
}

.wrap{ width: 700px; margin: 0 auto; }
.linkwrap{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.body-wrap{ overflow: hidden; position: relative; }

.sp{ display: none; }

header nav{ display: flex; justify-content: space-between; align-items: center; padding: 20px 40px; max-width: 1200px; margin: 0 auto; }
header nav > .logo{ display: table; width: 205px; }
header nav > .logo img{ width: 100%; }
header nav ul{ display: flex; }
header nav ul li:not(:first-of-type){ margin-left: 2em; }


.gmap{ height: 350px; position: relative; }

footer{ background: #64BED2 !important; padding: 50px 0 20px; }
footer .wrap{ display: flex; justify-content: space-between; width: 900px; }
footer .wrap dl dt{ font-size: 12px; color: #fff; font-weight: 500; margin-bottom: .5em; }
footer .wrap dl dd ul li{ font-size: 12px; font-weight: 300; color: #fff; padding-left: 2em; position: relative; margin-bottom: .5em; }
footer .wrap dl dd ul li:before{ content: '-'; position: absolute; left: 1em; }
footer p.copy{ font-size: 11px; text-align: center; color: #fff; margin-top: 40px; }

.totop{ display: table; width: 60px; position: fixed; right: 40px; bottom: 40px; z-index: 100; opacity: 0; visibility: hidden; transition: .5s; }
.totop img{ display: block; width: 100%; }
.totop.active{ opacity: 1; visibility: visible; }

a.btn{ width: 230px; height: 40px; border-radius: 20px; background: #64bed2; color: #fff; display: flex; justify-content: center; align-items: center; }
a.btn span{ position: relative; padding-right: 18px; }
a.btn span:after{ content: ''; width: 7px; height: 12px; background: url(../images/common/arrow01.png) no-repeat; background-size: contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }



@media(max-width: 768px){
	*{ font-size: 3.9333vw; }

	.sp{ display: block; }
	.pc{ display: none !important; }

	.wrap{ width: 100%; padding-left: 6.666vw; padding-right: 6.666vw; }

	header{ height: 13.33vw; display: flex; align-items: center; }
	header .sp-logo{ width: 38.133vw; margin-left: 4vw; }
	header nav{ width: 100%; height: 100%; background: #fff; display: block; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; z-index: 9999; transition: .5s; }
	header nav.active{ opacity: 1; visibility: visible; background-color: #64bed2;}
	header nav > .logo{ width: 60vw; margin: 16vw auto 12vw; }
	header nav ul{ display: block; }
	header nav ul li{ text-align: center; margin-bottom: 6vw;}
	header nav ul li:not(:first-of-type){ margin-left: 0; }

	.menu-btn{ width: 8vw; height: 5.8666vw; position: fixed; top: 3.7333vw; right: 5.333vw; z-index: 10000; }
	.menu-btn span{ width: 100%; height: 2px; background: #fff; position: absolute; right: 0; transition: .5s; }
	.menu-btn span:nth-of-type(1){ top: 0; }
	.menu-btn span:nth-of-type(2){ top: 50%; transform: translateY(-50%); }
	.menu-btn span:nth-of-type(3){ bottom: 0; }
	.menu-btn.active span:nth-of-type(2){ width: 70%; }
	.menu-btn.active span:nth-of-type(3){ width: 40%; }
	.menu-btn span.active{ background: #64bed2; }

	.totop{ width: 16vw; right: 0; bottom: 13vw; }

	.gmap{ height: 40vw; }

	footer{ padding: 4.6666vw 0 4vw; }
	footer p.copy{ margin-top: 0; font-size: 2.933vw; }
	/*footer .wrap{ display: none; }*/
    footer .wrap dd{ display: none; }
    footer .wrap {display: block; width: 100%;padding-top: 2vw; padding-bottom: 2vw;}
    footer .wrap dl:first-of-type {border-top: solid 1px #d9e4f3;}
    footer .wrap dt{border-bottom: solid 1px #d9e4f3;text-align: center; padding: 1.5vw;}

	a.btn{ width: 76vw; height: 10.6666vw; border-radius: calc(10.6666vw / 2); }
	a.btn span{ padding-right: 4.666vw; }
	a.btn span:after{ width: 1.773vw; height: 3.173vw; }
}




header {
    width: 100%;
    background-color: #249DAA !important;
    position: relative;
    top: 0;
    left: 0;
}
header nav ul li{ color: #fff; }


.mv{ height: 700px; background: url(../images/index/mv01.jpg) no-repeat; background-size: cover; display: flex; align-items: center; }
/*.no-webp .mv{ height: 700px; background: url(../images/index/mv01.jpg) no-repeat; background-size: cover;}*/
.mv .inner{ width: 1000px; margin: 0 auto; padding-left: 30px; border-left: solid 1px #fff; }
.mv .inner small{ display: flex; width: 100px; height: 30px; justify-content: center; align-items: center; color: #64bed2; background: #fff; font-weight: 500; }
.mv .inner span{ display: block; font-size: 22px; color: #fff; margin: 10px 0 4px; }
.mv .inner h1{ font-size: 30px; font-weight: 300; color: #fcee21; line-height: 1.6; }

.intro{ padding-top: 60px; padding-bottom: 90px; }
.intro p{ font-size: 16px; text-align: center; line-height: 3; }
.intro p span:not(:last-of-type){ display: block; border-bottom: dotted 1px; line-height: inherit; text-align: center; }
.intro p strong{ font-weight: 500; color: #64bed2; }

.video-wrap{ /*background: url(../images/common/video-wrap01.png) no-repeat;*/ background-size: contain; width: 500px; height: 308px; margin: 40px auto 0; padding: 5px 5px 25px 5px; }

.about{ background: #fcee21; padding: 90px 0 100px; }
.about h2,
.initiative h2,
.staff h2,
.facility h2,
.clinic-opera h2,
.clinic h2{ font-size: 36px; font-weight: 300; text-align: center; margin-bottom: 40px; }
.about p + p{ margin-top: 1.5em; }
.about .infection{ display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 20px 240px 20px 0; position: relative; margin-top: 50px; }
.about .infection + .infection{ margin-top: 30px; }
.about .infection dt{ width: 140px; display: flex; align-items: center; justify-content: center; }
.about .infection dd{ width: calc(100% - 140px); padding: 16px 20px; border-left: solid 1px #f1f1f1; }
.about .infection dd strong{ font-weight: 500; color: #64bed2; }
.about .infection .img{ width: 240px; height: 100%; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; }
.about .infection:nth-of-type(1) .img{ background-image: url(../images/index/webp/about01.webp); }
.no-webp .about .infection:nth-of-type(1) .img{ background-image: url(../images/index/about01.jpg); }
.about .infection:nth-of-type(2) .img{ background-image: url(../images/index/webp/about02.webp); }
.no-webp .about .infection:nth-of-type(2) .img{ background-image: url(../images/index/about02.jpg); }
.about a.btn{ margin: 60px auto 0; }

.initiative{ padding-top: 90px; }
.initiative .wrap{ width: 800px; }
.initiative .initiative-point li{ position: relative; margin-top: 100px; }
.initiative .initiative-point li dl{ width: 450px; }
.initiative .initiative-point li:nth-of-type(even) dl{ margin-left: auto; }
.initiative .initiative-point li dl dt{ font-size: 22px; color: #64bed2; font-weight: 500;margin-bottom: 20px; }
.initiative .initiative-point li dd{ position: relative; min-height: 280px; }
.initiative .initiative-point li dd a.btn{ position: absolute; bottom: 0; }
.initiative .initiative-point li:nth-of-type(even) dd a.btn{ right: 0; }
.initiative .initiative-point li .img{ width: calc(50vw - 90px); height: 100%; position: absolute; top: 0; background-repeat: no-repeat; background-size: cover; }
.initiative .initiative-point li:nth-of-type(odd) .img{ right: calc(-50vw + 400px); }
.initiative .initiative-point li:nth-of-type(even) .img{ left: calc(-50vw + 400px); }
.initiative .initiative-point li:nth-of-type(1) .img{ background-image: url(../images/index/webp/initiative01.webp); }
.no-webp .initiative .initiative-point li:nth-of-type(1) .img{ background-image: url(../images/index/initiative01.jpg); }
.initiative .initiative-point li:nth-of-type(2) .img{ background-image: url(../images/index/webp/initiative02.webp); }
.no-webp .initiative .initiative-point li:nth-of-type(2) .img{ background-image: url(../images/index/initiative02.jpg); }
.initiative .initiative-point li:nth-of-type(3) .img{ background-image: url(../images/index/webp/initiative03.webp); }
.no-webp .initiative .initiative-point li:nth-of-type(3) .img{ background-image: url(../images/index/initiative03.jpg); }
.initiative .initiative-point li:nth-of-type(4) .img{ background-image: url(../images/index/webp/initiative04.webp); }
.no-webp .initiative .initiative-point li:nth-of-type(4) .img{ background-image: url(../images/index/initiative04.jpg); }
.initiative .initiative-point li:nth-of-type(5) .img{ background-image: url(../images/index/webp/initiative05.webp); }
.no-webp .initiative .initiative-point li:nth-of-type(5) .img{ background-image: url(../images/index/initiative05.jpg); }
.initiative h3{ font-size: 24px; text-align: center; margin: 120px 0 40px; }
.initiative .all-list{ display: flex; }
.initiative .all-list li{ width: 100%; height: 220px; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; position: relative; transition: .5s; }
.initiative .all-list li:hover{ opacity: .7; }
.initiative .all-list li:nth-of-type(1){ background-image: url(../images/index/webp/bg-all-list01.webp); }
.no-webp .initiative .all-list li:nth-of-type(1){ background-image: url(../images/index/bg-all-list01.jpg); }
.initiative .all-list li:nth-of-type(2){ background-image: url(../images/index/webp/bg-all-list02.webp); }
.no-webp .initiative .all-list li:nth-of-type(2){ background-image: url(../images/index/bg-all-list02.jpg); }
.initiative .all-list li:nth-of-type(3){ background-image: url(../images/index/webp/bg-all-list03.webp); }
.no-webp .initiative .all-list li:nth-of-type(3){ background-image: url(../images/index/bg-all-list03.jpg); }
.initiative .all-list li:nth-of-type(4){ background-image: url(../images/index/webp/bg-all-list04.webp); }
.no-webp .initiative .all-list li:nth-of-type(4){ background-image: url(../images/index/bg-all-list04.jpg); }
.initiative .all-list li:after{ content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 15px; border-color: transparent transparent #fff transparent; position: absolute; bottom: 10px; right: 10px; }
.initiative .all-list li img{ width: 52px; display: block; margin: 0 auto; }
.initiative .all-list li p{ font-size: 22px; font-weight: 500; color: #fff; text-align: center; margin-top: 10px; }

.staff{ padding-top: 90px; padding-bottom: 100px; }
.staff ul{ display: flex; justify-content: space-between; margin: 50px 0 60px; }
.staff ul li{ width: 200px; }
.staff ul li img{ display: block; width: 100%; }
.staff a.btn{ margin: 0 auto; }

.img-box{ height: 350px; background-repeat: no-repeat; background-image: url(../images/index/webp/img-box01.webp); background-attachment: fixed; }
.no-webp .img-box{ background-repeat: no-repeat; background-image: url(../images/index/img-box01.jpg); background-attachment: fixed; }

.facility{ background: #f1f1f1; padding: 90px 0; }
.facility ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.facility ul li{ width: 320px; }
.facility ul li p{ font-size: 16px; text-align: center; }
.facility ul li:nth-of-type(n+3){ margin-top: 40px; }
.facility a.btn{ margin: 50px auto 0; }

.clinic{ padding-top: 90px; padding-bottom: 100px; }
.clinic ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.clinic ul li{ width: 200px; position: relative; transition: .5s; }
.clinic ul li:hover{ opacity: .7; }
.clinic ul li:nth-of-type(n+4){ margin-top: 40px; }
.clinic ul li p{ font-weight: 500; position: relative; }
.clinic ul li p:after{ content: ''; width: 16px; height: 14px; background: url(../images/index/icon-clinic01.png) no-repeat; background-size: contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.nintei{padding-top: 40px;}

/* 莠育ｴ� */
.side-btn{background: #64bed2;color: #fff;font-weight: 700;font-size: 12px;writing-mode:vertical-rl;position: fixed;top: 200px;left: 0;z-index: 100;display: flex;align-items: center;padding: 50px 0 20px;width: 40px;-webkit-border-top-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-bottomright: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.side-btn:before{content: '';width: 20px;height: 21px;background: url(../images/common/yoyaku.png) no-repeat;background-size: contain;background-position: center;position: absolute;top: 19px;left: 0;right: 0;margin: auto;}


.group{padding: 70px 0;}
.group h2{font-size: 36px;font-weight: 300;text-align: center;margin-bottom: 40px;}
.group-box{max-width: 700px;margin: 0 auto 80px;}
.group-box h3{font-size: 16px;color: #fff;font-weight: 700;text-align: center;background: #64bed2;padding: 10px 0;margin-bottom: 30px;}
.group-box .flex{justify-content: space-between;margin-bottom: 40px;}
.group-box dl{flex-basis: 390px;}
.group-box dl dt{font-size: 14px;font-weight: 400;color: #64bed2;}
.group-box dl dd{font-size: 14px;font-weight: 400;margin-bottom: 1em;}
.group-box dl dd th, .group-box dl dd td{font-size: 14px;font-weight: 400;}
.group-box dl a.tel{font-size: 28px;font-weight: 700;padding-left: 19px;position: relative;}
.group-box dl a.tel:before{content: '';width: 16px;height: 22px;background: url(../images/common/icon-tel.png) no-repeat;background-size: contain;position: absolute;top: 9px;left: 0;}
a.tel999{font-size: 28px;font-weight: 700;padding-left: 19px;position: relative;}
a.tel999:before{content: '';width: 16px;height: 22px;background: url(../images/common/icon-tel.png) no-repeat;background-size: contain;position: absolute;top: 9px;left: 0;}
.group-box .flex .image{flex-basis: 280px;}
.group-box .flex .image img{width: 100%;}
.flex{display: flex;}
.group-box a.btn{margin-top: 20px;}


.clinic-opera{background: #f1f1f1;padding: 90px 0;}
.clinic-opera p{margin: 20px 0px;}
.clinic-opera a.btn{width: 230px;height: 40px;border-radius: 20px;background: #64bed2;color: #fff;display: flex;justify-content: center;align-items: center;margin: 40px auto;}

.scroller {overflow: auto; width: 700px; height: 200px; margin: 0 auto; border: 2px solid #fcee21; }
.scroll-info {width: 700px; margin: 0 auto;}
.scroll-info p {text-align: right; font-style: italic; margin-top: 5px;}
.scroller::-webkit-scrollbar {-webkit-appearance: none; width: 10px;}
.scroller::-webkit-scrollbar-thumb {border-radius: 4px; background: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5);}
table.scroll-news { width: 100%;}
table.scroll-news tr {border-bottom: 1px dotted;}
table.scroll-news th {font-weight: 600;}
table.scroll-news th,
table.scroll-news td {text-align: left; padding: 15px 0 15px 15px; color: #64bed2; }
table.scroll-news td {padding-left: 10px;}