@charset "UTF-8";

@media screen and (min-width:768px){
/* PC */

#customer-frame{ width: 1000px; margin: 0 auto 120px; padding: 40px 0 0; color: #1a1a1a; }

#customer-frame .lead-bx{ text-align: center; margin-bottom: 80px; }
#customer-frame .lead-bx .en{ font-size: 18px; font-weight: 700; letter-spacing: 3px; color: #29559A; margin-bottom: 10px; }
#customer-frame .lead-bx .lead-ttl{ font-size: 30px; font-weight: 700; line-height: 1.6; letter-spacing: 2px; color: #29559A; margin-bottom: 40px; }
#customer-frame .lead-bx .txt{ font-size: 16px; line-height: 2; letter-spacing: 0.05em; margin-bottom: 16px; }
#customer-frame .pcbr{ display: inline; }
#customer-frame .lead-bx .txt:last-child{ margin-bottom: 0; }

#customer-frame .sec-bx{ border-top: 1px solid #ccc; padding: 60px 0; }
#customer-frame .sec-bx .ttl{ font-size: 26px; font-weight: 700; line-height: 1.5; letter-spacing: 1px; margin-bottom: 30px; padding-left: 20px; border-left: 6px solid #29559A; }
#customer-frame .sec-bx .ttl .num{ font-size: 32px; color: #29559A; margin-right: 16px; }
#customer-frame .sec-bx .txt{ font-size: 16px; line-height: 2; letter-spacing: 0.05em; margin-bottom: 16px; }
#customer-frame .sec-bx .txt:last-child{ margin-bottom: 0; }
#customer-frame .sec-bx .quote{ font-size: 16px; line-height: 2; font-weight: 700; background: #F5F3F2; padding: 20px 30px; margin-bottom: 16px; }
#customer-frame .sec-bx .note{ font-size: 14px; line-height: 1.8; margin-top: 20px; }

#customer-frame .act-list{ margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#customer-frame .act-list .item{ width: 490px; background: #F5F3F2; padding: 20px 25px; margin-bottom: 20px; }
#customer-frame .act-list dt{ font-size: 18px; font-weight: 700; color: #29559A; margin-bottom: 8px; }
#customer-frame .act-list dd{ font-size: 15px; line-height: 1.8; }

}


@media screen and (max-width:767px){
/* SP */

#customer-frame{ width: 90vw; margin: 0 auto 18vw; padding: 5vw 0 0; color: #1a1a1a; }

#customer-frame .lead-bx{ margin-bottom: 12vw; }
#customer-frame .lead-bx .en{ font-size: 3.865vw; font-weight: 700; letter-spacing: 0.5vw; color: #29559A; text-align: center; margin-bottom: 2vw; }
#customer-frame .lead-bx .lead-ttl{ font-size: 5.314vw; font-weight: 700; line-height: 1.6; color: #29559A; text-align: center; margin-bottom: 6vw; }
#customer-frame .lead-bx .txt{ font-size: 3.623vw; line-height: 1.9; margin-bottom: 3vw; }
#customer-frame .pcbr{ display: none; }
#customer-frame .lead-bx .txt:last-child{ margin-bottom: 0; }

#customer-frame .sec-bx{ border-top: 1px solid #ccc; padding: 10vw 0; }
#customer-frame .sec-bx .ttl{ font-size: 4.831vw; font-weight: 700; line-height: 1.5; margin-bottom: 5vw; padding-left: 3vw; border-left: 1.2vw solid #29559A; }
#customer-frame .sec-bx .ttl .num{ font-size: 5.797vw; color: #29559A; margin-right: 2.5vw; }
#customer-frame .sec-bx .txt{ font-size: 3.623vw; line-height: 1.9; margin-bottom: 3vw; }
#customer-frame .sec-bx .txt:last-child{ margin-bottom: 0; }
#customer-frame .sec-bx .quote{ font-size: 3.623vw; line-height: 1.9; font-weight: 700; background: #F5F3F2; padding: 4vw 5vw; margin-bottom: 3vw; }
#customer-frame .sec-bx .note{ font-size: 3.14vw; line-height: 1.8; margin-top: 3vw; }

#customer-frame .act-list{ margin-top: 5vw; }
#customer-frame .act-list .item{ background: #F5F3F2; padding: 4vw 5vw; margin-bottom: 3vw; }
#customer-frame .act-list dt{ font-size: 4.106vw; font-weight: 700; color: #29559A; margin-bottom: 1.5vw; }
#customer-frame .act-list dd{ font-size: 3.502vw; line-height: 1.8; }

}


/* ▽ イレギュラー箇所のみ追記 ▽ */

@media screen and (max-width: 380px) {
/* SP iPhone 6/7/8 */

}
@media screen and (max-width: 321px) {
/* SP iPhone 5/SE */
}