@charset "UTF-8";
/* CSS Document */


@media (max-width: 1600px) {
	
.menu-nav{
	font-size: .8vw;
	letter-spacing: .04em;
}

.calender .btn-web{
	font-size: 1.4vw;
}

}

@media (max-width: 1400px) {
	
.gnav li.btn-contact{
	font-size: 1.2vw;
	letter-spacing: .04em;
	padding: .5em 1em;
}

.gnav{
	padding-left: 2%;
}

.menu-nav li{
	padding: 0 4px 4px;
}



}

@media (max-width: 1024px) {
.open-menu{
	display: inherit;
}
.nav-wrap{
	display: none;
}

.top-icatch-area .copy .pc{
	display: none;
}

h2.top,
h2.page{
	font-size: 2.8vw;
}
h2.top span,
h2.page span{
	font-size: 75%;
	margin-top: 0;
}
h2.page span:before{
	margin-bottom: 8px;
}

h3.page:after, h4.line:after{
	margin-top: 8px;
}

.foot-wrap .calender,
.foot-wrap .address{
	width: 48%;
}

.foot-wrap .thumb{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 8vw;
}
.foot-wrap .thumb img{
	width: 25%;
}

}

@media (max-width: 800px) {
	
.sp{display: inherit;}
.pc{display: none;}

h1{
	width: 100%;
}

h1 a{
	display: block;
	width: 56%;
	min-width: 190px;
}

h1 span{
	line-height: 1.6;
	font-size: 12px;
	white-space: normal;
	color: #3eab94;
	letter-spacing: 0.2em;
}

h2.top,
h2.page{
	font-size: 4.6vw;
	margin-bottom: 6vw;
}

h4.line{
	margin-bottom:8vw;
}

h4.line:after{
	margin-top: 4.8vw;
}

.calender .btn-web,
.access-contents-wrap .clm-wrap .btn-web{
	font-size: 4vw;
}

.calender table tr:first-child th{
	font-size: 3.2vw;
}

.foot-wrap .address .tel,
.access-contents-wrap .clm-wrap .tel{
	font-size: 3.8vw;
}

.calender table td b{
	font-size: 4vw;
}

.top-slider .slide{
	height: 32vh;
}

.top-slider .slide img{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: auto;
	max-width: none;
	transform: translate(-50% , -50%);
}

.top-icatch-area .copy{
	position: static;
	font-size: 13px;
	width: 100%;
	background: #e1ede8;
}

.top-menu-area .top-menu{
	width: 46%;
	margin-bottom: 6vw;
}

.top-news-area .news-wrap table{
	max-width: none;
	width: 90%;
}

.top-news-area .news-wrap th{
	display: block;
	width: 100%;
	padding: 0;
	padding-bottom: 4px;
}

.top-news-area .news-wrap td{
	display: block;
	width: 100%;
	padding: 0;
	padding-bottom: 8px;
}

a.news-link{
	margin-bottom: 17vw;
}

.foot-wrap .calender,
.foot-wrap .address{
	width: 100%;
}

.foot-wrap .address{
	margin-top: 8vw;
}

.foot-wrap .address th{
	display: block;
	width: 100%;
	padding: 0;
	padding-bottom: 16px;
}

.foot-wrap .address td{
	display: block;
	width: 100%;
}


footer{
	padding: 8vw 0;
}

footer .logo{
	display: block;
	margin-bottom: 4vw;
}

footer .logo img{
	display: block;
	width: 42%;
	min-width: 190px;
	margin-bottom: 16px;
}

.foot-wrap{
	margin-bottom: 16vw;
}

.about-contents-wrap section{
	font-size: 14px;
}

h3.icon{
	font-size: 16px;
}

h3.icon.hospital:before,
h3.icon.flow:before{
	transform: scale(.8);
}

.green{
	margin-bottom: 8vw;
}

.green .grad{
	width: 100%;
	font-size: 4vw;
	min-width: auto;	
}

.flow-wrap{
	margin-top: 6vw;
}

.flow-wrap section dt{
	padding-left: 5%;
	font-size: 16px;
}

.flow-wrap section dt br{
	display: none;
}

.flow-wrap section dd{
	width: 60%;
	padding-left: 5%;
}

.flow-wrap section dl:before{
    left: calc(4% + 7px);
}

.flow-wrap section dt span{
	font-size: 16px;
}

.flow-wrap section:first-child dl:before{
	height: 100%;
}

.access-contents-wrap .clm-wrap .box{
	width: 100%;
	margin-bottom: 4vw;
}

.access-contents-wrap .clm-wrap .btn-web{
	margin-bottom: 0;
}

.access-map{
	height: 30vh;
}

.form-wrap .name-wrap .content{
	width: 100%;
}

.menu-contents-wrap .thumb{
	margin-bottom: 4vw;
}

.menu-contents-wrap h3{
	font-size: 16px;
	margin-bottom: 4vw;
}

.menu-contents-wrap .read{
	margin-bottom: 8vw;
}

.menu-contents-wrap .icon img{
	transform: scale(.8);
}

.flow-wrap section dt span:after{
	width: 24px;
	height: 24px;
}

.single-contents-wrap h2.page{
	font-size: 3.8vw;
}

}

@media (max-width: 550px) {

.top-menu-area a:nth-of-type(2) h3{
	padding-bottom: 2.8em;
}
}



/*
==================
CSS調整用
==================
*/


@media (max-width: 800px) {


h4.line {
    font-size: 15px;
    letter-spacing: .3em;
    text-align: center;
    line-height: 2.3;
}

p.symp{
font-size: 12.5px;
	line-height: 2.2;
}

.flow-wrap section dt {
    width: 40%;
    padding-left: 5%;
    font-size: 15px;
    display: flex;
    align-items: center;
    line-height: 1.6;
}


.flow-wrap section dd{
    width: 60%;
	font-size: 12.5px;
	line-height: 1.8;
    padding-left: 5%;
}



}

/*
     FILE ARCHIVED ON 21:44:16 Jun 30, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:25:56 Jun 12, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.976
  load_resource: 110.407
  PetaboxLoader3.resolve: 72.765
  PetaboxLoader3.datanode: 37.022
*/