section.top-banner {background-image: url('../images/zoom-in-kamco-banner.png');}
@media (max-width:734px) {
    section.top-banner {background-image: url('../images/zoom-in-kamco-banner-s.png');}
    section.top-banner .box-title .tit .small span {font-size: 15px;}
    section.top-banner .box-title .tit span.info {font-size: 13px;}
}

section.more-content {background-image: -webkit-image-set(url('../images/kamco-mate-banner.png') 1x, url('../images/kamco-mate-banner@2x.png') 2x);
    background-image: image-set(url('../images/kamco-mate-banner.png') 1x, url('../images/kamco-mate-banner@2x.png') 2x);}
@media (max-width:734px) {
    section.more-content {background-image: -webkit-image-set(url('../images/kamco-mate-banner-s.png') 1x, url('../images/kamco-mate-banner-s@2x.png') 2x);
        background-image: image-set(url('../images/kamco-mate-banner-s.png') 1x, url('../images/kamco-mate-banner-s@2x.png') 2x);}
}

section p {margin:10px 0}
.text-list li {padding-left: 35px;margin:30px 0;position: relative;
    font-size: 18px;color:#373737;font-weight: 500;line-height: 180%;}
.text-list li:first-child {margin-top: 0;}
.text-list li:last-child {margin-bottom: 0;}
.text-list li::before {content: '';position: absolute;left:11px;top:13px;width:11px;height:4px;
    background-color:#0B74F0;border-radius:30px;}

@media (max-width:734px) {
    section p {margin:6px 0}
    .text-list li {font-size:16px;line-height: 168%;padding-left:20px;margin:12px 0;}
    .text-list li::before {left:6px;top:10px;}
}



/* view-default common */
.view-default .mo-visible {display: none;}

.view-default .bg-secondary {background-color: #E9F4D1;}
.view-default .bg-primary01 {background-color: #FCF9E0;}
.view-default .bg-primary02 {background-color: #FBEEE5;}
.view-default .bg-primary03 {background-color: #D8E2F6;}
.view-default .section-inner {max-width: 1409px;margin:0 auto;}
.view-default .section-inner.small {max-width: 1145px;}
.view-default .margin-0 {margin-top:0!important;margin-bottom:0!important;}

.view-default section.content {margin: 56px 0;padding:0 24px;}
.view-default section.content-bg {border-radius: 32px;padding-top:48px;padding-bottom: 48px;}

.view-default section.content .wrap-flex {display: flex;flex-wrap: wrap;gap:12px;}
.view-default section.content .indent {text-indent: 30px;}
.view-default section.content .radius-img {border-radius: 24px;overflow: hidden;}
.view-default section.content h3 {font-size: 40px;font-weight: 600;color:#1f1c1d;line-height: 130%;margin-bottom: 16px;letter-spacing: -1.5px;}
.view-default section.content p {font-size: 18px;color:#373737;font-weight: 500;line-height: 180%;}
.view-default section.content .img-caption {font-size: 18px;color:#FAFDFD;font-weight: 600;padding:10px 16px 46px 16px;
    background-color: #0B74F0;display: inline-block;border-radius: 16px 16px 0 0;margin-bottom: -38px;}

.view-default section.content .layout {margin:64px 0}
.view-default section.content .layout:first-child {margin-top:0;}
.view-default section.content .layout:last-child {margin-bottom:0}
.view-default section.content .layout.type01 .wrap-flex {justify-content: space-between;align-items: center;}
.view-default section.content .layout.type01 .wrap-flex > .item:first-child {flex: 1;}
.view-default section.content .layout.type02 .wrap-flex {justify-content: space-between;}

.view-default section.content .layout.type03 .wrap-flex {gap:85px;}
.view-default section.content .layout.type03 .box-image {display: flex;align-items: flex-start;}
.view-default section.content .layout.type03 .box-image .item:first-child {max-width:565px;}
.view-default section.content .layout.type03 .box-image .item:last-child {max-width:274px;margin-left:17px;margin-top:168px;}
.view-default section.content .layout.type03 .box-text .image {display: none;}

.view-default section.content .layout.type04.wrap-flex {gap:0;align-items: center;}

.view-default section.content .layout.type04 .item.empty {flex: 1;}

.view-default section.content .layout.type05 {margin-top:0;margin-bottom: 24px;}
.view-default section.content .layout.type05.wrap-flex {gap:16px;justify-content: flex-start;align-items: flex-start;}
.view-default section.content .layout.type05 .item {border-radius: 24px;overflow: hidden;}
.view-default section.content .layout.type05 .item:nth-child(1) {width:565px;}
.view-default section.content .layout.type05 .item:nth-child(2) {width: 274px;margin-top: 168px;}
.view-default section.content .layout.type05 .item:nth-child(3) {width: 274px;align-self:flex-end;}

.view-default section.section03 .wrap-layout {margin-top:40px;}

.view-default section.section03 .layout {margin:6px 0;}
.view-default section.section03 .layout.type04 {justify-content: space-between;}
.view-default section.section03 .layout.type04 > .item:first-child {max-width: 565px;}


.view-default .wrap-author {display:flex;justify-content: center;gap:96px;}
.view-default .wrap-author .item {display: flex;gap:32px;align-items: center;}
.view-default .wrap-author .item:first-child {flex-shrink: 0;}
.view-default .wrap-author .item p {color:#1f1c1d;font-size: 16px;line-height: 168%;font-weight: 400;}
.view-default .wrap-author .item:last-child {max-width: 588px;position: relative;}
.view-default .wrap-author .item:last-child::before {content: "";position: absolute;top:0;left:-49px;width:1px;height:85%;background: #88ACF5;}

.view-default .wrap-author .box-img {width:102px;border-radius: 16px;overflow: hidden;}
.view-default .wrap-author .box-info .label {font-size: 15px;font-weight: 700;letter-spacing: -0.3px;color:#373737;
    background: #FAFDFD;border-radius: 32px;padding:4px 12px 5px;display: inline-block;}
.view-default .wrap-author .box-info .name {margin:4px 0;font-size: 18px;color:#1f1c1d;font-weight: 700;line-height: 168%;}
.view-default .wrap-author .box-info .sub {font-size: 16px;letter-spacing: 0.32px;font-weight: 600;line-height: 150%;color:#373737;}

.view-default section.section04 {padding:30px 30px 33px;}

@media (max-width:1600px) {
    .view-default section.content .layout.type05 .item:nth-child(1) {width:35.31vw;}
    .view-default section.content .layout.type05 .item:nth-child(2) {width: 17.12vw;}
    .view-default section.content .layout.type05 .item:nth-child(3) {width: 17.12vw;}
}

@media(min-width:1068px) {
    .view-default section.content .layout.type01 .wrap-flex {gap: 40px;}
    .view-default section.content .layout.type01 .wrap-flex .item:last-child {margin-right:140px;}

    .view-default section.content .layout.type03 .wrap-flex > div {flex:1;}
    .view-default section.content .layout.type03 .box-image {padding-top:162px;}

    .view-default section.content .layout.type04.wrap-flex {gap:20px;}
    .view-default section.content .layout.type04 .item {width:50%;}

    .view-default .wrap-author .item:last-child::before {bottom:0;margin:auto;}
}

@media(max-width:1067px) {
    .view-default .wrap-author {justify-content: center;gap:28px;flex-wrap: wrap;}
    .view-default .wrap-author .item:last-child::before {width:90%;height:1px;left:0;right:0;margin:auto;top:-14px;}
}

@media (min-width:735px) {
    .view-default section.content .layout.type04 .text-list {margin-top: 22px;}
    .view-default section.content .layout.type04 .text-list li {margin:20px 0;}
    .view-default section.section03 .layout.type04 .radius-img {flex:1;margin-top: 90px;}
}


@media (max-width:734px) {
    .view-default .mo-visible {display: block!important;}
    .view-default .pc-visible {display: none!important;}

    .view-default section.content {margin:24px 0;padding:0;}
    .view-default section.content-bg {border-radius: 16px;padding:10px 10px 30px;}
    
    .view-default section.content .radius-img {border-radius: 12px;}
    .view-default section.content h3 {font-size: 20px;letter-spacing: -0.5px;margin-bottom: 6px;}
    .view-default section.content p {font-size: 16px;line-height: 168%;}
    .view-default section.content .img-caption {font-size: 14px;padding: 8px 12px 30px 12px;border-radius: 12px 12px 0 0;margin-bottom: -22px;}

    .view-default section.content .layout {margin: 12px 0;}
    .view-default section.content .mo-reverse.wrap-flex {flex-direction: column-reverse;}


    .view-default section.content-bg .box-text {padding:0 10px;}
    .view-default section.content .layout.type01 .box-text {padding:0 10px 0 28px;}

    .view-default section.content .layout.type06,
    .view-default section.content .layout.type03 {margin: 12px 0;}

    .view-default section.content .layout.type03 .image {margin:0 -10px}
    .view-default section.content .layout.type03 .text-list {display: flex;flex-wrap: wrap;gap:12px;justify-content: flex-end;}
    .view-default section.content .layout.type03 .text-list li {margin:0;}

    .view-default section.section02 h3 + .radius-img {margin:12px 0;}
    .view-default section.section02 .box-img {margin:12px 0;}
    .view-default section.section02 .box-img .wrap-flex {flex-wrap: nowrap;gap:0;}
    .view-default section.section02 .box-img .wrap-flex .item {width: 50%;}
    .view-default section.section02 p,
    .view-default section.section02 li {padding-right: 8px;}
    .view-default section.section02 li {padding-left: 25px;}

    .view-default section.section03 {padding:20px 10px 10px;}
    .view-default section.section03 h3 {padding:0 14px;margin-bottom:12px;}
    .view-default section.section03 p {padding:0 14px;}
    .view-default section.section03 p:first-child {margin-top: 0;}
    .view-default section.section03 p:last-child {margin-bottom: 0;}
    .view-default section.section03 .radius-img {margin:12px 0;}
    .view-default section.section03 .radius-img:first-child {margin-top: 0;}
    .view-default section.section03 .layout {margin-bottom: 0;}

    .view-default section.section04 {display: flex;justify-content: center;padding:32px;}

    .view-default .wrap-author {justify-content: flex-start;}
    .view-default .wrap-author .item:last-child::before {width:40px;margin:unset;}
    .view-default .wrap-author .item {flex-direction: column;gap:8px;align-items: flex-start;}
    .view-default .wrap-author .item p {padding: 0;}

}