@charset "UTF-8";

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

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.contentpage .m_img_area .m_img {
	background-position: center bottom;
	background-size: 130% auto;
}
}



/*院長・スタッフ紹介：共通
---------------------------------------------------------*/
.staf_style1 > dt {
	text-align: center;
	font-size: min(190%,3.4vw);
	letter-spacing: normal;
	line-height: 1.9em;
	margin-bottom: 1.0em;
}

.staf_name {
	font-size: min(120%,2.2vw);	/*dtのサイズに合わせる*/
	letter-spacing: .2em;
	line-height: 1.2em;
}
.staf_name > dd {
	font-size: 145%;
}
.staf_name > dd p {
	font-size: 100%;
	letter-spacing: .2em;
	line-height: 1.2em;
}
.staf_name > dd .ft_trajan_re {
	color: #B59F34;
	font-size: 52%;
	letter-spacing: .04em;
	line-height: 1.2em;
	margin-top: .5em;
}

.staf_profile > dt {
	color: #939396;
	font-size: 110%;
	letter-spacing: .1em;
	line-height: 1.4em;
	margin-bottom: 1.0em;
}
.staf_list1,
.staf_list2 {
	line-height: 1.4em;
}
.staf_list1 > li,
.staf_list2 > dt,
.staf_list2 > dd {
	margin-top: .5em;
}
.staf_list1 > li:first-of-type,
.staf_list2 > dt:first-of-type,
.staf_list2 > dd:first-of-type {
	margin-top: 0;
}
.staf_list1 > li {
	box-sizing: border-box;
	padding-left: 1.4em;
	position: relative;
}
.staf_list1 > li::before {
	content: "";
	position: absolute;
	width: .7em;
	height: .7em;
	border-radius: 50%;
	background: #B4B4B5;
	left: 0;
	top: .3em;
}
.staf_list2 {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.staf_list2 > dt {
	width: 5.5em;
}
.staf_list2 > dd {
	width: calc(100% - 5.5em);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.staf_style1 > dt {
	line-height: 1.8em;
}
.staf_name {
	letter-spacing: .1em;
}
.staf_name > dd p {
	letter-spacing: .1em;
}
.staf_list1,
.staf_list2 {
	font-size: 90%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.staf_style1 > dt {
	font-size: 140%;
	line-height: 1.8em;
	margin-bottom: .8em;
}

.staf_name {
	font-size: 110%;	/*dtのサイズに合わせる*/
	letter-spacing: .1em;
}
.staf_name > dd p {
	letter-spacing: .1em;
}

.staf_profile > dt {
	margin-bottom: .5em;
}
.staf_list1,
.staf_list2 {
	font-size: 90%;
}
.staf_list1 > li,
.staf_list2 > dt,
.staf_list2 > dd {
	margin-top: .3em;
}
.staf_list1 > li {
	padding-left: 1.2em;
}
.staf_list2 > dt {
	width: 5.0em;
}
.staf_list2 > dd {
	width: calc(100% - 5.0em);
}
}



/*greeting
---------------------------------------------------------*/
#greeting .com_bg {
	position: relative;
}
#greeting .obj_box {
	width: calc(50% - 80px);
	position: absolute;
	z-index: 0;
	right: 0;
	top: 0;
	transform: translateY(-12%);
	overflow: hidden;	
}
#greeting .box01_slider1 .swiper-slide {
	width: 20vw;
	max-width: 270px;
	transition: opacity 0.4s;
}
#greeting .box01_slider1 .swiper-slide[class*=-prev] {
	opacity: 0;
}
#greeting .w1280 {
	position: relative;
	z-index: 1;
	padding-top: 130px;
	padding-bottom: 150px;
}

#greeting .title_box {
	text-align: center;
	margin-bottom: 70px;
}
#greeting .title_box .ft_trajan_el {
	color: #B4B4B5;
	font-size: min(660%,10.0vw);
	letter-spacing: normal;
	line-height: 1.2em;
}
#greeting .title_box h2 {
	font-size: 120%;
	letter-spacing: .15em;
	line-height: 1.2em;
}

#greeting .box01_slider2 {
	width: 60%;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}
#greeting .box01_slider2 .swiper-slide img {
	transform: rotate(6deg);
	transition: transform 1.0s;
}
#greeting .box01_slider2 .swiper-slide[class*=-active] img {
	transform: rotate(0deg);
}

#greeting .staf_style1 {
	width: 80%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
#greeting .staf_style1 > dd > p {
	line-height: 2.6em;
}
#greeting .staf_name {
	display: flex;
    justify-content:  flex-end;
    flex-wrap: wrap;
}
#greeting .staf_name > dt {
	padding-top: .2em;
	margin-right: .5em;
}

#greeting .flex_box {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 1px #B4B4B5;
	box-sizing: border-box;
	padding: 60px 3% 0;
	display: flex;
    justify-content: space-between;
}
#greeting .flex_box .box_l {
	width: 60%;
}
#greeting .flex_box .box_r {
	width: 36%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#greeting .obj_box {
	width: 50%;
}
#greeting .w1280 {
	padding-top: 10%;
	padding-bottom: 10%;
}
#greeting .title_box {
	margin-bottom: 6%;
}
#greeting .flex_box {
	padding: 4% 3% 0;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#greeting .obj_box {
	width: 55%;
}
#greeting .box01_slider1 .swiper-slide {
	width: 23vw;
}
#greeting .w1280 {
	padding-top: 13%;
	padding-bottom: 14%;
}
#greeting .title_box {
	margin-bottom: 8%;
}
#greeting .title_box .ft_trajan_el {
	font-size: 360%;
}
#greeting .title_box h2 {
	font-size: 110%;
	letter-spacing: .1em;
}

#greeting .box01_slider2 {
	width: 70%;
}

#greeting .staf_style1 {
	width: 100%;
	max-width: 100%;
}
#greeting .staf_style1 > dd > p {
	line-height: 2.2em;
}

#greeting .flex_box {
	padding: 8% 3% 0;
	display: block;
}
#greeting .flex_box .box_l {
	width: 100%;
	margin-bottom: 8%;
}
#greeting .flex_box .box_r {
	width: 100%;
}
}



/*dr
---------------------------------------------------------*/
#dr .w1280 {
	padding-top: 130px;
	padding-bottom: 130px;
}
#dr .dr_list {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#dr .dr_list > li {
	width: 48%;
	max-width: 540px;
}
#dr .dr_list .photo_name {
	display: flex;
    justify-content: space-between;
}
#dr .dr_list .photo_name .photo_img {
	width: 43%;
	max-width: 230px;
}
#dr .dr_list .photo_name .name_box {
	width: 52%;
	max-width: 270px;
}
#dr .dr_list .name_box .staf_name > dt {
	margin-bottom: .5em;
}
#dr .dr_list .name_box .fs15 {
	letter-spacing: normal;
}
#dr .dr_list .name_box .staf_name + .fs15 {
	margin-top: 2.0em;
}
#dr .dr_list .staf_profile {
	margin-top: 2.0em;
}
#dr .dr_list .staf_profile .staf_list1,
#dr .dr_list .staf_profile .staf_list2 {
	font-size: 83%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#dr .w1280 {
	padding-top: 10%;
	padding-bottom: 10%;
}
#dr .dr_list .name_box .staf_name > dt {
	margin-bottom: .3em;
}
#dr .dr_list .name_box .staf_name + .fs15 {
	margin-top: 1.0em;
}
#dr .dr_list .staf_profile {
	margin-top: 1.0em;
}
#dr .dr_list .staf_profile .staf_list1,
#dr .dr_list .staf_profile .staf_list2 {
	font-size: 85%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#dr .w1280 {
	padding-top: 12%;
	padding-bottom: 12%;
}
#dr .com_index1 {
	margin-bottom: 10%;
}
#dr .dr_list {
	display: block;
}
#dr .dr_list > li {
	width: 100%;
	max-width: 100%;
	margin-bottom: 12%;
}
#dr .dr_list > li:last-child {
	margin-bottom: 0;
}
#dr .dr_list .photo_name {
	display: flex;
    justify-content: space-between;
}
#dr .dr_list .photo_name .photo_img {
	width: 40%;
	max-width: 100%;
}
#dr .dr_list .photo_name .name_box {
	width: 55%;
	max-width: 100%;
}
#dr .dr_list .name_box .staf_name > dt {
	margin-bottom: .3em;
}
#dr .dr_list .name_box .fs15 {
	line-height: 1.6em;
}
#dr .dr_list .name_box .staf_name + .fs15 {
	margin-top: 1.0em;
}
#dr .dr_list .staf_profile {
	margin-top: 1.2em;
}
#dr .dr_list .staf_profile .staf_list1,
#dr .dr_list .staf_profile .staf_list2 {
	font-size: 85%;
}
}



/*message
---------------------------------------------------------*/
#message .w1280 {
	padding-top: 100px;
	padding-bottom: 130px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#message .w1280 {
	padding-top: 10%;
	padding-bottom: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#message .w1280 {
	padding-top: 14%;
	padding-bottom: 14%;
}
}



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

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

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