/* ページヘッド
-----------------------*/

#pageheader{
	margin: 5.25em 0 4em;
	position: relative;
}
#ph-tit-eng{
	color: #745e46;
	font-size: 5em;
	font-family: "Montserrat", sans-serif;
	font-weight: 100;
	line-height: 1.1;
}
#ph-tit-ja{
	color: #978674;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.1;
	margin-left: 3px;
}
	@media screen and (max-width:860px) {
		#pageheader{
			margin: 2em 0 2em;
		}
	}
	@media screen and (max-width:600px) {
		#pageheader{
			text-align: center;
		}
		#ph-tit-eng{
			font-size: 3.5em;
			line-height: .9;
		}
		#ph-tit-ja{
			margin-top: .25em;
		}
	}

/* パンクズ
-----------------------*/
#pankuzu{
	padding: .5em 0 .75em;
	border-top: 1px solid #dacdbf;
	font-size: .75em;
}
.pankuzu-inner{
	margin: 0 5%;
	display: flex;
	flex-wrap: wrap;
}
	@media screen and (max-width:1200px) {
		.pankuzu-inner{
			margin-right: 3%;
			margin-left: 3%;
		}
	}
	@media screen and (max-width:860px) {
		.pankuzu-inner{
			margin-right: 5.5%;
			margin-left: 5.5%;
		}
	}
	@media screen and (max-width:600px) {
		.pankuzu-inner{
			margin-right: 4.5%;
			margin-left: 4.5%;
		}
	}

#pankuzu a{
	color: #745e46;
	padding-right: 1.5em;
	position: relative;
}
#pankuzu a:before{
	position: absolute;
	color: #999;
	top: 0;
	right: 0;
	width: 1em;
	height: 1em;
	content: ">";
}
/* 画像スクロール
-----------------------*/
.sp-scroll{
	position: relative;
}
	@media screen and (max-width:600px) {
		.sp-scroll {
			margin: 0 auto;
			padding: 0;
			width: 100%;
			overflow-x: auto;
			white-space: nowrap; 
			overflow-scrolling: touch;
			-webkit-overflow-scrolling: touch;
		}
		.img-scroll{
			width: 610px;
			height: auto;
		}
	}


/* 予防と健診
-----------------------*/
details.acd-yobo {
	max-width: 820px;
	width: 90%;
	margin: 1.5em auto 1.75em;
}
.acd-std-tit {
	display: block;
	list-style: none;
	cursor: pointer;
	position: relative;
	background: #496357;
	color: #fff;
	font-size: 1.0625em;
	font-weight: bold;
	line-height: 1.5;
	padding: 1em 2.25em 1.25em 1.5em;
	border-radius: 3em;
}
	@media screen and (max-width:600px) {
		.acd-std-tit {
			font-size: 1em;
			padding-top: .75em;
			padding-bottom: 1em;
		}
	}

.acd-std-tit::-webkit-details-marker {
	display: none;
}
.acd-std-tit::after {
	content: "+";
	position: absolute;
	font-size: 1.5em;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}
.acd-yobo[open] .acd-std-tit::after {
	content: "−";
}
.acd-yobo[open] .acd-std-body {
  animation: open .8s ease-out 0s 1 normal forwards;
}
.acd-std-body {
	margin: 1em 0 3em;
	background: #f8f6ee;
	padding: 2em 2.5em 1.5em;
	border-radius: 2.25em;
}
@keyframes open {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.yobou-pdf{
	max-width: 400px;
	margin: 0 auto;
}
.yobou-list{
	margin-top: 1.75em;
}
.yobou-list li{
	margin-top: 1em;
	padding: 2em 3em;
	border-radius: 1em;
}
.yobou-list li:nth-child(odd){
	background: #f4f2e6;
}
.yobou-list li:nth-child(even){
	background: #eae7e3;
}
.yobou-list li .tit{
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.5;
	color: #745e46;
	padding: .25em 0 1.25em;
	padding-left: 2.5em;
	background-size: auto 2.125em;
	background-repeat: no-repeat;
}
	@media screen and (max-width:600px) {
		.yobou-list li{
			padding: 1.5em 6%;
			border-radius: .75em;
		}
		.yobou-list li .tit{
			font-size: 1.25em;
		}
	}

.yobou-list li:nth-child(1) .tit{
	background-image: url(../images/prevention/icon-filaria.png);
}
.yobou-list li:nth-child(2) .tit{
	background-image: url(../images/prevention/icon-vaccine.png);
}
.yobou-list li:nth-child(3) .tit{
	background-image: url(../images/prevention/icon-nomidani.png);
}
.yobou-list li:nth-child(4) .tit{
	background-image: url(../images/prevention/icon-onakanomushi.png);
}
.yobou-list li .note{
	background: #fff;
	border-radius: .5em;
	color: #745e46;
	font-weight: 500;
	padding: .5em 1em;
	margin-top: 1.25em;
}
.checkup-price{
	background: #f8f6ee;
	margin-top: 1.75em;
	padding: 2em 3em;
	border-radius: 1em;
}
	@media screen and (max-width:600px) {
		.checkup-price{
			padding: 1.75em 1.5em;
		}
	}

.checkup-price .flex{
	justify-content: space-between;
}
.checkup-price .tit{
	width: calc(100% - 10em);
}
.checkup-price .price{
	text-align: right;
	width: 10em;
}
.checkup-price .xxx-large{
	line-height: 1.3;
}
	@media screen and (max-width:860px) {
		.checkup-price .tit{
			width: 100%;
		}
		.checkup-price .price{
			width: 100%;
		}
	}
/* 施設紹介
-----------------------*/
.facility-gallery {
	margin-bottom: 2em;
	align-items: flex-start;
	position: relative;
}
.facility-gallery .pc-sticky{
	position: sticky;
	top: 0;
	left: 0;
}
.facility-gallery .item{
	padding: 2em 0;
}
.facility-gallery .item:nth-child(1){
	width: 46.5%;
}
.facility-gallery .item:nth-child(2){
	width: 46.5%;
	margin-top: .25em;
}
.gallery-main{
	margin-top: 1.5em;
	padding: .5em;
}
	@media screen and (max-width:600px) {
		.facility-gallery .pc-sticky{
			position: relative;
		}
		.facility-gallery .item{
			padding: 0;
		}
		.facility-gallery .item:nth-child(1){
			width: 100%;
		}
		.facility-gallery .item:nth-child(2){
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 1.5em;
			padding:0 .25em;
		}
		.gallery-main{
			padding: 0;
		}
	}

.facility-gallery .tit{
	position: relative;
	font-size: 1.125em;
	font-weight: 500;
	color: #745e46;
	margin-bottom: 1.25em;
}
.facility-gallery .tit:before{
	position: absolute;
	right: 0;
	top: 50%;
	height: 1px;
	width: calc(100% - 10em);
	background: #745e46;
	content: "";
}
	@media screen and (max-width:600px) {
		.facility-gallery .tit{
			text-align: center;
		}
		.facility-gallery .tit:before{
			width: 4.5em;
		}
		.facility-gallery .tit:after{
			position: absolute;
			left: 0;
			top: 50%;
			height: 1px;
			width: 4.5em;
			background: #745e46;
			content: "";
		}
	}
.list-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list-gallery li{
	position: relative;
	line-height: 0;
	margin-bottom: 6px;
}
.list-gallery li img{
	line-height: 0;
}
.list-gallery li div{
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 500;
	color: #fff;
	background: linear-gradient(0deg, rgba(0,0,0,.5), rgba(0,0,0,.0));
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.25em 1em 1em;
	line-height: 1.0;
}
	@media screen and (max-width:600px) {
		.list-gallery li div{
			font-size: 11px;
		}
	}
.list-gallery li.clm2{
	width: calc(50% - 3px);
}
.list-gallery li.clm1{
	width: 100%;
}

/* 診療科目
-----------------------*/
.dl-kamoku{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #e7e3df;
}
.dl-kamoku dt{
	width: 195px;
	padding: 1.25em;
	border-bottom: 1px solid #e7e3df;
	background: #f8f6ee;
	color: #745e46;
	font-weight: bold;
}
.dl-kamoku dd{
	width: calc(100% - 195px);
	padding: 1.25em 0 1.25em 1.25em;
	border-bottom: 1px solid #e7e3df;
}
	@media screen and (max-width:600px) {
		.dl-kamoku{
			border-top: none;
		}
		.dl-kamoku dt{
			width: 100%;
			padding: .25em .5em;
		}
		.dl-kamoku dd{
			width: 100%;
			border-bottom: none;
			padding: 1em 0 1.75em;
		}
		.dl-kamoku dd:last-child{
			padding-bottom: 0;
		}
	}

.flow-list > li{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-bottom: 2.25em;
}
.flow-list > li > .step{
	width: 75px;
}
.flow-list > li > .body{
	width: calc(100% - 75px);
	padding-left: 1.75em;
}
.flow-list > li:last-child:before{
	background: none;
}
.flow-list > li:before{
	content: "";
	position: absolute;
	top: 0;
	left: calc(75px / 2);
	width: 1px;
	height: 100%;
	background: #745e46;
}
.flow-list > li > .step div{
	position: relative;
	width: 75px;
	height: 75px;
	line-height: 75px;
	font-family: "Roboto", sans-serif;
	background: #745e46;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	z-index: 1;
}
	@media screen and (max-width:600px) {
		.flow-list > li > .step{
			width: 48px;
		}
		.flow-list > li > .body{
			width: calc(100% - 48px);
			padding-left: 1em;
		}
		.flow-list > li:before{
			left: calc(48px / 2);
		}
		.flow-list > li > .step div{
			width: 48px;
			height: 48px;
			line-height: 48px;
			font-size: 12px;
		}
	}

.kensa-item{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #e7e3df;
	margin-top: 2em;
}
.kensa-item .kiki-name{
	width: 160px;
	font-size: 1.125em;
	font-weight: bold;
	color: #745e46;
	padding: 1.75em 0;
}
.kensa-item .kiki-body{
	width: calc(100% - 160px);
	padding-top: 2.25em;
}
	@media screen and (max-width:1000px) {
		.kensa-item{
			margin-top: 1.5em;
		}
		.kensa-item .kiki-name{
			width: 100%;
			padding: 1em 0;
		}
		.kensa-item .kiki-body{
			width: 100%;
			padding: 0;
		}
	}

.kiki-list > li{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.25em;
}
.kiki-list > li:last-child{
	margin-bottom: 0;
}
.kiki-list > li .img{
	width: 180px;
	margin-top: .25em;
}
.kiki-list > li .body{
	width: calc(100% - 180px);
	padding-left: 1.5em;
}
	@media screen and (max-width:600px) {
		.kiki-list > li .img{
			width: 100px;
		}
		.kiki-list > li .body{
			width: calc(100% - 100px);
			padding-left: 1em;
		}
	}

.kiki-em{
	font-weight: 500;
	margin-bottom: .25em;
	color: #745e46;
	display: flex;
	flex-wrap: wrap;
}
.kiki-em span.small{
	margin-left: auto;
	padding-left: .75em;
	line-height: 2;
}
	@media screen and (max-width:600px) {
		.kiki-em{
			line-height: 1.5;
			display: block;
			border-bottom: 1px solid;
			padding-bottom: .25em;
			margin-bottom: .5em;
		}
		.kiki-em span.small{
			font-size: 11px;
			display: block;
			text-align: right;
			line-height: 1.5;
		}
	}
.scroll-thumb{
	margin-top: 1.75em;
}
@keyframes scroll-thumb-anime {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
.scroll-thumb-area {
	display: flex;
	overflow: hidden;
}
.scroll-thumb-area ul {
	display: flex;
}
.scroll-animation {
	animation: scroll-thumb-anime 90s infinite linear 0.5s both;
}
.scroll-thumb-area ul li {
	width: calc(100vw / 6);
}
	@media screen and (max-width:1000px) {
		.scroll-thumb-area ul li {
			width: calc(100vw / 4);
		}
	}
	@media screen and (max-width:600px) {
		.scroll-thumb-area ul li {
			width: calc(100vw / 3);
		}
	}