@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;
  --enexfleet-color: #2dbfc2;
  --enexE-color: #67bee9;
  --enexW-color: #6aba5f;
  --kokura-color: #0f66b6;
  --white-color: #fff;
}


.history_copy {font-family: var(--font-Mincho); color:var(--blue-color); font-weight: 500; font-size: clamp(18px, 2.2vw, 22px); text-align: center; margin:0 auto 10px auto;}
.history_txt {text-align: center; margin:0 auto 10px auto;}
h2.history_title {background-color:var(--blue-color); color:var(--white-color); width:60%; margin:0 auto; border-radius: 8px; padding:8px 0 13px 0; font-size: clamp(21px, 2.2vw, 24px); margin-bottom:30px;}

/*中心に線を入れる*/
.hisbk {position: relative; padding:0 0 100px 0;}
.hisbk::before {content:""; display: block; width:5px; height:100%; background-color:#e0e5ee; position: absolute; top:0; right: 0; left: 0; margin: 0 auto; z-index:-10;}

.list__group {background-color:#e4f5ff; padding:30px; margin:0 auto 40px auto;}
.list__group ul {display: flex; flex-wrap: wrap; justify-content: center;}
.list__group ul li {margin:0 5px 10px 5px;}
.list__group label span {opacity: 0.5; display: block; cursor: pointer; background-color:var(--white-color); height:60px; line-height:60px; border-radius: 30px; width:300px; text-align: center;}
.list__group input[type=radio] {display: none;}
.list__group ul li input:checked + span {opacity: 1;}
.list__group ul li span label img {}

.logo__enexfleet {width:40%; vertical-align: -8px;}
.logo__enexE {width:80%; vertical-align: -6px;}
.logo__enexW {width:80%; vertical-align: -6px;}
.logo__kokura {width:80%; vertical-align: -9px;}

/*寄せる方向*/
/*左寄せ*/
.side__l {margin:0 auto 0 0;}
/*右寄せ*/
.side__r {margin:0 0 0 auto;}

.side__r::before {left:-50px;}
.side__r::after {top:12px; left:-60px;}
.side__l::before{left:450px;}
.side__l::after {top:12px; left:488px;}


.box__history {background-color:#f6f9ff; border-radius: 8px; width:450px; position: relative; margin-bottom:30px;}
.box__history::before {content:""; display: block; width:50px; height:3px; position: absolute; top:20px; z-index: -1; }
.box__history::after {content:""; display: block; width:13px; height:13px; background-color:var(--white-color); border-radius: 50%; position: absolute; }
.box__history_inner {padding:20px;}

@keyframes fuwaMenu {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

.bottom__nav { margin-top: min(40px, 15vw); border-top: 1px solid #B2B2B2; padding-top: min(50px, 15vw); border-bottom: 1px solid #B2B2B2; padding-bottom: min(50px, 15vw); margin-top: min(80px, 15vw); }

/*グループ会社の色分け*/
.type__all {border:solid 1px var(--blue-color);}
.type__enexfleet {border:solid 1px var(--enexfleet-color);}
.type__enexE {border:solid 1px var(--enexE-color);}
.type__enexW {border:solid 1px var(--enexW-color);}
.type__kokura {border:solid 1px var(--kokura-color);}

.side__r.type__enexfleet::before , .side__l.type__enexfleet::before{background-color:var(--enexfleet-color);}
.side__r.type__enexfleet::after , .side__l.type__enexfleet::after {border:solid 4px var(--enexfleet-color);}

.side__r.type__enexE::before , .side__l.type__enexE::before{background-color:var(--enexE-color);}
.side__r.type__enexE::after , .side__l.type__enexE::after {border:solid 4px var(--enexE-color);}

.side__r.type__enexW::before , .side__l.type__enexW::before{background-color:var(--enexW-color);}
.side__r.type__enexW::after , .side__l.type__enexW::after {border:solid 4px var(--enexW-color);}

.side__r.type__kokura::before , .side__l.type__kokura::before{background-color:var(--kokura-color);}
.side__r.type__kokura::after , .side__l.type__kokura::after {border:solid 4px var(--kokura-color);}

.history__head {display: flex; justify-content: flex-start;}
.history__year {width:100px; text-align: center; padding:3px 0; height:35px; line-height:35px; font-family: var(--font-Mincho-B1); font-weight: 600; font-size: clamp(23px, 2.2vw, 24px); color:var(--white-color); border-bottom-right-radius: 7px; border-top-left-radius: 7px;}
.year__enexfleet {background-color:var(--enexfleet-color);}
.year__enexE {background-color:var(--enexE-color);}
.year__enexW {background-color:var(--enexW-color);}
.year__kokura {background-color:var(--kokura-color);}

.type__enexfleet .group__logo {width:170px; margin:20px 0 0 20px;}
.type__enexE .group__logo {width:270px; margin:20px 0 0 20px;}
.type__enexW .group__logo {width:270px; margin:20px 0 0 20px;}
.type__kokura .group__logo {width:270px; margin:20px 0 0 20px;}


dl.history__content {display: flex; justify-content: flex-start; line-height: 1.6; margin:0 0 15px 0;}
dl.history__content dt {color:#013396; font-size:120%; font-weight: 500; width:50px;}
dl.history__content dd {width:calc(100% - 50px); border-left:solid 1px var(--blue-color); padding:0 0 0 20px;font-size: clamp(14px, 3vw, 16px);}
.logo_other img {width:70%;}

.img__future {width:60%; margin:20px auto;}
.img__future img {}

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

}

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




@media screen and (max-width: 1400px) {
h2.history_title {width:100%; text-align: center;}
.hisbk::before {left: 30px; margin: 0 auto 0 0;}

.side__l , .side__r {margin:0 auto 0 0;}
.side__r::before , .side__l::before {left:-39px;}
.side__r::after , .side__l::after {top:12px; left:-60px;}
.box__history {width:88%;}
.box__history {margin:0 0 30px 80px;}
.box__history::before {width:50px;}

.img__future {width:80%; margin:20px auto;}
}

@media screen and (max-width: 1024px) {
.box__history {width:80%;}
}

@media only screen and (max-width: 980px){
  .bottom__nav { margin-top: min(40px, 15vw); padding-top: min(45px, 15vw); padding-bottom: min(45px, 15vw); margin-top: min(45px, 15vw); }
}

@media only screen and (max-width: 600px){
.pcOnly {display: none;}

.type__enexfleet .group__logo ,
.type__enexE .group__logo ,
.type__enexW .group__logo ,
.type__kokura .group__logo {width:70%; margin:20px 5% 0 20px;}
.box__history { margin: 0 0 30px 55px; }  
.hisbk::before { left: 20px; }
.side__r::after, .side__l::after { left: -45px; }
.hisbk { padding: 0 0 50px 0; }
}


@media only screen and (max-width: 330px){
.pcOnly {display: none;}

.list__group {padding:20px 10px 10px 10px;}
.list__group ul {width:100%; margin:0 auto; display: block;}
.list__group ul li {margin:0 auto 10px auto;}
.list__group label {width:100%;}
.list__group label span  {width:100%;}

}