@charset "utf-8";
/*****************************************
	style.css
	「まごころスタッフ」募集案内 数字で見るまごころスタッフ
******************************************/
*{
	margin:0;
	padding:0;
	/*\*/
	*zoom: 1;
	/**/
}


/* Suuji [PC]
---------------------------------------------------------------------------- */

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

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

#suuji p.head1 {float:left;width:40%;margin:0 0 40px 20%;}
#suuji p.head2 {float:left;width:30%;}

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

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

#suuji .fukidashi{
font-size:20px;
  position: relative;
  padding: 20px 30px;
  background-color: #ffefe5;
  display: table;
  border-radius:10px;
  margin:0 auto 80px auto;
}


#suuji .fukidashi::before{
  content: '';
  position: absolute;
  left: 45%;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffefe5;
  border-left: 15px solid transparent;
}


/* Suuji [SP]
---------------------------------------------------------------------------- */

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


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

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

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

#suuji p.head1 {float:none;width:100%;margin:0;}
#suuji p.head2 {float:none;width:100%;margin:0 0 30px 0;}

#suuji img {display:block;margin:0 auto 30px auto;width:100%;}
#suuji img.graph1 {max-width:693px;}
#suuji img.graph2 {max-width:532px;}
#suuji img.graph3 {max-width:452px;}
#suuji img.graph4 {max-width:799px;}
#suuji img.graph5 {max-width:832px;}

#suuji .fukidashi{
font-size:16px;
}


/* 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;
}