@charset "UTF-8";
/*** page-ttl ***/
.page-head--company {
  position: relative;
  background: url('../img/company/page-ttl-bg_s.jpg') center/cover no-repeat;
  width: 100%;
  height: 180px;
  aspect-ratio: 375 / 180;
  margin: 0;
  animation: loading 1s;
}

@media (min-width:768px){
.page-head--company {
  background-image: url('../img/company/page-ttl-bg_m.jpg') ;
  height: 280px;}
}
@media (min-width:1160px){
.page-head--company {
  background-image: url('../img/company/page-ttl-bg_l.jpg') ;
  height: 320px;
  }
}

/***　philosophy ***/
.philosophy__item,.outline__item { display: grid; gap:20px;}
.outline__head,
.philosophy__head {
  font-size: clamp(1.8rem,2.34375vw,2.4rem);
  color:var(--color-blue);
}
.outline__head .u-small { font-size: 16px;}

@media (min-width: 1160px){
  .philosophy__item,.outline__item {gap:30px;}
  .outline__head .u-small { font-size: 18px; }
}

/*** message ***/
.message__box {
  border: 2px solid var(--color-blue);
  border-radius: 8px;
}
.message__box .sec__ttl { padding: 40px 0;}
.message__box .sec__body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: 0;
} 
.message__box .message__box-inner {
  max-width: 700px;
  width: 83.7320574%;
  margin: auto;
  background-image: linear-gradient(to right, var(--color-blue) 3px, transparent 3px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  background-position: top;
  padding: 40px 0;
}
.message__box .u-right { font-size: 18px; margin-top: 16px;}

/***　outline　***/
th, td { display: block; width: 100%;}
th {border-top: 1px solid #bbb;}
.outline__table { 
  padding-bottom: 16px;
  border-bottom: 1px solid #bbb;
}
.outline__table tr {
  display: block;
  margin-top: 18px;
}
.outline__table th {
  width: 100%;
  text-align: left;
  line-height: 1;
  padding-top: 16px;
  padding-bottom: 13px;
}
.outline__table td {
  width: 100%;
  margin-block: var(--leading-trim);
  word-break: break-all;
}
.outline__item-sdgs {
  display: grid;
  gap:30px;
  width: 276px;
  margin: 10px auto 0;
}
.outline__item-sdgs img {padding: 8px; border: 1px solid #ddd; margin: auto; }

@media (min-width: 768px){
  .u-sp { display: none;}
  .outline__table { padding-bottom: 0;}
  .outline__table tr {display: flex; margin-top: 0;}
  .outline__table th {
    max-width: 180px;
    padding-left: 42px;
    padding-top: 16px;
    margin-block: var(--leading-trim);
  }
  .outline__table ul{ padding: 6px 0;}
  .outline__table td {
    border-top: 1px solid #bbb;
    padding: 10px 0;
    margin-block: unset;
  }
  .outline__item-sdgs {
    max-width: 840px;
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }
  .outline__item-sdgs img {width: 100%;}
}
@media (min-width: 1080px){
  .u-pc { display: none;}
  .outline__table th { max-width: 173px; padding-left: 13px;}
}
/*** access ***/
.access__item { display: grid; gap:30px;}
.access iframe {
  width : 100%;
  height: 320px;
}
.access__office {
  display: grid;
  gap:30px;
  width: 272px;
  grid-template-columns: repeat(auto-fit, minmax(276px, 1fr));
  margin: auto;
}
@media (min-width: 768px){
.access__item { gap:50px;}
.access iframe { height: 420px;}
.access__office{ width: 672px;}
}
@media (min-width: 1160px){
.access__item { gap:40px;}
.access iframe {
   width: 1160px;
   margin: 0 -160px;
  }
.access__office { width: 840px;}
}