@charset "Shift_JIS";

/* **************************************************

Name: add_style.css

Description: Sub CSS

Create: 2025.09.05
Update: 2025.09.20

Copyright 2025 Hitachi,
Ltd.

***************************************************** */


/* ----------------------------------------------------------------------------------------

環境への取り組み　Modify Setting

------------------------------------------------------------------------------------------- */

/*
フォントサイズリセット
=========================================================================================== */
.TextStyle1.fsL {font-size: 110%;}
/*ul .ListStyle1 {font-size: 100%;}*/

table.font_s_01 th,table.font_s_01 td {font-size: 96%;}

.CenterPosLR {
display: flex;
justify-content: center;}


/*
画像＋テキストコンテナ
=========================================================================================== */
.img-container{
  display:flex;
  gap: 30px;
/*  justify-content:center;*/
align-items: center;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
 .img-container{
  flex-direction: column;
  }
   .img-container div{
   width: 90%;
   }
} 
.img-container.nonImg span{
display: block;
width: 160px;
}

div.img-container dl.img_DL dt {
clear: both;
float: left;
line-height: 140%;
font-size: 90%;
}
div.img-container dl.img_DL dd {
margin: 0 0 0.5em 4em;
line-height: 140%;
font-size: 90%;
}


/*
ブランディング画像
=========================================================================================== */
.EnvBrandingImg {
overflow: hidden;
background: #fff url("/environment/image/branding_pc.jpg") no-repeat center center / cover;
height: 400px;
position: relative;
max-width: 1950px;
margin: 0 auto;
margin-bottom: 50px;
}
@media screen and (max-width: 1304px) {
.EnvBrandingImg {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 767px) {
.EnvBrandingImg {
    background: #fff url("/environment/image/branding_sp.jpg") no-repeat center center / cover;
    aspect-ratio: 9 / 5;
    height: auto;
  }
}

/*
ボタン
=========================================================================================== */
.stretched-link::after{
  position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0);
}
.button-container {
grid-template-columns: repeat(6, 1fr);
display: grid;
gap: 25px;
margin-bottom: 50px;
}
@media (max-width: 994px) {
  .button-container {
  gap: 15px;
  }
}
@media (max-width: 767px) {
  .button-container {
  grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 579px) {
  .button-container {
  grid-template-columns: repeat(2, 1fr);
  }
}

.button-container button {
position:relative!important;
border: none;
background-color: #faf0dc;
border-radius: 10px;
padding: 20px 15px 34px;
box-sizing: border-box;
display: grid;
align-items: center;
}
.button-container button:hover,
.button-container button:active {
background-color: #dfd6c4;

}
.button-container button img {
margin-bottom: 15px;
}
.button-container a {
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Arial, Helvetica, sans-serif;
color: #6e6657;
display: block;
margin-bottom: 18px;
text-decoration: none;
font-weight: bold;
font-size: 116%;
}
.Arrow {
display: flex;
justify-content: center;
color: #6e6657;
} 
.Arrow::after {
content: '';
width: 70%;
height: 5px;
border-bottom: solid 1px;
border-right: solid 1px;
transform: skew(45deg);
color: #6e6657;
}

/*
表組
=========================================================================================== */
.EnvTable01 th.Head01 {background-color: #b5db91;}
.EnvTable01 th {background-color: #d3eabd;}
.EnvTable01 th, .EnvTable01 td {border: solid 1px #679839 !important;}