@charset "utf-8";

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

	/department/head_shape/

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


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

	共通

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

main figure {
	text-align: center;
}

main .red {
	color: rgba(255,0,0,1);
}

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

	診療内容・特色

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

main #feature h3::after {
		min-width: 1em;
}

main #feature .text .title {
	font-weight: bold;
	color: rgba(var(--main-color),1);
}


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

	適応となるお子さま

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

main #adapt > figure {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

main #adapt .type {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

main #adapt .type dl {
	width: 30%;
}

main #adapt .type dl dt {
	margin-bottom: .5em;
	padding: .4em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #FFF;
	background-color: rgba(var(--main-color),1);
}

main #adapt .type dl dd {
	margin: 1em 0;
	line-height: 1.6;
}

main #adapt .type dl dd ul {
	margin-top: 1em;
	margin-bottom: 0;
}

@media screen and (max-width: 767px){

main #adapt .type dl {
	width: 100%;
}

main #adapt .type dl dd img {
	display: block;
	width: 60%;
	margin: 0 auto;
}
	
}


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

	ヘルメット治療について

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

main #treatment .structure .detail {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

main #treatment .structure .detail dl {
	width: 22%;
	margin: 0;
}

main #treatment .structure .detail dl dt {
	margin-bottom: .5em;
	padding: .4em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #FFF;
	background-color: rgba(var(--main-color),1);
}

main #treatment .structure .detail dl dd {
	margin: 1em 0;
	line-height: 1.6;
}

main #treatment .flow_fee figure img {
	width: 80%;
}


@media screen and (max-width: 767px){

main #treatment .structure .detail dl {
	width: 100%;
}

main #treatment .structure .detail dl dd img {
	display: block;
	width: 60%;
	margin: 0 auto;
}

main #treatment .flow_fee figure img {
	width: 100%;
}	
	
}


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

	ヘルメット療法をご検討中の方へ

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

main #contact {
	margin: 2em auto 0;
	padding: 2.8em 3em 1.8em;
	border: .8em solid rgba(var(--main-color),.2);
}

main #contact dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0;
}

main #contact dl dt {
	width: 100%;
	margin-bottom: .3em;
	line-height: 1.5;
	font-weight: bold;
	color: rgba(var(--main-color),1);
}

main #contact dl .tel {
	margin-right: 2em;
}

main #contact dl .tel a {
	font-size: 2em;
	font-weight: bold;
}

@media screen and (max-width: 767px){

main #contact {
	padding: 6vw;
}
	
main #contact dl dd > span {
	display: block;
}
	
	
}