@charset "UTF-8";

/*----------------------------------------
法人・個人事業主のお客様ページは以下を挿入
----------------------------------------*/ 
/*下層ヘッダー背景グラデ*/
.pages_head { background: #41D6C5;
background: linear-gradient(90deg,rgba(65, 214, 197, 1) 0%, rgba(43, 198, 150, 1) 100%); }
 
/*サイドメニュー色変*/
.side_nav .side_nav_box { background: #C7F7EE; }
.side_nav a { color: #232323; }
.side_nav a:hover { color: #232323; background: #bae8df; }
.side_nav a.is-active { color: #232323; background: #a5e8db; font-weight: 700; font-weight: 700; }
 
/*----------------------------------------
END 法人・個人事業主のお客様ページは以下を挿入 END
----------------------------------------*/ 

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

.txt-intro {margin:20px auto 30px auto;}
.logistics__title {color:var(--blue-color);}
.logistics__list {margin:0 auto 70px auto;}

.flex__inner { display: flex; align-items: flex-start; justify-content: space-between; gap: clamp(20px, 5vw, 40px); max-width: 1200px; margin: 0 auto 60px auto; }
.flex__content { flex: 1 1 48%;}
.flex__inner p {margin:0 auto 20px auto;}
.flex__content > img { margin-bottom: 10px; }
.flex__adblue__photo { flex: 1 1 45%;}
.flex__adblue__photo p {width:90%; text-align: center; margin:0 auto;}
.flex__adblue__content { flex: 1 1 40%;}
.title__adblue__about {color:var(--blue-color); font-family: var(--font-Mincho-B1); font-weight: 600; font-size: clamp(24px, 2.2vw, 28px); margin-bottom:10px;}

.eneflenet-banners { display: grid; grid-template-columns: repeat(2,minmax(280px,1fr)); gap: clamp(14px,3vw,28px); margin: 20px 0 0; }
.enefle-card { display: grid; align-items: center; border:1px solid var(--blue-color); text-decoration: none; background: #fff; transition: box-shadow .2s ease, transform .1s ease, background-color .2s ease; }
.enefle-card:hover { box-shadow: 0 8px 20px rgba(0,0,0,.08); background-color: #f7fbff; transform: translateY(-1px); }

.enefle-card--guide { grid-template-columns: clamp(160px,26vw,160px) 1fr; }
.enefle-card__media { position: relative; overflow: hidden; height: 100%; display: grid; place-items: center; }
.enefle-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.enefle-card__text { padding: clamp(12px,2.6vw,24px) clamp(16px,3vw,28px); display: grid; gap: .35em; color: #323232; }
.enefle-card__title { font-size: clamp(14px, 3vw, 16px); letter-spacing: .04em; }
.enefle-card__sub { font-size: clamp(14px, 3vw, 16px); }

.enefle-card--login { place-items: center; padding: clamp(10px,2.6vw,20px); }
.enefle-card__center { width: min(92%, 760px); display: grid; place-items: center; }
.enefle-card--login img { width: 100%; height: auto; display: block; }

.about__order {background-color:#F6F9FF; padding:4%;}
.about__order__flex {display: flex; align-items: center; justify-content: space-between; gap: clamp(20px, 5vw, 40px); margin: 0 auto;}
.about__order__flex__logo {flex: 1 1 5%;}
.about__order__flex__logo p {width:100%;}
.about__order__flex__content {flex: 1 1 40%;}
.about__order a.c-button-more { margin-top: 20px; }

.pcOnly {display: none;}

@media screen and (max-width: 1400px) {
.pcOnly {display: block;}

}

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

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

@media only screen and (max-width: 980px){
  .flex__inner { flex-direction: column; gap: 30px; }
  .flex__content, .flex__content { flex: 1 1 100%; }
  .eneflenet-banners { grid-template-columns: 1fr; }
  .enefle-card__media { min-height: 140px; }
  .enefle-card__text { text-align: center; }
  
}

@media only screen and (max-width: 600px){
  .about__order { padding: 7%; }
  .about__order__flex { display: block; }
  .about__order img { width: 50%; margin: 0 auto 10px; display: block; }
  .about__order a.c-button-more { margin-top: 10px; }
  .c-button-more { display: block; }
}