@charset "UTF-8";

/*----------------------------------------
企業情報カテゴリページは以下を挿入
----------------------------------------*/ 
/*下層ヘッダー背景グラデ*/
.pages_head { background: #013396;
background: linear-gradient(90deg,rgba(1, 51, 150, 1) 0%, rgba(1, 104, 150, 1) 73%); }

/*サイドメニュー色変*/
.side_nav .side_nav_box { background: #005496; }
.side_nav a { color: #fff; }
.side_nav a:hover { color: #fff; background: #03477d; }
.side_nav a.is-active { color: #005496; background: #d7ebeb; font-weight: 700; font-weight: 700; }

/*----------------------------------------
END 企業情報カテゴリページは以下を共通で挿入 END
----------------------------------------*/ 

:root {
  --blue-color: #013396;
  --white-color: #fff;
}

.ali-C {text-align: center;}
.ali-R {text-align: right;}
.ali-L {text-align: left;}
.txt-caption {font-size:80%;}

.local_impactTitle01 {font-family: var(--font-Mincho-B1); font-weight: 600; font-size: clamp(16px, 4vw, 25px); line-height: 1.6; margin-bottom: 40px; text-align: center;}
.local_impactTitle02 {font-size: clamp(16px, 4vw, 17px); font-weight: 600; margin-bottom:15px;}
.intro__img {width:86%; margin:0 auto 30px auto;}
.intro__img img {}

.local_impact__list {margin:0 auto 70px auto; }

.photo__earthquake {margin:0 auto 20px auto;}

.title__station_list {color:var(--blue-color); font-size: clamp(16px, 4vw, 22px); position: relative; font-weight: 500; padding:0 0 0 15px; margin-bottom:20px;}
.title__station_list::before {
    content: "";
    display: block;
    width: 3px;
    height: 36px;
	position: absolute; top:0; left:0;
    background-image: -webkit-linear-gradient(270deg,rgba(0,200,200,1.00) 0%,rgba(1,51,150,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,200,200,1.00) 0%,rgba(1,51,150,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,200,200,1.00) 0%,rgba(1,51,150,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,200,200,1.00) 0%,rgba(1,51,150,1.00) 100%);
}

.flex__content .c-button { margin: 30px auto 80px 0; }

.table__station_list {border-top:solid 1px #c1f1f1; border-right:solid 1px #c1f1f1; width:100%; line-height:1.6; margin-bottom:20px; font-size: clamp(14px, 3vw, 16px); }
.table__station_list th {border-bottom:solid 1px #c1f1f1; border-left:solid 1px #c1f1f1; padding:10px 15px; background-color:#e5f9f9; font-weight: 600;}
.table__station_list td {border-bottom:solid 1px #c1f1f1; border-left:solid 1px #c1f1f1; padding:20px 15px;}
.table__station_list a { color: #323232; }
.table__station_list a:not(.none)::after { content: ''; display: inline-block; background: url(../img/common/icon_link.svg) no-repeat; background-size: contain; width: 15px; height: 12px; margin-left: 5px; }

a.txt_link { color: var(--blue-color); text-decoration: underline; font-size: clamp(14px, 3vw, 16px); transition: .5s; }
a.txt_link svg { width: 12px; height: 12px; margin-right: 10px; }

.flex__inner { display: flex; align-items: flex-start; flex-direction: row-reverse; gap: clamp(20px, 5vw, 40px); max-width: 1200px; margin: 0 auto 30px auto; }
.flex__img { flex: 1 1 35%; }
.flex__img img { width: 100%; height: auto; display: block; }
.flex__content { flex: 1 1 65%;}
.flex__content h5 {color:var(--blue-color); font-size: clamp(20px, 2.4vw, 20px); font-weight: 500; margin:0 0 10px 0;}

.flex__inner02 { display: flex; align-items: flex-start; gap: clamp(20px, 5vw, 40px); max-width: 1200px; margin: 0 auto 30px auto; }
.flex__photo { flex: 1 1 48%; }
.flex__photo img {margin-bottom:10px;}
.facility__outline {}
.facility__outline li {line-height:2;}
.facility__outline li span.tank_storage_capacity  {margin-left:20px;}


@media (hover: hover) and (pointer: fine) {
  a.txt_link:hover { opacity: .5; }
}

@media screen and (min-width: 1201px) {
.spOnly {display: none;}

}

@media (hover: hover) and (pointer: fine) {
}

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1024px) {

}

@media only screen and (max-width: 980px){
  .flex__inner { flex-direction: column; gap: 30px; }
  .flex__img {width:80%; margin:0 auto; }
  .flex__content { flex: 1 1 100%; }
  .flex__inner02 { flex-direction: column; gap: 30px; }
.flex__photo { flex: 1 1 100%; }
.pcOnly {display: none;}
}

@media only screen and (max-width: 600px){


}