@charset "utf-8";
/* ----------------------------------------
 therapist
------------------------------------------- */
#therapist h2{
  width: 60%;
  margin-left: 40%;
}
#therapist .float-l{
  width: 50%;
}
#therapist .float-r{
  width: 45%;
  padding-top: 30px;
}
#therapist h3{
  color: #d2ae8b;
  font-size: 2.4rem;
  line-height: 1;
  margin-bottom: 20px;
}
#therapist h3 span{
  display: block;
  font-size: 60%;
  padding-top: 15px;
}
#therapist h4{
  color: #00a975;
  font-size: 1.4rem;
  line-height: 1;
}
#therapist h4 span{
  display: block;
  font-size: 120%;
  padding-top: 15px;
}
#therapist p{
  margin-bottom: 30px;
}
/* ----------------------------------------
 works
------------------------------------------- */
#works .box{
position: relative;
padding-bottom: 30px;
}
#works .box .pop{
position: absolute;
width: 15%;
bottom: 0;
right:-4%;
}
#works .inner{
overflow: hidden;
border-radius: 20px;
background-color: #f5efef;
padding: 50px 60px;
}
#works .inner h3{
position: relative;
width: 200px;
box-sizing: border-box;
color: #fff;
font-size: 2.0rem;
text-align: center;
background-color: #533c3b;
padding: 5px;
margin-bottom: 10px;
margin-left: -60px;
}
#works .inner p{
padding-top: 10px;
}
/* ----------------------------------------
 sos
------------------------------------------- */
#sos{
  background-color: #f5efef;
}
#sos h2{
  width: 60%;
}
#sos .float-r{
  width: 45%;
  margin: 20px 0 20px 5%;
}
#sos p{
  padding-left: 15px
}
#sos p strong{
  font-size: 110%;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {
}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {
}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
/* ----------------------------------------
 therapist
------------------------------------------- */
#therapist h2{
  width: 100%;
  margin-left: 0;
}
#therapist .float-l{
  float: none;
  width: 100%;
}
#therapist .float-r{
  float: none;
  width: 100%;
  padding-top: 0;
  margin-bottom: 30px;
}
#therapist h3{
  font-size: 2.0rem;
  margin-bottom: 20px;
}
#therapist h3 span{
  padding-top: 10px;
}
#therapist h4{
  font-size: 1.2rem;
}
#therapist h4 span{
  font-size: 120%;
  padding-top: 10px;
}
#therapist p{
  margin-bottom: 30px;
}
/* ----------------------------------------
 works
------------------------------------------- */
#works .box{
padding-bottom: 0;
padding-top: 10px;
}
#works .box .pop{
position: absolute;
width: 25%;
bottom: auto;
top: 0;
right:-4%;
}
#works .inner{
padding: 25px 35px;
}
#works .inner h3{
width: 150px;
font-size: 1.6rem;
padding: 5px;
margin-bottom: 10px;
margin-left: -35px;
}
#works .inner p{
padding-top: 10px;
}
/* ----------------------------------------
 sos
------------------------------------------- */
#sos h2{
  width: 100%;
}
#sos .float-r{
  float: none;
  width: 100%;
  margin: 0 0 20px 0;
}
#sos p{
  padding-left: 5px
}
#sos p strong{
  font-size: 105%;
}



}