@charset "UTF-8";

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

#customer main{color: #1A1A1A;}

/* 見出し導入部 */
#main-bx .bx{width: 100%; max-width: 1000px; margin: 50px auto 0; text-align: center;}
#main-bx .bx .ttl{font-size: 32px; font-weight: bold; letter-spacing: 2px; line-height: 1.6; position: relative; padding-bottom: 30px;}
#main-bx .bx .ttl::after{content: ""; width: 60px; height: 3px; background: #FA5625; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}
#main-bx .bx .lead{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; margin-top: 30px;}
#main-bx .bx .lead + .lead{margin-top: 20px;}

/* 本文ブロック */
#con1 .bx{width: 100%; max-width: 1000px; margin: 70px auto 0; padding-bottom: 110px;}

#con1 .cust-block{margin-bottom: 56px;}

#con1 .cust-ttl{font-size: 24px; font-weight: bold; letter-spacing: 1.2px; line-height: 1.5; padding-bottom: 16px; margin-bottom: 26px; border-bottom: 1px solid #DBD9D3; display: flex; align-items: center;}
#con1 .cust-ttl .num{display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-right: 18px; background: #FA5625; color: #fff; border-radius: 50%; font-size: 22px; font-weight: bold; letter-spacing: 0; flex-shrink: 0;}

#con1 .cust-body{padding-left: 4px;}
#con1 .cust-body .txt{font-size: 16px; letter-spacing: 0.6px; line-height: 2.1; margin-bottom: 20px;}
#con1 .cust-body .txt:last-child{margin-bottom: 0;}
#con1 .cust-body .note{font-size: 14px;}

/* 該当する行為 */
#con1 .def-list{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 26px 0 20px;}
#con1 .def-list li{width: 492px; padding: 18px 20px 18px 24px; margin-bottom: 14px; background: #F2F2F2; border-left: 4px solid #FA5625; font-size: 16px; font-weight: bold; letter-spacing: 0.6px; line-height: 1.6; display: flex; align-items: center;}

/* 当社の対応方針 */
#con1 .res-list{margin: 26px 0 26px; padding: 26px 30px; background: #F2F2F2;}
#con1 .res-list li{position: relative; padding-left: 22px; font-size: 16px; font-weight: bold; letter-spacing: 0.6px; line-height: 2.1;}
#con1 .res-list li::before{content: ""; width: 8px; height: 8px; background: #FA5625; border-radius: 50%; position: absolute; left: 0; top: 14px;}

/* 署名 */
#con1 .cust-sign{font-size: 19px; font-weight: bold; letter-spacing: 1px; text-align: right; margin-top: 56px;}

}

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

#customer main{color: #1A1A1A;}

/* 見出し導入部 */
#main-bx .bx{width: 88%; margin: 6vw auto 0; text-align: center;}
#main-bx .bx .ttl{font-size: 6.2vw; font-weight: bold; letter-spacing: 1px; line-height: 1.6; position: relative; padding-bottom: 5vw;}
#main-bx .bx .ttl::after{content: ""; width: 12vw; height: 3px; background: #FA5625; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}
#main-bx .bx .lead{font-size: 3.6vw; letter-spacing: 0.3px; line-height: 2; margin-top: 6vw; text-align: left;}
#main-bx .bx .lead + .lead{margin-top: 4vw;}

/* 本文ブロック */
#con1 .bx{width: 88%; margin: 11vw auto 0; padding-bottom: 15vw;}

#con1 .cust-block{margin-bottom: 11vw;}

#con1 .cust-ttl{font-size: 5vw; font-weight: bold; letter-spacing: 0.6px; line-height: 1.5; padding-bottom: 3.5vw; margin-bottom: 5vw; border-bottom: 1px solid #DBD9D3; display: flex; align-items: center;}
#con1 .cust-ttl .num{display: inline-flex; align-items: center; justify-content: center; width: 9vw; height: 9vw; margin-right: 3.5vw; background: #FA5625; color: #fff; border-radius: 50%; font-size: 4.6vw; font-weight: bold; letter-spacing: 0; flex-shrink: 0;}

#con1 .cust-body .txt{font-size: 3.6vw; letter-spacing: 0.3px; line-height: 2; margin-bottom: 4.5vw;}
#con1 .cust-body .txt:last-child{margin-bottom: 0;}
#con1 .cust-body .note{font-size: 3.2vw;}

/* 該当する行為 */
#con1 .def-list{margin: 5vw 0 4.5vw;}
#con1 .def-list li{padding: 3.5vw 4vw; margin-bottom: 2.5vw; background: #F2F2F2; border-left: 4px solid #FA5625; font-size: 3.7vw; font-weight: bold; letter-spacing: 0.2px; line-height: 1.6;}

/* 当社の対応方針 */
#con1 .res-list{margin: 5vw 0; padding: 4.5vw 5vw; background: #F2F2F2;}
#con1 .res-list li{position: relative; padding-left: 4.5vw; font-size: 3.7vw; font-weight: bold; letter-spacing: 0.2px; line-height: 1.9;}
#con1 .res-list li::before{content: ""; width: 1.8vw; height: 1.8vw; background: #FA5625; border-radius: 50%; position: absolute; left: 0; top: 2.6vw;}

/* 署名 */
#con1 .cust-sign{font-size: 4.4vw; font-weight: bold; letter-spacing: 0.6px; text-align: right; margin-top: 10vw;}

}