@charset "utf-8";
/* CSS Document */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

next

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.process__cont .tel {text-align: center;}
.process__cont .tel img {width: auto; max-width: 100%;}
.process_det {border: 1px solid #000; border-radius: 10px; padding: 20px; margin: 25px auto 0;}
.process_det .ttl_pro_det {font-weight: 600; font-size: 17px; margin-bottom: 15px; text-align: center;}
.process_det .btn_customer {margin: 20px auto 25px;}

.life_process_det, .life_process_det .ttl--A {border-color: var(--c-life);}
.life_process_det .ttl_pro_det  {color: var(--c-life);}
.fire_process_det {border-color: var(--c-fire);}
.fire_process_det .ttl_pro_det  {color: var(--c-fire);}


@media (min-width: 768px) {
 .process__cont {margin: 40px auto; padding: 0 0 40px;}
 
 .process_flex {display: flex; display: -webkit-flex; column-gap: 30px; margin-top: 40px;}
 .process_det {padding: 30px; margin: 0 auto 0; flex: 1;}
 .process_det .ttl_pro_det {font-size: 22px; margin-bottom: 25px;}
 .process_det .btn_customer li {width: 80%;} 
}