@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;}

/*----------------------------------------
END 法人・個人事業主のお客様ページは以下を挿入 END
----------------------------------------*/ 

h3.leftline_ttl { position: relative; margin: 0 0 18px; padding-left: clamp(16px,2.2vw,22px); }
h3.leftline_ttl::before { content: ""; position: absolute; left: 0; top: .1em; bottom: .1em; width: 3px; background: linear-gradient(180deg,#5ad4c9 0%,#0f3a8d 100%); }

.anchor_links { display: flex; align-items: center; justify-content: space-between;}
.anchor_links a { width: 48%; transition: .5s; display: block; }
.type_wrap { display: flex; flex-direction: column; gap: 20px; }
.type_box {display: grid; grid-template-columns: 1fr 1fr 2fr; align-items: center; gap: clamp(16px, 3vw, 40px); background: #f5fbff; border-radius: 16px; padding: 32px 40px;}
.type_box .type_image { grid-column: 2; justify-self: center; }
.type_box .img { max-width:300px; width: 100%; margin: 0 auto; }
.type_box h3 { color: var(--blue-color); font-size: clamp(20px, 2vw, 24px); font-weight: 700; margin-bottom: 10px; }
.type_box p { font-size: clamp(14px, 2vw, 16px); line-height: 1.6; font-weight: 500;}
.type_box span { color: var(--blue-color); } 

#sec05 .driver-info { display: flex; gap: clamp(20px,4vw,40px); }
#sec05 .driver-info__img { flex: 1 1 45%; }
#sec05 .driver-info__img img { width: 100%; height: auto; display: block;}
#sec05 .driver-info__text { flex: 1 1 55%; }
#sec05 .driver-info__text h3 { font-size: clamp(18px,2.5vw,24px); margin-bottom: 20px; font-weight: 700; color: var(--blue-color); }
#sec05 .driver-info__text p { margin-bottom: 40px; }
#sec05 .driver-info__text ul { list-style: none; padding: 0; margin: 0; }
#sec05 .driver-info__text li { margin-bottom: .4em; position: relative; counter-increment: step; padding-left: 45px; font-weight: 700; font-size: clamp(15px, 2vw, 20px); margin-bottom: clamp(14px, 8vw, 25px); letter-spacing: .08em; }
#sec05 .driver-info__text li::before {content: counter(step, decimal-leading-zero);display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 35px;height: 35px;border-radius: 50%;color: #fff;font-size: clamp(12px,5vw,15px);font-weight: 500;background: linear-gradient(180deg,#4dc3b6 0%,#013396 100%);}


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

}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
}
@media only screen and (max-width: 980px){
}
@media only screen and (max-width: 600px){
  .anchor_links { display: block; }
  .anchor_links a { width: 100%; }
  .anchor_links a:first-of-type { margin-bottom: 15px; }
  .type_box .img { width: 50%; }
  .type_box { grid-template-columns: 1fr; }
  .type_box .type_image { grid-column: 1; width: 60%; }
  .type_box h3 , .type_box p { text-align: center; }
  
  #sec05 .driver-info { flex-direction: column; }
  #sec05 .driver-info__img, .driver-info__text { width: 100%; }
  #sec05 .driver-info__text li::before { width: 30px; height: 30px; font-size: clamp(10px, 3vw, 15px);}
  #sec05 .driver-info__text li { padding-left: 36px; }
}