/* #mainImg
================================================ */
#mainImg { background: url("../img/engineering/bg_main_engineering01_sp.png") no-repeat center center/cover; margin-top: 0; padding-top: 50px; }

#mainImg .inner { position: static; }

#mainImg .inner:before { display: none; }

#mainImg .tit { line-height: 1.3; font-weight: 700; letter-spacing: .04em; }

@media all and (min-width: 600px) { #mainImg { background: url("../img/engineering/bg_main_engineering01_pc.png") no-repeat center center/cover; margin-top: 95px; padding-top: 0; }
  #mainImg .inner:before { display: none; }
  #mainImg .tit { line-height: 1.05;  } }


/*  装飾
================================================== */
.mgr-3em{margin-right : 3em;}

/*　center　*/
.center { text-align: center; }

/*　　↓▼　　*/
.sankakucenter{
	width: 100%;
	margin: 20px auto;
}
.sankaku{
	width: 0;
	height: 0;
	border: 80px solid transparent;
	border-top: 40px solid #ccc;
	margin-bottom: -40px;
}

/*　lbl テキストの水色　*/
.lbl { color:#1cace1}


/*　txtry テキストの両揃え　*/
.txtry {text-align: justify; text-justify: inter-ideograph;}

/*　bold　*/
.bold {font-weight: bold; }

/*　 ↓ボタン　*/
a.butn{
  display: inline-block;
  width: 240px;
  margin: 6px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  border: 1px solid ;
  background: rgba(255,255,255,.90);
  text-decoration: none;
  line-height: 1.5em;
  transition: .3s;
  color: rgba(1,108,177,.90);
}

a.butnover:hover {
  background: rgba(1,108,177,.90);
  color: rgba(255,255,255,.90);
  border: 1px solid #009BD3;
}





.btn_midasi {font-weight:normal;  color:#aaa;}
.btn_ue {margin-top:10px; margin-bottom:-30px; text-align: center;}
.btn_left {margin-left:0;}

@media all and (min-width: 600px) { 
.btn_ue {margin-top:10px; margin-bottom:0; text-align: left;}
.btn_left {margin-left:10px;}
}


.copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
@media all and (min-width: 600px) { 
.copy { margin-bottom: 5px; font-size: 1.8rem; }  }



/*  #back-btn
================================================== */

#back-btn .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#back-btn .areaBtn .btn { margin-top: 0; }
#back-btn .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { 
  #back-btn .areaBtn { background: #f3f3f3; }
  #back-btn .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #back-btn .areaBtn .btn a { padding: 20px 0 19px; }  }




/*  #trial
================================================== */
#trial .imgBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; }
#trial .imgBox .img_box { /* width: 50%; */ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0; }
#trial .imgBox .area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#trial .subTit { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
#trial .txt { margin-bottom: 20px; }
#trial .areaBox { margin-bottom: 30px; }
#trial .areaBox .box .txt { margin-bottom: 10px; }
#trial .areaBox .box + .box { margin-top: 25px; }
#trial .img_box { margin-bottom: 20px; }
#trial .texts .txt + .txt { margin-top: 20px; }
#trial .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#trial .areaBtn .btn { margin-top: 0; }
#trial .areaBtn .btn + .btn { margin-top: 10px; }
#trial .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #trial .imgBox { margin-bottom: 35px; }
  #trial .imgBox .img_box { /* width: calc(50% - 15px); */ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; }
  #trial .imgBox .area { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  #trial .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #trial .txt { margin-bottom: 40px; }
  #trial .areaBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 70px; }
  #trial .areaBox .box { width: calc(50% - 15px); box-sizing: border-box; }
  #trial .areaBox .box .txt { margin-bottom: 20px; }
  #trial .areaBox .box + .box { margin-top: 0; }
  #trial .img_box { margin-bottom: 50px; }
  #trial .texts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; }
  #trial .texts .txt { width: calc(50% - 15px); box-sizing: border-box; margin-bottom: 0; }
  #trial .texts .txt + .txt { margin-top: 0; }
  #trial .areaBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding: 25px 100px; }
  #trial .areaBtn .btn { max-width: 280px; width: 280px; margin-top: 0; }
  #trial .areaBtn .btn a { height: 85px; }
  #trial .areaBtn .btn a:before { height: 85px; }
  #trial .areaBtn .btn + .btn { margin-top: 0; margin-left: 30px; } }