@charset "UTF-8";


/* dr_index
---------------------------------------------------------*/
.dr_index{
	position: relative;
}
.dr_index .img{
	margin-left: 0;
	margin-right: auto;
	width: 75%;
}
.dr_index .txt{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: #fff;
	width: 45%;
	height: 80%;
	padding: 0 4%;
	box-sizing: border-box;
	display: flex;
    justify-content: space-between;
    align-items: center;
	text-align: center;
}
.dr_index .txt::before{
	position: absolute;
	display: block;
	content: "";
	background: url(../images/shadow1@2x.png) no-repeat top left;
	background-size: 100% auto;
	width: 100%;
	height: 100px;
	top:100%;
	left: 0;
}
.dr_index .txt .txt_inbox{
	text-align: left;
	margin: 0 auto;
	font-size: min(100%,1.5vw);
}
.dr_index .txt .txt_inbox .name{
	font-size:160%;
	letter-spacing: 0.15em;
	line-height: 1.5em;
}
.dr_index .txt .txt_inbox .name p{
	margin: .8em 0 .5em;
	line-height: 1.5em;
}
.dr_index .txt .txt_inbox .name span{
	font-size: 160%;
	letter-spacing: 0.2em;
}
.dr_index .txt .txt_inbox .yomi{
	font-size:125%;
	alignment-baseline: 1em;
	letter-spacing: 0.2em;
	color: #999999;
}
.dr_index .txt .txt_inbox .sns{
	margin-top: 1.5em;
}
.dr_index .txt .txt_inbox .sns li{
	width: 2.7em;
	display: inline-block;
	margin-right: 1.5em;
}
.dr_index .txt .txt_inbox .sns li:last-child{
	margin-right: 0;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.dr_index .txt .txt_inbox .name p{
	margin: .5em 0 .2em;
}
.dr_index .txt .txt_inbox .sns{
	margin-top: 1.5em;
}
.dr_index .txt .txt_inbox .sns li{
	width: 2.5em;
	margin-right: 1em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.dr_index .img{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.dr_index .img img{
	width: 120%!important;
	height: auto!important;
}
.dr_index .txt{
	position: static;
	transform: translateY(0);
	width: 90%;
	height: auto;
	padding: 5% 5%;
	display: block;
	margin: -5% auto 0;
}
.dr_index .txt .txt_inbox{
	text-align: center;
	font-size: 2.5vw;
}
.dr_index .txt .txt_inbox .name{
	line-height: 1.8em;
}
.dr_index .txt .txt_inbox .name p{
	margin: .5em 0 .25em;
}
.dr_index .txt .txt_inbox .sns{
	margin-top: 1.3em;
}
.dr_index .txt .txt_inbox .sns li{
	width: 2.5em;
	margin-right: 1em;
}
}






/* dr_about
---------------------------------------------------------*/
.dr_about{
	flex-wrap: wrap;
	margin-bottom: -80px;
}
.dr_about .dr_about_inbox{
	width: 100%;
	margin-bottom: 80px;
}
.dr_about .dr_about_inbox.half{
	width: 47.5%;
}
.dr_about .dr_about_index{
	background: #e5e2d8;
	font-size: min(165%,2.6vw);
	letter-spacing: 0.15em;
	line-height: 1.5em;
	padding: .35em 1.1em .4em;
	box-sizing: border-box;
	margin-bottom: 1em;
}

.dr_about .dr_about_inbox > dl{
	margin-bottom: 2.5em;
}
.dr_about .dr_about_inbox > dl:last-child{
	margin-bottom: 0;
}
.dr_about .dr_about_inbox > dl > dt{
	font-size:125%;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-bottom: .5em;
}

.dr_about ul{
	font-size:90%;
	letter-spacing: 0.1em;
	line-height: 1.7em;
}
.dr_about ul li{
	position: relative;
	padding-left: 1em;
	box-sizing: border-box;
}
.dr_about ul li::before{
	position: absolute;
	display: block;
	content: "";
	background: #d5bd8f;
	background-size: 100% auto;
	width: .3em;
	height: .3em;
	top: .7em;
	left: 0;
	border-radius: 50%;
}
.dr_about ul li dl{
	display: flex;
    justify-content: space-between;
}
.dr_about ul li dl dt{
}
.dr_about ul li dl dd{
	width: calc(100% - 6.5em);
}
.dr_about ul.type_mouth li dl dt{
	width: 7.5em;
}
.dr_about ul.type_mouth li dl dd{
	width: calc(100% - 8.5em);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.dr_about{
	margin-bottom: -8%;
}
.dr_about .dr_about_inbox{
	margin-bottom: 8%;
}
.dr_about .dr_about_inbox.half{
	width: 48%;
}
.dr_about .dr_about_index{
	letter-spacing: 0.1em;
	margin-bottom: .8em;
}
.dr_about ul{
	letter-spacing: 0.05em;
}
.dr_about ul li dl dt{
	width: 5em;
}
.dr_about ul li dl dd{
	width: calc(100% - 6em);
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.dr_about{
	display: block;
	margin-bottom: 0;
}
.dr_about .dr_about_inbox{
	margin-bottom: 8%;
}
.dr_about .dr_about_inbox.half{
	width: 100%;
}
.dr_about .dr_about_index{
	font-size:108%;
	letter-spacing: 0.05em;
	padding: .38em .8em .4em;
	margin-bottom: .6em;
}
.dr_about ul{
	letter-spacing:normal;
}
.dr_about ul li{
	padding-left: .8em;
}
.dr_about ul li dl dt{
	width: 4em;
}
.dr_about ul li dl dd{
	width: calc(100% - 5em);
}
}






/* dr_qa
---------------------------------------------------------*/
.dr_qa > li{
	border-bottom: 1px solid #ccc;
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.dr_qa > li:last-child{
	margin-bottom: 0;
}
.dr_qa dt{
	font-size: min(175%,3vw);
	letter-spacing: 0.15em;
	line-height: 1.5em;
	margin-bottom: 1.3em;
}
.dr_qa dt,
.dr_qa dd{
	position: relative;
	padding-left: 5.7rem;
	box-sizing: border-box;
}
.dr_qa dd{
	min-height: 3.7em;
	display: flex;
    justify-content: space-between;
    align-items: center;	
}
.dr_qa dd div{
	
}
.dr_qa dt::before{
	position: absolute;
	display: block;
	content: "";
	background: url(../../../images/common/icon_q.svg) no-repeat top left;
	background-size: 100% auto;
	width: 4.2rem;
	height:4.2rem;
	top:-0.5rem;
	left: 0;
}
.dr_qa dd::before{
	position: absolute;
	display: block;
	content: "";
	background: url(../../../images/common/icon_a.svg) no-repeat top left;
	background-size: 100% auto;
	width: 4.2rem;
	height:4.2rem;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.dr_qa > li{
	padding-bottom: 5%;
	margin-bottom: 5%;
}
.dr_qa dt{
	letter-spacing: 0.1em;
	margin-bottom: .8em;
}
.dr_qa dt,
.dr_qa dd{
	padding-left:4rem;
}
.dr_qa dt::before,
.dr_qa dd::before{
	width: 3.2rem;
	height:3.2rem;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.dr_qa > li{
	padding-bottom: 8%;
	margin-bottom: 8%;
}
.dr_qa dt{
	font-size: 125%;
	letter-spacing: 0.05em;
	margin-bottom: .5em;
}
.dr_qa dt,
.dr_qa dd{
	padding-left: 3.7rem;
}
.dr_qa dd{
	min-height: 2.5em;	
}
.dr_qa dt::before{
	top: -0.2rem;
}
.dr_qa dt::before,
.dr_qa dd::before{
	width: 2.8rem;
	height: 2.8rem;
}
}