@charset "utf-8";

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


/*　メイン画像 */
.main_pict01{width: 100%; height: 260px; background-image: url("img/main_profile.jpg");position: relative;
background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;top: 65px;}
.main_pict02{width: 100%; height: 260px; background-image: url("img/main_clinic.jpg");position: relative;
background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;top: 65px;}
.main_pict03{width: 100%; height: 260px; background-image: url("img/main_access.jpg");position: relative;
background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;top: 65px;}
.main_pict04{width: 100%; height: 260px; background-image: url("img/main_flow.jpg");position: relative;
background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;top: 65px;}



.block{width: 100%; margin: 30px 0;}
.block_contain{margin: 30px 0; display: flex;flex-direction: column;padding: 3%;}
.block_contain_re{margin: 30px 0; display: flex;flex-direction: column;padding: 3%;}
.block_text{width: 100%;font-size: 1.2em;line-height: 2em;}
.block_text p{margin: 20px 0;}
.block_photo{width: 80%; margin: 0 auto;}
.block_photo img{width: 100%;}
.block_button{width: 80%; margin: 0px auto 60px;}

.sign{text-align: right; font-size: 1.6em;font-weight: bold;font-family: serif;
margin-top: 20px;}

.simple_table{width: 90%; margin: 40px auto;}
.simple_table table{width: 100%;border-collapse: collapse;
}
.simple_table tr{border-bottom: 1px dotted #aaa;}
.sinple_table th,td{padding: 2%;}
.sinple_table th{text-align: left;font-weight: normal;}

.practicetime {width: 100%; font-size: 1.2em;}
.practicetime table{border-collapse: collapse;
border: 1px solid #666;width: 100%;margin: 10px 0 20px;}
.practicetime td,th{border: 1px solid #666; padding: 10px;
	text-align: center;}
.practicetime i{color: #56B7ED;} 

.shitsumon {margin: 40px auto;text-align: center;font-size:1.2em;padding-top:20px;}
.shitsumon p {margin-top: 20px; font-weight: bold;font-size: 2em;font-family: serif;
color: #039C41;}
.shitsumon p a{color: #039C41;}
.shitsumon p a:hover{color: #039C41;border-bottom: thin solid #039C41;}
.bgcr {background-color:#f0fafc;}


.accessmap {width: 100%; height: 300px;}
.accessmap iframe{width: 100%;}
.accesslead p{margin: 20px 0;}

.block_1{width: 80%; margin: 20px auto;}
.block_2{width: 80%; margin: 20px auto;}
.clinic_block{width: 100%;margin: 20px 2%;}
.clinic_photo{width: 100%;}
.clinic_photo img{width: 100%;}
.clinic_text {margin: 20px auto;}
.clinic_text p{padding: 20px;}
}

@media screen and (max-width: 374px) {
.practicetime td,th{padding: 10px 5px;
}
}

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

/*　メイン画像 */
.main_pict01{width: 100%; height: 460px; background-image: url("img/main_profile.jpg");position: relative;
background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.main_pict02{width: 100%; height: 460px; background-image: url("img/main_clinic.jpg");position: relative;
background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.main_pict03{width: 100%; height: 460px; background-image: url("img/main_access.jpg");position: relative;
background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.main_pict04{width: 100%; height: 460px; background-image: url("img/main_flow.jpg");position: relative;
background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}

.block{width: 100%; margin: 80px 0;}
.block_contain{margin: 30px 0; display: flex;justify-content: space-between;padding: 3%;}
.block_contain_re{margin: 30px 0; display: flex;justify-content: space-between;padding: 3%;flex-direction: row-reverse;}
.block_text{width: 50%;font-size: 1.2em;line-height: 2em;}
.block_text p{margin: 20px 0;}
.block_photo{width: 40%; }
.block_photo img{width: 100%;}
.block_button{width: 60%; margin: 0px auto 60px;}

.sign{text-align: right; font-size: 1.6em;font-weight: bold;font-family: serif;
margin-top: 20px;}

.simple_table{width: 90%; margin: 40px auto;}
.simple_table table{width: 100%;border-collapse: collapse;
}
.simple_table tr{border-bottom: 1px dotted #aaa;}
.sinple_table th,td{padding: 2%;}
.sinple_table th{text-align: left;font-weight: normal;}

.practicetime {width: 100%; font-size: 1.2em;}
.practicetime table{border-collapse: collapse;
border: 1px solid #666;width: 100%;margin: 10px 0 20px;}
.practicetime td,th{border: 1px solid #666; padding: 10px;
	text-align: center;}
.practicetime i{color: #56B7ED;} 
.bgcr {background-color:#f0fafc;}

.shitsumon {margin: 50px 0 0 0;text-align: center;padding:20px;}
.shitsumon p {margin-top: 20px; font-weight: bold;font-size: 2.6em;font-family: serif;
color: #039C41;}
.shitsumon p a{color: #039C41;}
.shitsumon p a:hover{color: #039C41;border-bottom: thin solid #039C41;}


.accessmap {width: 50%; height: 300px;}
.accessmap iframe{width: 100%;}
.accesslead p{margin: 20px 0;}

.block_2{display: flex;}
.block_2{display: flex;justify-content: center;}
.clinic_block{width: 30%;margin: 20px 2%;}
.clinic_photo{width: 100%;}
.clinic_photo img{width: 100%;}
.clinic_text {margin: 20px auto;}
.clinic_text p{padding: 20px;}
}