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



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




/*3列 テキスト＋画像＋テキスト*/

/*　黄色　フルパッケージ　*/
.main_ye {
  display: flex;
  flex-wrap: wrap;
}
.main_ye section {
  flex-grow: 2;
    flex-shrink: 2;
    flex-basis: 200px;
  margin: 8px;
  background: #fff;
  box-shadow: 0 2px 6px #ccc;
}
.main_ye h3 {
  color: #585757;
  font-size: 120%;
font-weight: bold;
  padding: 10px 12px;
background-color: #fede77;
text-align: center; 
}
/*　　↓▼　　*/
.sankakucenter_s{
	width: 100%;
	margin: 0 auto;
}
.sankaku_s_ye{
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #fede77;
}


/*　青色　差分パッケージでの配布　*/
.main_sb {
  display: flex;
  flex-wrap: wrap;
}
.main_sb section {
  flex-grow: 2;
    flex-shrink: 2;
    flex-basis: 200px;
  margin: 8px;
  background: #fff;
  box-shadow: 0 2px 6px #ccc;
}
.main_sb h3 {
  color: #585757;
  font-size: 120%;
font-weight: bold;
  padding: 10px 12px;
background-color: #7adffe;
text-align: center; 
}
/*　　↓▼　　*/
.sankaku_s_sb{
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #7adffe;
}





.checkli {
    width: fit-content;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.checkli li{
    position: relative;
    padding-left: 15px;
margin-bottom: 10px;
line-height: 1.5em
  }
 
.checkli li:before {
    content: "";
    position: absolute;
    top: .2em;
    left: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 10px;
    border-right: 3px solid #29abe2 ;
    border-bottom: 3px solid #29abe2 ;
  }





/*  グレー注釈文字   */
 .note { display: inline-block; font-size: 1.1rem; text-align: left; color: #999999; }

@media all and (min-width: 600px) { 
 .note { font-size: 1.4rem; } }

/*  レスポンシブ対応の横スクロール
---------------------------------------- */

.scroll-table {
  overflow: auto;
  white-space: nowrap;
}

@media all and (min-width: 600px) { .scroll-table {
  overflow: visible;
  white-space: nowrap;
}
}
.mod_table02 td { padding: 5px !important; vertical-align: middle; text-align: center; line-height: 1.5em; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.mod_table02 th { padding: 5px !important; vertical-align: middle; text-align: center !important;  line-height: 1.5em;}
.bgye { background-color: #ffffcc; }
.bglb { background-color: #def1fb !important; }




/*　テキスト 濃い青　*/
.dbl { color:#0071D2}
/*　テキスト オレンジ　*/
.dor { color:#FF9900}




/*  字下げ */
.indent-1t5 {
padding-left:1.25em;
text-indent:-1.25em;
}

/* 丸数字のリスト
<ul class="numbers">
	<li>&#9312;&nbsp;</li> 
	<li>&#9313;&nbsp;</li>
</ul> */

ul.numbers li {
	list-style:none;
	text-indent:-1.5em;
	padding-left:1.5em;
	}




.solul{
	max-width: 1200px;
	margin:
	auto;
	width: 95%;
}
.solli{
	background:
	white;
	display: flex;
	margin: 30px 0;
	justify-content: space-around;
	padding: 20px;
	border: 1px solid #ccc; /* 枠線 */
}
.sol2{
	flex-direction: row-reverse;
}
.txtarea{
	max-width:840px;
	width:100%;
}
.soimg1{
	max-width: 380px;
	max-height: 400px;
	background:#fff;
	width:100%;
	text-align:center;
	display: flex;
	align-items: center;
	margin: 0 20px 0 0;
}
.sol2 .soimg1{
	margin:0 0 0 20px;
}
.soimg1 img{
	margin:	auto;
	width: 100%;
}
.txtarea p{
	font-size:25px;
	font-weight:700;
	line-height: normal;
	margin-bottom:10px;
	margin-top: 30px;
}




@media (max-width:600px) {
.solli{
	background:white;
	display: flex;
	margin: 10% auto 0;
	justify-content: space-around;
	padding: 20px;
	flex-direction: column-reverse;
	max-width: 500px;
	width: 95%;}
.sol2{
	flex-direction: column-reverse;}
.txtarea{
	max-width:840px;
	width:100%;}
.soimg1{
	max-width: 820px;
	max-height: 320px;
	background:#fff;
	width: 100%;
	height: 60vw;
	text-align:center;
	display: flex;
	align-items: center;
	margin: auto;}
.sol2 .soimg1{
	margin: auto;}
}


.bluet{
	color:#1F5BAA;
	font-size: 2.7rem;
	font-weight: 700;
}
@media (max-width:600px) {
.bluet{
	font-size: 2rem;
	font-weight: 700;}
}


.title2{
	display:
	flex;
	align-items: center;
}


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





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

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

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

/*　bold　*/
.bold {font-weight: bold !important; font-weight: 700;}
@media all and (min-width: 600px) { 
.bold {font-weight: bold !important; font-weight: 700;} }


/*　 ↓ボタン　*/
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;
}


/*　 ご提案　*/
.teian{
      display: flex;
      flex-wrap: wrap;
  justify-content: center;
    }
.teian_item{
      width:40%;
      margin:10px;
      padding:10px;
text-align: center;
 border: 3px solid #def1fb;
    }


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

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



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


/*  #point
================================================== */
#point .tit { margin-bottom: 20px; }
#point .txt { margin-bottom: 20px; }
#point .box { margin-bottom: 0; }
#point .img_box { margin-bottom: 30px; }

@media all and (min-width: 600px) { #point .img_box { margin-bottom: 0; }
  #point .tit { margin-bottom: 30px; } }


/*  #case
================================================== */
#case .tit { margin-bottom: 20px; }
#case .txt { margin-bottom: 20px; }
#case .box { margin-bottom: 0; }
#case .img_box { margin-bottom: 30px; }

@media all and (min-width: 600px) { #case .img_box { margin-bottom: 0; }
  #case .tit { margin-bottom: 30px; } }



/*  #type
================================================== */
#type .tit { margin-bottom: 20px; }
#type .txt { margin-bottom: 20px; }
#type .box { margin-bottom: 0; }
#type .img_box { margin-bottom: 30px; }

@media all and (min-width: 600px) { #type .img_box { margin-bottom: 0; }
  #type .tit { margin-bottom: 30px; } }


/*  #compare
================================================== */
#compare .tit { margin-bottom: 20px; }
#compare .txt { margin-bottom: 20px; }
#compare .box { margin-bottom: 0; }
#compare .img_box { margin-bottom: 30px; }

@media all and (min-width: 600px) { #compare .img_box { margin-bottom: 0; }
  #compare .tit { margin-bottom: 30px; } }



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



/* other
------------------------------------- */
#other { background: #eeeeee; }

#other .otherInner { padding-top: 50px; margin-bottom: 60px; }

@media all and (min-width: 600px) { #other .otherInner { padding-top: 90px; padding-bottom: 70px; } }