@charset "UTF-8";

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

#customer main{color: #2B2827;}

/* 見出し導入部 */
#main-bx{}
#main-bx .bx{width: 100%; max-width: 1000px; margin: 70px 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: #E95504; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}
#main-bx .bx .lead{font-size: 17px; letter-spacing: 0.8px; line-height: 2.2; margin-top: 34px;}

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

#con1 .cust-block{margin-bottom: 56px;}
#con1 .cust-block:last-of-type{margin-bottom: 0;}

#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 #DCD7CE; 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: #E95504; color: #fff; border-radius: 50%; font-size: 22px; font-weight: 400; 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 .def-list{margin-top: 26px;}
#con1 .def-list li{position: relative; padding: 22px 26px 22px 28px; margin-bottom: 14px; background: #F7F5F1; border-left: 4px solid #E95504;}
#con1 .def-list li:last-child{margin-bottom: 0;}
#con1 .def-list li .d-ttl{font-size: 17px; font-weight: bold; letter-spacing: 0.8px; margin-bottom: 8px;}
#con1 .def-list li .d-txt{font-size: 15px; letter-spacing: 0.5px; line-height: 1.9;}

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

}

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

#customer main{color: #2B2827;}

/* 見出し導入部 */
#main-bx .bx{width: 88%; margin: 12vw 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: #E95504; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}
#main-bx .bx .lead{font-size: 3.9vw; letter-spacing: 0.4px; line-height: 2; margin-top: 6vw; text-align: left;}

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

#con1 .cust-block{margin-bottom: 11vw;}
#con1 .cust-block:last-of-type{margin-bottom: 0;}

#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 #DCD7CE; 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: #E95504; color: #fff; border-radius: 50%; font-size: 4.6vw; font-weight: 400; flex-shrink: 0;}

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

/* 定義リスト */
#con1 .def-list{margin-top: 5vw;}
#con1 .def-list li{padding: 4.5vw 5vw; margin-bottom: 3.5vw; background: #F7F5F1; border-left: 4px solid #E95504;}
#con1 .def-list li:last-child{margin-bottom: 0;}
#con1 .def-list li .d-ttl{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.4px; margin-bottom: 2vw;}
#con1 .def-list li .d-txt{font-size: 3.7vw; letter-spacing: 0.2px; line-height: 1.9;}

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

}