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


/*************************************

   Medical 医療機関連携

**************************************/

#page_medical{
	padding-top: 65px;
}
@media (min-width:1000px){
	#page_medical{
		padding-top: 75px;
	}
}
#medical_header .flex{
	align-items: center;
}
#medical_header h2,
#medical_header figure{
	width: 100%;
	text-align: center
}

#medical_header figure{
	height: 100%;
	overflow: hidden;
}

@media (max-width:767px){
	#medical_header h2{
		padding: 4em 0 2em;;
	}
	#medical_header h2 img{
		width: 300px;
	}
	#medical_header figure{
		border-radius: 1em;
	}
}
@media (min-width:768px){
	#medical_header{
		height: 90vh;
	}
	#medical_header h2{
		width: 40%
	}
	#medical_header figure{
		width: 60%;
		border-bottom-left-radius: 20%;
	}
}
@media (min-width:1200px){
	#medical_header h2{
		width: 45%
	}
	#medical_header figure{
		width: 55%
	}
}


/*-------------------------

  イントロ

-------------------------*/

#medical_intro{
	margin: 3em auto 8em;
}
#medical_intro h3{
	color: var(--trblue);
	margin-bottom: 1em;
	font-size: 2.5em;
	line-height: 1.4;
}
@media (max-width:767px){
	#medical_intro h3{
		text-align: left;
	}
	#medical_intro h3 span:not(.sp-size){
		display: none
	}
	#medical_intro p{
		text-align: left;
		font-weight: 500;
	}
}


@media (min-width:1200px){
	#medical_intro{
		margin: 6em auto 10em;
	}
	#medical_intro h3{
		font-size: 4em
	}
}

#medical_intro .btn_wrap{
	margin: 5em auto;
}
#medical_intro .btn_wrap a{
	max-width: 500px;
	background: var(--trblue);
	border-radius: 5px;
	padding: 1.5em 1em;
}
#medical_intro .btn_wrap a i{
	margin-left: 1em;
}

#medical_intro .btn_wrap a:before{
	background: #02d2e5;
	border-radius: 5px
}

/*-------------------------

  コンテンツ

-------------------------*/

.medical_about{
	margin-bottom: 200px;
}

.medical_about_title{
	align-items: center;
	margin-bottom: 3em;
}
.medical_about_title h3,
.medical_about_title figure{
	width: 100%;
	margin-bottom: 1em;
}
.medical_about_title h3{
	text-align: center;
}
.medical_about_title h3 img{
	width: 100%;
	max-width: 200px;
}
.medical_about_title figure{
	overflow: hidden;
}
.medical_about .read_text{
	font-weight: 500;
}
@media (max-width:999px){
	.medical_about_title figure{
		border-radius: 1em;
		height: 300px;
	}
	.medical_about .read_text{
		font-size: 1.1em;
	}
}

@media (min-width:1000px){
	.medical_about{
		margin-bottom: 300px;
	}
	.medical_about_title h3{
		width: 30%;
		text-align: center;
	}
	.medical_about_title figure{
		width: 70%;
		border-top-left-radius: 3em;
		border-bottom-left-radius: 3em;
	}
	.medical_about .read_text{
		font-size: 1.1em;
	}
}
@media (min-width:1400px){
	.medical_about_title h3 img{
		max-width: 280px;
	}
}

.hanasaka_sub{
	margin: 3em auto;
	border-top: solid 2px #ccc;
	padding: 2em 0;
}
.hanasaka_sub h4{
	color: var(--trblue);
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 1.1em;
}

.support-slide{
	margin: 5em auto;
	overflow: hidden
}

.medical_about .table_wrap h3{
	color: var(--trblue);
}
@media (max-width:767px){
	.medical_about .table_wrap dt{
		color: var(--trblue)
	}
}

@media (min-width:768px){
	.medical_about .table_wrap dt{
		width: 20%
	}
	.medical_about .table_wrap dd{
		width: 80%
	}
}
@media (min-width:1000px){
	#medical_mural .medical_about_title{
		flex-direction: row-reverse;
	}
	#medical_mural .medical_about_title figure{
		border-top-left-radius: 0;
		border-top-right-radius: 3em;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 3em;
	}
}




#crp{
	margin-top: 5em;
}
.crp_title{
	text-align: center;
	margin-bottom: 3em;
}

.crp_title span{
	color: #fff;
    -webkit-text-stroke: 1px var(--orange);
    text-stroke: 1px var(--orange);
    font-size: 2.5em;
    line-height: 1.4;
    margin-bottom: .5em;
    display: block;
}
.crp_title h4{
	font-weight: bold;
	font-size: 1.1em;
}

@media (min-width:768px){
	.crp_title span{
		font-size: 3em;
	}
}