@charset "utf-8";
/*****************************************
	style.css
	「まごころスタッフ」所長メッセージ
******************************************/
*{
	margin:0;
	padding:0;
	/*\*/
	*zoom: 1;
	/**/
}


/* Chief [PC]
---------------------------------------------------------------------------- */

#chief_titleheader {background:#ffefe5;height:160px;margin:0 0 50px 0;}
#chief_titleheader .inner{ width:1000px;margin:auto;position:relative;}
#chief_titleheader .inner .icon{ position:absolute; top:15px;left:70px;}
#chief_titleheader .inner h2{ position:absolute; top:45px;left:200px;font-size:3.6rem;font-weight:normal;}
#chief_titleheader .inner h2 em{ font-weight:bold;color:#f60;font-style: normal;}

#chief { width:900px;margin:auto;}

#chief p.lead {margin:0 0 30px 0;padding:0;font-size:18px;}

#chief h3 {clear:both;font-size:24px;padding:0 0 5px 0;margin:0 0 20px 0;border-bottom:1px dotted #ccc;color:#2c2c2c;}
#chief h3 em {font-size:24px;margin:0 1em 0 0;color:#ff6600;}

#chief img {display:block;margin:0 auto 30px auto;}

#chief .box1 {position:relative;float:right;background-color:#fff5ef;width:500px;padding:30px 30px 30px 100px;margin:70px 0 80px 0;font-size:15px;line-height:2;box-sizing:content-box;}
#chief .box1 img {position:absolute;top:-70px;left:-200px;width:240px;border:10px solid #fff;}
#chief .box1 dl {}
#chief .box1 dl dt {font-weight:bold;margin:0 0 5px 0;font-size:17px;}
#chief .box1 dl dt em {font-size:20px;color:#ff6600;}
#chief .box1 dl dd {margin:0 0 20px 0;}
#chief .box1 dl dd em {font-size:20px;color:#ff6600;}

#chief a.btn {display: table;margin: 0 auto 80px auto;color: #666 !important;font-size: 1.4rem;}
#chief a.btn::before {content: "▶ ";color: #f60;text-decoration: none;display: inline-block;}

/* Chief [SP]
---------------------------------------------------------------------------- */

@media screen and (max-width: 1020px){


#header{
margin-top:0 !important;
width: 100%;
}

#chief_titleheader {padding:100px 0 0 0;height:80px;}
#chief_titleheader .inner{ width:100%;margin:auto;position:relative;}
#chief_titleheader .inner .icon{ position:absolute; top:15px;left:10px;width:50px;}
#chief_titleheader .inner h2{ position:absolute; top:25px;left:70px;font-size:1.9rem;font-weight:normal;}
#chief_titleheader .inner h2 em{ font-weight:bold;color:#f60;}

#chief { width:90%;margin:auto;}

#chief p.lead {margin:0 0 30px 0;padding:0;font-size:16px;}

#chief h3 {clear:both;font-size:24px;padding:0 0 5px 0;margin:0 0 20px 0;border-bottom:1px dotted #ccc;color:#2c2c2c;}
#chief h3 em {font-size:24px;margin:0 1em 0 0;color:#ff6600;}

#chief img {display:block;margin:0 auto 30px auto;}

#chief .box1 {position:static;float:none;background-color:#fff5ef;width:90%;padding:20px;margin:20px auto 80px auto;font-size:15px;line-height:2;}
#chief .box1 img {position:static;width:240px;border:10px solid #fff;}
#chief .box1 dl {}
#chief .box1 dl dt {font-weight:bold;margin:0 0 5px 0;font-size:17px;}
#chief .box1 dl dt em {font-size:20px;color:#ff6600;}
#chief .box1 dl dd {margin:0 0 20px 0;}
#chief .box1 dl dd em {font-size:20px;color:#ff6600;}

#chief a.btn {display: block;margin: 0;padding: 5px 0;font-size: 1.4rem;border-bottom: 1px solid #ccc; text-decoration: none;text-align: left;}






/* END
------------------------------------------------------------- */
}





/*******************************
 .title-head
*******************************/
.title-head {
  background-color: #ffefe5;
  padding: 3px 0;
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .title-head {
    padding: 11px 0;
  }
}

.title-headInner {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 5.33333%;
  padding-right: 5.33333%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .title-headInner {
    padding-left: 8.33333%;
    padding-right: 8.33333%;
  }
}

@media screen and (min-width: 1201px) {
  .title-headInner {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.title-headInner > .image {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  margin-right: 10px;
}

@media screen and (min-width: 768px) {
  .title-headInner > .image {
    width: 17vw;
    height: 11.5vw;
    padding-left: 6.6%;
    margin-right: 20px;
  }
}

@media screen and (min-width: 1201px) {
  .title-headInner > .image {
    width: 204px;
    height: 138px;
  }
}

.title-headInner > .title {
  font-size: 17px;
  line-height: 1.41176;
  font-weight: normal;
}

@media screen and (max-width: 349px) {
  .title-headInner > .title {
    font-size: 4.53333vw;
  }
}

@media screen and (min-width: 768px) {
  .title-headInner > .title {
    font-size: 2.83333vw;
    line-height: 1.20588;
    padding-right: 7.9%;
    padding-bottom: 1.66667vw;
  }
}

@media screen and (min-width: 1024px) {
  .title-headInner > .title {
    font-size: 34px;
    padding-bottom: 20px;
  }
}

.title-headInner > .title > span {
  color: #ff6633;
  font-weight: bold;
  display: inline-block;
}