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

@media screen and (min-width:768px), print{
/*----------------------------------------------------------------------
PC Style
----------------------------------------------------------------------*/

/**********************************************************/
/* メインエリア */
/**********************************************************/


main h1 {
	background-image:url(../../disease/images/h1_bg.jpg);
}

main p.regular {
	font-weight:300;
	margin-bottom:70px;
	line-height:1.8;
}

ul.disease_list {
}

ul.disease_list li {
	clear:both;
}

ul.disease_list li dl {
	width:556px;
	float:right;
	margin-bottom:50px;
}

ul.disease_list li dl dt {
	/*font-family: source-han-serif-japanese, serif;*/
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-size:24px;
	font-weight:500;
	margin-bottom:10px;
}

ul.disease_list li dl dd {
	font-weight:300;
	line-height:2.0;
}

ul.disease_list li dl dd .yellow {
	font-weight:400;
}

ul.disease_list li img {
	width:517px;
	display:block;
	float:left;
	margin-bottom:50px;
}


#trouble_solution p.headline {
	font-size:24px;
	text-align:center;
	line-height:1.7;
	letter-spacing:2px;
	margin-bottom:30px;
}
#trouble_solution p.headline span {
	color:#a38a75;
}

#trouble_solution ul.list01 {
	margin-bottom:80px;
}

#trouble_solution ul.list01 li {
	width:265px;
	height:280px;
	position:relative;
	float:left;
	margin-right:13px;
	margin-bottom:13px;
}

#trouble_solution ul.list01 li img {
	width:265px;
	height:280px;
	object-fit:cover;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

#trouble_solution ul.list01 li .bg {
	width:235px;
	height:188px;
	background:rgba(255,255,255,0.9);
	position:absolute;
	top:46px;
	left:15px;
}
#trouble_solution ul.list01 li .bg p {
	font-size:18px;
	font-weight:500;
	letter-spacing:1px;
	display:block;
	padding:0 15px;
	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}

#trouble_solution ul.list01 li:nth-child(4n) {
	margin-right:0;
}

#trouble_solution ul.list01 li:nth-child(4n+1) {
	clear:both;
}

}



@media screen and (max-width:767px){
/*----------------------------------------------------------------------
SP Style
----------------------------------------------------------------------*/

/**********************************************************/
/* メインエリア */
/**********************************************************/

body main {
	font-size:15px;
}

main .box {
	width:100%;
}

main h1 {
	background-image:url(../../disease/images/h1_bg.jpg);
}

main p.regular {
	font-weight:300;
	margin-bottom:50px;
	line-height:1.6;
}

ul.disease_list {
}

ul.disease_list li {
	clear:both;
}

ul.disease_list li dl {
	width:100%;
	margin-bottom:15px;
}

ul.disease_list li dl dt {
	/*font-family: source-han-serif-japanese, serif;*/
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-size:26px;
	text-align:center;
	font-weight:500;
	margin-bottom:10px;
}

ul.disease_list li dl dd {
	font-weight:300;
	line-height:1.8;
}

ul.disease_list li dl dd .yellow {
	font-weight:400;
}

ul.disease_list li img {
	width:100%;
	display:block;
	margin-bottom:70px;
}


#trouble_solution p.headline {
	font-size:22px;
	text-align:center;
	line-height:1.7;
	letter-spacing:2px;
	margin-bottom:30px;
}
#trouble_solution p.headline span {
	color:#a38a75;
}

#trouble_solution ul.list01 {
	width:580px;
	margin:0 auto 60px;
}

#trouble_solution ul.list01 li {
	width:280px;
	height:300px;
	position:relative;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#trouble_solution ul.list01 li img {
	width:280px;
	height:300px;
	object-fit:cover;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

#trouble_solution ul.list01 li .bg {
	width:245px;
	height:188px;
	background:rgba(255,255,255,0.9);
	position:absolute;
	top:46px;
	left:15px;
}
#trouble_solution ul.list01 li .bg p {
	font-size:20px;
	font-weight:500;
	letter-spacing:1px;
	display:block;
	padding:0 15px;
	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}

#trouble_solution ul.list01 li:nth-child(2n) {
	margin-right:0;
}

#trouble_solution ul.list01 li:nth-child(2n+1) {
	clear:both;
}

body .consultation{
        margin: 160px auto 0;
}







}