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

img(width:100%;)
	
/* ************************************************************
◆ block01 ◆ staff
************************************************************ */
#therapist{
margin:7% auto;
width:100%;
}

hr{
margin:0 auto;
width:100%;
max-width:1000px;
border:6px solid #d1f4b5;
}

.staff-title{
margin:0 auto;
width:100%;
padding-top:3%;
}

#therapist div{
margin:0 auto;
width:100%;
max-width:1000px;
}

#therapist ul{
margin:3% auto 6%;
width:100%;
position:relative;
padding-bottom: 4%;
border-bottom:3px dashed #e7ca66;
font-size:0;
text-align: left;
}

#therapist li{
margin:0 auto;
width:25%;
display:inline-block;
vertical-align: top;
}

#therapist dl{
margin:0 auto;
width:100%;
text-align: left;
}

.staff-illust{
margin:0 auto;
width:100%;
margin-left:2%
}

.s-margin{
margin:0 auto;
width:100%;
margin-left:8%
}

.staff-comment{
margin:2% auto;
width:75%;
font-size:12px;
color:#000;
line-height:1.5;
letter-spacing: 0.05em;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
	
#therapist ul{
width:96%;
}

.staff-title{
margin:0 auto;
padding-top:5%;
}


.staff-comment{
margin:2% auto;
width:90%;
}

/*************/



/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

.staff-title img{
margin:2% auto;
width:45%;
}

#therapist ul{
margin:0 auto;
margin-left:auto;
border-bottom:none}

#therapist li{
margin:3% auto;
width:50%;
display:inline-block;
vertical-align: top;
padding:2%;
}

#therapist li:nth-child(even) {
	margin-bottom:  -1px;
}


.staff-illust{
margin:0 auto;
width:80%;
text-align:center;
}



.staff-comment{
margin:2% auto;
/*width:80%;*/
font-size:12px;
color:#000;
line-height:1.5;
letter-spacing: 0.05em;
margin-left:9%;
/*text-align: justify;*/
}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

hr{
padding:0;
margin:0;
border:10px solid #fbffd0}

.staff-title img{
margin:4% auto 2%;
width:55%;
}

 /* *************** */
	}