@charset "UTF-8";


/* TODO  GRID ━━━━━━━━━━━━━━━━━━━━━━━▽━ */
/*! 第一グリッドコンテナ*/
.grid{
   grid-template:
      "head" 731px
      "main" 1fr
      "foot" auto;
      /* ⇒ common.css */
}

header{
   grid-area: head; /*grid "head" */
   display: grid;
   grid-template-columns:repeat(6, 1fr) ;
   grid-template-rows:repeat(4, 1fr) 128px;
   background-position: 20% 80%; 
   background-repeat: no-repeat;
   background-size:cover;
   /* background-imagexy ⇒a-top.css */
   /* background-imagexy ⇒a-sub-common.css */
}
header{
    background-image: url(../image/top-img/visual-back_04.jpg);
     /* ビジュアル画像 */
}

/*! H ビジュアル下部 */
.lead-text{
   grid-column: 1/9;
   text-align: center;
   border-top: 12px solid #ffbc00;
   line-height: 1.8;
   color: #fff;
   display:grid;
	align-items:center;
   height: 120px;
   /* border: solid 1px #f00; */
}

/*! H 三行リード文 */
.sel-5{
   grid-column: 3 / 9;
	grid-row: 2 / 5;
}

.lead-Sentence-1 ul{
	font-weight: 700;
   margin-top: 50px;
   height: 100%;
}
.lead-Sentence-1 ul li{
   margin: 0 0 40px 0;
}
.lead-Sentence-1 ul li span{
	background-color: rgba(252, 255, 255, 0.519);
   padding:0 1%;
}
.lead-Sentence-1 ul li span:hover{
	background-color: rgba(252, 255, 255, 0.793);
}
/*! H  NAVメニュー */
.sel-3{
   margin-top: -70px;/* sub.common.css ⇒ */
}
/*! 働き方に悩･･･ */


/* TODO ━━ HEADER ━━━━━━━━━━━━━━━━━━━△━ */
/* ///////////////////////////////////////////////////////////// */
/* TODO ━━ MAIN ━━━━━━━━━━━━━━━━━━━━━▽━ */


/*! main area layout */
/*  main二層目グリッドコンテナ */
.main-aria{
   display: grid;
   grid-area:main;/* ⇒[親グリッドコンテナ.gridgrid "main" a-gid-common.css]*/
   grid-template: /* gridアイテム(子要素) */
	/* 縦横３ブロックの場合 */
	/* 左から１行目２行目３行目･･･ */
   "...  .....    .....    .....  ..." 80px
	"...  m-1-A    m-1-A    m-1-A  ..." .6fr /* 現場監督の働き方 */
   "...  .....    .....    .....  ..." 30px
   "...  m-1-B    m-1-B    m-1-B  ..." .8fr /* 3画像 */
   "...  .....    .....    .....  ..." 60px
   "...  m-2-C    m-2-C    m-2-C  ..." .7fr/* 会社の特色 */
   "...  .....    .....    .....  ..." 170px
   "...  m-2-D    m-2-D    m-2-D  ..." 130px /* 鉄骨 */
   "...  .....    .....    .....  ..." 170px
   "...  m-2-E    m-2-E    m-2-E  ..." 1.5fr /* 現場監督とは */
   "...  .....    .....    .....  ..." 120px
   "...  m-2-F    m-2-F    m-2-F  ..." auto
 / auto   1fr     auto      1fr   auto;
}


/*! main grid area block */
/* タイトルと説明内容エリア */
main > div > div {
   width: 100%;
}
/* 現場監督の働き方 */
/*★★★*/
.m-contents-1{
   grid-area: m-1-A;
}


/* 3イメージ写真 */
.m-contents-2{
   grid-area:m-1-B ;
}
   .m-contents-2 img{
      margin:1%;
      object-fit:contain;
   }

/* 会社の特色 */
/*★★★*/
.m-contents-3{
   grid-area:m-2-C ;
}
   .m-contents-3 img{
      object-fit: contain;
   }
/* 鉄骨 */
.m-contents-4{
   grid-area:m-2-D ;
   display: grid;
   justify-content: center;
   background-color: #5f1201a6
}
   .m-contents-4 img{
      object-fit: cover;
   }
/*★★★*/
.m-contents-5{
   grid-area:m-2-E ;
}
/* 白板スタッフイラスト */
   .m-contents-5-a{
      margin:50px auto;
   }
   /* 説明文 (弊社は･･･) */
   .m-contents-5-b{
      margin-left: 2%;
   }
   /* 説明文 (専門的で･･･) */
   .m-contents-5-c{
       margin-left: 2%;
   }
   /* :建設中 */
   .m-contents-5-c img{
      padding-top: 30px;
      margin: auto;
   }

.m-contents-6{
   grid-area:m-2-F;
   border-top: solid 6px #0d2986;
   padding: 60px 0 55px 0;
   display: grid;
   /* place-content: center; */
   justify-items: center;
   /* align-items: center; */
}
  .m-contents-6 p{
      font-size: 1em;
      text-align: center;
      margin-left: -10PX;
  }

/* TODO ━━ MAIN ↑↓ ━━ */


/*! アンダーライン */
.span-1{
   background: linear-gradient(transparent 80%,  #fbc00b 80%);
}

/* TODO ━━ MAIN ↑↓ ━━ */

.catch-copy-2{
   margin-top: 40px;
}

/*! 会社の特色 */
.list-style-1{
   font-size: 1.5em;
   font-weight: bold;
   line-height: 2.2;
}
.list-style-1 li::before{
   content: '▶';
   color: #ff960d ;
   padding-right: 5px;
}
.list-style-1 li:hover::before{
   color:#0009b5
}


/* 改行時2行目インデント */
.indent-2nd-line li{
   padding-left:1em;
	text-indent:-1.2em;
   line-height: 1.2;
   padding: 12px 0;
}
.img-staff-1{
   position:relative;
   left: 7%;
   border-bottom: 5px solid #fbc00b;
/* margin-left: 8%; */
}

/*MEDIA__863▼＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿863▼＿＿＿*/
@media screen and (max-width:863px){
   .m-contents-5-b{ margin-left:14%;
      margin-bottom: 25px;}
   .m-contents-5-c div:first-child{
      margin-left:12% ;
      margin-bottom: 30px;
   }
}

/*MEDIA__864▲＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿864▲＿＿＿ */
@media screen and (min-width: 864px) {

   .lead-Sentence-1 ul{
      margin-top: 70px;
      margin-left: 50px;
   }
   /* :建設中 */
   .m-contents-5-c img{
      margin-right: 30px;
   }
}

/* TODO ━━ MAIN ↑↓ ━━ */
/* TODO ━━ MAIN ━━━━━━━━━━━━━━━━━━━━━△━ */