/* #gHeader
================================================ */
#gHeader { border-bottom: 1px solid  #0f7cbb; }

#eng-doc #mainImg .tit { font-family: 'Noto Serif JP', sans-serif; font-size: 2.1rem; }

@media all and (min-width: 600px) { #eng-doc #mainImg .tit { font-size: 4rem; } }

@media all and (min-width: 600px) { #eng-doc #mainImg .tit .sub { font-size: 3.0rem; } }

/* 白い大きいタイトルはheader.php参照 */

/* #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; }

@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; } }



/*  装飾
================================================== */


/*　テキストサイズ　*/
.fts180p{font-size: 100%;}
.fts200p{font-size: 100%;}
.fts220p{font-size: 100%;}
@media screen and (min-width:600px) {
.fts180p{font-size: 180%;}
.fts200p{font-size: 200%;}}
.fts220p{font-size: 220%;}}



/*枠線 画像＋テキスト*/

.f-box{
  padding:10px;
  display : flex;
  flex-wrap : wrap;
  justify-content:space-between;
}
.f-box::after{
  content:"";
  display: block;
  width:100%;
}
.f-boxitem{
  border: 1px solid #ccc;
  padding:20px;
  margin-bottom:10px;
  box-sizing:border-box;
  width:100%;
}
.f-boxitem h1 {
  color: #195aa5;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}
.f-boxitem p {
}
.f-boxitem img {
margin-right:10px; float: left; width: 70px;
}


@media screen and (min-width:600px) {
.f-box::after{
  width:49.2%;
}
.f-boxitem{
  width:49.2%;
}
.f-boxitem img {
margin-right:10px; float: left; width: 140px;
}



/*　テキストサイズ　*/
.fts180p{font-size: 100%;}
.fts220p{font-size: 100%;}
@media screen and (min-width:600px) {
.fts180p{font-size: 180%;}
.fts220p{font-size: 220%;}}





.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; }  }





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

@media all and (min-width: 600px) { #task .imgBox { margin-bottom: 35px; }
  #task .imgBox .img_box { /* width: calc(50% - 15px); */ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; }
  #task .imgBox .area { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  #task .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #task .txt { margin-bottom: 40px; }
  #task .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: 30px; }
  #task .areaBox .box { width: calc(50% - 15px); box-sizing: border-box; }
  #task .areaBox .box .txt { margin-bottom: 20px; }
  #task .areaBox .box + .box { margin-top: 0; }
  #task .img_box { margin-bottom: 50px; }
  #task .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; }
  #task .texts .txt { width: calc(50% - 15px); box-sizing: border-box; margin-bottom: 0; }
  #task .texts .txt + .txt { margin-top: 0; }
  #task .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; }
  #task .areaBtn .btn { max-width: 280px; width: 280px; margin-top: 0; }
  #task .areaBtn .btn a { height: 85px; }
  #task .areaBtn .btn a:before { height: 85px; }
  #task .areaBtn .btn + .btn { margin-top: 0; margin-left: 30px; } }



/*  #step1
================================================== */

#step1 .inner { padding-bottom: 50px; }
#step1 .subTit { font-size: 1.7rem; font-weight: 700; text-align: center; color: #1cacda; }
#step1 .txt { margin-bottom: 15px; }
#step1 .list { counter-reset: num; }
#step1 .list .item { background: #fff; border: 1px solid  #c6c6c6; counter-increment: num; padding: 23px 25px 25px; position: relative; }
#step1 .list .item + .item { margin-top: 15px; }
#step1 .list .item .copy {  font-size: 1.5rem; font-weight: 700; border-bottom: 1px solid #c6c6c6; position: relative; margin-bottom: 9px; padding-bottom: 14px; }
#step1 .list .item .childList { margin-bottom: 0; }
#step1 .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }


@media all and (min-width: 600px) { 
  #step1 .inner { padding-top: 120px; padding-bottom: 119px; }
  #step1 .subTit { font-size: 2.4rem; }
  #step1 .txt { margin-bottom: 30px; }
  #step1 .list {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; }
  #step1 .list .item { width: calc(33.33% - 17px); box-sizing: border-box; padding: 27px 20px 35px 35px; }
  #step1 .list .item + .item { margin-top: 0; }
  #step1 .list .item .copy { font-size: 1.8rem; line-height: 1.5; margin-bottom: 12px; padding-bottom: 15px; text-align: center; 
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; 
}
  #step1 .list .item .childList .childItem { font-size: 1.5rem; }
  #step1 .copy { margin-bottom: 5px; font-size: 1.8rem; }  
 }



/*  #step2
================================================== */

#step2 .inner { padding-bottom: 50px; }
#step2 .subTit { font-size: 1.7rem; font-weight: 700; text-align: center; color: #1cacda; }
#step2 .txt { margin-bottom: 15px; }
#step2 .list { counter-reset: num; }
#step2 .list .item { background: #fff; border: 1px solid  #c6c6c6; counter-increment: num; padding: 23px 25px 25px; position: relative; }
#step2 .list .item + .item { margin-top: 15px; }
#step2 .list .item .copy {  font-size: 1.5rem; font-weight: 700; border-bottom: 1px solid #c6c6c6; position: relative; margin-bottom: 9px; padding-bottom: 14px; }
#step2 .list .item .childList { margin-bottom: 0; }
#step2 .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }


@media all and (min-width: 600px) { 
  #step2 .inner { padding-top: 120px; padding-bottom: 119px; }
  #step2 .subTit { font-size: 2.4rem; }
  #step2 .txt { margin-bottom: 30px; }
  #step2 .list {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; }
  #step2 .list .item { width: calc(33.33% - 17px); box-sizing: border-box; padding: 27px 20px 35px 35px; }
  #step2 .list .item + .item { margin-top: 0; }
  #step2 .list .item .copy { font-size: 1.8rem; line-height: 1.5; margin-bottom: 12px; padding-bottom: 15px; text-align: center; 
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; 
}
  #step2 .list .item .childList .childItem { font-size: 1.5rem; }
  #step2 .copy { margin-bottom: 5px; font-size: 1.8rem; }  
 }




/*  #back-btn f3f3f3
================================================== */
#back-btn .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #e5f0f7; }
#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 .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #back-btn .areaBtn .btn a { padding: 20px 0 19px; } }