/* container */
html , body {overflow-x:hidden;}
.container {max-width:1230px; margin:0 auto; padding:0 15px;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* header */
header {padding:32px 0; border-bottom:1px solid #ccc;}
header .container {position:relative;}
header .header-logo h1 a {display:block;}
header .header-logo h1 a img {display:block; margin:0 auto; width:222px;}
header .header-number {position:absolute; right:15px; top:50%; transform:translateY(-50%);}
header .header-number a {display:flex; flex-wrap:wrap; align-items:center; background:#fff; box-shadow:5px 10px 20px rgba(0,0,0,0.1); border-radius:20px; padding:14px 20px;}
header .header-number a:before {display:inline-block; content:""; width:60px; height:60px; background:url('../images/icon_call.png') no-repeat center / cover; margin-right:8px; box-shadow:5px 10px 30px rgba(0,0,0,0.1); border-radius:50%;}
header .header-number a div b {display:block; font-size:15px; font-weight:bold;}
header .header-number a div strong {display:block; font-size:30px; font-weight:bold; margin:3px 0 0;}
@media (max-width:991px){
header {padding:43px 0;}
header .header-logo h1 a img {width:168px;}
header .header-number a {padding:6px 18px;}
header .header-number a:before {width:40px; height:40px;}
header .header-number a div b {font-size:14px;}
header .header-number a div strong {font-size:18px;}
}
@media (max-width:767px){
header {padding:20px 0;}
header .header-logo h1 a img {width:139px;}
header .header-number a {padding:0; box-shadow:none;}
header .header-number a:before {width:50px; height:50px;}
header .header-number a div {display:none;}
}

/* footer */
footer .footer-white {background:#fff; padding:54px 0;}
footer .footer-white h2 img {width:203px;}
footer .footer-white p {margin:30px 0 0; font-size:18px; line-height:1.3;}
footer .footer-white ul {margin:30px 0 0;}
footer .footer-white ul li {font-size:13px; line-height:1.5; color:#5d5d5d;}
footer .footer-white ul li span {display:none;}
footer .footer-black {background:#000; padding:12px 0;}
footer .footer-black p {font-size:12px; color:#9d9d9d;}
footer .footer-write {background:#0056D7; padding:37px 0;}
footer .footer-write .container {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-write .write-title {display:flex; flex-wrap:wrap; align-items:center; margin-right:45px;}
footer .footer-write .write-title:before {display:inline-block; content:""; width:50px; height:50px; margin:0 15px 0 0; background:url('../images/icon_consult.png') no-repeat center / cover;}
footer .footer-write .write-title > div h2 {font-size:26px; font-weight:bold; color:#fff;}
footer .footer-write .write-title > div small {display:block; margin:3px 0 0; font-size:14px; color:#fff; line-height:1.3;}
footer .footer-write .write-form {flex:1; min-width:0; position:relative; top:10px;}
footer .footer-write .write-form ul {display:flex; flex-wrap:wrap;}
footer .footer-write .write-form ul li {flex:1; min-width:0; margin-right:30px;}
footer .footer-write .write-form ul li:last-of-type {margin:0;}
footer .footer-write .write-form ul li input[type=text] {display:block; width:100%; height:40px; background:#fff; padding:0 10px; font-size:14px; color:#000;}
footer .footer-write .write-form ul li input[type=text]::placeholder {color:#5d5d5d;}
footer .footer-write .write-form ul li > button{width:100%;height:40px; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#003C96; color:#fff; border-radius:50px;}
footer .footer-write .write-form ul li .space {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:10px 0 0;}
footer .footer-write .write-form ul li .space-check {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-write .write-form ul li .space-check input {appearance:auto; width:15px; height:15px;}
footer .footer-write .write-form ul li .space-check label {margin-left:8px; font-size:12px; color:#fff;}
footer .footer-write .write-form ul li .space-button a {font-size:12px; color:#fff;}
footer .footer-write .close {display:none;}
footer .footer-fixed {position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:1000; width:100px;}
footer .footer-fixed ul li a {display:block; font-size:0;}
footer .footer-fixed ul li a img {width:100%;}
@media (max-width:1200px){
footer .footer-write .write-title {margin-right:24px;}
footer .footer-write .write-form {flex:none; width:100%; margin:20px 0 0;}
}
@media (max-width:991px){
footer .footer-white {padding:34px 0;}
footer .footer-white h2 img {width:125px;}
footer .footer-white p {margin:20px 0 0; font-size:14px;}
footer .footer-white ul {margin:20px 0 0; font-size:13px;}
footer .footer-white ul li {font-size:13px;}
footer .footer-black p {text-align:center; font-size:10px; color:#fff;}
footer .footer-write {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.7);}
footer .footer-write .inner {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; bottom:-50px; width:100%; max-height:85%; overflow-y:auto; padding:15px; background:#0056D7; border-radius:20px 20px 0 0; padding:35px 15px;}
footer .footer-write .write-title {justify-content:center; margin-right:0; width:100%;}
footer .footer-write .write-title:before {margin:0 auto 15px;}
footer .footer-write .write-title > div {width:100%; text-align:center;}
footer .footer-write .write-form ul li {flex:none; width:100%; margin-right:0; margin-bottom:12px;}
footer .footer-write .write-form ul li > a {height:50px; font-size:18px;}
footer .footer-write .write-form ul li .space-check label {font-size:14px;}
footer .footer-write .write-form ul li .space-button a {font-size:14px;}
footer .footer-write .close {display:block; position:absolute; right:15px; top:15px; width:24px; height:24px; font-size:0;}
footer .footer-write .close:after {position:absolute; left:0; top:10px; width:100%; height:2px; content:""; background:#fff; transform:rotate(45deg);}
footer .footer-write .close:before {position:absolute; left:0; top:10px; width:100%; height:2px; content:""; background:#fff; transform:rotate(-45deg);}
footer .footer-write.fixed {pointer-events:inherit; opacity:1;}
footer .footer-write.fixed .inner {pointer-events:inherit; opacity:1; bottom:0;}
}
@media (max-width:767px){
footer .footer-white p {word-break:keep-all; line-height:1.5;}
footer .footer-white ul li {font-size:12px;}
footer .footer-white ul li a {font-size:12px; line-height:1.5; color:#5d5d5d;}
footer .footer-white ul li br {display:none;}
footer .footer-white ul li span {display:inline; font-size:12px; line-height:1.5; color:#5d5d5d;}
footer .footer-fixed {left:0; bottom:0; top:auto; width:100%; transform:none;}
footer .footer-fixed ul {display:flex; flex-wrap:wrap;}
footer .footer-fixed ul li {flex:1; min-width:0;}
}

/* main-banner-box */
.main-banner-box {background:url('../images/bg_main_banner.png') no-repeat center / cover; padding:125px 0 96px; position:relative; overflow:hidden;}
.main-banner-box .banner-image {position:absolute; left:50%; bottom:-10px; transform:translateX(-50%);}
.main-banner-box .banner-image img {width:862px;}
.main-banner-box .banner-title {background:url('../images/line_main_banner.png') no-repeat center top / cover; padding:0 0 106px;}
.main-banner-box .banner-title h2 {font-size:40px; line-height:1.5; color:#fff; position:relative; top:-15px;}
.main-banner-box .banner-title h2 b {font-size:40px; line-height:1.5; color:#fff; font-weight:bold;}
.main-banner-box .banner-title p {margin:17px 0 0; font-size:18px; line-height:1.4; color:#fff; position:relative; top:-15px;}
.main-banner-box .banner-title p br {display:none;}
.main-banner-box .banner-title a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:32px 0 0; width:200px; height:40px; background:#fff; font-size:18px; font-weight:bold; color:#0056D7; position:relative; top:-15px;}
@media (max-width:1200px){
.main-banner-box .banner-title {padding-bottom:10%; background:none;}
.main-banner-box .banner-image img {width:600px;}
}
@media (max-width:991px){
.main-banner-box {background:#0056D7; padding:85px 0 0;}
.main-banner-box .banner-image {position:static; transform:none; margin:25px 0 0;}
.main-banner-box .banner-image img {display:block; margin:0 auto; width:100%; max-width:597px; position:relative; top:7px;}
.main-banner-box .banner-title {padding:0; text-align:center;}
.main-banner-box .banner-title p br {display:block;}
.main-banner-box .banner-title a {margin:25px auto 0;}
}
@media (max-width:767px){
.main-banner-box .banner-image {margin:10px 0 0;}
.main-banner-box .banner-image {width:120%; margin-left:-10%;}
.main-banner-box .banner-title h2 {font-size:24px;}
.main-banner-box .banner-title h2 b {font-size:24px;}
.main-banner-box .banner-title p {font-size:14px;}
.main-banner-box .banner-title a {width:120px; height:30px; font-size:14px; margin:20px auto 0;}
}

/* main-service-box */
.main-service-box {padding:80px 0 66px;}
.main-service-box .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-service-box .service-left {margin-right:70px;}
.main-service-box .service-left b {display:block; font-size:16px; font-weight:bold; line-height:1.3;}
.main-service-box .service-left b:before {display:block; margin:0 0 6px; content:""; width:24px; height:24px; background:url('../images/icon_cs.png') no-repeat center / cover;}
.main-service-box .service-left strong {display:block; margin:6px 0 0; font-size:28px; font-weight:bold;}
.main-service-box .service-left img {display:block; width:146px; margin:21px 0 0;}
.main-service-box .service-right {flex:1; min-width:0;}
.main-service-box .service-right ul {display:flex; flex-wrap:wrap;}
.main-service-box .service-right ul li {flex:1; min-width:0; padding:39px 0 0 20px;}
.main-service-box .service-right ul li strong {display:block; font-size:18px; font-weight:bold; line-height:1.3; color:#fff;}
.main-service-box .service-right ul li p {margin:10px 0 0; font-size:16px; color:#fff;}
.main-service-box .service-right ul li img {width:265px; display:block; margin-left:auto; margin-top:15px;}
.main-service-box .service-right ul li:nth-of-type(1) {background:#FAE100;}
.main-service-box .service-right ul li:nth-of-type(1) * {color:#000;}
.main-service-box .service-right ul li:nth-of-type(2) {background:#FF6A00;}
.main-service-box .service-right ul li:nth-of-type(3) {background:#0056D7;}
@media (max-width:991px){
.main-service-box {padding:54px 0 40px;}
.main-service-box .service-left {width:100%; margin-right:0;}
.main-service-box .service-left b {text-align:center;}
.main-service-box .service-left b:before {margin:0 auto 12px;}
.main-service-box .service-left strong {margin:16px 0 0; text-align:center;}
.main-service-box .service-left strong a {font-size:28px; font-weight:bold;}
.main-service-box .service-left img {margin:27px auto 0;}
.main-service-box .service-right {flex:none; width:100%;}
.main-service-box .service-right ul li {flex:none; width:100%; padding:70px 0 13px 67px;}
.main-service-box .service-right ul li strong {font-size:24px;}
.main-service-box .service-right ul li p {margin:20px 0 0; font-size:18px;}
}
@media (max-width:767px){
.main-service-box {padding:40px 0;}
.main-service-box .service-left b {font-size:13px;}
.main-service-box .service-left strong {margin:7px 0 0; font-size:24px;}
.main-service-box .service-left strong a {font-size:24px;}
.main-service-box .service-left img {margin:27px auto 0; width:98px;}
.main-service-box .service-right ul li {padding:35px 30px 0;}
.main-service-box .service-right ul li strong {font-size:18px;}
.main-service-box .service-right ul li p {font-size:14px;}
.main-service-box .service-right ul li img {display:block; margin:28px auto 0; width:204px;}
.main-service-box .service-right ul li:nth-of-type(2) img {width:245px;}
.main-service-box .service-right ul li:nth-of-type(3) img {width:235px;}
}

/* main-write-box */
.main-write-box {background:#F9F9F9; padding:108px 0 72px;}
.main-write-box .container {display:flex; flex-wrap:wrap;}
.main-write-box .write-left {flex:1; min-width:0;}
.main-write-box .write-left .left-logo img {width:116px;}
.main-write-box .write-left .left-title {margin:19px 0 0;}
.main-write-box .write-left .left-title h2 {font-size:40px; font-weight:700; line-height:1.3;}
.main-write-box .write-left .left-title h2 b {font-size:40px; font-weight:700; line-height:1.3; display:block; color:#0056D7;}
.main-write-box .write-left .left-title p {margin:30px 0 0; font-size:18px; font-weight:600; line-height:1.3;}
.main-write-box .write-left .left-title p b {font-size:18px; font-weight:700; line-height:1.3;}
.main-write-box .write-left .left-title img {width:321px; display:block; margin-left:-30px; margin-top:-30px; margin-bottom:-30px;}
.main-write-box .write-left .left-table strong {display:block; font-size:20px; font-weight:bold; margin:0 0 15px;}
.main-write-box .write-left .left-table table {width:380px; background:#fff;}
.main-write-box .write-left .left-table table thead tr th {height:40px; background:#0056d7; color:#fff; font-size:15px; font-weight:bold; color:#fff;}
.main-write-box .write-left .left-table table tbody tr td {border-bottom:1px solid #ccc; padding:13px 0; font-size:13px; font-weight:500;}
.main-write-box .write-left .left-table table tbody tr td b {margin:0 auto;width:77px; height:26px; color:#fff; font-size:13px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:2px; background:#bcbcbc;}
.main-write-box .write-right {background:#fff; width:640px; border-radius:20px; box-shadow:5px 10px 20px rgba(0,0,0,0.1); padding:45px 77px;}
.main-write-box .write-right h2 {text-align:center; font-size:24px; font-weight:bold; margin:0 0 38px;}
.main-write-box .write-right h2:before {display:block; content:""; margin:0 auto 20px; width:50px; height:50px; background:url('../images/icon_person.png') no-repeat center / cover;}
.main-write-box .write-right ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 18px;}
.main-write-box .write-right ul li:last-of-type {margin:0;}
.main-write-box .write-right ul li .wrap {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; background:#f1f1f1; border-radius:6px; overflow:hidden; padding:0 20px;}
.main-write-box .write-right ul li .wrap input {flex:1; min-width:0; height:50px; background:none; font-size:16px; font-weight:500; color:#000;}
.main-write-box .write-right ul li .wrap input::placeholder {color:#9d9d9d;}
.main-write-box .write-right ul li .wrap.name:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_wrap_name.png') no-repeat center / 17px auto; margin:0 10px 0 0;}
.main-write-box .write-right ul li .wrap.phone {width:154px; flex:none;}
.main-write-box .write-right ul li .wrap.phone:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_wrap_phone.png') no-repeat center / 16px auto; margin:0 10px 0 0;}
.main-write-box .write-right ul li .space {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.main-write-box .write-right ul li .space .space-check {position:relative; overflow:hidden;}
.main-write-box .write-right ul li .space .space-check input {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.main-write-box .write-right ul li .space .space-check label {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500; color:#9d9d9d;}
.main-write-box .write-right ul li .space .space-check label:before {display:inline-block; content:""; width:20px; height:20px; margin:0 7px 0 0; background:url('../images/icon_check.png') no-repeat center / cover;}
.main-write-box .write-right ul li .space .space-check input:checked ~ label:before {background-image:url('../images/icon_check_on.png');}
.main-write-box .write-right ul li .space .space-more a {font-size:14px; font-weight:500; color:#9d9d9d; text-decoration:underline;}
.main-write-box .write-right ul li .space .space-submit {width:100%; margin:18px 0 0;}
.main-write-box .write-right ul li .space .space-submit button {width:100%;transition:all ease 0.5s; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:50px; border-radius:6px; background:#0056D7; color:#fff;}
.main-write-box .write-right ul li .space .space-submit button:hover {background:#1B2238; color:#fff;}
@media (max-width:1200px){
.main-write-box .write-right {width:540px;}
}
@media (max-width:991px){
.main-write-box {padding:52px 0;}
.main-write-box .write-left {flex:none; width:100%;}
.main-write-box .write-left .left-logo img {display:block; margin:0 auto; width:93px;}
.main-write-box .write-left .left-title h2 {font-size:24px; text-align:center;}
.main-write-box .write-left .left-title h2 b {font-size:24px;}
.main-write-box .write-left .left-title p {margin:20px 0 0; text-align:center; font-size:16px;}
.main-write-box .write-left .left-title p b {font-size:16px;}
.main-write-box .write-left .left-title img {margin-left:auto; margin-right:auto; margin-bottom:-15px;}
.main-write-box .write-left .left-table strong {font-size:20px; text-align:center;}
.main-write-box .write-left .left-table table {margin:0 auto;}
.main-write-box .write-right {width:100%; margin:24px auto 0; max-width:476px; padding:20px 67px 60px;}
.main-write-box .write-right ul li .wrap.phone {width:100px;}
}
@media (max-width:767px){
.main-write-box .write-left .left-title img {width:100%; max-width:308px;}
.main-write-box .write-left .left-table table {width:100%;}
.main-write-box .write-right {padding:20px 15px 40px; border-radius:10px;}
}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999999; transition:all ease 0.5s;}
.popup-box .box {pointer-events:none; opacity:0; position:absolute; transition:all ease 0.5s; left:50%; top:45%; transform:translate(-50%,-50%); width:calc(100% - 30px); max-width:1000px; max-height:85%; overflow-y:auto; background:#fff; padding:30px;}
.popup-box .box h2 {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:20px; font-weight:bold; line-height:1.4; margin:0 0 30px;}
.popup-box .box h2 a {position:relative; font-size:0; display:block; width:24px; height:24px;}
.popup-box .box h2 a:after {position:absolute; left:0; top:10px; width:100%; height:2px; background:#000; content:""; transform:rotate(45deg);}
.popup-box .box h2 a:before {position:absolute; left:0; top:10px; width:100%; height:2px; background:#000; content:""; transform:rotate(-45deg);}
.popup-box .box p {font-size:15px; line-height:1.5; word-break:keep-all;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.popup-box .box {padding:24px 15px;}
.popup-box .box h2 {font-size:18px; margin:0 0 20px;}
.popup-box .box p {font-size:14px;}
}