/*==============================================================
	01 TOP
==============================================================*/


#top_keyVis{
	/* overflow: hidden; */
	position: relative;
	height: 100vh;
	/* height: 100dvh; */
	height: 100svh; /* iPhone対策1 */
	min-height: 100%;
	width: 100%;
	min-height: 533px;
	margin: 0 auto;
	background: #fff;
}


#top_keyVis .top_keyVis_copy{
    max-width: 100%;
    padding: 0 0 0 120px;
	box-sizing: border-box;
	/* height: 100vh;
	height: 100dvh; */
	height: 100%;
    width: 100%;
	min-height: 533px;
    text-align: left;
    margin: 0 auto;
    z-index: 3;
	color: #fff;
    position: absolute;
	background-color: rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
}
#top_keyVis .top_keyVis_copy_wrap {
	display: inline-block;
}
#top_keyVis .top_keyVis_copy h2{
	font-family: 'Zen Kaku Gothic New','Noto Sans JP';
	position: relative;
	font-size: 70px;
	margin-bottom: 40px;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.3;
}
#top_keyVis .top_keyVis_copy p{
	position: relative;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

/* #top_keyVis .top_keyVis_copy span.textAnime{
	display: block;
	opacity: 1;
	position: relative;
	right: -25px;
} */



#top_keyVis .top_keyVis_copy span{
	display: block;
}


#top_keyVis .top_keyVis_copy span{
	display: block;
	opacity: 0;
	position: relative;
	right: -25px;
}
#top_keyVis .top_keyVis_copy span {
	animation: slidefadein 1.9s ease forwards;
}
@keyframes slidefadein {
    100% {
		bottom: 0px;
		opacity: 1;
		right: 0px;
	}
}
 
#top_keyVis .top_keyVis_copy h2 span:nth-child(1) {animation-delay: 1.0s;}
#top_keyVis .top_keyVis_copy h2 span:nth-child(2) {animation-delay: 1.3s;}
#top_keyVis .top_keyVis_copy p span:nth-child(1) {animation-delay:  1.6s;}
#top_keyVis .top_keyVis_copy p span:nth-child(2) {animation-delay:  1.9s;}




#top_keyVis .top_keyVis_slide{
	/* height: 100vh;
	height: 100dvh; */
	height: 100%;
	min-height: 533px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}
#top_keyVis .top_keyVis_slide img{
	/* height: 100vh;
	height: 100dvh; */
	height: 100%;
	min-height: 533px;
	width: 100%;
	object-fit: cover;
	position: absolute;
    left: 0;
    top: 0;
	opacity: 0;
	transform: scale(1.03) ;
}

#top_keyVis .top_keyVis_slide img.sliderOn{
    -webkit-animation: slide 36s 0s infinite;
    animation: slide3 18s 0s infinite; 
}

#top_keyVis .top_keyVis_slide img:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s; }

#top_keyVis .top_keyVis_slide img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; }

#top_keyVis .top_keyVis_slide img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; }

#top_keyVis .top_keyVis_slide img:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; }

#top_keyVis .top_keyVis_slide img:nth-of-type(6) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s; }

@keyframes slide3 {
	0% {opacity: 0;}
	4.76% {opacity: 1;}
	33.3% {
		opacity: 1;
	}
	42.85% {
		opacity: 0;
		z-index:9;
	}
	60% { transform: scale(1) ;}
	100% { opacity: 0 ;}
}
	
/* @keyframes slide6 {
	0% {opacity: 0;}
	5.33% {opacity: 1;}
	19.66% {
		opacity: 1;
	}
	25% {
		opacity: 0;
		z-index:9;
	}
	60% { transform: scale(1) ;}
	100% { opacity: 0 ;}
} */

/* -------------For iPad------------------- */
@media screen and (max-width: 1024px) {
	#top_keyVis .top_keyVis_copy{
		max-width: 100%;
		padding: 0 0 0 6vw;
		min-height: unset;
	}
	#top_keyVis .top_keyVis_copy h2{
		font-size: 6vw;
		margin-bottom: 4vw;
	}
	#top_keyVis .top_keyVis_copy p{
		font-size: 3vw;
	}
}

@media screen and (max-width: 767px) {
	#top_keyVis{
		min-height: unset;
		/* overflow: hidden; */
	}
	#top_keyVis .top_keyVis_copy{
		max-width: 100%;
		padding: 0 0 0 6vw;
		min-height: unset;
	}
	#top_keyVis .top_keyVis_copy h2{
		font-size: 10vw;
		margin-bottom: 8vw;
	}
	#top_keyVis .top_keyVis_copy p{
		font-size: 4vw;
	}
	#top_keyVis .top_keyVis_copy span{
		right: -5vw;
	}
	#top_keyVis .top_keyVis_slide{
		min-height: unset;
	}
	#top_keyVis .top_keyVis_slide img{
		min-height: unset;
	}
}


/* TOP INFORMATION */

section#top_info{
	padding-top: 0;
}
section#top_info .sc_inner{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
}
section#top_info .sc_inner>div{
	background-color: #FDFDFA;
	width: 48%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

section#top_info .sc_inner>div>div{
	width: 100%;
}

section#top_info .sc_inner>div.top_info_left{
	z-index: 4;
	padding: 0 60px 0 60px;
	box-sizing: border-box;
	width: 48%;
	min-width: 640px;
	margin-top: 0;
	border-top-right-radius: 20px;
}

section#top_info .top_info_left.anm_shownews{
	/* margin-top: -76px; */
	animation: showNews 0.9s ease forwards;
	/* animation-delay: 2.0s; */
}
@keyframes showNews {
    100% {
		margin-top: -76px;
	}
}
section#top_info .top_info_left.anm_shownews.scrolled{
	animation: slideNews 0.45s ease forwards;
	animation-delay: 0s;
}
@keyframes slideNews {
	0% {
		margin-top: -76px;
	}
    100% {
		margin-top: 30px;
	}
}

section#top_info .top_info_left>div.top_info_news{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

section#top_info h2 {
	display: block;
	font-size: 16px;
	width: 100px;
	padding-top: 30px;
}


section#top_info ul{
	display: block;
	width: calc(100% - 100px);
}
section#top_info ul li{
}

section#top_info ul li a{
	display: block;
	box-sizing: border-box;
	font-size: 16px;
	padding: 30px 0;
	border-bottom: 1px solid #505050;
	/* line-height: 1.2; */
	overflow: hidden;
	white-space: nowrap;
	color: #1A1A1A;
}

section#top_info ul li a span{
	margin-right: 20px;
	display: inline-block;
}

/* TOPINFO SCHEDULE */
section#top_info .sc_inner>div.top_info_right{
	box-sizing: border-box;
	padding: 60px 60px 0 0;
}
section#top_info .top_info_right .top_schedule{
	width: 100%;
	margin-bottom: 20px;
}
section#top_info .top_schedule table{
	/* margin-bottom: 30px; */
	border-bottom: 1px solid #505050;
}
section#top_info .top_schedule table thead tr{
	border-bottom: 1px solid #505050;
}
section#top_info .top_schedule table thead tr th{
	font-weight: 700;
}
section#top_info .top_schedule table th,
section#top_info .top_schedule table td{
	padding: 16px 8px;
	width: 40px;
}

section#top_info .top_schedule table thead tr th{
	padding: 0 8px;
	height: 46px;
}
section#top_info .top_schedule table tbody tr:first-child th,
section#top_info .top_schedule table tbody tr:first-child td{
	/* padding-bottom: 0px; */
	padding-bottom: 16px;
}



section#top_info div.links{
	display: block;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
}




section#top_info .top_info_right div.btn_link{
	width: 180px;
}
section#top_info div.telephone{
	width: 260px;
	margin-left: 30px;
	margin-top: 20px;
}
section#top_info div.telephone a{
	padding: 18px 10px 18px 60px;
	font-size: 24px;
	background-size: 24px;
	background-color: #21864D;
}


/* -------------For iPad------------------- */
@media screen and (max-width: 1024px) {
	section#top_info .sc_inner>div.top_info_left{
		min-width: 52%;
	}
	section#top_info h2 {
		display: none;
	}
	section#top_info ul{
		width: 100%;
	}
}


/* TOP INFORMATION SP */

@media screen and (max-width: 767px) {
	section#top_info{
	}
	section#top_info .sc_inner{
		display: block;
	}
	section#top_info .sc_inner>div{
		display: block;
		width: 100%;
	}
	section#top_info .sc_inner>div.top_info_left{
		padding: 0 4vw 0 4vw;
		width: 98%;
		min-width: unset;
		border-top-right-radius: 4vw;
		margin-top: 0;
		margin-bottom: 20vw;
	}
	section#top_info .top_info_left.anm_shownews{
	}
	@keyframes showNews {
		100% {
			margin-top: -14.8vw;
		}
	}
	section#top_info h2 {
		display: block;
		font-size: 2.8vw;
		width: 16vw;
		padding-top: 6vw;
	}
	section#top_info ul{
		width: calc(100% - 16vw);
		margin-bottom: 6vw;
	}
	section#top_info ul li a{
		font-size: 2.8vw;
		padding: 6vw 0;
		white-space: wrap;
	}
	section#top_info ul li a span{
		margin-right: 3vw;
	}

	section#top_info div.links{
		justify-content: space-between;
		align-items: flex-start;
	}
	section#top_info .top_info_left div.links{
		justify-content: flex-end;
	}
	section#top_info .top_info_left div.btn_link{
		/* width: 45vw; */
		/* margin: 0 auto; */
	}

	section#top_info div.btn_link a{
		/* font-size: 4vw;
		padding: 2.4vw 8vw 2.4vw 5vw;
		border-radius: 1.6vw;
		background-position: center right 4vw;
		background-size: 24px; */
	}


	section#top_info .sc_inner>div.top_info_right{
		width: 100%;
		padding: 0 6vw 0 4vw;
		
	}
	section#top_info .top_info_right .top_schedule{
		margin-bottom: 6vw;
	}
	section#top_info .top_schedule table th,
	section#top_info .top_schedule table td{
		padding: 3.2vw 1.6vw;
		width: 8vw;
		font-size: 2.8vw;
	}
	section#top_info .top_schedule table thead tr th{
		padding: 0 1.6vw;
		height: 9.2vw;
		font-size: 2.8vw;
	}
	.schedule table tr th:first-child,
	.schedule table tr td:first-child{
		min-width: 24vw;
	}
	section#top_info .top_schedule table th p:first-child{
		font-size: 3.6vw;
	}
	section#top_info .top_schedule table th p:last-child{
		font-size: 2.8vw;
	}
	.schedule .annotation{
		font-size: 2.8vw;
	}
	section#top_info .top_schedule table tbody tr:first-child th,
	section#top_info .top_schedule table tbody tr:first-child td{
		/* padding-bottom: 0px; */
		padding-bottom: 3.2vw;
	}





	section#top_info .top_info_right div.btn_link{
		width: 37%;
	}

	section#top_info .top_info_right div.btn_link a span{
		font-size: 3vw;
		font-size: 2.8vw;
	}


	section#top_info div.telephone{
		width: 57%;
		margin-left: 0;
		margin-top: 0;
	}
	section#top_info div.telephone a{
		padding: 3.6vw 2vw 3.6vw 12vw;
		font-size: 4.8vw;
		background-size: 4.8vw;
	}
	


}


/* TOP FEATURE */
section#top_feature{
	background-color: #DDE1DC;
}
section#top_feature .sc_inner{
	box-sizing: border-box;
	width: 900px;
	padding: 0 60px;
	text-align: center;
}

section#top_feature .sc_title{
	text-align: center;
	width: 550px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	margin-bottom: 40px;
	border-bottom: #FDFDFA 2px solid;
}

section#top_feature .sc_title h2{
	font-size: 36px;
	font-weight: 700;
	
}
section#top_feature .sc_title p{
	font-size: 20px;
	font-weight: 500;
}
section#top_feature .sc_text{
	width: 550px;
	text-align: left;
	margin: 0 auto;
	margin-bottom: 60px;
}
section#top_feature .sc_text p{
	margin-bottom: 30px;
}
section#top_feature .sc_text p:last-child{
	margin-bottom: 0;
}

section#top_feature .sc_department{
	margin-bottom: 60px;
}

section#top_feature .sc_department ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
section#top_feature .sc_department ul li{
	box-sizing: border-box;
	width: 30%;
	aspect-ratio: 1 / 1;
	margin-bottom: 30px;
	/* border-radius: 15px;
	background-color: #FDFDFA; */
}
section#top_feature .sc_department ul li:nth-child(4),
section#top_feature .sc_department ul li:nth-child(5){
	width: 47.5%;
	aspect-ratio: 3.3 / 1;
	margin-bottom: 0;
}

section#top_feature .sc_department ul li a{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 20px;
	background-image: url(../img/common/ico_ityou.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
	background-size: 60%;
	color: #1A1A1A;
	font-weight: 500;
	border-radius: 15px;
	background-color: #FDFDFA;
	position: relative;
	transition: transform .3s ease;
}
section#top_feature .sc_department ul li:nth-child(4) a,
section#top_feature .sc_department ul li:nth-child(5) a{
	justify-content: center;
	align-items: center;
	padding-bottom: 0;
	background-size: 18%;
	padding-top: 2px;
}
section#top_feature .sc_department ul li:nth-child(4) a{
	padding-left: 60px;
	background-position: calc(50% - 100px) center;
}
section#top_feature .sc_department ul li:nth-child(5) a{
	padding-left: 60px;
	background-position: calc(50% - 60px) center;
}

section#top_feature .sc_department ul li:nth-child(1) a{background-image: url(../img/common/ico_ityou.png);}
section#top_feature .sc_department ul li:nth-child(2) a{background-image: url(../img/common/ico_seikei.png);}
section#top_feature .sc_department ul li:nth-child(3) a{background-image: url(../img/common/ico_naika.png);}
section#top_feature .sc_department ul li:nth-child(4) a{background-image: url(../img/common/ico_healthcheck.png);}
section#top_feature .sc_department ul li:nth-child(5) a{background-image: url(../img/common/ico_housecall.png);}

section#top_feature .sc_department ul li a:hover{
	opacity: 1;
	transform: scale(1.03);
}

section#top_feature .sc_department ul li a:hover::after{
	display: block;
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	border: 5px solid #21864D;
}



section#top_feature .sc_links div{
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	section#top_feature .sc_inner{
		width: 100%;
		padding: 0 4vw;
		text-align: center;
	}
	
	section#top_feature .sc_title{
		width: 100%;
		padding: 0 0 8vw 0;
		margin-bottom: 8vw;
	}
	
	section#top_feature .sc_title h2{
		font-size: 7.2vw;
		
	}
	section#top_feature .sc_title p{
		font-size: 4vw;
	}

	section#top_feature .sc_text{
		width: 100%;
		margin-bottom: 12vw;
	}
	section#top_feature .sc_text p{
		margin-bottom: 6vw;
	}

	section#top_feature .sc_department{
		margin-bottom: 12vw;
	}
	
	section#top_feature .sc_department ul{
	}
	section#top_feature .sc_department ul li{
		box-sizing: border-box;
		width: 100%;
		aspect-ratio: 3.8 / 1;
		margin-bottom: 6vw;
	}
	section#top_feature .sc_department ul li:nth-child(4),
	section#top_feature .sc_department ul li:nth-child(5){
		width: 47.5%;
		aspect-ratio: 2.5 / 1;
	}
	section#top_feature .sc_department ul li a{
		padding-bottom: 2vw;
		background-repeat: no-repeat;
		background-position: center top 2vw;
		background-size: 15%;
		border-radius: 3vw;
	}
	section#top_feature .sc_department ul li:nth-child(4) a,
	section#top_feature .sc_department ul li:nth-child(5) a{
		padding-bottom: 0;
		background-size: 25%;
		padding-top: 0.4vw;
	}
	section#top_feature .sc_department ul li:nth-child(4) a{
		padding-left: 12vw;
		background-position: calc(50% - 12vw) center;
	}
	section#top_feature .sc_department ul li:nth-child(5) a{
		padding-left: 12vw;
		background-position: calc(50% - 6vw) center;
	}
}






/* TOP MESSAGE */


section#top_message {
	background-image: url(../img/index/messageback.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 120px 120px;
	box-sizing: border-box;
	position: relative;
	/* background-position: center calc(50%); */
	/* background-color: red; */
}

#top_message .sc_inner{
	margin: 0 auto;
	padding: 80px 80px;
	position: relative;
}
section#top_message .sc_inner .multiply{
	box-sizing: border-box;
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(36, 113, 172, 0.33);
	backdrop-filter: blur(6px);
	border-radius: 15px;
	z-index: 1;
	opacity: 0;
}

section#top_message .sc_inner .multiplyover{
	color: #fff;
	position: relative;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	height: 100%;
}





section#top_message .sc_inner .multiplyover>div{
	/* background-color: #505050; */
}
section#top_message .sc_inner .multiplyover>div.sc_title{
	width: 40%;
	/* background-color: #fff; */
	opacity: 0;
}
section#top_message .sc_inner .multiplyover>div.sc_text{
	width: 40%;
	min-width: 360px;
}
section#top_message .sc_inner .multiplyover>div.sc_text h3{
	opacity: 0;
}
section#top_message .sc_inner .multiplyover>div.sc_text p{
	opacity: 0;
}


	/* ANIMATION */
	section#top_message.iv.iv_range .sc_inner .multiply{
		animation: slideInBottom 0.9s ease forwards;
		animation-delay: 0.6s;
	}
	section#top_message.iv.iv_range .sc_inner .multiplyover>div.sc_title{
		animation: slideInLeft 0.9s ease forwards;
		animation-delay: 1.2s;
	}
	section#top_message.iv.iv_range .sc_inner .multiplyover>div.sc_text h3{
		animation: slideInBottom 0.9s ease forwards;
		animation-delay: 1.5s;
	}
	section#top_message.iv.iv_range .sc_inner .multiplyover>div.sc_text p{
		animation: slideInBottom 0.9s ease forwards;
		animation-delay: 1.8s;
	}




section#top_message .sc_inner .multiplyover>div.sc_links{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

section#top_message .sc_inner .multiplyover>div.sc_title h2{
	font-size: 40px;
}
section#top_message .sc_inner .multiplyover>div.sc_title p{
	font-size: 24px;
}
section#top_message .sc_inner .multiplyover>div.sc_text{
	margin-bottom: 100px;
}

section#top_message .sc_inner .multiplyover>div.sc_text h3{
	line-height: 1.8;
	padding: 0 0 40px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #fff;
	font-size: 30px;
}
section#top_message .sc_inner .multiplyover>div.sc_text p{
	line-height: 1.8;
	font-size: 16px;
}



@media screen and (max-width: 767px) {
	section#top_message {
		padding: 20vw 4vw;
	}
	#top_message .sc_inner{
		padding: 16vw 8vw;
	}
	section#top_message .sc_inner .multiplyover{
		display: block;
	}
	section#top_message .sc_inner .multiplyover>div.sc_title{
		width: 100%;
	}
	section#top_message .sc_inner .multiplyover>div.sc_text{
		width: 100%;
		min-width: unset;
	}
	section#top_message .sc_inner .multiplyover>div.sc_links{
		justify-content: center;
	}


	section#top_message .sc_inner .multiplyover>div.sc_title h2{
		font-size: 8vw;
	}
	section#top_message .sc_inner .multiplyover>div.sc_title p{
		font-size: 4.8vw;
		margin-bottom: 8vw;
	}
	section#top_message .sc_inner .multiplyover>div.sc_text{
		margin-bottom: 16vw;
	}

	section#top_message .sc_inner .multiplyover>div.sc_text h3{
		line-height: 1.5;
		padding: 0 0 6vw 0;
		margin-bottom: 6vw;
		font-size: 6vw;
	}
	section#top_message .sc_inner .multiplyover>div.sc_text p{
		font-size: 3.2vw;
	}
}


/* TOP RELATED SERVICE */
section#top_relatedservice .sc_inner{
	padding: 0 80px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	max-width: 1400px;
}

section#top_relatedservice .sc_title{
	width: 200px;
}
section#top_relatedservice .rs_list{
	width: calc(100% - 240px);
	margin: 0 auto;
}
section#top_relatedservice .rs_list ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}
section#top_relatedservice .rs_list ul li{
	display: block;
	width: 30%;
	margin-bottom: 60px;
}
section#top_relatedservice .rs_list ul li a{
	color: #1A1A1A;
}
section#top_relatedservice .rs_list .rs_img{
	overflow: hidden;
	aspect-ratio: 3 / 4;
	border-radius: 15px;
	margin-bottom: 20px;
	isolation: isolate;
}
section#top_relatedservice .rs_list .rs_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(1.2);
}
section#top_relatedservice .rs_list .rs_det{
	width: 98%;
	transition: opacity 0.2s linear;
}
section#top_relatedservice .rs_list .rs_det p{
	font-size: 14px;
	padding-bottom: 20px;
	border-bottom: 1px solid #1A1A1A;
	margin-bottom: 20px;
}
section#top_relatedservice .rs_list .rs_det h3{
	font-size: 18px;
	margin-bottom: 10px;
}
section#top_relatedservice .rs_list .rs_det span{
	font-size: 14px;
}


section#top_relatedservice ul li.iv a:hover {
	opacity: 1;
}
section#top_relatedservice ul li.iv a:hover .rs_det{
	opacity: 0.6;
}


section#top_relatedservice .iv.iv_range .rs_img img{
	transform: scale(1);
}
section#top_relatedservice .iv.iv_range a:hover .rs_img img{
	transform: scale(1.1);
}



@media screen and (max-width: 767px) {
	section#top_relatedservice .sc_inner{
		padding: 0 4vw;
		width: 100%;
		max-width: unset;
		display: block;
	}
	
	section#top_relatedservice .sc_title{
		width: 100%;
		margin-bottom: 8vw;
	}
	section#top_relatedservice .rs_list{
		width: 100%;
	}
	section#top_relatedservice .rs_list ul li{
		width: 48%;
		margin-bottom: 12vw;
	}
	section#top_relatedservice .rs_list .rs_img{
		border-radius: 3vw;
		margin-bottom: 3vw;
	}
	section#top_relatedservice .rs_list .rs_img img{
		/* border-radius: 3vw; */
	}
	section#top_relatedservice .rs_list .rs_det{
	}
	section#top_relatedservice .rs_list .rs_det p{
		font-size: 2.8vw;
		padding-bottom: 3vw;
		margin-bottom: 3vw;
	}
	section#top_relatedservice .rs_list .rs_det h3{
		font-size: 3.6vw;
		margin-bottom: 2vw;
		line-height: 1.2;
	}
	section#top_relatedservice .rs_list .rs_det span{
		font-size: 2.8vw;
	}

}

/* TOP ANIMATION */

.sc_department.iv.iv_dly ul li{
	opacity: 0;
	transition: 1.2s ease;
	transition-property: opacity transform;
	transform: scale(0.9);
}
.sc_department.iv.iv_dly.iv_range ul li{
	opacity: 1;
	transform: scale(1);
}

.sc_department.iv.iv_dly ul li{
	opacity: 0;
	transition: 1.2s ease;
	transition-property: opacity transform;
	transform: scale(0.9);
}
.sc_department.iv.iv_dly.iv_range ul li{
	opacity: 1;
	transform: scale(1);
}

/*==============================================================
	PAGE COMMON
==============================================================*/
.page #header{
	width: 260px;
	top: 0; right: 0;
	/* background-color: #DDE1DC; */
}
.page #header.scrolled{
	width: 100%;
}

.page #header .header_logo{
	visibility: hidden;
}
.page #header.scrolled .header_logo{
	visibility: visible;
}


.page #header .top_nav{
	display: none;
}

header.page_header{
	box-sizing: border-box;
	width: 100%;
	/* min-height: 800px; */
}
header.page_header .page_header_inner{
	box-sizing: border-box;
	width: 100%;
	/* min-height: 550px; */
	padding: 40px 60px 60px 60px;
	background-color: #21864D;
}
header.page_header .page_breadcrumbs{
	font-size: 24px;
	margin-bottom: 40px;
}
header.page_header .page_breadcrumbs.breadcrumbs ul li::after{
	height: 24px;
	width: 12px;
}
header.page_header .page_logo{
	width: 140px;
	height: 150px;
	margin-bottom: 120px;
}
header.page_header .page_logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
header.page_header .page_title{
	color: #FDFDFA;
}
header.page_header .page_title p{
	font-size: 24px;
	margin-bottom: 3px;
}


header.page_header .page_header_bg{ 
	background-image: url(../img/page/ph_medical.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	min-height: 250px;
}
#medical header.page_header .page_header_bg{ 
	background-image: url(../img/page/ph_medical.png);
}
#about header.page_header .page_header_bg{ 
	background-image: url(../img/page/ph_about.png);
}
#news header.page_header .page_header_bg{ 
	background-image: url(../img/page/ph_news.png);
}
#access header.page_header .page_header_bg{ 
	background-image: url(../img/page/ph_access.png);
}


/* PAGE HEADER SP */

@media screen and (max-width: 764px) {
	.page #header{
		width: 30vw;
	}
	.page #header.scrolled .header_logo{
		visibility: hidden;
	}
	header.page_header{
		min-height: unset;
		/* height: 50vh;
		height: 50svh; */
	}
	header.page_header .page_header_inner{
		/* height: 50vh;
		height: 50svh; */
		min-height: unset;
		padding: 6vw;
		background-color: #21864D;
	}
	header.page_header .page_breadcrumbs{
		font-size: 4vw;
		margin-bottom: 8vw;
	}
	header.page_header .page_logo{
		width: 24vw;
		height: auto;
		margin-bottom: 24vw;
	}
	header.page_header .page_title{
		margin-bottom: 4vw;
	}
	header.page_header .page_title p{
		font-size: 4.8vw;
		margin-bottom: 0.6vw;
	}
	header.page_header .page_header_bg{ 
		width: 100%;
		min-height: 50vw;
	}
}

/* PAGE SECTION */
.page section.sc{
	/* background-color: #505050; */
}

.page section.sc .sc_title h2{
	color: #21864D;
	display: inline-block;
	margin-bottom: 80px;
}
.page section.sc .sc_title p{
	color: #21864D;
	display: inline-block;
	font-size: 26px;
	margin-left: 20px;
}

@media screen and (max-width: 764px) {
	.page section.sc .sc_title h2{
		margin-bottom: 16vw;
	}
	.page section.sc .sc_title p{
		font-size: 5.2vw;
		margin-left: 4vw;
	}
}

/*==============================================================
	PAGE MEDICAL
==============================================================*/


.page #department ul.flx li{
	display: block;
	width: 47%;
	margin-bottom: 60px;
}
.page #department ul.flx li:last-child{
	margin-bottom: 0;
}
.page #department ul.flx li h3{
	font-size: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #000;
}
.page #department ul.flx li p{
	padding: 0 10px 0 220px;
	min-height: 200px;
	background-image: url(../img/common/ico_ityou.png);
	background-repeat: no-repeat;
	background-size: 150px;
	background-position: 30px center;
}
.page #department ul.flx li:nth-child(2) p{
	background-image: url(../img/common/ico_seikei.png);
}
.page #department ul.flx li:nth-child(3) p{
	background-image: url(../img/common/ico_naika.png);
}

@media screen and (max-width: 764px) {
	.page #department {
		/* background-color: red;
		padding-bottom: 0; */
	}
	.page #department ul.flx li{
		width: 100%;
		margin-bottom: 12vw;
	}
	.page #department ul.flx li h3{
		font-size: 6vw;
		padding-bottom: 6vw;
		margin-bottom: 6vw;
	}
	.page #department ul.flx li p{
		padding: 0 2vw 0 40vw;
		min-height: 36vw;
		background-size: 26vw;
		background-position: 4vw center;
	}
}


.page #healthcheck .sc_title{
	display: none;
}
.page #healthcheck .sc_title_hc h2{
	color: #21864D;
	display: inline-block;
	margin-bottom: 30px;
}
.page #healthcheck .sc_title_hc p{
	color: #21864D;
	display: inline-block;
	font-size: 26px;
	margin-left: 20px;
}


.page #healthcheck .flx>div{
	width: 47%;
	margin-bottom: 80px;
}
.page #healthcheck .flx>div .hc_det{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.page #healthcheck .flx>div .hc_det img{
	width: 130px;
	display: block;
	margin-left: 20px;
}
.page #healthcheck .flx>div .hc_det p{
	width: calc(90% - 150px);
	display: block;
}

.page #healthcheck .hc_contact{
	box-sizing: border-box;
	/* width: 80%; */
	width: 800px;
	margin: 0 auto;
	border-radius: 8px;
	padding: 30px 50px;
	background-color: #DDE1DC;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	/* align-items: center; */
}
.page #healthcheck .hc_contact p{
	text-align: center;
	display: block;
	width: 100%;
	font-weight: 500;
	margin-bottom: 20px;
}
.page #healthcheck .hc_contact div.telephone{
	margin-right: 30px;
}
.page #healthcheck .hc_contact div.telephone a{
	padding: 15px 25px 15px 60px;
	background-color: #21864D;
	margin-bottom: 0;
}


@media screen and (max-width: 764px) {
	.page #healthcheck .flx>div{
		width: 100%;
		margin-bottom: 16vw;
	}
	.page #healthcheck .flx>div .hc_det{
	}
	.page #healthcheck .flx>div .hc_det img{
		width: 26vw;
		margin-left: 4vw;
	}
	.page #healthcheck .flx>div .hc_det p{
		width: calc(90% - 26vw);
		display: block;
	}
	
	.page #healthcheck .hc_contact{
		width: 90%;
		border-radius: 1.6vw;
		padding: 6vw 10vw;
		display: block;
	}
	.page #healthcheck .hc_contact p{
		text-align: center;
		display: block;
		width: 100%;
		margin-bottom: 4vw;
	}
	.page #healthcheck .hc_contact div.telephone{
		margin-right: 0;
		margin-bottom: 4vw;
	}
	.page #healthcheck .hc_contact div.telephone a{
		padding: 3vw 5vw 3vw 12vw;
	}
	.page #healthcheck .hc_contact div.btn_link{
		margin: 0 auto;
	}
}


.page #facilities{
	background-color: #DDE1DC;
}
.page #facilities .sc_title h2{
	margin-bottom: 60px;
}
.page #facilities .sc_inner>p{
	margin-bottom: 60px;
}
.page #facilities ul.flx{
	margin-bottom: 60px;
	overflow: hidden;
}
.page #facilities ul li{
	display: block;
	width: 30%;
}
.page #facilities ul li span.image{
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	margin-bottom: 30px;
	border-radius: 15px;
	overflow: hidden;
	isolation: isolate;
}

.page #facilities ul li.iv span.image img{
	width: 100%;
	object-fit: cover;
	transition: transform 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(1.2);
}

.page #facilities ul li.iv.iv_range span.image img{
	transform: scale(1);
}

.page #facilities ul li>div{
	padding: 0 15px;
}
.page #facilities ul li>div h3{
	margin-bottom: 20px;
}

.page #facilities ul li>div div.flx{
	justify-content: flex-start;
	align-items: center;
}
.page #facilities ul li>div h4{
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 30px;
}
.page #facilities ul li>div a{
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
	padding: 10px 48px 10px 18px;
	font-size: 14px;
	font-weight: 700;
	background-color: #FDFDFA;
	border-radius: 8px;
	background-image: url(../img/common/newwindow_green.png);
	background-repeat: no-repeat;
	background-position: center right 18px;
	background-size: 22px;
	margin-bottom: 30px;
}

@media screen and (max-width: 764px) {
	.page #facilities .sc_title h2{
		margin-bottom: 12vw;
	}
	.page #facilities .sc_inner>p{
		margin-bottom: 12vw;
	}
	.page #facilities ul.flx{
		margin-bottom: 12vw;
		display: block;
	}
	.page #facilities ul li{
		width: 100%;
		margin-bottom: 12vw;
	}
	.page #facilities ul li:last-child{
		margin-bottom: 0;
	}
	.page #facilities ul li img{
		border-radius: 3vw;
		margin-bottom: 6vw;
	}
	.page #facilities ul li>div{
		padding: 0 3vw;
	}
	.page #facilities ul li>div h3{
		margin-bottom: 4vw;
	}
	
	.page #facilities ul li>div div.flx{
	}
	.page #facilities ul li>div h4{
		margin-right: 6vw;
		margin-bottom: 6vw;
	}
	.page #facilities ul li>div a{
		padding: 2vw 9.6vw 2vw 3.6vw;
		font-size: 2.8vw;
		border-radius: 1.6vw;
		background-position: center right 3.6vw;
		background-size: 4.4vw;
		margin-bottom: 6vw;
	}
}


.page #initialvisit .sc_title{
	text-align: center;
}

.page #initialvisit .initialvisit_det{
	/* background-color: #eee; */
	width: 800px;
	margin: 0 auto;
}

.page #initialvisit .initialvisit_det p{
	margin-bottom: 80px;
}

.page #initialvisit .initialvisit_det>div{
	box-sizing: border-box;
	margin-bottom: 40px;
	width: 50%;
	padding: 0 30px;
	margin: 0 auto;
	background-color: #FDFDFA;
	margin-bottom: 60px;
}
.page #initialvisit .initialvisit_det h3{
	margin-bottom: 40px;
}
.page #initialvisit .initialvisit_det ul li{
	margin-bottom: 18px;
	font-size: 16px;
	padding: 6px 0 6px 32px;
	background-image: url(../img/common/check_green.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
}
.page #initialvisit .initialvisit_det ul li:last-child{
	margin-bottom: 0;
}
.page #initialvisit .initialvisit_det small{
	display: block;
	margin-bottom: 80px;
	font-size: 16px;
	line-height: 1.5;
}
.page #initialvisit .initialvisit_det span{
	text-align: center;
	display: block;
	box-sizing: border-box;
	width: 600px;
	margin: 0 auto;
	border-radius: 8px;
	padding: 30px 50px;
	background-color: #DDE1DC;
	font-weight: 500;
	line-height: 1.5;
}

@media screen and (max-width: 764px) {
	.page #initialvisit .initialvisit_det{
		width: 100%;
	}
	
	.page #initialvisit .initialvisit_det p{
		margin-bottom: 16vw;
	}
	
	.page #initialvisit .initialvisit_det>div{
		margin-bottom: 8vw;
		width: 80%;
		padding: 0 6vw;
		margin-bottom: 12vw;
	}
	.page #initialvisit .initialvisit_det h3{
		margin-bottom: 8vw;
	}
	.page #initialvisit .initialvisit_det ul li{
		margin-bottom: 3.6vw;
		font-size: 3.2vw;
		padding: 1.2vw 0 1.2vw 6.4vw;
	}
	.page #initialvisit .initialvisit_det small{
		margin-bottom: 16vw;
		font-size: 3.2vw;
	}
	.page #initialvisit .initialvisit_det span{
		width: 100%;
		border-radius: 1.6vw;
		padding: 6vw 10vw;
	}
}

/*==============================================================
	PAGE ABOUT
==============================================================*/

#about #doctor .flx{
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
}
#about #doctor .flx>div{
}
#about #doctor .flx>div:nth-child(1){
	/* width: 30%; */
	width: 360px;
	overflow: hidden;
	margin-bottom: 40px;
}
#about #doctor .flx>div:nth-child(1) img{
	width: 100%;
	object-fit: contain;
	border-radius: 15px;
}

#about #doctor .flx>div:nth-child(2){
	/* width: 64%; */
	width: calc(94% - 360px);
	margin-bottom: 40px;
}

#about #doctor .flx>div:nth-child(2) h4{
	font-size: 24px;
	margin-bottom: 20px;
}
#about #doctor .flx>div:nth-child(2) h3{
	font-size: 36px;
	margin-bottom: 60px;
}
#about #doctor .flx>div:nth-child(2) h3 span{
	font-size: 24px;
	display: inline-block;
	margin-left: 30px;
	font-weight: 500;
}
#about #doctor .flx>div:nth-child(2) p{
	letter-spacing: 0.02em;
	font-feature-settings: "palt";
	margin-bottom: 60px;
}

#about #doctor .flx>div:nth-child(3),
#about #doctor .flx>div:nth-child(4){
	width: 48%;
}

#about #doctor .flx>div:nth-child(3) h4,
#about #doctor .flx>div:nth-child(4) h4{
	font-size: 26px;
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
#about #doctor .flx>div:nth-child(3) h4::after,
#about #doctor .flx>div:nth-child(4) h4::after{
    content: "";
    height: 1px;
    flex-grow: 1;
	margin-left: 20px;
    background-color: #000;
}
#about #doctor .flx>div:nth-child(3) dl{
	font-size: 16px;
}
#about #doctor .flx>div:nth-child(3) dl dt{
	display: inline-block;
	width: 80px;
	margin-right: 40px;
}
#about #doctor .flx>div:nth-child(3) dl dd{
	display: inline-block;
	width: calc(100% - 80px - 40px);
	margin-bottom: 15px;
}

#about #doctor .flx>div:nth-child(4) ul{
	font-size: 16px;
}
#about #doctor .flx>div:nth-child(4) ul li{
	margin-bottom: 15px;
}

@media screen and (max-width: 764px) {
	#about #doctor .flx{
		width: 100%;
	}
	#about #doctor .flx>div:nth-child(1){
		width: 60%;
		margin: 0 auto;
		margin-bottom: 4vw;
	}
	#about #doctor .flx>div:nth-child(1) img{
		border-radius: 3vw;
	}
	
	#about #doctor .flx>div:nth-child(2){
		width: 100%;
		margin-bottom: 8vw;
	}
	
	#about #doctor .flx>div:nth-child(2) h4{
		font-size: 4vw;
		margin-bottom: 4vw;
		display: inline-block;
	}
	#about #doctor .flx>div:nth-child(2) h3{
		font-size: 6vw;
		margin-bottom: 6vw;
		display: inline-block;
		margin-left: 4vw;
	}
	#about #doctor .flx>div:nth-child(2) h3 span{
		font-size: 3vw;
		margin-left: 4vw;
	}
	#about #doctor .flx>div:nth-child(2) p{
		margin-bottom: 0;
	}
	
	#about #doctor .flx>div:nth-child(3),
	#about #doctor .flx>div:nth-child(4){
		width: 100%;
	}
	#about #doctor .flx>div:nth-child(3){
		margin-bottom: 8vw;
	}
	
	#about #doctor .flx>div:nth-child(3) h4,
	#about #doctor .flx>div:nth-child(4) h4{
		font-size: 4.8vw;
		margin-bottom: 6vw;
	}
	#about #doctor .flx>div:nth-child(3) h4::after,
	#about #doctor .flx>div:nth-child(4) h4::after{
		margin-left: 4vw;
	}


	#about #doctor .flx>div:nth-child(3) dl dt{
		font-size: 3.2vw;
		width: 16vw;
		margin-right: 8vw;
	}
	#about #doctor .flx>div:nth-child(3) dl dd{
		font-size: 3.2vw;
		width: calc(100% - 24vw);
		margin-bottom: 3vw;
	}
	
	#about #doctor .flx>div:nth-child(4) ul{
		font-size: 3.2vw;
	}
	#about #doctor .flx>div:nth-child(4) ul li{
		margin-bottom: 3vw;
	}
}

#about #history{
	background-color: #DDE1DC;
}

#about #history .history_det{
	width: 60%;
	margin: 0 auto;
	position: relative;
}
#about #history .history_det::before{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 50%; left: 50%;
	width: 4px;
    height: 0;
    flex-grow: 1;
    background-color: #FDFDFA;
	z-index: 1;
	transition: height 1.9s linear;
	transition-delay: 0.6s;
}

#about #history .history_det.iv_range::before{
    height: 100%;
}


#about #history ul{
	font-size: 16px;
	position: relative;
	z-index: 2;
}
#about #history ul li span{
	display: inline-block;
	width: 100px;
	margin-right: 20px;
}
#about #history ul li{
	box-sizing: border-box;
	display: block;
	/* width: calc(100%); */
	margin: 0 auto;
	margin-bottom: 30px;
	background-color: #FDFDFA;
	padding: 16px 30px;
	border-radius: 32px;
	transition-duration: 0.6s;
}


@media screen and (max-width: 764px) {
	#about #history .history_det{
		width: 90%;
	}
	#about #history .history_det::before{
		width: 0.8vw;
	}
	
	#about #history ul{
		font-size: 3.2vw;
	}
	#about #history ul li span{
		margin-right: 0;
		display: block;
		width: 100%;
		margin-bottom: 2vw;
		text-align: center;
	}
	#about #history ul li{
		margin-bottom: 6vw;
		padding: 3.2vw 6vw;
		border-radius: 6.4vw;
	}
}

#about #gallery .sc_full{
	margin-bottom: 100px;
}
#about #gallery .sc_title{
	text-align: center;
}

@media screen and (max-width: 764px) {
	#about #gallery .sc_full{
		margin-bottom: 10vw;
	}
}


/*==============================================================
	PAGE NEWS
==============================================================*/
#news #news_list{
}

#news #news_list ul{
	display: block;
	width: 100%;
	border-top: 1px solid #505050;
	margin-bottom: 60px;
}
#news #news_list ul li{
}

#news #news_list ul li a{
	display: block;
	box-sizing: border-box;
	font-size: 18px;
	padding: 30px 54px 30px 0;
	border-bottom: 1px solid #505050;
	line-height: 1.2;
	overflow: hidden;
	/* white-space: nowrap; */
	color: #1A1A1A;
	background-image: url(../img/common/circlearrow_green.png);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center right 36px;
	transition: background 0.3s ease;
}
#news #news_list ul li a:hover{
	opacity: 1;
	background-position: center right 24px;
}

#news #news_list ul li a span{
	margin-bottom: 20px;
	display: block;
}

@media screen and (max-width: 764px) {
	#news #news_list ul{
		margin-bottom: 12vw;
	}
	
	#news #news_list ul li a{
		font-size: 3.6vw;
		padding: 6vw 12vw 6vw 0;
		background-size: 4.8vw;
		background-position: center right 7.2vw;
	}
	#news #news_list ul li a:hover{
		background-position: center right 4.8vw;
	}
	
	#news #news_list ul li a span{
		margin-bottom: 4vw;
	}
}

	/* PAGENATION */


div.pagination{
	text-align: center;
	font-size: 18px;
}
div.pagination span{
	display: inline-block;
	color: #a7a7a7;
	width: 20px;
}
div.pagination a{
	display: inline-block;
	width: 20px;
}

@media screen and (max-width: 764px) {
	div.pagination{
		font-size: 3.6vw;
	}
	div.pagination span{
		width: 5vw;
	}
	div.pagination a{
		width: 5vw;
	}
}

/* SINGLE */
#news #page_single .single_header{
	border-bottom: 1px solid #000;
	padding: 0 0 20px 0;
}
#news #page_single .single_header h3{
	margin-bottom: 10px;
}
#news #page_single .single_body{
	padding: 60px 0;
	margin-bottom: 30px;
	line-height: 1.5;
}

div.pagination.-single .nav-links{
	display: flex;
	justify-content: center;
	background-color: eee;
}
div.pagination.-single a{
	display: block;
	width: 160px;
	margin: 0 10px;
}
div.pagination.-single a.-empty{
	cursor: default;
}
div.pagination.-single a.-empty:hover{
	opacity: 1;
}

@media screen and (max-width: 764px) {
	#news #page_single .single_header{
		padding: 0 0 4vw 0;
	}
	#news #page_single .single_header h3{
		margin-bottom: 2vw;
	}
	#news #page_single .single_body{
		padding: 12vw 0;
		margin-bottom: 6vw;
	}
	div.pagination.-single a{
		width: 26vw;
		margin: 0 2vw;
	}
}


/*==============================================================
	PAGE ACCESS
==============================================================*/

#access #accessinfo .flx{
	justify-content: space-between;
	align-items: stretch;
	width: 80%;
	margin: 0 auto;
}
#access #accessinfo .flx>div{
}
#access #accessinfo .flx>div.det{
	width: 38%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	margin-bottom: 40px;
}
#access #accessinfo .flx>div.img{
	width: 56%;
	margin-bottom: 40px;
}
#access #accessinfo .flx>div.gmaps{
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 15px;
}

#access #accessinfo .flx>div.det>div.info{
	width: 100%;
}
#access #accessinfo .flx>div.det>div.info>div:first-child{
	border-bottom: 1px solid #000;
	padding: 0 0 20px 0;
	margin-bottom: 30px;
}
#access #accessinfo .flx>div.det>div.info>div:first-child img{
	max-width: 300px;
	margin-bottom: 30px;
}

#access #accessinfo .flx>div.det>div.info>div:nth-child(2) p{
	margin-bottom: 30px;
}
#access #accessinfo .flx>div.det>div.route{
	padding-top: 30px;
}
#access #accessinfo .flx>div.det>div.route h4{
	font-size: 16px;
	margin-bottom: 5px;
}
#access #accessinfo .flx>div.det>div.route p{
	margin-bottom: 30px;
}

#access #accessinfo .flx>div.det .access_btn{
	/* width: 300px; */
}

#access #accessinfo .flx>div.det .access_btn a{
	font-size: 16px;
	padding: 14px 28px 14px 28px;
	border-radius: 8px;
	color: #000;
	font-weight: 500;
	display: inline-block;
	background-color: #DDE1DC;
	letter-spacing: 0.05em;
}



#access #accessinfo .flx>div.img img{
	border-radius: 15px;
	width: 100%;
	object-fit: contain;
}


#access #accessinfo .flx>div.gmaps iframe {
	width: 100%;
	height: 860px;
	margin-top: -170px;
}


@media screen and (max-width: 764px) {
	#access #accessinfo .flx{
		display: block;
		width: 100%;
	}
	#access #accessinfo .flx>div{
	}
	#access #accessinfo .flx>div.det{
		width: 100%;
		display: block;
		margin-bottom: 8vw;
	}
	#access #accessinfo .flx>div.img{
		width: 100%;
		margin-bottom: 8vw;
		display: none;
	}
	#access #accessinfo .flx>div.gmaps{
		width: 100%;
		height: 100vw;
		border-radius: 3vw;
	}
	
	#access #accessinfo .flx>div.det>div.info{
		width: 100%;
	}
	#access #accessinfo .flx>div.det>div.info>div:first-child{
		border-bottom: 1px solid #000;
		padding: 0 0 4vw 0;
		margin-bottom: 6vw;
	}
	#access #accessinfo .flx>div.det>div.info>div:first-child img{
		max-width: unset;
		width: 60%;
		margin-bottom: 3vw;
	}
	
	#access #accessinfo .flx>div.det>div.info>div:nth-child(2) p{
		margin-bottom: 6vw;
	}
	#access #accessinfo .flx>div.det>div.route{
		padding-top: 6vw;
	}
	#access #accessinfo .flx>div.det>div.route h4{
		font-size: 3.2vw;
		margin-bottom: 1vw;
	}
	#access #accessinfo .flx>div.det>div.route p{
		margin-bottom: 6vw;
	}
	
	#access #accessinfo .flx>div.det .access_btn{
		/* width: 300px; */
	}
	
	#access #accessinfo .flx>div.det .access_btn a{
		font-size: 3.2vw;
		padding: 2.8vw 5.6vw 2.8vw 5.6vw;
		border-radius: 1.6vw;
	}
	
	
	#access #accessinfo .flx>div.img img{
		border-radius: 3vw;
	}
	
	
	#access #accessinfo .flx>div.gmaps iframe {
		width: 100%;
		height: 172vw;
		margin-top: -34vw;
	}
}