@charset "UTF-8";

.contentpage .m_img {
	background-image: url("../images/staff/m_img@2x.jpg");
}



/*
---------------------------------------------------------*/
.bg_area {
	background: linear-gradient(to bottom, #FFF, #f4f4f2 20vw);
/*	background-color: #f4f4f2;*/
	padding: 80px 0 200px;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.bg_area {
	padding: 8% 0 16%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.bg_area {
	padding: 10% 0 16%;
}
}




/*doctor
---------------------------------------------------------*/
#doctor .dir_main {
	width: 80%;
	max-width: 1060px;
	margin: 0 auto 55px;
}
#doctor .name_box {
	text-align: center;
	font-weight: 700;
	letter-spacing: .3em;
	line-height: 1.6;
}
#doctor .name_box dt  {
	font-size: 112%;
	margin-bottom: .5em;
}
#doctor .name_box dd.name  {
	font-size: 250%;
	letter-spacing: .3em;
	margin-bottom: .3em;
}
#doctor .prof_list {
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 736px;
	margin: 50px auto 0;
}
#doctor .prof_list > li {
	width: 31%;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
	padding: 1.2em 3% 1.5em;
	border-radius: 1.8em;
}
#doctor .prof_list dt {
	text-align: center;
	color: #FFF;
	letter-spacing: .16em;
	line-height: 1.2;
	background-color: #335929;
	border-radius: 2em;
	padding: .2em 0;
	margin-bottom: 1.2em;
}
#doctor .prof_list p {
	font-weight: 700;
	line-height: 1.5;
	margin-top: .8em;
}
/*message*/
#doctor .message .com_mini_index14 {
	margin-top: 2em;
	margin-bottom: 1.5em;
}
#doctor .message dt {
	font-size: min(3.4vw,231%);
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.8;
	margin-bottom: .6em;
}
#doctor .message dd {
	font-size: 105%;
	font-weight: 700;
}
#doctor .message .box_img {
	display: flex;
	flex-wrap: wrap;
	max-width: 553px;
}
#doctor .message .box_img .img1 {
	width: 73%;
	max-width: 403px;
	margin-left: 18%;
	margin-bottom: 10%;
}
#doctor .message .box_img .img2 {
	width: 49%;
	max-width: 270px;
	margin-top: 10%;
}
#doctor .message .box_img .img3 {
	width: 35%;
	max-width: 190px;
	margin-left: auto;
}
/*reki_box*/
#doctor .reki_box {
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 30px;
	padding: 70px 7.5%;
	max-width: 1200px;
	margin: 0 auto;
}
#doctor .reki_box dt {
	color: #335929;
	margin-bottom: 2em;
} 
#doctor .reki_box dt:nth-of-type(n+2) {
	margin-top: 4em;
}
#doctor .reki_box dd {
	line-height: 2.1;
}
#doctor .reki_box .tbl_reki tr:not(:last-of-type) th,
#doctor .reki_box .tbl_reki tr:not(:last-of-type) td {
	padding-bottom: 1.2rem;
}
#doctor .reki_box .tbl_reki th {
	text-align: left;
	font-size: 105%;
	vertical-align: top;
	font-weight: normal;
	white-space: nowrap;
	padding-right: 2em;
}
#doctor .reki_box .tbl_reki th span {
	font-size: 112%;
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .16em;
	line-height: 0.8;
	margin-right: .2em;
}
#doctor .com_marulist > li::before {
	color: #335929;
}
#doctor .dot_list > li {
	padding-left: 1em;
	text-indent: -1em;
}
#doctor .dot_list > li::before {
	content: "・"
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
/*message*/
#doctor .message .box_img {
	width: 39%;
	margin-left: -3.2%;
	float: left;
}
#doctor .message .box_txt {
	width: 56%;
	float: right;
}
#doctor .message .box_txt dl {
	max-width: 650px;
}
#doctor .message .box_txt dl dd {
	line-height: 3;
}
/*reki_box*/
#doctor .reki_box {
	display: flex;
}
#doctor .reki_box dl:first-of-type {
	margin-right: 11%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#doctor .dir_main {
	margin-bottom: 5%;
}
#doctor .name_box dd.name  {
	font-size: 220%;
}
#doctor .prof_list p {
	font-size: 90%;
}
/*message*/
#doctor .message .box_img {
	margin-right: 5%;
	margin-bottom: 1em;
}
#doctor .message .box_txt {
	width: 100%;
	float: none;
}
#doctor .message .box_txt dl {
	max-width: 100%;
}
#doctor .message .box_txt dl dd {
	line-height: 2.5;
}
/*reki_box*/
#doctor .reki_box {
	padding: 6% 5%;
}
#doctor .reki_box dl:first-of-type {
	margin-right: 8%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#doctor .dir_main {
	width: 100%;
	margin-bottom: 6%;
}
#doctor .name_box dt  {
	font-size: 105%;
}
#doctor .name_box dd.name  {
	font-size: 200%;
}
#doctor .prof_list {
	width: 100%;
	margin-top: 8%;
}
#doctor .prof_list > li {
	width: 32%;
	border-radius: 1.5em;
}
#doctor .prof_list > li:not(:first-of-type) dt {
	line-height: 2.4;
}
/*message*/
#doctor .message .com_mini_index14 {
	margin-top: 0;
}
#doctor .message dt {
	font-size: 140%;
	letter-spacing: .15em;
}
#doctor .message .box_img {
	width: 100%;
	max-width: 100%;
}
#doctor .message .box_img .img1 {
	width: 55%;
	margin-left: 0;
	margin-top: 5%;
	margin-bottom: 5%;
}
#doctor .message .box_img .img2 {
	order: 3;
	width: 40%;
	margin-left: auto;
	margin-right: -6%;
	margin-top: -30%;
}
#doctor .message .box_img .img3 {
	order: 2;
	width: 30%;
	margin-right: 8%;
}
/*reki_box*/
#doctor .reki_box {
	padding: 10% 8%;
}
#doctor .reki_box dt {
	margin-bottom: 1.5em;
}
#doctor .reki_box dl:nth-of-type(n+2) {
	margin-top: 8%;
}
#doctor .reki_box dt:nth-of-type(n+2) {
	margin-top: 3em;
}
#doctor .reki_box dd {
	font-size: 90%;
	line-height: 1.8;
}
#doctor .reki_box .tbl_reki th {
	padding-right: 1.5em;
}
}


/*
---------------------------------------------------------*/

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

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}