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

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

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


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

main p.headline {
	margin-bottom:60px;
	line-height:2.0;
}
main p.headline a {
	color:#A3D0A3;
	text-decoration:underline;
}
main p.headline a:hover {
	text-decoration:none;
}

ul.treatment {
	margin-bottom:80px;
}

ul.treatment li {
	width:100%;
	height:550px;
	margin-bottom:10px;
	position:relative;
	background-image:;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

ul.treatment li:nth-child(1) {
	background-image:url(../../subjects/images/treatment_bg01.jpg);
}
ul.treatment li:nth-child(2) {
	background-image:url(../../subjects/images/treatment_bg02.jpg);
}
ul.treatment li:nth-child(3) {
	background-image:url(../../subjects/images/treatment_bg03.jpg);
}
ul.treatment li:nth-child(4) {
	background-image:url(../../subjects/images/treatment_bg04.jpg);
}
ul.treatment li:nth-child(5) {
	background-image:url(../../subjects/images/treatment_bg05.jpg);
}
ul.treatment li:nth-child(6) {
	background-image:url(../../subjects/images/treatment_bg06.jpg);
}

ul.treatment li .txtarea {
	width:400px;
	height:550px;
	color:#FFF;
	background:rgba(82,36,127,0.8);
	padding:80px 20px 0;
	
}

ul.treatment li:nth-child(odd) .txtarea {
	position:absolute;
	top:0;
	right:10%;
}
ul.treatment li:nth-child(even) .txtarea {
	position:absolute;
	top:0;
	left:10%;
}
	
ul.treatment li h3 {
	/*font-family: source-han-serif-japanese, serif;*/
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-size:32px;
	margin-bottom:40px;
	font-weight:300;
}

ul.treatment li p {
	letter-spacing:1px;
	line-height:1.8;
	margin-bottom:40px;
	font-weight:300;
}

ul.treatment li a {
	float:right;
	background:#FFF;
	color:#A3D0A3;
	border:solid 1px #A3D0A3;
	display:inline-block;
	padding:5px 20px;
}
ul.treatment li a:hover {
	color:#FFF;
	background:#A3D0A3;
	border:solid 1px #FFF;
	transition:0.3s;
	opacity:1.0;
}

/*-----subject/index_2のスタイル-----	*/
ul.treatment_02 {
	margin-bottom:80px;
}

ul.treatment_02 li {
	width:100%;
	height:550px;
	margin-bottom:10px;
	position:relative;
	background-image:;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

ul.treatment_02 li:nth-child(1) {
	background-image:url(../../subjects/images/treatment_bg04.jpg);
}
ul.treatment_02 li:nth-child(2) {
	background-image:url(../../subjects/images/treatment_bg07.jpg);
}
ul.treatment_02 li:nth-child(3) {
	background-image:url(../../subjects/images/treatment_bg03.jpg);
}
ul.treatment_02 li:nth-child(4) {
	background-image:url(../../subjects/images/treatment_bg04.jpg);
}
ul.treatment_02 li:nth-child(5) {
	background-image:url(../../subjects/images/treatment_bg05.jpg);
}
ul.treatment_02 li:nth-child(6) {
	background-image:url(../../subjects/images/treatment_bg06.jpg);
}

ul.treatment_02 li .txtarea {
	width:400px;
	height:550px;
	color:#FFF;
	background:rgba(163,208,163,0.8);
	padding:80px 20px 0;
	
}

ul.treatment_02 li:nth-child(odd) .txtarea {
	position:absolute;
	top:0;
	right:10%;
}
ul.treatment_02 li:nth-child(even) .txtarea {
	position:absolute;
	top:0;
	left:10%;
}
	
ul.treatment_02 li h3 {
	/*font-family: source-han-serif-japanese, serif;*/
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-size:32px;
	margin-bottom:40px;
	font-weight:300;
}

ul.treatment_02 li p {
	letter-spacing:1px;
	line-height:1.8;
	margin-bottom:40px;
	font-weight:300;
}

ul.treatment_02 li a {
	float:right;
	background:#FFF;
	color:#A3D0A3;
	border:solid 1px #bdad9e;
	display:inline-block;
	padding:5px 20px;
}
ul.treatment_02 li a:hover {
	color:#FFF;
	background:#A3D0A3;
	border:solid 1px #FFF;
	transition:0.3s;
	opacity:1.0;
}
	
/*	------ここまで------　*/
	
	
	
	
main .fee {
	width:100%;
	margin:0 auto;
}

main .fee h3 {
	font-size:22px;
	text-align:center;
	margin-bottom:30px;
	margin-top:30px;
}

main .fee dl {
	width:680px;
	margin:0 auto 50px;
	border-bottom: dotted 1px #DDD;
}

main .fee dl dt {
	width:380px;
	float:left;
	clear:both;
	border-top: dotted 1px #DDD;
	padding:10px 0 10px 100px;
}

main .fee dl dd {
	width:300px;
	float:left;
	border-top: dotted 1px #DDD;
	padding:10px 100px 10px 30px;
}

main .fee h2 {
	margin-top:70px;
}

main .fee p {
	margin-bottom:10px;
}
main .fee p.large {
	font-size:18px;
	font-weight:500;
}

main .fee p a {
	color:#A3D0A3;
	text-decoration:underline;
}
main .fee p a:hover {
	text-decoration:none;
}


}



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

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

body main {
	font-size:15px;
}

main .box {
	width:100%;
}

    @media (max-width: 640px){
main .box {
	width:95%;
    margin:0 auto;
    }

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

main p.headline {
	width:90%;
	margin:0 auto 40px;
	line-height:1.8;
}
main p.headline a {
	color:#A3D0A3;
	text-decoration:underline;
}

ul.treatment {
	margin-bottom:60px;
}

ul.treatment li {
	width:100%;
	height:500px;
	margin-bottom:10px;
	position:relative;
	background-image:;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

ul.treatment li:nth-child(1) {
	background-image:url(../../subjects/images/treatment_bg01.jpg);
}
ul.treatment li:nth-child(2) {
	background-image:url(../../subjects/images/treatment_bg02.jpg);
}
ul.treatment li:nth-child(3) {
	background-image:url(../../subjects/images/treatment_bg03.jpg);
}
ul.treatment li:nth-child(4) {
	background-image:url(../../subjects/images/treatment_bg04.jpg);
}
ul.treatment li:nth-child(5) {
	background-image:url(../../subjects/images/treatment_bg05.jpg);
}
ul.treatment li:nth-child(6) {
	background-image:url(../../subjects/images/treatment_bg06.jpg);
}

ul.treatment li .txtarea {
	width:400px;
	height:500px;
	color:#FFF;
	background:rgba(163,208,163,0.8);
	padding:40px 20px 0;
	font-size:16px;
	
}

ul.treatment li:nth-child(odd) .txtarea {
	position:absolute;
	top:0;
	right:0%;
}
ul.treatment li:nth-child(even) .txtarea {
	position:absolute;
	top:0;
	left:0%;
}
	
ul.treatment li h3 {
	/*font-family: source-han-serif-japanese, serif;*/
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-size:32px;
	margin-bottom:20px;
	font-weight:300;
}

ul.treatment li p {
	letter-spacing:1px;
	line-height:1.8;
	margin-bottom:20px;
	font-weight:300;
	font-size:20px;
}

ul.treatment li a {
	float:right;
	background:#FFF;
	color:#A3D0A3;
	border:solid 1px #A3D0A3;
	display:inline-block;
	padding:5px 20px;
	font-size:20px;
}
}
	
/*		-----ここからsubject/index_2のスタイル（SP)-----*/
@media screen and (max-width:767px){

ul.treatment {
	margin-bottom:60px;
}

ul.treatment_02 li {
	width:100%;
	height:500px;
	margin-bottom:10px;
	position:relative;
	background-image:;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

ul.treatment_02 li:nth-child(1) {
	background-image:url(../../subjects/images/treatment_bg04.jpg);
}
ul.treatment_02 li:nth-child(2) {
	background-image:url(../../subjects/images/treatment_bg07.jpg);
}
ul.treatment_02 li:nth-child(3) {
	background-image:url(../../subjects/images/treatment_bg03.jpg);
}
ul.treatment_02 li:nth-child(4) {
	background-image:url(../../subjects/images/treatment_bg04.jpg);
}
ul.treatment_02 li:nth-child(5) {
	background-image:url(../../subjects/images/treatment_bg05.jpg);
}
ul.treatment_02 li:nth-child(6) {
	background-image:url(../../subjects/images/treatment_bg06.jpg);
}

ul.treatment_02 li .txtarea {
	width:400px;
	height:500px;
	color:#FFF;
	background:rgba(163,208,163,0.8);
	padding:40px 20px 0;
	font-size:16px;
	
}

ul.treatment_02 li:nth-child(odd) .txtarea {
	position:absolute;
	top:0;
	right:0%;
}
ul.treatment_02 li:nth-child(even) .txtarea {
	position:absolute;
	top:0;
	left:0%;
}
	
ul.treatment_02 li h3 {
	/*font-family: source-han-serif-japanese, serif;*/
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-size:32px;
	margin-bottom:20px;
	font-weight:300;
}

ul.treatment_02 li p {
	letter-spacing:1px;
	line-height:1.8;
	margin-bottom:20px;
	font-weight:300;
	font-size:20px;
}

ul.treatment_02 li a {
	float:right;
	background:#FFF;
	color:#A3D0A3;
	border:solid 1px #A3D0A3;
	display:inline-block;
	padding:5px 20px;
	font-size:20px;
}
	
/*	------ここまで------*/
	
    
 .subject_wrap {
	max-width: 94%;
	margin: 0 30px ;
}   	
	
main .sp_inner {
	width:94%;
	margin:0 auto;
}

main .fee h3 {
	font-size:22px;
	text-align:center;
	margin-bottom:20px;
	margin-top:30px;
}

main .fee dl {
	width:90%;
	margin:0 auto 20px;
	border-bottom: dotted 1px #DDD;
}

main .fee dl dt {
	font-weight:500;
	border-top: dotted 1px #DDD;
	padding:5px 10px;
}

main .fee dl dd {
	padding:0 10px 5px;
}

main .fee h2 {
	margin-top:30px;
}

main .fee p {
	margin-bottom:10px;
}
main .fee p.large {
	font-size:16px;
	font-weight:500;
}

main .fee a {
	color:#A3D0A3;
	text-decoration:underline;
}


}