/* font */
@font-face {
  font-family: '851MkPOP';
  font-weight: normal;
  src: url('/wp-content/themes/zeein/assets/font/851MkPOP/851MkPOP.ttf') format('truetype'),
       url('/wp-content/themes/zeein/assets/font/851MkPOP/851MkPOP.woff') format('woff'),
       url('/wp-content/themes/zeein/assets/font/851MkPOP/851MkPOP.woff2') format('woff2');
}
/* == 01 == */
/* reset */
.wb-article p {margin:0;}
.wb-article section * {float: none;}
.wrap-img, .box-img {text-align: center;width: 100%;}
.line::before {display: block;content: '';width: 60px;height: 4px;background-color: #1a213e;margin: 0 auto;margin-bottom: 60px}
.wb-article br.mo {display: none;}
.wb-section .wrap-box .wb-text {color: #000;font-weight: 400;}
@media (max-width:767px) {
  body.admin-bar #content {margin-top: 0;}
    .wb-article br.mo {display: block;}
    .wb-article br.pc {display: none;}
    .line::before {width:40px;height:2px;margin-bottom:20px;}
}

/* wb-sub-banner */
.wb-sub-banner {width:100%;}
.wb-sub-banner .banner-wrap {min-height: 305px;background: transparent no-repeat 10% center / auto 100%;
    display: flex;justify-content: end;overflow: hidden;align-items:center;}
.wb-sub-banner .banner-inner {width:50%;text-align: center;padding:25px;box-sizing:border-box;}
.wb-sub-banner .banner-inner .icon {max-width:110px;margin-bottom: 30px;display: inline-block;}
.wb-sub-banner .banner-inner .text .tit {font-size: 130%;font-weight: 600;margin:0;color: #000;}
.wb-sub-banner .banner-inner .text .desc {margin-top:16px;margin-bottom: 0;color: #eb90b7;}

@media (max-width:767px) {
    .wb-sub-banner .banner-wrap {position: relative;background-position: center top;justify-content: start; align-items: flex-end!important;}
    .wb-sub-banner .banner-wrap::after {content:"";background: rgba(0,0,0,0.5);position: absolute;left:0;top:0;
        width:100%;height:100%;z-index: 0;}
    .wb-sub-banner .banner-inner {width:100%;z-index: 1;text-align: left;padding:10px;}
    .wb-sub-banner .banner-inner .icon {max-width:77px; margin-bottom:14px;}
    .wb-sub-banner .banner-inner .text .tit {color:#fff;}
    .wb-sub-banner .banner-inner .text .desc {margin-top:8px;color:#fff;}
}


/* section01 */
.section01 {margin-top: 3rem;}
.section01 .wrap-box {position: relative;}
.section01 .wrap-box .wb-tit-box {position: absolute;top: 5%;left: 50%;width: 100%;transform: translateX(-50%);text-align: center;letter-spacing: -1px;}
.section01 .wrap-box .wb-tit-box h3 {font-size: 65px;font-weight: 800;line-height: 1.3;color: #5b3a35;}
.section01 .wrap-box .wb-tit-box p {font-size: 28px;font-weight: 400;color: #db8d81;}
.section01 .wrap-box .wb-tag {position: absolute;font-size: 19px;color: #000;font-weight: 900;}
.section01 .wrap-box .wb-tag:nth-of-type(1) {right: 10%;top: 48.8%;}
.section01 .wrap-box .wb-tag:nth-of-type(2) {left: 12%;top: 57%;}
.section01 .wrap-box .wb-tag:nth-of-type(3) {right: 16.4%;top: 63.6%;}
.section01 .wrap-box .wb-text {position: absolute;bottom: 6%;left: 50%;width: 90%;padding: 4% 0;transform: translateX(-50%);text-align: center;font-size: 21px;}
.section01 .wrap-box .wb-text .tit {font-size: 37.19px;font-family: '851MkPOP', "Noto Sans JP", Meiryo, Helvetica, Arial, "Apple SD Gothic Neo", AppleSDGothic, sans-serif;}
@media (max-width:1199px) {
  .section01 .wrap-box .wb-tit-box h3 {font-size: 60px;}
  .section01 .wrap-box .wb-tit-box p {font-size: 24px;}
  .section01 .wrap-box .wb-tag {font-size: 16px;}
  .section01 .wrap-box .wb-text {font-size: 18px;}
  .section01 .wrap-box .wb-text .tit {font-size: 32px;}
}
@media (max-width:767px) {
  .section01 .wrap-box .wb-tit-box {top: 6%;}
  .section01 .wrap-box .wb-tit-box h3 {font-size: 50px;}
  .section01 .wrap-box .wb-tit-box p {font-size: 20px;}
  .section01 .wrap-box .wb-tag {font-size: 12px;letter-spacing: -1px;}
  .section01 .wrap-box .wb-text {width: 100%;font-size: 13px;}
  .section01 .wrap-box .wb-text .tit {font-size: 21px;margin-bottom: 5px;}
}
@media (max-width:575px) {
  .section01 .wrap-box .wb-tit-box p {font-size: 3.3vw;}
  .section01 .wrap-box .wb-tit-box h3 {font-size: 8.4vw;}
  .section01 .wrap-box .wb-tag {font-size: 2.3vw;zoom: 0.9;}
  .section01 .wrap-box .wb-tag:nth-of-type(1) {right: 11%;top: 49%;}
  .section01 .wrap-box .wb-tag:nth-of-type(2) {top: 57.2%;}
  .section01 .wrap-box .wb-tag:nth-of-type(3) {right: 16.9%;top: 63.8%;}
  .section01 .wrap-box .wb-text {font-size: 2.4vw;bottom: 5.5%;}
  .section01 .wrap-box .wb-text .tit {font-size: 4.2vw;}
  
}

/* section02 */
.section02 .wrap-box {position: relative;}
.section02 .wrap-box .wb-tit-box {position: absolute;top: 14%;left: 50%;width: 100%;transform: translateX(-50%);text-align: center;}
.section02 .wrap-box .wb-tit-box h3 {font-size: 54px;font-weight: 500;line-height: 1.3;color: #000;}
.section02 .wrap-box .wb-tit-box h3 span {font-weight: 900;font-size: 65px;}
.section02 .wrap-box .wb-tit-box p {font-size: 18px;font-weight: 400;color: #999;margin-top: 30px;}
.section02 .wrap-box .wb-tag {position: absolute;font-size: 18px;color: #000;right: 31%;top: 47%;color: #fff;text-align: center;}
.section02 .wrap-box .wb-text {position: absolute;bottom: 9%;left: 50%;width: 90%;padding: 4% 0;transform: translateX(-50%);text-align: center;font-size: 21px;font-weight: 600;}
.section02 .wrap-box .wb-text li:nth-child(1) {margin-bottom: 30px;font-size: 24px;color: #555;}
.section02 .wrap-box .wb-text li:nth-child(2) {border: 1px solid #000;font-weight: 900;padding: 5px 7px;display: inline-block;line-height: 1;margin-bottom: 10px;}
.section02 .wrap-box .wb-text li:nth-child(3) {line-height: 1.3;}
.section02 .wrap-box .wb-text li:nth-child(3) span {color: #999;}
.section02 .wrap-box .wb-text .tit {font-size: 37.19px;font-family: '851MkPOP', sans-serif;}
@media (max-width:1199px) {
  .section02 .wrap-box .wb-tit-box {top: 13%;}
  .section02 .wrap-box .wb-tit-box h3 {font-size: 50px;}
  .section02 .wrap-box .wb-tit-box h3 span {font-size: 60px;}
  .section02 .wrap-box .wb-tit-box p {font-size: 16px;}
  .section02 .wrap-box .wb-text {font-size: 16px;}
  .section02 .wrap-box .wb-text li:nth-child(1) {margin-bottom: 20px;}
  .section02 .wrap-box .wb-tag {right: 31.5%;top: 47%;font-size: 14px;}
}
@media (max-width:767px) {
  .section02 .wrap-box .wb-tit-box h3 {font-size: 34px;}
  .section02 .wrap-box .wb-tit-box h3 span {font-size: 48px;}
  .section02 .wrap-box .wb-tit-box p {font-size: 12px;margin-top: 20px;}
  .section02 .wrap-box .wb-tag {right: 30.5%;top: 46.5%;font-size: 12px;}
  .section02 .wrap-box .wb-text {width: 100%;font-size: 13px;}
  .section02 .wrap-box .wb-text li:nth-child(1) {margin-bottom: 10px;font-size: 16px;}
}
@media (max-width:575px) {
  .section02 .wrap-box .wb-tit-box h3 {font-size: 5.4vw;}
  .section02 .wrap-box .wb-tit-box h3 span {font-size: 8vw;}
  .section02 .wrap-box .wb-tit-box p {font-size: 2.3vw;margin-top: 3vw;zoom: 0.9;}
  .section02 .wrap-box .wb-tag {right: 30.8%;top: 47%;font-size: 2.2vw;zoom: 0.8;}
  .section02 .wrap-box .wb-text {font-size: 2.4vw;padding: 3% 0;}
  .section02 .wrap-box .wb-text li:nth-child(1) {margin-bottom: 6px;font-size: 3vw;}
  .section02 .wrap-box .wb-text li:nth-child(2) {padding: 3px 5px;margin-bottom: 5px;}
}

/* section03 */
.section03 .wrap-box {position: relative;}
.section03 .wrap-box .wb-tit-box {position: absolute;top: 9.7%;left: 50%;width: 100%;transform: translateX(-50%);text-align: center;}
.section03 .wrap-box .wb-tit-box h3 {font-size: 40px;font-weight: 800;line-height: 1.2;color: #67413d;}
@media (max-width:1199px) {
  .section03 .wrap-box .wb-tit-box h3 {font-size: 32px;}
}
@media (max-width:767px) {
  .section03 .wrap-box .wb-tit-box {top: 9.4%;}
  .section03 .wrap-box .wb-tit-box h3 {font-size: 26px;}
}
@media (max-width:575px) {
  .section03 .wrap-box .wb-tit-box h3 {font-size: 4.7vw;}
}

/* section04 */
.section04 .wrap-box {position: relative;}
.section04 .wrap-box .wb-tit-box {position: absolute;top: 8.4%;left: 50%;width: 100%;transform: translateX(-50%);text-align: center;}
.section04 .wrap-box .wb-tit-box h3 {font-size: 60px;font-weight: 800;line-height: 1.2;color: #67413d;}
.section04 .wrap-box .wb-text {position: absolute;top: 24.4%;left: 66%;width: 90%;transform: translateX(-50%);font-size: 24px;line-height: 2.2;letter-spacing: -1px;color: #9d685d;}
@media (max-width:1199px) {
  .section04 .wrap-box .wb-tit-box h3 {font-size: 45px;top: 9%;}
  .section04 .wrap-box .wb-text {font-size: 21px;line-height: 2.1;}
}
@media (max-width:767px) {
  .section04 .wrap-box .wb-tit-box {top: 9%;}
  .section04 .wrap-box .wb-tit-box h3 {font-size: 31px;}
  .section04 .wrap-box .wb-text {font-size: 16px;line-height: 2.1;top: 24.2%;}
}
@media (max-width:575px) {
  .section04 .wrap-box .wb-tit-box h3 {font-size: 5.6vw;}
  .section04 .wrap-box .wb-text {top: 24.3%;line-height: 5.9vw;font-size: 2.8vw;}
}

/* section06 */
.section06 .wrap-box {position: relative;}
.section06 .wrap-box .wb-tit-box {position: absolute;top: 5%;left: 50%;width: 100%;transform: translateX(-50%);text-align: center;;font-weight: 400}
.section06 .wrap-box .wb-tit-box h3 {font-size: 32px;line-height: 1.3;color: #000;}
.section06 .wrap-box .wb-tit-box h3 span {color: #ff64aa;}
.section06 .wrap-box .wb-tit-box p {font-size: 18px;color: #626262;margin-top: 20px;}
.section06 .wrap-box .wb-tag {position: absolute;font-size: 19px;color: #fff;font-weight: 600;bottom: 11.5%;left: 23%;}
.section06 .wrap-box .wb-text {position: absolute;display: flex;flex-direction: column;gap: 15px;bottom: 6%;right: 22.6%;font-size: 16px;line-height: 1.3;color: #3f485b;}
@media (max-width:1199px) {
  .section06 .wrap-box .wb-tit-box h3 {font-size: 28px;}
  .section06 .wrap-box .wb-tag {left: 22%;}
  .section06 .wrap-box .wb-text {gap: 10px;bottom: 5.7%;right: 16.6%;}
}
@media (max-width:767px) {
  .section06 .wrap-box .wb-tit-box {top: 6%;}
  .section06 .wrap-box .wb-tit-box h3 {font-size: 21px;}
  .section06 .wrap-box .wb-tit-box p {font-size: 12px;margin-top: 5px;}
  .section06 .wrap-box .wb-tag {font-size: 14px;}
  .section06 .wrap-box .wb-text {gap: 11px;bottom: 6%;right: 15.6%;font-size: 12px;line-height: 1;}
}
@media (max-width:575px) {
  .section06 .wrap-box .wb-tit-box {top: 5%;}
  .section06 .wrap-box .wb-tit-box h3 {font-size: 4.2vw;}
  .section06 .wrap-box .wb-tit-box p {font-size: 2.2vw;}
  .section06 .wrap-box .wb-tag {font-size: 2.5vw;}
  .section06 .wrap-box .wb-text {width: 50%;bottom: 5.8%;left: 45%;font-size: 2.3vw;gap: 1.7vw;}
}