@charset "utf-8";
/*メイン画像エリア*/
#main_area{position:relative;height: 451px;margin-bottom: 20px;}
#main_area > div{
	position: absolute;
    left: 50%;
    width: calc(100vw - 70px);
    height: 451px;
    transform: translateX(-50%);
    border-radius: 30px;
}
#main_area div figure{
	border-radius: 30px;
	width: 100%;
	height: 100%;
	background-image: url("../images/guide/main.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#main_area p{
	white-space: nowrap;
	position: absolute;
	bottom:15%;
	left:5%;
	font-size: 2.5rem;
	letter-spacing: 0.3vw;
	font-weight: 500;
	color:#FFF;
}
/*パンくず*/
#pankuzu > ul{
	font-size:16px;
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#pankuzu li{
	color: #666666;
	letter-spacing: 1px;
	line-height: 120%;
}
#pankuzu li a{color: #04ade5;}
#pankuzu li:not(:last-child)::after{
	content: '>';
	width: 25px;
	height: 25px;
	padding: 0 20px;
}
/*精神科と心療内科について*/
.imgboxL{display:flex; justify-content: space-between;align-items: flex-start;}
.imgboxL img{max-width:420px; width:36%; height: auto; border-radius: 15px;}
.imgboxL div{padding:15px;width:calc(100% - 37%);}
.list {padding:15px;}
.list li{padding-left:1em;text-indent: -1em;padding:10px 0;}
.list li::before{content: "";display:inline-block; width:7px;height: 7px;background:#04ade5;border-radius: 50%;margin-right: 10px;}

/*主な対象疾患*/
.diseaselist li{
	width:48%;
	margin:0 1%;
	background:#fff;
	border-radius: 10px;
	border:1px solid #808080;
	padding:15px 10px;
}
.diseaselist > li:not(:nth-last-child(-n+2)) {margin-bottom: 30px;}
.diseaselist img{
	float: left;
	margin-right:20px;
}
.diseaselist li div{padding-bottom:10px; border-bottom:2px solid #04ade5;margin-bottom:10px;}
.diseaselist li div p::after{content:"";display: block; clear:both;}

/* 1250px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1250px){
	#main_area > div{
		left: 50%;
		width: 100%;
		transform: translateX(-50%);
		padding:0 2vw;
	}
	#main_area div figure{
		background-position:center;
	}
	#main_area p{
		font-size: 2.0rem;
	}
}
/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	body {min-width: 980px!important;}

}

/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	body {min-width: 718px!important;}
	#main_area,#main_area > div{height: 300px;}
	#main_area div figure{
		border-radius: 20px;
		background-image: url("../images/guide/main_tab.webp");
	}
	#main_area p{
		bottom:25%;
		left:5%;
		letter-spacing: 0.3vw;
		text-shadow: 2px 2px 5px #333;
	}
	/*精神科と心療内科について*/
	.imgboxL{flex-wrap:wrap;}
	.imgboxL img{max-width:420px; width:100%; margin:auto;border-radius: 10px;}
	.imgboxL div{padding:15px 0; width:100%;}
	/*主な対象疾患*/
	.diseaselist li{width:100%;}
	.diseaselist > li:not(:last-child) {margin-bottom: 20px;}
	.diseaselist li div{text-align:center;}
	.diseaselist img{
		display: block;
		float: none;
		margin:0 auto 10px;;
	}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
    body {min-width: inherit!important;width: 100%;}
	#main_area,#main_area > div{height: 300px;}
	#main_area p{
		bottom:15%;
		left:50%;
		transform: translateX(-50%);
		font-size: 1.25rem;
		font-weight: bold;
		letter-spacing:2px;
	}
	#main_area div figure{
		border-radius: 20px;
		background-image: url("../images/guide/main_sp.webp");
	}
	#pankuzu > ul{font-size:.875em;}
}