@charset "UTF-8";

/* TODO  GRID ━━━━━━━━━━━━━━━━━━━━━━━▽━ */
/*! 第一グリッドコンテナ*/
.grid{
   grid-template:
      "head" 131px
      "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) ;
   background-repeat: no-repeat;
   background-position: 20% 0%; 
   width: 96%;
   background-size:cover;
   /* background-size: auto; */
   background-image: url(../image/sub-page/visual-back_sub.jpg);
    /* ビジュアル画像 */
    /*⇐ sub-common.css */
}

/*! H  NAVメニュー */
.sel-3{
   margin-top: -45px;
}


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


/*! main area layout */

.m-contents-1{
   grid-area:main;
   margin-top: 80px;
}

/*! main grid area block */
/* タイトルと説明内容エリア */
/*★★★*/
main > div > div {
   width: 90%;
   margin: auto;
}
/*! M  会社概要 */
/*★★★*/
.m-contents-1{
   grid-area: m-1-A;
   margin-bottom: 100px;
}
/*★★★*/
.m-contents-2{
   grid-area:m-1-B ;
}




/* テーブル */
table{
   max-width: 880px;
   width: 100%;
   border-collapse: collapse;
}

table tr {
   border-top:1px solid #0009b5;
   border-bottom: 1px solid #0009b5;
   /*※ ボーダーのためにtableにborder-collapse: collapseが必要*/
 }

 table th {
   width: 30%;
   min-width: 226px;
   padding: 10px ;
 }
 table td {
   padding:25px 1% 25px 5%;
 }
 table th p,
 table td p{
   line-height: 1.6;
 }
 
 .td-div{
   padding: 20px 0;
}
.td-div:nth-child(-n+2){
   border-bottom: 1px dashed  #696ecb;
}


@media screen and (min-width:514px){
   h2 br,small br{
      display: none;
   }
}



 /* sp */
 @media only screen and (max-width: 770px) {
   table{
      margin: 0 1%;
   }
   .table-1{
      margin-bottom: 0px;
   }

   table th,
   table td {
     width: 100%;
     display: block;
   }

   table th {
     width: 100%;
     border-bottom: 1px solid #0009b5;
   }


   table tr{
         border-top: 4px double #0009b5;}
 }
 .img-staff-sub1{
   margin: 0 auto;
   margin-top:60px;
   padding: 0 3%;
}

 @media screen and (min-width:780px){
   .table-1{
      margin-bottom: 70px;
     }


 }