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


/*------------------------------------
*SP
------------------------------------*/

/*---------------------
*main
---------------------*/
main{
	
}

main > section{
	margin-bottom: 60px;
}

body{
	background-color: #fff;
}

h3{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

.campaign{
	position: relative;
	background-color: rgb(255, 237, 222);
	padding: 0px 16px 40px 20px;
	border-radius: 48% 48% 0% 0% / 18% 18% 0% 0%;
	margin-top: -14%;
}

.campaign_bottom{
    background-color: #fff;
    height: 20px;
    border-radius: 48% 48% 0% 0% / 100% 100% 0% 0%;
    margin-top: -17px;
    position: relative;
}



/*↓SP ご利用の流れ表*/
.nagare_kakomi{
	padding: 1em 0em 0em 1em;
    margin: 1.5em 0;
    background: #FFF;
    border: solid 3px rgba(247, 147, 0, 0.2);/*線*/
    border-radius: 10px;/*角の丸み*/
}

.nagare_box{
	display: flex;
}

.nagare_Illust1{
	 margin-top: -20px;
}

.nagare_Illust2{
	 margin-top: 0px;
}

.nagare_Illust3{
	 margin-top: -20px;
}

.nagare_Illust4{
	 margin-top: -34px;
	 margin-bottom: 10px;
}

.nagare_text_basic{
	margin-bottom: 20px;
}

/*↑SP ご利用の流れ表*/

.koe_text_style01{
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 18px;
}

.koe_text_style02{
	font-weight: bold;
	text-align: center;
	margin-bottom: 6px;
}

.doctor-img_bottom{
	margin-bottom: 20px;
}

.text_bold{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 4px;
}

.koe_magin-bottom{
	margin-bottom: 30px;
	
}

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


/*---------------------
*main
---------------------*/
	h3{
		font-weight: bold;
		font-size: 1.5em;
	}
	
	.top_text_basic_mb{
		margin-bottom: 20px;
	}
	
	.campaign_img{
		max-width: 600px;
		margin: 0 auto;
		}
	
	.campaign{
		background-color: rgb(255, 237, 222);
		padding: 30px 16px 80px 20px;
		border-radius: 48% 48% 0% 0% / 18% 18% 0% 0%;
		margin-top: -110px;
		position: relative;
	}
	.campaign_bottom{
		background-color: #fff;
		height: 56px;
		border-radius: 48% 48% 0% 0% / 100% 100% 0% 0%;
		margin-top: -56px;
		position: relative;
	}
	
	/*↓PC ご利用の流れ表*/
	.nagare_kakomi{
		padding: 2em 0em 0em 2em;
		margin: 1.5em 0;
		background: #FFF;
		border: solid 4px rgba(247, 147, 0, 0.5);/*線*/
		background-color: rgba(247, 147, 0, 0.2);
		border-radius: 20px;/*角の丸み*/
	}
	.nagare_box{
		justify-content: space-between;
	}
	.nagare_Illust1{
		width: 120px;
		margin-top: -60px;
		margin-right: 20px
	}
	.nagare_Illust2{
		width: 130px;
		margin-top: -46px;
		margin-right: 20px
	}
	.nagare_Illust3{
		width: 120px;
		margin-top: -60px;
		margin-right: 20px
	}
	.nagare_Illust4{
		width: 140px;
		margin-top: -60px;
		margin-bottom: 10px;
		margin-right: 20px
	}
	
	.nagare_text_basic{
		margin-bottom: 20px;
		font-size: 2.2rem;
		line-height: 2em;
}
	/*↑PC ご利用の流れ表*/
	

	.koe_text_style01{
		font-size: 1.6em;
	}
	.koe_text_style02{
		font-size: 1.1em;
		margin-bottom: 6px;
	}
	
	.container{
		display: flex;
	}
	.container_inner{
		display: flex;
		justify-content: space-between;
		width: 500px;
	}
	.container_inner:first-child{
		margin-right: 150px;
	}
	
	
	section.doctor{
		display: flex;
		flex-direction: column;
	}
	.doctor > .category_title{
		order: 2;
	}
	.doctor > .doctor_photo{
		order: 1;
		max-width: 800px;
		margin: 0 auto 40px;
	}
	.doctor > h3{
		order: 3;
	}
	.doctor > .text_basic{
		order: 4;
	}
	.doctor > a{
		order: 5;
	}
	
	
	.link_btn{
		width: 600px;
		margin-left: auto;
		transition: 0.5s;
		display: block;
		opacity: 1;
		transform: scale(1,1);
		}
	.link_btn:hover{
		transition: 0.2s;
		opacity: 0.7;
		transform: scale(1.08,1.08);
		}
	
}