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

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

img{
max-width: 100%;
height: auto;
vertical-align: bottom;
}

body{
min-width: 1300px;
color: #517b76;
font-family: sans-serif;
background-color: #f7f4e6;
background-image: url("../images/staff_img/bg-staff.png");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}

@media(max-width: 767px){
body{
min-width: auto;
}
}


/*
	font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
	
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
*/


/*全体共通----------------------------------------*/
.container{
max-width: 1200px;
margin: 0 auto;
}

@media(max-width: 767px){
.container{
width: 90%;
}
}

ul{
list-style-type: none;
}

a{
text-decoration: none;
color: #517b76;
}


/*ヘッダー--------------------------------------*/
.logo-nav_flex{
display: flex;
justify-content: space-between;
}

h1{
width: 30%;
padding-top: 3vh;
}

@media(max-width: 767px){
h1{
width: 50%;
padding-top: 3%;
margin-left: 5%;
}
}

h2{
width: 40%;
margin: 80px auto 120px;
}

@media(max-width: 767px){
h2{
width: 70%;
margin: 60px auto;
}
}

h4{
font-size: 22px;
margin-bottom: 10px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-style: normal;
}

@media(max-width: 767px){
h4{
font-size: 16px;
}
}

h4 img{
width: 1.3em;
margin-right: 0.3em;
vertical-align: baseline;
}

h4 span{
font-size: 34px;
margin-left: 0.5em;
}

@media(max-width: 767px){
h4 span{
font-size: 20px;
}
}

/*院長--------------------------------------*/
.staff-container{
width: 85%;
height: auto;
background-color: #f9f8f6;
box-shadow: 0 15px 0 #b3d2bb;
border-radius: 50px;
margin: 0 auto 150px;
padding: 80px 0 50px;
}

#doctor h3{
width: 40%;
margin-left: 130px;
}

@media(max-width: 767px){
#doctor h3{
width: 60%;
margin: 0 auto;
}
}

.doctor-flex{
display: flex;
justify-content: space-between;
align-items: center;
margin: 80px 130px 0;
}

@media(max-width: 767px){
.doctor-flex{
display: block;
margin: 0 auto;
width: 80%;
}
}

.doctor-flex-img{
width: 600px;
border-radius: 50px;
overflow: hidden;
margin-right: 60px;
}

@media(max-width: 767px){
.doctor-flex-img{
width: 80%;
margin: 30px auto;
}
}

.doctor-flex-txt p{
line-height: 1.75em;
font-weight: 500;
font-size: 18px;
}

@media(max-width: 767px){
.doctor-flex-txt p{
font-size: 15px;
}
}

.career-flex{
display: flex;
position: relative;
padding: 60px 0 150px;
}

@media(max-width: 767px){
.career-flex{
display: block;
position: static;
}
}

.career-txt{
background-color: #88ada9;
color: #f9f8f6;
border-radius: 0 999px 999px 0;
width: 80%;
padding: 50px 150px 50px 100px;
}

@media(max-width: 767px){
.career-txt{
width: 100%;
border-radius: 0;
padding: 50px 10%;
}
}

.career-txt dd{
margin-bottom: 0.75em;
}

@media(max-width: 767px){
.career-txt dd{
margin-bottom: 1.75em;
}
}

.career-txt p{
margin-top: 1em; 
}

.career-img{
width: 280px;
border-radius: 999px;
overflow: hidden;
position: absolute;
right: 60px;
top: 170px;
}

@media(max-width: 767px){
.career-img{
display: none;
}
}

.career-flex small{
writing-mode: vertical-rl;
position: absolute;
right: 20px;
top: 170px;
}

@media(max-width: 767px){
.career-flex small{
display: none;
}
}


/*スタッフ--------------------------------------*/
#staff h3{
width: 40%;
margin: 0 130px 0 auto;
}

@media(max-width: 767px){
#staff h3{
width: 60%;
margin: 0 auto;
}
}

.staff-flex{
display: flex;
justify-content: flex-start;
align-items: center;
margin: 80px 130px 0;
}

@media(max-width: 767px){
.staff-flex{
display: block;
margin: 30px auto;
}
}

.staff-flex-img{
width: 30%;
border-radius: 50px;
overflow: hidden;
}

@media(max-width: 767px){
.staff-flex-img{
width: 50%;
margin: 30px auto;
margin-top: 80px;
}
}

.staff-flex-txt{
width: 70%;
}

@media(max-width: 767px){
.staff-flex-txt{
width: 90%;
}
}

.staff-flex-txt p:nth-child(1){
background-color: #b3d2bb;
border-radius: 0 30px 30px 0;
color: #f9f8f6;
font-size: 22px;
padding: 0.6em 80px 0.6em 60px;
margin-bottom: 15px;
display: inline-block;
	font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media(max-width: 767px){
.staff-flex-txt p:nth-child(1){
font-size: 16px;
}
}

.comment-paws{
width: 1em;
margin-left: 0.2em;
}

.staff-flex-txt h4{
margin-left: 60px;
}

.staff-flex-txt p:nth-child(3){
margin-left: 60px;
line-height: 1.75em;
font-weight: 500;
font-size: 18px;
}

@media(max-width: 767px){
.staff-flex-txt p:nth-child(3){
margin-left: 60px;
line-height: 1.75em;
font-weight: 500;
font-size: 15px;
margin-bottom: 50px;
}
}


/*施設案内--------------------------------------*/
#hospital{
background-color: #f9f8f6;
padding: 7.5%;
margin-bottom: 150px;
}

#hospital h3{
width: 40%;
margin: 0 auto;
}

@media(max-width: 767px){
#hospital h3{
width: 60%;
}
}

.hospital-subtxt{
text-align: center;
font-size: 18px;
font-weight: 500;
padding-top: 60px;
}

@media(max-width: 767px){
.hospital-subtxt{
text-align: left;
font-size: 16px;
}
}

.hospital-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

#hospital h4{
text-align: center;
}

.hospital-img{
width: 500px;
}

@media(max-width: 767px){
.hospital-img{
width: auto;
}
}

.hospital-wrap div{
width: 500px;
border-bottom: 2px solid #88ada9;
padding: 80px 0;
}

@media(max-width: 767px){
.hospital-wrap div{
width: auto;
border-bottom: none;
padding: 30px 0;
}
}

.hospital-wrap div:nth-child(7), .hospital-wrap div:nth-child(8){
border-bottom: none;
}

.hospital-wrap div p{
padding: 15px 30px 0;
}


/*フッター--------------------------------------*/
footer{
background-color: #f9f8f6;
border-radius: 999px 999px 0 0;
background-image: url("../images/bg-footer.svg");
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% auto;
font-size: 24px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-style: normal;
}

@media(max-width: 767px){
footer{
background-image: url("../images/sp-footer-bg.svg");
font-size: 20px;
}
}

footer a{
  transition: all .3s;
}

footer a:hover{
  opacity: .6;
	transform: scale(1.1,1.1);
}

.footer-logo{
width: 35%;
display: block;
margin: 0 auto;
padding-top: 100px;
}

@media(max-width: 767px){
.footer-logo{
width: 65%;
}
}

.footer-flex{
display: flex;
justify-content: center;
align-items: baseline;
margin-top: 15px;
}

.footer-flex p:nth-child(2){
margin-left: 20px;
}

.footer-flex01 img{
width: 1em;
margin-right: 0.3em;
vertical-align: baseline;
}

.footer-flex02 img{
width: 1em;
margin-right: 0.3em;
}

.footer-nav{
display: flex;
justify-content: space-evenly;
margin: 80px 0 160px;
line-height: 1.5em;
}

@media(max-width: 767px){
.footer-nav{
display: block;
margin: 40px 30px 120px;
line-height: 1em;
}
.footer-nav01{
display: flex;
justify-content: space-between;
}
.footer-nav02{
display: flex;
justify-content: space-between;
}
.footer-nav03{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}

footer dl{
margin-bottom: 50px;
}

@media(max-width: 767px){
footer dl{
margin-bottom: 40px;
width: 40%;
}
}

dt{
font-size: 20px;
}

@media(max-width: 767px){
dt{
font-size: 16px;
}
}

footer dd{
font-weight: 100;
font-size: 16px;
margin-left: 1em;
}

@media(max-width: 767px){
footer dd{
font-size: 14px;
}
}

footer small{
color: #f9f8f6;
display: block;
text-align: center;
font-weight: 100;
font-size: 14px;
padding-bottom: 10px;
}

@media(max-width: 767px){
footer small{
padding-bottom: 5px;
}
}

.arrow_r {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.arrow_r:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #517b76;
  border-right: solid 2px #517b76;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}