@charset "UTF-8";

/*=============================================================
eflexs
=============================================================*/
#banner{
margin: 2em auto;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.intro{
background-image: url("/eflex/eflexs/images/title_image_back.jpg");
background-position: top center;
background-repeat: no-repeat;
background-color: #f8f8ef;
}
@media screen and (max-width: 1200px) {
  .intro{
background-size: 150%;
  }
}
@media screen and (max-width: 60em) {
  .intro{
  background-image: url("/eflex/eflexs/images/title_image_back_s.jpg");
  background-size: contain;
  background-position: bottom center;
background-color: #fff;
  }
}

.intro > .pad{
  margin: auto;
  padding: 0 20px;
  max-width: 1260px;
}
@media screen and (max-width: 47.5em) {
  .intro > .pad {
    padding-left: 10px;
    padding-right: 10px;
  }
}



/*タイトル周り*/
.intro_hdg {
  padding-top: 3em;
  width: auto;
}
.intro_hdg img{
  display: inline-block;
  max-width: 100%;
}
@media screen and (max-width: 60em) {
.intro_hdg {
  padding-top: 2em;
text-align: center;
}
.intro_hdg img{
  max-width: 90%;
}
}
.intro_text{
font-weight: bold;
margin-top: 0.5em;
padding-bottom: 2em;
font-size: 1.5rem;
color: #E90206;
}
.intro_text span{
font-size: 1.1rem;
display: inline-block;
background-color: #000;
color: #FFF;
padding:2px 10px 0 10px;
margin-bottom: 1em;
}
@media screen and (max-width: 60em) {
  .intro_text{
padding-bottom: 12em;
text-align: center;
  }
}
@media screen and (max-width: 42em) {
  .intro_text{
  padding-bottom: 11em;
  }
}
@media screen and (max-width: 32em) {
  .intro_text{
font-size: 1.6rem;
}
}
@media screen and (max-width: 20em) {
.intro_hdg {
  padding-top: 1em;
}
.intro_text span{
font-size: 1rem;
}
  .intro_text{
font-size: 1.4rem;
  padding-bottom: 8em;
}
}




.top_work._eflexs {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}
.top_work._blue {
background-color: #dce9f5;
}
.top_work._gradation {
background-color: #fff;
  background-image: url("/eflex/eflexs/images/content_bg.jpg");
    background-repeat: repeat-x;
}
.top_work._black {
background-color: #666666;
color: #fff;
}
.wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}