@charset "UTF-8";

/* あふれコール用

/* afurecall mv
------------------------------------------------------------------------*/
#ctbase .afurecall #banner {
  padding: 170px 0 100px;
  background: url("../img/afurecall/mv-afr-01.jpg") no-repeat center right;
  background-size: cover;
}

#ctbase .afurecall #banner:after {
  width: 100%;
  height: 100%;
  z-index: 9;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  content: '';
  position: absolute;
}

#ctbase .afurecall #banner .banner_ttl {
  font-size: 46px;
  padding: 20px 0 30px;
  margin-bottom: 0;
}

/* afurecall block_02
------------------------------------------------------------------------*/
#ctbase .afurecall #block_02 .txt_16 {
  margin-left: 0;
  margin-right: 0;
}

#ctbase .afurecall #block_02 dl dt {
  font-size: 24px;
  font-weight: bold;
  color: #004b8b;
  line-height: 1.4;
  padding-bottom: 20px;
  width: 540px;
  float: left;
}

#ctbase .afurecall #block_02 dl { padding-top: 80px; }
#ctbase .afurecall #block_02 dl .meImg { float: right; }
#ctbase .afurecall #block_02 dl .meTxt { width: 540px; }
#ctbase .afurecall #block_02 dl .meTxt p { margin-bottom: 14px; }

/* afurecall block_04 feature
------------------------------------------------------------------------*/
#ctbase .afurecall .feature > div {
  width: 750px;
  margin:0 auto;
  margin-bottom: 70px;
}

#ctbase .afurecall .feature > div:last-of-type { margin-bottom: 130px; }

#ctbase .afurecall .feature > div> div {
  float: right;
  width: 450px;padding-top:20px;
}

#ctbase .afurecall .feature .txt_16 { text-align: left; margin:0 0 30px;}

#ctbase .afurecall .feature > div dd ul {
  text-indent: -1em;
  padding-left: 1em;
}

/* afurecall block_05
------------------------------------------------------------------------*/
#ctbase .afurecall #block_05 .onestop {
  margin-bottom: 40px;
}





/* スマホ対応
------------------------------------------------------------------------*/

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





/* afurecall mv
------------------------------------------------------------------------*/
#ctbase .afurecall #banner { padding: 10% 0; }

#ctbase .afurecall #banner .banner_ttl {
  font-size: 22px;
  padding: 10px 0 0;
}

/* afurecall block_02
------------------------------------------------------------------------*/
#ctbase .afurecall #block_02 dl dt {
  width: 100%;
  float: none;
}

#ctbase .afurecall #block_02 dl .meImg {
  float: none;
margin-bottom: 20px;
}
#ctbase .afurecall #block_02 dl .meTxt {
  width: 100%;
}
#ctbase .afurecall #block_02 dl dt{
font-size: 18px;
}

/* afurecall block_04 feature
------------------------------------------------------------------------*/
#ctbase .afurecall .feature > div> div{width:100%;padding:10px;float:none;}

#ctbase .afurecall .feature > div { width: 100%; }

#ctbase .afurecall .feature > div dl {
  width: 100%;
  float: none;
}
#ctbase .afurecall .feature > div:last-of-type{
margin-bottom:30px;
}


}



/* freeEdit01から移動分
------------------------------------------------------------------------*/
#contents {
 width: 100%;
}
.snsBlock,
.pagerMenu,
.linksBox01,
.contactBox01,
.largeBtn01 {
 display: none;
}
#contents > .freeEdit01 {
 margin-top: 0;
}
.freeEdit01 h2 {
 border-bottom: none;
}
.freeEdit01 h2.banner_ttl{
  margin-top: 0;
}
.freeEdit01 h3, .txEditable h3 {
 border-left: none;
}
.pagerMenu + .freeEdit01 {
 width: 990px;
 margin: 25px auto 0;
}


@media screen and (max-width:768px) {
 .pagerMenu + .freeEdit01 {
  width: 94%;
 }
 #pageHead .breadcrumbs, #contents {
  margin: 0;
 }

}