/* common */
html, body {background:#fff;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* container */
:root{
	--container-padding: 15px;
	--container-padding-minus: -15px;
}
.container {max-width: calc(1480px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1400px + (var(--container-padding) * 2));}
.container-xl {max-width: calc(1200px + (var(--container-padding) * 2));}
.container-lg {max-width: calc(991px + (var(--container-padding) * 2));}
.container-md {max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm {max-width: calc(575px + (var(--container-padding) * 2));}
.container-xs {max-width: calc(400px + (var(--container-padding) * 2));}

/* sub-box */
.sub-box {margin:108px 0 0;}
.sub-box .container {padding-top:42px; padding-bottom:80px;}
@media (max-width:1300px){
.sub-box {margin:77px 0 0;}
}
@media (max-width:991px){
.sub-box {margin:60px 0 0;}
.sub-box .container {padding-top:0; padding-bottom:50px;}
}

/* banner-box */
.banner-box {margin:0 0 80px; padding:55px 20px; border-radius:200px; background-position:center; background-size:cover;}
.banner-box h2 {text-align:center; font-size:40px; font-weight:700; color:#fff; word-break:keep-all;}
.banner-box p {margin:10px 0 0; font-size:24px; font-weight:500; color:#fff; text-align:center; word-break:keep-all;}
.banner-box.service1 {background-image:url('../images/bg_service_01.png');}
.banner-box.service2 {background-image:url('../images/bg_service_02.png');}
.banner-box.service3 {background-image:url('../images/bg_service_03.png');}
.banner-box.service4 {background-image:url('../images/bg_service_04.png');}
@media (max-width:1200px){
.banner-box h2 {font-size:35px;}
.banner-box p {font-size:20px;}
}
@media (max-width:991px){
.banner-box {border-radius:0; padding:40px 15px; margin:0 -15px 50px;}
.banner-box h2 {font-size:22px;}
.banner-box p {font-size:16px;}
}

/* card-box */
.card-box {max-width:1200px; margin:0 auto 100px;}
.card-box > ul {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.card-box > ul > li {width:calc(50% - 40px); margin:0 20px 40px; border:1px solid #d9d9d9; border-radius:30px; padding:30px;}
.card-box > ul > li > strong {font-size:28px; font-weight:700; word-break:keep-all;}
.card-box > ul > li > ul {padding:0 0 0 20px; margin:10px 0 0;}
.card-box > ul > li > ul > li {font-size:20px; font-weight:500; word-break:keep-all; list-style:disc; margin:0 0 5px;}
.card-box > ul > li > ul > li:last-of-type {margin:0;}
@media (max-width:1200px){
.card-box > ul > li > strong {font-size:22px;}
.card-box > ul > li > ul > li {font-size:17px;}
}
@media (max-width:991px){
.card-box {margin:0 auto 50px;}
.card-box > ul {margin:0 -5px -10px;}
.card-box > ul > li {width:calc(50% - 10px); margin:0 5px 10px; border-radius:15px; padding:20px;}
.card-box > ul > li > strong {font-size:18px;}
.card-box > ul > li > ul > li {font-size:14px;}
}
@media (max-width:767px){
.card-box > ul {margin:0;}
.card-box > ul > li {width:100%; margin:0 0 10px;}
.card-box > ul > li:last-of-type {margin:0;}
}

/* text-box */
.text-box b {display:block; font-size:80px; font-weight:500; color:#cecece; text-align:center; line-height:1; font-family:'monospace';}
.text-box b:last-of-type {transform:rotate(180deg);}
.text-box p {font-size:20px; text-align:center; font-weight:500; word-break:keep-all;}
.text-box p strong {font-size:28px; font-weight:700; word-break:keep-all; display:block; margin:10px 0;}
@media (max-width:991px){
.text-box b {font-size:60px;}
.text-box p {font-size:16px;}
.text-box p strong {font-size:20px;}
}

/* content-box */
.content-box > ul > li {margin:0 0 80px; gap:80px; display:flex; flex-wrap:wrap; align-items:center; flex-direction:row-reverse;}
.content-box > ul > li:last-of-type {margin:0;}
.content-box > ul > li .list-image {width:35%;}
.content-box > ul > li .list-image img {width:100%;}
.content-box > ul > li .list-content {flex:1; min-width:0;}
.content-box > ul > li .list-content strong {font-size:32px; font-weight:700; word-break:keep-all; margin:0 0 20px; display:block;}
.content-box > ul > li .list-content ul li {font-size:24px; font-weight:500; color:#666; margin:0 0 5px; word-break:keep-all; position:relative; padding:0 0 0 20px;}
.content-box > ul > li .list-content ul li:last-of-type {margin:0;}
.content-box > ul > li .list-content ul li:before {position:absolute; left:5px; top:15px; width:6px; height:6px; background:#666; border-radius:50%; content:"";}
.content-box > ul > li .list-content ul li b {font-size:24px; font-weight:700; color:#0059FF;}
.content-box > ul > li .list-content div {margin:40px 0 0; background:#f8f8f8; border-radius:24px; padding:24px;}
.content-box > ul > li .list-content div p {font-size:20px; word-break:keep-all; color:#FF0000;}
@media (max-width:1200px){
.content-box > ul > li {gap:40px;}
.content-box > ul > li .list-content strong {font-size:25px;}
.content-box > ul > li .list-content ul li {font-size:20px;}
.content-box > ul > li .list-content ul li b {font-size:20px;}
.content-box > ul > li .list-content ul li:before {top:12px;}
.content-box > ul > li .list-content div p {font-size:17px;}
}
@media (max-width:991px){
.content-box > ul > li {gap:20px;}
.content-box > ul > li .list-content strong {font-size:20px; margin:0 0 10px;}
.content-box > ul > li .list-content ul li {font-size:16px;}
.content-box > ul > li .list-content ul li:before {width:4px; height:4px;}
.content-box > ul > li .list-content ul li b {font-size:16px;}
.content-box > ul > li .list-content div {margin:10px 0 0; border-radius:15px; padding:15px;}
.content-box > ul > li .list-content div p {font-size:15px;}
}
@media (max-width:991px){
.content-box > ul > li {flex-direction:inherit;}
.content-box > ul > li .list-image {width:100%;}
.content-box > ul > li .list-content {flex:none; width:100%;}
}

/* info-box */
.info-box > ul > li {margin:0 0 80px;}
.info-box > ul > li:last-of-type {margin:0;}
.info-box > ul > li h3 {margin:0 0 15px; font-size:32px; font-weight:700; word-break:keep-all;}
.info-box > ul > li strong {display:flex; flex-wrap:wrap; align-items:center; font-size:28px; font-weight:600; color:#555; margin:0 0 10px;}
.info-box > ul > li strong:before {display:inline-block; content:""; width:5px; height:5px; background:#555; border-radius:50%; margin:0 12px 0 0;}
.info-box > ul > li ul li {font-size:24px; color:#555; word-break:keep-all; padding:0 0 0 17px;}
.info-box > ul > li ul li b {font-size:24px; font-weight:700; color:#333; display:block; margin:8px 0 0;}
.info-box > ul > li ul li:first-of-type b {margin:0;}
.info-box > ul > li em {display:inline-flex; align-items:center; border-radius:50px; margin:0 0 12px; height:35px; color:#fff; background:#0059FF; padding:0 18px; font-size:20px; font-weight:700;}
.info-box > ul > li img {width:100%;}
.info-box > ul > li .inner {display:flex; flex-wrap:wrap; gap:40px;}
.info-box > ul > li .inner .inner-box {flex:1; min-width:0;}
@media (max-width:1200px){
.info-box > ul > li h3 {font-size:25px;}
.info-box > ul > li strong {font-size:20px;}
.info-box > ul > li ul li {font-size:20px;}
.info-box > ul > li ul li b {font-size:20px;}
.info-box > ul > li em {font-size:17px;}
} 
@media (max-width:991px){
.info-box > ul > li {margin:0 0 50px;}
.info-box > ul > li h3 {font-size:20px;}
.info-box > ul > li strong {font-size:16px;}
.info-box > ul > li ul li {font-size:16px;}
.info-box > ul > li ul li b {font-size:16px;}
.info-box > ul > li em {height:30px; font-size:15px; padding:0 15px;}
.info-box > ul > li .inner {gap:20px;}
.info-box > ul > li .inner .inner-box {flex:none; width:100%;}
}

/* faq-box */
.faq-box ul li {margin:0 0 8px; padding:30px; border:1px solid #D9D9D9; border-radius:20px;}
.faq-box ul li:last-of-type {margin:0;}
.faq-box ul li .list-head .toggle {display:flex; flex-wrap:wrap; align-items:center; gap:20px;}
.faq-box ul li .list-head .toggle:after {display:inline-block; content:""; width:42px; height:42px; background:url('../images/icon_faq_toggle.svg') no-repeat center / cover;}
.faq-box ul li .list-head .toggle b {width:42px; height:42px; border-radius:8px; color:#fff; background:#9000FF; font-size:24px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.faq-box ul li .list-head .toggle p {flex:1; min-width:0; text-align:left; font-size:24px; font-weight:600; color:#333; word-break:keep-all;}
.faq-box ul li .list-body {margin:20px 0 0; gap:20px; display:none; flex-wrap:wrap; align-items:center;}
.faq-box ul li .list-body b {width:42px; height:42px; border-radius:8px; color:#A7A7A7; background:#D9D9D9; font-size:24px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.faq-box ul li .list-body p {flex:1; min-width:0; font-size:20px; color:#555; word-break:keep-all;}
.faq-box ul li.active .list-head .toggle:after {transform:rotate(180deg);}
.faq-box ul li.active .list-body {display:flex;}
@media (max-width:1200px){
.faq-box ul li .list-head .toggle:after {width:35px; height:35px;}
.faq-box ul li .list-head .toggle b {width:35px; height:35px; font-size:20px;}
.faq-box ul li .list-head .toggle p {font-size:20px;}
.faq-box ul li .list-body b {width:35px; height:35px; font-size:20px;}
.faq-box ul li .list-body p {font-size:20px;}
}
@media (max-width:991px){
.faq-box ul li {padding:20px 15px; border-radius:10px;}
.faq-box ul li .list-head .toggle {gap:10px;}
.faq-box ul li .list-head .toggle:after {width:24px; height:24px;}
.faq-box ul li .list-head .toggle b {width:24px; height:24px; font-size:13px; border-radius:4px;}
.faq-box ul li .list-head .toggle p {font-size:16px;}
.faq-box ul li .list-body {gap:10px;}
.faq-box ul li .list-body b {width:24px; height:24px; font-size:13px; border-radius:4px;}
.faq-box ul li .list-body p {font-size:16px;}
}