@charset "UTF-8";

/* wfm_cloud用 2112新規作成主に3か所から移動

/* wfm_cloud layout.cssから移動
------------------------------------------------------------------------*/
#ctbase .wfm_cloud #banner {
  padding: 170px 0 100px;
  background: url("../img/wfm_cloud/mv-wfm-01.jpg") no-repeat center right;
  background-size: cover;
}
#ctbase .wfm_cloud #banner:after {
  width: 100%;
  height: 100%;
  z-index: 9;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  content: '';
  position: absolute;
}

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

#ctbase .wfm_cloud .h2_title sup {
  font-size: 16px;
  vertical-align: text-top;
}
#ctbase .wfm_cloud .onestop{margin-bottom:40px;}
#ctbase .wfm_cloud  #box_video { margin-bottom: 30px; }
#ctbase .wfm_cloud .box_reason:last-of-type { margin-bottom: 150px; }



#ctbase .wfm_cloud #block_04 dt { font-weight: bold; }
#ctbase .wfm_cloud #block_04 .txt_12 { padding: 0; }
#ctbase .wfm_cloud #block_04 .feature{margin-bottom:-100px;}

#ctbase .wfm_cloud #block_04 .jirei_in{padding-bottom:100px;}
#ctbase .wfm_cloud .feature > div {
  width: 660px;
  margin:0 auto;
  margin-bottom: 70px;
}

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


/*202112サイズ追加*/
#ctbase .wfm_cloud .feature > div dl { 
float: right;
width: 370px;
}
#ctbase .wfm_cloud .feature > div img{ 
  width: 280px;
}




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

#ctbase .wfm_cloud #block_07 p { font-size: 20px; }






/* sp_inpage.cssから移動分
------------------------------------------------------------------------*/
@media screen and (max-width:768px) {

#ctbase .wfm_cloud #banner { padding: 10% 0; }

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

#ctbase .wfm_cloud .onestop dt { font-size: 14px; }


#ctbase .wfm_cloud .box_reason:last-of-type { margin-bottom: 6%; }

#ctbase .wfm_cloud .feature > div> div{width:100%;padding:10px;float:none;}

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

#ctbase .wfm_cloud .feature > div dl {
  width: 100%;
  float: none;
}

/*202112追加*/
#ctbase .wfm_cloud .feature > div img{ 
  width: 80%;
  margin-left: 10%;
}

}



/* freeEdit01から移動分
------------------------------------------------------------------------*/
#contents {
 width: 100%;
}
.snsBlock,
.pagerMenu,
.linksBox01,
.contactBox01,
.largeBtn01 {
 display: none;
}
#contents > .freeEdit01 {
 margin-top: 0;
}
.freeEdit01 h2 {
 border-bottom: none;
}
.freeEdit01 h3, .txEditable h3 {
 border-left: none;
}
.pagerMenu + .freeEdit01 {
 width: 990px;
 margin: 25px auto 0;
}
#ctbase #banner .banner_ttl {
  margin: 0 0 25px;
}
#ctbase .list_mange li .img,
#ctbase .list_mange li .p_title,
#ctbase .b_ttl,
#ctbase .box_features .box_reason .box_txt .p_title,
#ctbase .functions li h3,
#ctbase .box_reason .box_txt p {
  margin-top: 0;
}
#ctbase .h3_title {
  margin-top: 0;
  padding: 0;
}
#ctbase .functions li h3 {
  font-size: 14px;
}
.freeEdit01 p, .txEditable p {
  margin-top: 0;
}
#ctbase .tbl_02 td {
  vertical-align: middle;
}
#ctbase .wfm_cloud .h2_title sup {
  top: 0;
  line-height: 42px;
}

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