@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.mainVisual {
	background: url(../image/doctor/main_img.jpg) no-repeat center top;
	background-size: cover;
}

.mainVisual h2 {
	width: 1006px;
}

#sideBar{
	display: none;
}
#conts {
	margin-top: 1px;
	width: 1000px;
	float: right;
}

.mainVisual h2 img{
	 width:630px; 
	 height:46px; 
}

@media (max-aspect-ratio: 1/1) {
	.mainVisual {
		background: url(../image/doctor/main_img.jpg) no-repeat center top;
		background-size: cover;
		height: 150px;
	}
	.mainVisual h2 img{
		margin-top: 50px;
		width:945px; 
		height:69px; 
	}
}

/**************
　背景 
***************/
#background_img{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;

	background-image: url("../image/doctor/background_line.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	z-index: -1;
}

@media (max-aspect-ratio: 1/1) {
	#background_img{
		width: 1200px;
	}
}

/**************
　共通
***************/
.contents-box{
	width: 1000px;
	margin: 30px auto 30px;
	color: #111;
}
.inner-box{
	margin-bottom: 50px;
}
.white_back{
	width: 950px;
	background-color: rgba(255,255,255,0.9);
	padding: 30px;
	border-radius: 20px;
	margin-bottom: 30px;
	box-shadow:
	0 8px 30px rgba(20,20,60,0.08);
}
@media (max-aspect-ratio: 1/1) {
	.white_back{
		width: 900px;
		padding: 50px;
	}
}

.contents-box h1{
	float: none;
	margin: 0;
	text-align: center;
	font-weight: 500;
	line-height: 1.25;
	font-size: 35px;
	letter-spacing:6px;
}
@media (max-aspect-ratio: 1/1) {
	.contents-box h1{
		margin-top: 100px;
	}
}
.contents-box h1:nth-child(2){
	margin-top: 8px;
	margin-bottom: 50px;
	font-family:serif;
}

@media (max-aspect-ratio: 1/1) {
	.contents-box h1{
		font-size: 60px;
	}
}


.contents-box .inner-box h2{
	margin: 8px 0 6px;
	font-size: 30px;
	font-weight: 700;
	color: rgb(40, 40, 120);
	font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}

@media (max-aspect-ratio: 1/1) {
	.contents-box .inner-box h2{
		font-size: 50px;
		background-color: rgba(255,255,255,0.5);
	}
}

.contents-box .inner-box h3{
	font-size: 25px;
	font-weight: 700;
	color: rgb(40, 40, 120);
	font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media (max-aspect-ratio: 1/1) {
	.contents-box .inner-box h3{
		font-size: 50px;
	}
}

.contents-box hr{
	margin: 0 0 28px;
	border: none;
	border-top: 4px solid rgb(40, 40, 120);
}

.contents-box p{
	font-weight:normal;
	margin: 0;
	font-size: 20px;
	line-height: 2.05;
	letter-spacing: 0.08em;
	text-indent: 1em;
	color: #111;
	font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}

@media (max-aspect-ratio: 1/1) {
	.contents-box .inner-box p{
		font-size: 40px;
	}
}

.text-box{
	width:480px;
	float: left;
}
.text-box-right{
	margin-left:450px;
	width:430px;
	float: left;
}
@media (max-aspect-ratio: 1/1) {
	.text-box{
		width:900px;
		float:none;
		margin-bottom: 20px;
	}
	.text-box-right{
		margin-left:0px;
		width:900px;
		float: none;
		margin-bottom: 20px;
	}
}


.image_box{
	position: relative;
	border-radius: 5px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* span */
.blue_bold{
	font-weight:bold;
	color: rgb(40, 40, 120);
}

.green{
	color: rgb(110,170,60);
}
.bold{
	font-weight:bold;
}


/********************
　Introduction
*********************/


.intro_img{
	width: 400px;
	height: 250px;
}
@media (max-aspect-ratio: 1/1) {
	.intro_img{
		left: 50px;
		width: 800px;
		height: 400px;
	}
}
#intro01{
	margin-left: 550px;
	background-image: url("../image/doctor/intro01.jpg");
}
#intro02{
	background-image: url("../image/doctor/intro02.jpg");
}
#intro03{
	margin-left: 550px;
	background-image: url("../image/doctor/intro03.jpg");
}
#intro04{
	background-image: url("../image/doctor/intro04.jpg");
}
#intro05{
	margin-left: 550px;
	background-image: url("../image/doctor/intro05.jpg");
}
@media (max-aspect-ratio: 1/1) {
	#intro01, #intro03, #intro05{
		margin-left: 0px;
	}
}



#shimizu_dr{
	width: 300px;
	height: 400px;
	margin-left: 350px;
	background-image: url("../image/doctor_other/shimizu_dr.jpg");
}
#ichise_dr{
	width: 300px;
	height: 400px;
	margin-left: 350px;
	background-image: url("../image/doctor_other/ichise_k.jpg");
}


#shimizu_1{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/shimizu_1.jpg");
}

#ichise_1{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/ichise_1.png");
}

#yui_1{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/yui_1.png");
}

#tatekawa_2{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/tatekawa_2.png");
}

#tatekawa_3{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/tatekawa_3.png");
}


#tatekawa_1{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/tatekawa_1.png");
}

#tatekawa_2{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/tatekawa_2.png");
}

#tatekawa_3{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/tatekawa_3.png");
}

#tatekawa_4{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/tatekawa_4.png");
}

#tatekawa_5{
	width: 800px;
	height: 550px;
	margin-left: 100px;
	background-image: url("../image/doctor_other/tatekawa_5.png");
}



@media (max-aspect-ratio: 1/1) {
	#shimizu_1, #ichise_1, #yui_1, #tatekawa_1, #tatekawa_2, #tatekawa_3, #tatekawa_4, #tatekawa_5{
		margin-left: 50px;
		margin-bottom: 100px;
	}
	#shimizu_dr, #ichise_dr{
		width: 400px;
		height: 500px;
		margin-left: 250px;
	}
}



/*　ボタン　*/
a.btn_blue {
    display: block;
    max-width: 350px;
    margin: 0 auto;
    padding: 1.5rem 3.0rem;
    background-color: #1755aa;
    border-radius: 8px;
  box-sizing: border-box;
    text-decoration: none;
    transition: 0.3s;
}
a.btn_blue span.bl__text {
    display: block;
    position: relative;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-left: 30px;
}
@media (max-aspect-ratio: 1/1) {
	a.btn_blue {
		max-width: 700px;
	}
	a.btn_blue span.bl__text {
		font-size: 38px;
	}
}
a.btn_blue span.bl__text:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
a.btn_blue span.bl__text:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #1755aa;
    border-right: 3px solid #1755aa;
  box-sizing: border-box;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
a.btn_blue:hover {
    background-color: #01b5d0;
}
a.btn_blue:hover span.bl__text:after {
    border-top: 3px solid #01b5d0;
    border-right: 3px solid #01b5d0;
}
@media (max-width: 736px) {
    a.btn_blue {
        max-width: 280px;
        padding: 1.5rem 2.0rem;
    }
    a.btn_blue span.bl__text {
        font-size: 14px;
    }
}