@charset "UTF-8";

/*=============================================================
eflexs
=============================================================*/
/* お問い合わせメニューがフッタで止まるように(js不要) */
.contact_navi {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  pointer-events:none
}
.contact_navi .pad{
max-width:1400px;
margin: auto;
text-align: right;
}
.contact_box{
 pointer-events: auto;
 margin-bottom: 10px;
}

#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("../../images/title_image_back.jpg");
background-position: top center;
background-repeat: no-repeat;
background-color: #f8f8ef;
}

@media screen and (max-width: 64em) {
  .intro{
  background-image: url("../../images/title_image_back_s.jpg");
  background-position: bottom center;
  background-color: #fff;
  height: 820px;
  }
}
@media screen and (max-width: 42em) {
  .intro{
  height: 620px;
  background-size: contain;
  }
}
@media screen and (max-width: 32em) {
  .intro{
  height: 520px;
  }
}
@media screen and (max-width: 24em) {
  .intro{
  height: 420px;
  }
}



.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: 64em) {
.intro_hdg {
  padding-top: 2em;
text-align: center;
}
.intro_hdg img{
  max-width: 90%;
}
}
.intro_text{
font-weight: bold;
margin-top: 0.5em;
font-size: 1.8rem;
color: #E90206;
}
.bt_document.m_image{
padding-bottom: 3em;
text-align: left;
}
@media screen and (max-width: 64em) {
  .bt_document.m_image,
  .intro_text{
  text-align: center;
  }
}
@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{
font-size: 1.4rem;
}
}



.anc_button {
  padding: 0.75em 2.8125em 0.75em 1.25em;
  border-radius: 1px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  display: inline-block;
  color: #333;
  background-color: #fff;
  text-align: left;
}
.anc_button::before {
  top: 1.45em;
  left: auto;
  right: 20px;
}
.anc_button + .anc_button {
  margin-left: 1.25em;
}
.anc_button[href] {
  color: #333;
  text-decoration: none;
}
.anc_button[href]:hover, .anc_button[href]:focus {
  text-decoration: underline;
}




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