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



/*  #archive
================================================== */
#archive .inner { padding-top: 35px; margin-bottom: -16px; }

#archive .tablistwrap { overflow-x: auto; width: 100%; margin: 0 0 25px; padding: 0 0 25px; border-bottom: solid 1px #e2e2e2; }

#archive .tablistwrap .tablist { margin: 0; /* min-width: 970px; margin-left: -20px; */ }

#archive .tablistwrap .tablist .tabitem { width: calc(33% - 10px); margin: 5px; border-radius: 3px; }

#archive .list .item { padding-top: 60px; margin-top: -60px; margin-bottom: 35px; /* +.item{ margin-top: -15px; } */ }

#archive .list .item:nth-child(even) { border-bottom: 1px solid #e2e2e2; margin-bottom: 40px; padding-bottom: 34px; }

#archive .list .item .date { font-size: 1.3rem; font-weight: 700; }

#archive .list .item .tit { margin-bottom: 20px; font-size: 1.7rem; line-height: 1.6; font-weight: 700; color: #1cacda; }

#archive .list .item .box .img { margin-bottom: 18px; position: relative; }

#archive .list .item .box .img .cat { position: absolute; width: 100%; left: 0; bottom: 0; padding: 2px 0; background: rgba(1, 108, 177, 0.9); font-size: 2.1rem; font-weight: 700; text-align: center; color: #fff; }

#archive .list .item .box .areaTxt .txt { margin-bottom: 22px; }

#archive .list .item .box .areaTxt .btn { margin: 0 25px; }

@media all and (min-width: 600px) { #archive .inner { padding-top: 36px; margin-bottom: -27px; }
  #archive .tablistwrap { padding: 0 0 50px; margin: 0 -10px 40px; }
  #archive .tablistwrap .tablist { min-width: 1100px; }
  #archive .tablistwrap .tablist .tabitem { width: 210px; }
  #archive .tablistwrap .tablist .tabitem.is_wide { width: 150px; }
  #archive .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; margin-right: -20px; margin-left: -20px; }
  #archive .list .item { width: 50%; box-sizing: border-box; border-bottom: 1px solid #e2e2e2; margin-bottom: 32px; padding-bottom: 41px; padding-right: 20px; padding-left: 20px; padding-top: 90px; margin-top: -90px; /* +.item{ margin-top: 0; } */ }
  #archive .list .item:nth-child(even) { margin-bottom: 32px; padding-bottom: 41px; }
  #archive .list .item .date { margin-bottom: 5px; font-size: 1.5rem; }
  #archive .list .item .tit { margin-bottom: 21px; font-size: 2rem; }
  #archive .list .item .box { 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; }
  #archive .list .item .box .img { width: calc(53.5% - 13px); box-sizing: border-box; margin-bottom: 0; }
  #archive .list .item .box .img .cat { top: 126px; bottom: auto; padding: 1px 0; font-size: 2.2rem; }
  #archive .list .item .box .areaTxt { width: calc(46.5% - 13px); box-sizing: border-box; margin-top: -5px; }
  #archive .list .item .box .areaTxt .txt { margin-bottom: 22px; font-size: 1.5rem; }
  #archive .list .item .box .areaTxt .btn { width: 150px; margin: 0 auto; }
  #archive .list .item .box .areaTxt .btn a { padding: 4px 10px 2px 20px; font-size: 1.3rem; text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  #archive .list .item .box .areaTxt .btn a:after { right: 20px; } }


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



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



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