@charset "utf-8";

@import url("base.css");

/***************************************************************************
 *
 * COMMON STYLE
 *
 ***************************************************************************/
.roboto {
    font-family: "Roboto", sans-serif;
}

.notoSans {
    font-family: "Noto Sans JP", sans-serif;
}

body {
    background-color: #fffbec;
    font-size: 14px;
    line-height: 1.5;
    color: #211815;
    font-family: "Noto Sans JP", sans-serif;
    font-display: swap
}

body.fixed {
    overflow: hidden;
}

.inner {
    max-width: 1070px;
    width: 100%;
    margin: 0 auto;
    padding: 0 28px;
}

/*VALIDATE CONTACT*/
.error {
    display: block;
    font-size: 12px;
    color: red;
}

/* HEADER */
#header {
    width: 100%;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9991;
    padding: 24px 0 38px;
}

#header.fixedHeader {
    transition: all 0.2s linear;
}

#header .inner {
    max-width: initial;
}

#header .headerBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 24px;
    position: relative;
}

#header .headerBar .logo {
    width: 295.5px;
}

#header .headerBar .logo a {
    display: block;
    background: #d65428;
    padding: 5px 23px 6px 16px;
}

#header .headerBar .logo a img {
    width: 100%;
}

#header .headerBar .wrapHambuger {
    background: #ea3329;
    border-radius: 0 0 0 15px;
    padding: 23px 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 999;
    position: absolute;
    top: -24px;
    right: -28px;
    width: 100px;
    height: 92px;
    overflow: hidden;
}

#header .headerBar .wrapHambuger.open {
    top: -38px;
    right: -29px;
}

/* MENU */
.hamburger {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 40px;
    margin-bottom: 1px;
    height: 25px;
}

.hamburger span {
    display: block;
    height: 2px;
    width: 100%;
    background: #ffffff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
    margin-bottom: 8px;
}

.hamburger span:nth-child(2) {
    opacity: 1
}

.hamburger span:nth-child(3) {
    margin-top: 8px;
}

.wrapHambuger.open .hamburger span:nth-child(1) {
    margin-bottom: -2px;
    -webkit-transform: rotate(19deg);
    -moz-transform: rotate(19deg);
    transform: rotate(19deg);
}

.wrapHambuger.open .hamburger span:nth-child(2) {
    opacity: 0;
}

.wrapHambuger.open .hamburger span:nth-child(3) {
    margin-top: -2px;
    -webkit-transform: rotate(-19deg);
    -moz-transform: rotate(-19deg);
    transform: rotate(-19deg);
}

#header .headerBar .wrapHambuger .txtHamburger {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    margin-top: 4px;
    z-index: 1;
}

#header .headerBar .wrapHambuger.open .txtHamburger {
    display: none;
}

#header .mainMenu {
    position: absolute;
    right: -100%;
    top: 0%;
    width: 100%;
    height: 100vh;
    transition: 500ms all linear;
    background: rgba(33, 24, 21, 0.63);
    cursor: pointer;
}

#header .mainMenu.showMenu {
    right: 0;
}

#header .mainMenu .iframeMenu {
    background-color: #ea3329;
    padding: 5.6vw 2.6vw 10vw 2.6vw;
    padding: 35px 92px 40px 40px;
    height: 26vh;
    min-height: 240px;
    width: 35%;
    min-width: 510px;
    min-width: 660px;
    margin: 0 0 0 auto;
    border-radius: 0 0 0 67px
}

#header .mainMenu .iframeMenu .wrapMenuHeader {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    overflow-y: auto;
    height: 100%;
}

#header .mainMenu .iframeMenu .wrapMenuHeader::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

#header .mainMenu .iframeMenu .wrapMenuHeader .menuHeader {}

#header .mainMenu .iframeMenu .wrapMenuHeader .menuHeader li {
    margin-bottom: 7px;
}

#header .mainMenu .iframeMenu .wrapMenuHeader .menuHeader li:last-child {
    margin-bottom: 0;
}

#header .mainMenu .iframeMenu .wrapMenuHeader .menuHeader li a {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.2;
    position: relative;
}

/* FIXH */
#fixH {
    height: 119.344px;
}

/* CONTENT */
#content {
    width: 100%;
}

/* sectionMain */
.sectionMain {}

.sectionMain .inner {
    max-width: 1283px;
}

.sectionMain .wrapMain {
    background: #ea3329 url(../images/common/bg-main.png) no-repeat top center/cover;
    border-radius: 20px;
    padding: 65px 10px 76px;
}

.sectionMain .wrapMain .contentMain {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1028px;
    margin: 0 auto;
}

.sectionMain .wrapMain .boxMain {
    width: calc(100% - 580px);
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain {
    margin-bottom: 29px;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain {
    font-size: 17px;
    background: #ffffff;
    border-radius: 20px;
    padding: 4px 15px 8px 16px;
    text-align: center;
    display: inline-block;
    position: relative;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 2.4px;
    margin-bottom: 16px;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #ffffff;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainRed {
    font-size: 20px;
    color: #ea3329;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainFsz22 {
    font-size: 22px;
    letter-spacing: 0.9px;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainFsz26 {
    font-size: 26px;
    letter-spacing: -3px;
    line-height: 1;
    margin-right: 4px;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainMargin {
    margin: 0 3px 0 6px;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .txtMain {
    font-size: 25px;
    text-align: left;
    color: #ffffff;
    font-weight: 800;
    margin-bottom: 11px;
    letter-spacing: 2.7px;
    padding-left: 27px;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto {
    width: 100%;
    max-width: 390px;
    padding-left: 29px;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto img {}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage {
    padding-left: 37px;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage .boxCircleSubPage {
    display: flex;
    justify-content: flex-start;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage .boxCircleSubPage .txtCirclePage {
    background-color: #8c1c19;
    color: #ffffff;
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 43px;
    font-weight: bold;
    margin: 0 -8px;
    padding: 1px 4px 7px 2px;
    position: relative;
}

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage .boxCircleSubPage .txtCirclePage .letterCircle {
    position: relative;
    z-index: 1;
}

.sectionMain .wrapMain .contentMain .contentButton {}

.sectionMain .wrapMain .contentMain .contentButton .listMain {
    /* width: 381px; */
    padding-left: 67px;
}

.sectionMain .wrapMain .contentMain .contentButton .listMain li {
    width: 100%;
    margin-bottom: 10px;
}

.sectionMain .wrapMain .contentMain .contentButton .listMain li:last-child {
    margin-bottom: 0;
}

.sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain {
    display: block;
    background: #ffffff;
    padding: 15px 32px 14px;
    text-align: left;
    font-size: 19px;
    font-weight: 600;
    color: #ea3329;
    border-radius: 31px;
    width: 100%;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
}

.sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain .txtBtnMain {
    position: relative;
    padding-left: 41px;
    display: inline-block;
}

.sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain .txtBtnMain:before {
    content: "";
    position: absolute;
    background: url('../images/common/icon-main.svg') no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    top: -1px;
    left: 0;
}

.sectionMain .wrapMain .mainPhoto {
    width: 504px;
    background: rgba(255, 255, 255, 0.15);
    padding: 16px 24px;
    border-radius: 20px;
    margin-top: 13px;
}

.sectionMain .wrapMain .mainPhoto img {
    width: 100%;
    aspect-ratio: 456/307;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
}

/* end sectionMain */

/* sectionConcerns */
.sectionConcerns {
    position: relative;
    padding-bottom: 200px;
}

.sectionConcerns:after {
    content: "";
    position: absolute;
    background: #ffffff;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    clip-path: ellipse(50% 74% at 50% 100%);
}

.sectionConcerns .inner {
    max-width: 1158px;
}

.sectionConcerns .containerConcerns {
    padding: 0 30px;
}

.sectionConcerns .wrapConcerns {
    background: #fffbec;
    padding: 46px 20px;
    margin-top: -48px;
    border-radius: 20px 20px 0 0;
}

.sectionConcerns .wrapConcerns .boxConcerns {
    background: #ea3329;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 31px 20px 32px;
    box-shadow: 0 13px 0 rgba(140, 28, 25, 1);
    max-width: 710px;
    margin: 0 auto;
    position: relative;
}

.sectionConcerns .wrapConcerns .boxConcerns .subConcerns {
    width: 100%;
    padding-right: calc(100% - clamp(350px, 49vw, 537px));
    font-size: 27px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    line-height: 2.1;
    position: relative;
    z-index: 1;
}

.sectionConcerns .wrapConcerns .boxConcerns .subConcerns .txtMark {
    margin-left: -18px;
}

.sectionConcerns .wrapConcerns .boxConcerns .subConcerns .boxCircle {
    margin: 0 10px 0;
    transform: translateY(-3px);
}

.sectionConcerns .wrapConcerns .boxConcerns .subConcerns .boxCircle .wrapCircleTitle .txtCircle {
    background-color: #ffffff;
    color: #ea3329;
    padding: 1px 2px 3px 5px;
    font-size: 27px;
    width: 44px;
    height: 44px;
    margin: 0 -6.4px;
}

.sectionConcerns .wrapConcerns .boxConcerns .subConcerns .txtCircleConcerns {
    display: inline-block;
    width: 200px;
    transform: translateY(3px);
    margin: 0 8px 0 8px;
}

.sectionConcerns .wrapConcerns .boxConcerns .subConcernsPhoto {
    width: 227px;
    position: absolute;
    bottom: 0px;
    right: -17px;
}

.sectionConcerns .boxProblems .titleProblems {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 5.8px;
    margin-bottom: 37px;
}

.sectionConcerns .boxProblems .titleProblems .titleProblemCenter {
    display: inline-block;
    position: relative;
    padding: 0 25px;
}

.sectionConcerns .boxProblems .titleProblems .titleProblemCenter:before {
    content: "";
    position: absolute;
    background: url(../images/lease/icon-title-problems.svg) no-repeat;
    background-size: 100%;
    width: 34px;
    height: 35px;
    top: 2px;
    left: 0px;
}

.sectionConcerns .boxProblems .titleProblems .titleProblemCenter:after {
    content: "";
    position: absolute;
    background: url(../images/lease/icon-title-problems.svg) no-repeat;
    background-size: 100%;
    width: 34px;
    height: 35px;
    bottom: -5px;
    right: 1px;
    transform: rotate(180deg);
}

.sectionConcerns .boxProblems .titleProblems .titleProblemsFsz49 {
    font-size: 49px;
    letter-spacing: 0;
    margin: 0 7px;
}

.sectionConcerns .boxProblems .titleProblems .dotTitleProblems {
    position: relative;
}

.sectionConcerns .boxProblems .titleProblems .dotTitleProblems:before {
    content: "";
    position: absolute;
    background: #ea3329;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    top: -9px;
    left: 46%;
    transform: translateX(-50%);
}

.sectionConcerns .boxProblems .subProblems {
    font-size: 23px;
    font-weight: 700;
    text-align: center;
    line-height: 2.19;
}

.sectionConcerns .boxProblems .subProblems .colRed {
    display: inline;
    background-image: linear-gradient(rgba(236, 85, 40, 0.15), rgba(236, 85, 40, 0.15));
    background-size: 100% 16px;
    background-position: 0 97%;
    background-repeat: no-repeat;
    font-size: 25px;
    padding-bottom: 4px;
}

/* end sectionConcerns */

/* sectionButtonFix */
.sectionButtonFix {
    position: fixed;
    right: 0;
    top: 9.5%;
    top: 107px;
    z-index: 999;
}

.sectionButtonFix .wrapButtonFix {}

.sectionButtonFix .wrapButtonFix .listButtonFix {}

.sectionButtonFix .wrapButtonFix .listButtonFix li {
    margin-bottom: 13px;
}

.sectionButtonFix .wrapButtonFix .listButtonFix li a {
    padding: 20px 10px 24px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 10px 0 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.2s linear;
}

.sectionButtonFix .wrapButtonFix .listButtonFix li.green a {
    background-color: #5ab94d;
    box-shadow: 0 4px 0 rgba(42, 94, 43, 1);
}

.sectionButtonFix .wrapButtonFix .listButtonFix li.orange a {
    background-color: #eeb834;
    padding: 15px 10px 20px;
    box-shadow: 0 4px 0 rgba(198, 152, 50, 1);
}

.sectionButtonFix .wrapButtonFix .listButtonFix li a .txtButton {
    writing-mode: vertical-rl;
    font-size: 25px;
    font-weight: 600;
    padding-right: 4px;
}

.sectionButtonFix .wrapButtonFix .listButtonFix li a .txtEasy {
    font-size: 18px;
    font-weight: 600;
    color: #5ab94d;
    text-align: center;
    background: #ffffff;
    border-radius: 10px;
    padding: 1px 10px 3px;
    line-height: 0.9;
    margin-bottom: 6px;
}

/* end sectionButtonFix */

/* sectionCtaFt */
.sectionCtaFt {
    background: #ffffff;
    padding: 32px 0;
    position: relative;
}

.sectionCtaFt:before {
    content: "";
    position: absolute;
    background: #ea3329;
    width: 100%;
    height: 83.4%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.sectionCtaFt .inner {
    max-width: 1138px;
}

.sectionCtaFt .wrapCtaFt {
    position: relative;
}

.sectionCtaFt .wrapCtaFt .ctaFtphoto {
    max-width: 1047px;
    margin: 0 auto -13px;
}

.sectionCtaFt .wrapCtaFt .ctaFtphoto img {
    width: 100%;
}

.listCtaFt {
    display: flex;
    align-items: center;
}

.listCtaFt li {}

.listCtaFt li.ctaGreen {
    width: 36.3%;
    margin-right: 1.05%;
}

.listCtaFt li.ctaOrange {
    width: 38.8%;
    margin-right: 1.05%;
}

.listCtaFt li.ctaOrangeSmall {
    width: 22.6%;
    margin-right: 0;
}

.listCtaFt li a {
    border-radius: 10px;
    transition: all 0.2s linear;
    color: #ffffff;
    font-size: 23px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 14px 15px 12px;
    min-height: 71px;
    justify-content: center;
}

.listCtaFt li.ctaGreen a {
    background: #5ab94d;
    box-shadow: 0 6px 0 rgba(0, 104, 55, 1);
    justify-content: flex-start;
    padding: 13px 15px 11px;
}

.listCtaFt li.ctaOrange a {
    background: #eeb834;
    box-shadow: 0 5px 0 rgba(198, 152, 50, 1);
}

.listCtaFt li.ctaOrangeSmall a {}

.listCtaFt li a .textCtaft {
    background: #ffffff;
    font-size: 15px;
    font-weight: 600;
    color: #5ab94d;
    border-radius: 20px;
    text-align: center;
    padding: 6px 5px;
    line-height: 1;
    width: 86px;
    margin-right: 10px;
    letter-spacing: -0.2px;
    line-height: 1.1;
}

.listCtaFt li a .txtCtaFt {
    letter-spacing: 0;
}

.sectionCtaFt .listCtaFt li.ctaGreen a .txtCtaFt {}

/* end sectionCtaFt */

/* btnLink */
.btnLink {
    text-align: center;
}

.btnLink.btnLinkGreen {}

.btnLink.btnLinkRed {}

.btnLink a {
    text-align: center;
    display: inline-block;
    min-width: 226px;
    max-width: 500px;
    border-radius: 5px;
    color: #ffffff;
    transition: all 0.2s linear;
}

.btnLink.btnLinkGreen a {
    font-size: 18px;
    font-weight: 600;
    background: #5ab94d;
    box-shadow: 0 3px 0 rgba(42, 94, 43, 1);
    padding: 5px 29px 5px;
}

.btnLink.btnLinkRed a {
    background: #ea3329;
    box-shadow: 0 5px 0 rgba(140, 28, 25, 1);
    min-width: 361px;
    padding: 14px 10px 14px 10px;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 1.3px;
    border-radius: 12px;
}

.btnLink a .txtBtnLink {
    position: relative;
    padding-right: 29px;
}

.btnLink.btnLinkGreen a .txtBtnLink {}

.btnLink.btnLinkRed a .txtBtnLink {
    padding-right: 27px;
}

.btnLink.btnLinkGreen a .txtBtnLink:after {
    content: "";
    position: absolute;
    background: url('../images/common/icon-arrow-button-green.png') no-repeat;
    background-size: 100%;
    width: 20px;
    height: 10px;
    top: 55%;
    transform: translateY(-50%);
    right: 0;
}

.btnLink.btnLinkRed a .txtBtnLink:after {
    content: "";
    position: absolute;
    background: url('../images/common/icon-arrow-button-red.png') no-repeat;
    background-size: 100%;
    width: 18px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

/* end btnLink */

/* titleItem */
.titleItem {
    margin: 0 0 35px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #211815;
    letter-spacing: 6px;
}

.titleItem .titleItemPhoto {
    width: 358px;
    margin: 0;
    display: inline-block;
}

/* end titleItem */

/* titleItemDot */
.titleItem.titleItemDot {
    color: #ffffff;
    align-items: baseline;
    letter-spacing: 8px;
    margin-bottom: 42px;
}

.titleItem.titleItemDot .titleItemFsz48 {
    font-size: 49px;
    font-weight: 700;
    line-height: 1;
}

.titleItem.titleItemDot .titleItemFsz48.roboto {
    font-size: 56px;
    line-height: 1;
}

.titleItem.titleItemDot .titleDot {
    position: relative;
}

.titleItem.titleItemDot .titleDot:before {
    content: "";
    position: absolute;
    background: #ffffff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
}

.titleItem.titleItemDot .titleDotHight:before {
    top: -20px;
    left: 19%;
}

/* end titleItemDot */

/* title circle */
.boxCircle {
    display: inline-block;
    margin: -12px 0px 0;
}

.boxCircle .wrapCircleTitle {
    display: flex;
    justify-content: center;
}

.boxCircle .wrapCircleTitle .txtCircle {
    background-color: #ea3329;
    color: #ffffff;
    width: 73px;
    height: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 48.5px;
    font-weight: bold;
    margin: 0 -8.5px;
    padding: 1px 2px 7px 8px;
    position: relative;
}

.boxCircle .wrapCircleTitle .txtCircle .letterCircle {
    position: relative;
    z-index: 1;
}

/* end title circle */

/* subTitlePlans */
.subTitlePlans {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.subTitlePlans:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #ffffff;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
}

.subTitlePlans:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #ea3329;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
}

.subTitlePlans .txtsubTitlePlans {
    border: 1px solid #ea3329;
    border-radius: 20px;
    padding: 7px 20px 6px 23px;
    text-align: center;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 2.3px;
    font-size: 15px;
}

.subTitlePlans.subTitlePlansBig .txtsubTitlePlans {
    font-size: 21px;
    letter-spacing: 4px;
    border-radius: 30px;
}

.subTitlePlans .subTitlePlansRed {
    font-size: 20px;
    color: #ea3329;
    font-weight: 800;
}

.subTitlePlans.subTitlePlansBig .subTitlePlansRed {
    font-size: 28px;
}

/* end subTitlePlans */

/* sectionPlans */
.wrapPlans {}

.wrapPlans .titleItem {
    margin-bottom: 50px;
}

.wrapPlans .titleItem .titleItemPhoto {
    width: 294px;
    margin: -9px 6px 0 3px;
}

.wrapPlans .titleItem .titleItemPhoto img {}

.wrapPlans .boxPlans {}

.wrapPlans .boxPlans .tabListPlans {
    display: flex;
}

.wrapPlans .boxPlans .tabListPlans li {
    width: calc(100%/3);
    position: relative;
}

.wrapPlans .boxPlans .tabListPlans li:before {
    content: "";
    position: absolute;
    background: #e6e6e6;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.wrapPlans .boxPlans .tabListPlans li.active:before {
    content: "";
    position: absolute;
    background: #ea3329;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.wrapPlans .boxPlans .tabListPlans li a {
    display: block;
    border-radius: 20px 20px 0 0;
    background: #e6e6e6;
    padding: 18px 10px 13px;
    position: relative;
    height: 100%;
}

.wrapPlans .boxPlans .tabListPlans li a .tabPlansItemPhoto {
    width: 88.3%;
    margin: 0 auto;
}

.wrapPlans .boxPlans .tabListPlans li a .tabPlansItemPhoto img {
    width: 100%;
}

.wrapPlans .boxPlans .tabListPlans li a .tabPlansItemImgNoActive {
    display: block;
}

.wrapPlans .boxPlans .tabListPlans li.active a .tabPlansItemImgNoActive {
    display: none;
}

.wrapPlans .boxPlans .tabListPlans li a .tabPlansItemImgActive {
    display: none;
}

.wrapPlans .boxPlans .tabListPlans li.active a .tabPlansItemImgActive {
    display: block;
}

.wrapPlans .boxPlans .tabListPlans li.active a {
    background: #ea3329;
}

.wrapPlans .boxPlans .contentPlansTab {
    background: #ea3329;
    padding: 31px 19px;
    border-radius: 23px 23px 23px 23px;
    margin-top: 0;
    position: relative;
}

.wrapPlans .boxPlans .contentPlansTab .iframePlansTab {
    background: #ffffff;
    border-radius: 23px;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem {
    display: none;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem.active {
    display: block;
    padding: 29px 51px 62px 51px;
}

.wrapPlans .boxPlans .contentPlansTab .iframePlansItem {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 52px;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .plansItemPhoto {
    width: 301px;
    margin: 0 0 -2px -3px;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .plansItemPhoto img {
    width: 100%;
    aspect-ratio: 226 / 295;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem {
    width: calc(100% - 303px);
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature {
    margin-bottom: 13px;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .ttlFeatureTab {
    font-size: 23px;
    font-weight: 700;
    color: #ea3329;
    text-align: center;
    margin-bottom: 3px;
    letter-spacing: 1.6px;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    max-width: 449px;
    margin: 0 auto;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab li {
    background: #ea3329;
    text-align: center;
    border-radius: 10px;
    color: #ffffff;
    padding: 16px 4px 15px;
    box-shadow: 0 4px 0 rgba(140, 28, 25, 1);
    width: calc((100% / 3) - 3px);
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab li:last-child {}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab li .plansItemTabNor {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.2;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab li .plansItemTabBold {
    font-weight: 900;
    line-height: 1.4;
    display: block;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab {}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .ttlSelectionTab {
    font-size: 23px;
    font-weight: 700;
    color: #ea3329;
    text-align: center;
    margin-bottom: 8px;
    letter-spacing: 1.3px;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .listSelectionTab {}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .listSelectionTab li {
    background: #ea3329;
    box-shadow: 0 6px 0 rgba(140, 28, 25, 1);
    margin-bottom: 13px;
    border-radius: 10px;
    padding: 7px 10px 8px;
    color: #ffffff;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 1.4px;
    line-height: 1.4;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .listSelectionTab li:last-child {
    margin-bottom: 0;
}

.wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .listSelectionTab li .bgTxtPlansTab {
    display: inline;
    background-image: linear-gradient(rgba(252, 241, 79, 0.6), rgba(252, 241, 79, 0.6));
    background-size: 100% 7px;
    background-position: 0 95%;
    background-repeat: no-repeat;
}

.wrapPlans .listPlansBottom {
    display: flex;
    flex-wrap: wrap;
    padding: 0 14px;
}

.wrapPlans .listPlansBottom li {
    text-align: center;
    width: calc(100%/3);
    background: #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 4px 4px;
    min-height: 78px;
}

.wrapPlans .listPlansBottom li:last-child {}

.wrapPlans .listPlansBottom li:nth-child(2n + 2) {
    background: #e6e6e6;
}

.wrapPlans .listPlansBottom li .txtDuration {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 1.1px;
    line-height: 1.2;
}

.wrapPlans .listPlansBottom li .txtDuration .txtDuration18 {
    font-size: 18px;
    font-weight: normal;
}

.wrapPlans .listPlansBottom li .txtinstallments {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: 1px;
    margin-top: 1px;
}


.wrapPlans .listPlansBottom li .txtinstallments .txtinstallments15 {
    font-size: 15px;
    letter-spacing: 1.9px;
    margin-top: -1px;
    display: block;
}

.wrapPlans .boxPlans .btnLinkRed {
    margin-top: -52px;
    position: relative;
}

/* end sectionPlans */

/* sectionLeasingTop */
.sectionLeasingTop {
    padding: 31px 0 125px;
    background: rgba(252, 241, 79, 0.05);
}

.sectionLeasingTop .inner {}

.sectionLeasingTop .wrapLeasing {}

.sectionLeasingTop .wrapLeasing .subTitlePlans {
    margin-bottom: 15px;
}

.sectionLeasingTop .wrapLeasing .subTitlePlans .txtsubTitlePlans {
    padding: 5px 32px 8px 32px;
    letter-spacing: 2.5px;
}

.sectionLeasingTop .wrapLeasing .titleItem {
    margin-bottom: 43px;
}

.sectionLeasingTop .wrapLeasing .titleItem .boxCircle {
    margin: 8px 0 0;
}

.sectionLeasingTop .wrapLeasing .desLeasingTop {
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 31px;
}

.sectionLeasingTop .wrapLeasing .leasingOrange {
    color: #ec5528;
    font-weight: 700;
}

.sectionLeasingTop .wrapLeasing .boxLeasing {
    max-width: 860px;
    margin: 0 auto 28px;
    display: flex;
    position: relative;
}

.sectionLeasingTop .wrapLeasing .boxLeasing .barPay {
    width: 71.2%;
    background: url('../images/index/bg-barpay.png') no-repeat;
    background-size: 100% 100%;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    position: relative;
    padding: 40px 20px 37px;
}

.sectionLeasingTop .wrapLeasing .boxLeasing .barPay:before {
    content: "";
    position: absolute;
    left: 47%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 2px;
    background: #ffffff;
    z-index: 1;
}

.sectionLeasingTop .wrapLeasing .boxLeasing .barPay .txtBarPay {
    background: #ea3329;
    position: relative;
    padding: 0 23px;
    z-index: 1;
}

.sectionLeasingTop .wrapLeasing .boxLeasing .barResidual {
    width: 33.2%;
    background: url('../images/index/bg-barresidual.png') no-repeat;
    background-size: 100% 100%;
    background-position: center;
    color: #ea3329;
    margin-left: -38px;
    z-index: 0;
}

.sectionLeasingTop .wrapLeasing .boxLeasing .barResidual:before {
    background: #ea3329;
    left: 49%;
    width: 87%;
}

.sectionLeasingTop .wrapLeasing .boxLeasing .barResidual .txtBarPay {
    background: #ffffff;
}

.sectionLeasingTop .wrapLeasing .txtLeasing {
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 33px;
    line-height: 1.7;
}

.sectionLeasingTop .wrapLeasing .btnLinkGreen {}

.sectionLeasingTop .wrapLeasing .btnLinkGreen a {}

/* end sectionLeasingTop */

/* sectionCredit */
.sectionCredit {
    padding: 32px 0 42px;
    background: rgba(252, 241, 79, 0.05);
}

.sectionCredit .inner {
    max-width: 962px;
}

.sectionCredit .wrapCredit {}

.sectionCredit .wrapCredit .subTitlePlans {
    margin-bottom: 40px;
}

.sectionCredit .wrapCredit .subTitlePlans .txtsubTitlePlans {
    padding: 6px 32px 7px 33px;
}

.sectionCredit .wrapCredit .titleItem {
    margin-bottom: 14px;
}

.sectionCredit .wrapCredit .titleItem .titleItemPhoto {}

.sectionCredit .wrapCredit .titleItem .titleItemPhoto img {}

.sectionCredit .wrapCredit .desCredit {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.71;
    margin-bottom: 15px;
    padding-left: 5px;
}

.colOrange {
    color: #ec5528;
    font-weight: 700;
}

.colYellow {
    color: #fcf14f;
    font-weight: 800;
}

.colRed {
    color: #ea3329;
    font-weight: 700;
}

.sectionCredit .wrapCredit .boxCredit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 clamp(11px, 2.4vw, 31px) 0 clamp(20px, 3.1vw, 36px);
    margin-bottom: 56px;
}

.sectionCredit .wrapCredit .boxCredit .iframeCredit {
    width: calc(100% - 318px);
}

.sectionCredit .wrapCredit .boxCredit .creditLeftPhoto {
    width: 95.4%;
}

.sectionCredit .wrapCredit .boxCredit .creditLeftPhoto img {}

.sectionCredit .wrapCredit .boxCredit .creditRightPhoto {
    width: 306px;
}

.sectionCredit .wrapCredit .boxCredit .creditRightPhoto img {
    width: 100%;
}

.sectionCredit .wrapCredit .listCredit {
    display: flex;
    flex-wrap: wrap;
    gap: 57px 27px;
}

.sectionCredit .wrapCredit .listCredit li {
    background: #fff;
    border: 2px solid #ea3329;
    border-radius: 15px;
    padding: 36px 20px 33px;
    text-align: center;
    position: relative;
    box-shadow: 0 10px 0 rgba(140, 28, 25, 1);
    width: calc((100%/3) - 18px);
}

.sectionCredit .wrapCredit .listCredit li:last-child {}

.sectionCredit .wrapCredit .listCredit li .wrapCreditItem {}

.sectionCredit .wrapCredit .listCredit li .wrapCreditItem .wrapNumCredit {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    background: #ea3329;
    color: #fff;
    padding: 2px 8px 1px 12px;
    border-radius: 30px;
    font-weight: 800;
    font-size: 23px;
    max-width: 76%;
    width: 100%;
    letter-spacing: 2.3px;
}

.sectionCredit .wrapCredit .listCredit li .wrapCreditItem .wrapNumCredit .creditNum {
    font-size: 28px;
    margin-left: 0px;
}

.sectionCredit .wrapCredit .listCredit li .wrapCreditItem .titleCreditItem {
    color: #ea3329;
    font-size: 23px;
    margin-bottom: 17px;
    font-weight: 800;
    letter-spacing: 2.4px;
}

.sectionCredit .wrapCredit .listCredit li .wrapCreditItem .creditItemPhoto {
    width: 64.1%;
    margin: 0 auto 11px;
    padding-right: 0px;
}

.sectionCredit .wrapCredit .listCredit li .wrapCreditItem .creditItemPhoto img {
    width: 100%;
}

.sectionCredit .wrapCredit .listCredit li .wrapCreditItem .boxCreditItem {
    padding: 0 8px;
}

.sectionCredit .wrapCredit .listCredit li .wrapCreditItem .boxCreditItem .txtCreditItem {
    font-size: 16px;
    text-align: justify;
    font-weight: 500;
    line-height: 1.75;
}

/* end sectionCredit */

/* sectionCtaLease */
.sectionCtaLease {
    background: url('../images/common/bg-cta-lease.jpg') no-repeat center center/cover;
    padding: 10px 0 0;
}

.sectionCtaLease .inner {
    max-width: 808px;
}

.sectionCtaLease .wrapCtaLease {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sectionCtaLease .wrapCtaLease .boxTitleCtaLease {
    width: 63%;
    position: relative;
    padding: 0 0 0 31px;
    margin-top: -99px;
}

.sectionCtaLease .wrapCtaLease .subTitlePlans {
    text-align: left;
    display: inline-block;
    margin-bottom: 50px;
    margin: 0 0 38px -37px;
}

.sectionCtaLease .wrapCtaLease .subTitlePlans:after {
    display: none;
}

.sectionCtaLease .wrapCtaLease .subTitlePlans:before {
    border-left-width: 8px;
    border-right-width: 8px;
    border-top-width: 14px;
    bottom: -13px;
}

.sectionCtaLease .wrapCtaLease .subTitlePlans.subTitlePlansBig .txtsubTitlePlans {
    background: #ea3329;
    color: #ffffff;
    padding: 13px 27px 13px 30px;
    letter-spacing: 2.3px;
}

.sectionCtaLease .wrapCtaLease .wrapTitleCenter {}

.sectionCtaLease .wrapCtaLease .titleItem.titleItemDot {
    color: #ea3329;
    text-align: left;
    margin-bottom: 7px;
    letter-spacing: 6px;
    line-height: 1.75;
}

.sectionCtaLease .wrapCtaLease .titleItem.titleItemDot .wrapTitleDot {
    letter-spacing: -2.6px;
}

.sectionCtaLease .wrapCtaLease .titleItem.titleItemDot .titleDot:before {
    background: #ea3329;
    top: 3px;
}

.sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3px;
}

.sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease li {
    width: calc((100%/2) - 2px);
}

.sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease li a {
    display: block;
    font-size: 23px;
    font-weight: 600;
    background: #5ab94d;
    border-radius: 9px;
    color: #ffffff;
    text-align: center;
    box-shadow: 0 4px 0 rgba(0, 104, 55, 1);
    letter-spacing: 1px;
    padding: 9px 10px 10px;
    transition: all 0.2s linear;
}

.sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease li a .txtCtaLease {
    position: relative;
    padding-right: 25px;
    display: inline-block;
}

.sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease li a .txtCtaLease:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 15px solid #ffffff;
    top: 54%;
    transform: translateY(-50%);
    right: -1px;
}

.sectionCtaLease .wrapCtaLease .ctaLeasePhoto {
    width: 51.6%;
    margin-left: -31%;
}

.sectionCtaLease .wrapCtaLease .ctaLeasePhoto img {
    width: 100%;
}

/* end sectionCtaLease */

/* FOOTER */
#footer {
    width: 100%;
    background: #ffffff;
    padding: 32px 0 47px;
}

#footer .inner {
    max-width: 1044px;
}

#footer .wrapFooter {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#footer .wrapFooter .wrapFooterInfo {
    width: 295.5px;
    padding-top: 5px;
}

#footer .wrapFooter .wrapFooterInfo .footerLogo {
    margin-bottom: 34px;
}

#footer .wrapFooter .wrapFooterInfo .footerLogo a {
    display: block;
    background: #d65428;
    padding: 5px 23px 6px 16px;
}

#footer .wrapFooter .wrapFooterInfo .footerLogo a img {
    width: 100%;
}

#footer .wrapFooter .boxFooter {}

#footer .wrapFooter .boxFooter .txtFooter {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.53;
}

#footer .wrapFooter .boxFooter .txtFooter span {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

#footer .wrapFooter .ftMenu {
    width: calc(100% - 385px);
    display: flex;
    justify-content: flex-end;
    gap: clamp(40px, 6.1vw, 80px);
}

#footer .wrapFooter .ftMenu .menu {}

#footer .wrapFooter .ftMenu .menu:last-child {}

#footer .wrapFooter .ftMenu .menu li {
    margin-bottom: 7px;
}

#footer .wrapFooter .ftMenu .menu li a {
    font-size: 13px;
    font-weight: 500;
    color: #211815;
}

@media (max-width: 1200px) and (min-width: 769px) {
    .sectionMain .wrapMain .boxMain {
        width: 50%;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain {
        max-width: 448px;
    }

    .sectionMain .wrapMain .mainPhoto {
        width: 48%;
    }
}

@media (max-width: 1180px) and (min-width: 769px) {
    #header .headerBar .wrapHambuger {
        width: clamp(70px, 8.4vw, 100px);
        height: clamp(70px, 7.7vw, 92px);
    }

    #header .headerBar .logo {
        width: clamp(260px, 25.2vw, 298.5px);
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li a .txtEasy {
        font-size: clamp(14px, 1.5vw, 18px);
        padding: 3px 10px 3px;
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li a .txtButton {
        font-size: clamp(17px, 2.1vw, 25px);
    }

    .sectionCtaFt .wrapCtaFt .ctaFtphoto {
        margin: 0 auto -1vw;
    }

    .listCtaFt li a {
        padding: clamp(8px, 1.1vw, 14px) clamp(10px, 1.2vw, 15px) clamp(8px, 1.1vw, 14px);
        font-size: clamp(15px, 1.9vw, 23px);
        min-height: clamp(56px, 6vw, 71px);
    }

    .listCtaFt li.ctaGreen a {
        padding: clamp(8px, 1.1vw, 14px) clamp(5px, 0.8vw, 15px) clamp(8px, 1.1vw, 14px);
    }

    .sectionCtaFt .listCtaFt li.ctaGreen a .txtCtaFt {
        letter-spacing: 0;
    }

    .listCtaFt li a .textCtaft {
        width: clamp(60px, 7.2vw, 86px);
        font-size: clamp(12px, 1.2vw, 15px);
    }
}

@media (max-width: 1100px) and (min-width: 769px) {
    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem.active {
        padding: 2.6vw 4.6vw 5.6vw 4.6vw;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .plansItemPhoto {
        width: clamp(220px, 26vw, 286px);
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem {
        width: calc(100% - clamp(220px, 26vw, 286px) - 10px);
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .ttlFeatureTab {
        letter-spacing: 1.6px;
        font-size: clamp(18px, 2.1vw, 23px);
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab li .plansItemTabNor {
        font-size: clamp(18px, 2.1vw, 23px);
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .ttlSelectionTab {
        font-size: clamp(18px, 2.1vw, 23px);
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .listSelectionTab li {
        padding: 7px 10px 8px;
        font-size: clamp(16px, 2vw, 21px);
    }

    .wrapPlans .listPlansBottom {
        padding: 0;
    }

    .wrapPlans .listPlansBottom li .txtDuration {
        letter-spacing: 0.5px;
        font-size: clamp(16px, 2vw, 21px);
    }

    .wrapPlans .listPlansBottom li .txtDuration .txtDuration18 {
        font-size: clamp(13px, 1.7vw, 18px);
    }

    .wrapPlans .listPlansBottom li .txtinstallments {
        letter-spacing: 1px;
        font-size: clamp(13px, 1.7vw, 18px);
    }

    .wrapPlans .listPlansBottom li .txtinstallments .txtinstallments15 {
        letter-spacing: 1px;
        font-size: clamp(11px, 1.4vw, 15px);
    }
}

@media (max-width: 1080px) and (min-width: 769px) {
    #footer .wrapFooter .ftMenu {
        width: calc(100% - clamp(325px, 35vw, 385px));
        gap: 40px;
    }
}

@media (max-width: 1000px) and (min-width: 769px) {
    .sectionMain .wrapMain .contentMain {
        flex-direction: column;
    }

    .sectionMain .wrapMain .boxMain {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .txtMain {
        text-align: center;
        padding-left: 0;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto {
        margin: 0 auto;
        padding-left: 0;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage {
        padding-left: 0;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage .boxCircleSubPage {
        justify-content: center;
    }

    .sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage,
    .sectionMain.blogMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage {
        padding-left: 37px;
    }

    .sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage .boxCircleSubPage,
    .sectionMain.blogMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage .boxCircleSubPage {
        width: fit-content;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain {
        margin: 0 auto;
        padding-left: 0;
        max-width: 381px;
    }

    .sectionMain .wrapMain .mainPhoto {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem.active {
        padding: 2.6vw 3.6vw 5.6vw 3.6vw;
    }
}

@media (max-width: 900px) and (min-width: 769px) {
    .sectionCredit .wrapCredit .desCredit {
        padding-left: 0;
    }

    .sectionCredit .wrapCredit .listCredit {
        gap: 10px;
    }

    .sectionCredit .wrapCredit .listCredit li {
        padding: 26px 10px 13px;
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .wrapNumCredit {
        padding: 2px 8px 1px 12px;
        letter-spacing: 0;
        font-size: clamp(20px, 2.5vw, 23px);
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .wrapNumCredit .creditNum {
        font-size: clamp(25px, 3.1vw, 28px);
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .titleCreditItem {
        font-size: clamp(20px, 2.5vw, 23px);
        letter-spacing: 0;
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .boxCreditItem {
        padding: 0;
    }
}

/* SHOW HIDE PC SP */
@media (min-width: 769px) {
    .sp {
        display: none;
    }

    #header .headerBar .wrapHambuger:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 100%;
        background-color: #b51d15;
        transition: all 0.4s;
        border-radius: 0 0 0 15px;
    }

    #header .headerBar .wrapHambuger:hover:before {
        width: 100%;
        left: 0;
        right: auto;
    }

    #header .mainMenu .iframeMenu .wrapMenuHeader .menuHeader li a {
        transform-origin: 100% 100%;
        transition: background-size .3s cubic-bezier(.4, 1, .64, 1), color .3s cubic-bezier(.4, 1, .64, 1);
        background-image: linear-gradient(90deg, #ffffff, #ffffff);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: 0 1px;
    }

    #header .mainMenu .iframeMenu .wrapMenuHeader .menuHeader li a:hover {
        background-image: linear-gradient(90deg, #ffffff, #ffffff);
        color: #ffffff;
        background-position: 0 100%;
        background-size: 100% 1px;
    }

    .sectionButtonFix {
        display: block !important;
    }

    .listCtaFt li a:hover {
        box-shadow: none;
        transform: translateY(6px);
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li a:hover {
        box-shadow: none;
        transform: translateY(4px);
    }

    .btnLink.btnLinkGreen a:hover {
        box-shadow: none;
        transform: translateY(3px);
    }

    .btnLink.btnLinkRed a:hover {
        box-shadow: none;
        transform: translateY(5px);
    }

    .listCtaFt li.ctaOrangeSmall a {
        pointer-events: none;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain li a:hover {
        color: #ffffff;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain li a:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 100%;
        background-color: #b51d15;
        transition: all 0.4s;
        border-radius: 0 0 0 15px;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain li a:hover:before {
        width: 100%;
        left: 0;
        right: auto;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain li a:hover .txtBtnMain:before {
        background-image: url('../images/common/icon-main-hover.svg');
    }

    .sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease li a:hover {
        box-shadow: none;
        transform: translateY(4px);
    }

    #footer .wrapFooter .ftMenu .menu li a:hover {
        color: #ea3329;
    }
}

/* STYLE MOBILE */
@media (max-width: 768px) {
    .hover:hover {
        opacity: 1;
    }

    .pc {
        display: none;
    }

    .inner {
        width: 100%;
        padding: 0 2.6%;
    }

    /* HEADER */
    #header {
        padding: 18px 0 20px;
    }

    #header .inner {
        max-width: 1232px;
    }

    #header .headerBar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding-left: 0;
    }

    #header .headerBar .logo {
        width: clamp(170px, 37.9vw, 280px);
    }

    #header .headerBar .logo a {
        padding: 3px 13px 3px 10px;
    }

    #header .headerBar .logo a img {
        width: 100%;
    }

    #header .headerBar .wrapHambuger {
        padding: 9px 5px 10px 9px;
        top: -18px;
        right: -2.6%;
        width: clamp(63px, 14.2vw, 80px);
        height: clamp(61px, 12vw, 77px);
    }

    /* MENU */
    .hamburger {
        width: clamp(26px, 6vw, 30px);
        height: clamp(13px, 4vw, 28px);
        margin-bottom: 0;
    }

    .wrapHambuger.open .hamburger {
        width: clamp(40px, 8.9vw, 44px);
        height: clamp(26px, 5.7vw, 37px);
        margin-bottom: 0;
    }

    #header .headerBar .wrapHambuger.open {
        top: -14px;
        right: 0.8%;
    }

    .hamburger span {
        height: 1px;
    }

    .wrapHambuger.open .hamburger span {
        height: 2px;
    }

    .hamburger span:nth-child(1) {
        margin-bottom: 5px;
    }

    .hamburger span:nth-child(2) {}

    .hamburger span:nth-child(3) {
        margin-top: 5px;
    }

    .wrapHambuger.open .hamburger span:nth-child(1) {
        margin-bottom: -2px;
        -webkit-transform: rotate(19deg);
        -moz-transform: rotate(19deg);
        transform: rotate(19deg);
    }

    .wrapHambuger.open .hamburger span:nth-child(2) {
        opacity: 0;
    }

    .wrapHambuger.open .hamburger span:nth-child(3) {
        margin-top: -2px;
        -webkit-transform: rotate(-19deg);
        -moz-transform: rotate(-19deg);
        transform: rotate(-19deg);
    }

    #header .headerBar .wrapHambuger .txtHamburger {
        font-size: clamp(12px, 2.6vw, 14px);
        margin-top: 1px;
        letter-spacing: 1px;
    }

    #header .mainMenu {}

    #header .mainMenu .iframeMenu {
        padding: clamp(75px, 16.8vw, 85px) clamp(40px, 7.6vw, 50px) clamp(20px, 7.6vw, 30px) clamp(44px, 4.4vw, 54px);
        min-width: initial;
        width: clamp(294px, 65.5%, 350px);
        min-height: initial;
        height: 44.6vh;
        border-radius: 0 0 0 53px;
        min-height: 240px;
        max-height: 368px;
    }

    #header .mainMenu .iframeMenu .wrapMenuHeader {
        display: block;
    }

    #header .mainMenu .iframeMenu .wrapMenuHeader .menuHeader {
        margin-bottom: clamp(11px, 2.2vw, 15px);
    }

    #header .mainMenu .iframeMenu .wrapMenuHeader .menuHeader li {
        margin-bottom: clamp(7.5px, 1.6vw, 15px);
    }

    #header .mainMenu .iframeMenu .wrapMenuHeader .menuHeader li a {
        font-size: clamp(14px, 3.1vw, 16px);
    }

    /* FIXH */
    #fixH {
        height: 70.5781px;
    }

    /* sectionMain */
    .sectionMain {}

    .sectionMain .inner {
        max-width: 1283px;
    }

    .sectionMain .wrapMain {
        border-radius: 10px;
        padding: clamp(36px, 8vw, 45px) clamp(13px, 2.9vw, 20px) clamp(77px, 21.5vw, 97px);
        background-image: url('../images/common/bg-main-sp.png');
    }

    .sectionMain .wrapMain .contentMain {
        flex-direction: column;
        align-items: initial;
    }

    .sectionMain .wrapMain .boxMain {
        width: 100%;
        margin-bottom: 24px;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain {
        max-width: 440px;
        margin: 0 auto;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain {
        font-size: clamp(14px, 3.1vw, 16px);
        border-radius: 20px;
        padding: clamp(3px, 0.8vw, 7px) clamp(12px, 2.6vw, 15px) clamp(6px, 1.1vw, 7px) clamp(13px, 2.8vw, 16px);
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: 1.4px;
        margin-bottom: 3vw;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain:after {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 12px solid #ffffff;
        bottom: -9px;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainRed {
        font-size: clamp(16px, 3.5vw, 18px);
        font-weight: 800;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainFsz22 {
        font-size: clamp(18px, 4vw, 20px);
        letter-spacing: 0.5px;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainFsz26 {
        letter-spacing: -3px;
        line-height: 1;
        margin-right: 6px;
        font-size: clamp(22px, 4.8vw, 24px);
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainMargin {
        margin: 0 1px 0 4px;
        letter-spacing: 3px;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .txtMain {
        text-align: left;
        margin-bottom: 9px;
        letter-spacing: 2.6px;
        font-size: clamp(20px, 4.4vw, 22px);
        padding: 0 22px;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto {
        width: 100%;
        max-width: clamp(340px, 75.7vw, 400px);
        padding: 0 24px;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto img {}

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage {
        padding: 0 0 0 31px;
    }

    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage .boxCircleSubPage .txtCirclePage {
        height: clamp(51px, 11.8vw, 63px);
        width: clamp(51px, 11.8vw, 63px);
        margin: 0 -6.6px;
        padding: 1px 4px 6px 2px;
        font-size: clamp(34px, 7.5vw, 36px);
    }

    .sectionMain .wrapMain .contentMain .contentButton {}

    .sectionMain .wrapMain .contentMain .contentButton .listMain {
        width: 96%;
        padding-left: 0;
        margin: 0 auto;
        max-width: 450px;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain li {
        width: 100%;
        margin-bottom: 9px;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain li:last-child {
        margin-bottom: 0;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain {
        padding: clamp(14px, 3.1vw, 16px) clamp(22px, 7.1vw, 35px) clamp(14px, 3.1vw, 16px);
        font-size: clamp(18px, 4vw, 20px);
        font-weight: 600;
        border-radius: 31px;
        letter-spacing: 0.5px;
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain .txtBtnMain {
        padding-left: clamp(32px, 8.3vw, 45px);
    }

    .sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain .txtBtnMain:before {
        height: clamp(27px, 6vw, 30px);
        width: clamp(27px, 6vw, 30px);
        top: 0px;
    }

    .sectionMain .wrapMain .mainPhoto {
        width: 100%;
        padding: clamp(13px, 2.8vw, 20px) clamp(19px, 4.4vw, 25px);
        border-radius: 15px;
        margin-top: 0;
        margin-bottom: 25px;
    }

    .sectionMain .wrapMain .mainPhoto img {
        width: 100%;
        aspect-ratio: 456/307;
        border-radius: 15px;
    }

    /* end sectionMain */

    /* sectionConcerns */
    .sectionConcerns {
        padding-bottom: 100px;
    }

    .sectionConcerns:after {
        bottom: 0;
        clip-path: ellipse(50% 74% at 50% 100%);
        height: clamp(76px, 18vw, 140px);
    }

    .sectionConcerns .inner {
        max-width: 1100px;
    }

    .sectionConcerns .containerConcerns {
        padding: 0;
    }

    .sectionConcerns .wrapConcerns {
        border-radius: 10px 10px 0 0;
        width: 95%;
        margin: clamp(-69px, -16vw, -49px) auto 0;
        padding: clamp(26px, 5.8vw, 35px) clamp(9px, 1.9vw, 15px);
    }

    .sectionConcerns .wrapConcerns .boxConcerns {
        border-radius: 10px;
        padding: clamp(8px, 1.7vw, 12px) clamp(15px, 3.3vw, 20px) clamp(18px, 4vw, 25px);
        box-shadow: 0 clamp(7px, 1.4vw, 9px) 0 rgba(140, 28, 25, 1);
        max-width: 530px;
    }

    .sectionConcerns .wrapConcerns .boxConcerns .subConcerns {
        font-size: clamp(15px, 4vw, 20px);
        padding-right: clamp(65px, 7vw, 50px);
        font-weight: 600;
        text-align: left;
        line-height: 1.9;
    }

    .sectionConcerns .wrapConcerns .boxConcerns .subConcerns .txtMark {
        margin-left: -10px;
    }

    .sectionConcerns .wrapConcerns .boxConcerns .subConcerns .boxCircle {
        display: inline-block;
        margin: 0 5px 0 5px;
        transform: translateY(-2px);
    }

    .sectionConcerns .wrapConcerns .boxConcerns .subConcerns .boxCircle .wrapCircleTitle .txtCircle {
        font-size: clamp(20px, 4.4vw, 22px);
        width: clamp(33px, 7.3vw, 43px);
        height: clamp(33px, 7.3vw, 43px);
        margin: 0 -4.9px;
    }

    .sectionConcerns .wrapConcerns .boxConcerns .subConcerns .txtCircleConcerns {
        width: clamp(148px, 33.1vw, 190px);
        transform: translateY(-1px);
        margin: 0 3px 0 3px;
    }

    .sectionConcerns .wrapConcerns .boxConcerns .subConcernsPhoto {
        width: clamp(121px, 26.9vw, 150px);
        position: absolute;
        bottom: 0px;
        right: clamp(-28px, -6.3vw, -10px);
    }

    .sectionConcerns .boxProblems .titleProblems {
        font-size: clamp(16px, 3.5vw, 18px);
        letter-spacing: 3.8px;
        margin-bottom: 28px;
    }

    .sectionConcerns .boxProblems .subProblems {
        font-size: clamp(16px, 3.5vw, 18px);
        line-height: 2.12;
    }

    .sectionConcerns .boxProblems .subProblems .colRed {
        font-size: clamp(16px, 3.5vw, 18px);
        padding-bottom: 7px;
    }

    .sectionConcerns .boxProblems .titleProblems .titleProblemCenter {
        padding: 0 12px;
    }

    .sectionConcerns .boxProblems .titleProblems .titleProblemCenter:before {
        width: 19px;
        height: 21px;
        top: 6px;
    }

    .sectionConcerns .boxProblems .titleProblems .titleProblemCenter:after {
        width: 19px;
        height: 21px;
        bottom: -2px;
        right: -1px;
    }

    .sectionConcerns .boxProblems .titleProblems .titleProblemsFsz49 {
        font-size: clamp(26.5px, 5.9vw, 28.5px);
        letter-spacing: 0;
        margin: 0 4px;
    }

    .sectionConcerns .boxProblems .titleProblems .dotTitleProblems {
        position: relative;
    }

    .sectionConcerns .boxProblems .titleProblems .dotTitleProblems:before {
        width: 7px;
        height: 7px;
        top: -5px;
        left: 50%;
    }

    /* end sectionConcerns */

    /* sectionButtonFix */
    .sectionButtonFix {
        right: initial;
        top: initial;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        display: none;
    }

    .sectionButtonFix .wrapButtonFix {}

    .sectionButtonFix .wrapButtonFix .listButtonFix {
        display: flex;
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li {
        margin-bottom: 0;
        width: 40%;
        height: clamp(67px, 17.1vw, 85px);
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li a {
        padding: clamp(6px, 1.3vw, 12px) clamp(6px, 1.4vw, 12px) clamp(11px, 2.4vw, 15px) clamp(9px, 2vw, 12px);
        border-radius: 10px 10px 0 0;
        height: 100%;
        letter-spacing: 3.4px;
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li.green {
        width: 60%;
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li.green a {
        box-shadow: 0 5px 0 rgba(42, 94, 43, 1);
        flex-direction: row;
        align-items: center;
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li.orange a {
        padding: clamp(6px, 1.3vw, 12px) clamp(7px, 1vw, 10px) clamp(11px, 2.4vw, 15px) clamp(9px, 2vw, 12px);
        box-shadow: 0 5px 0 rgba(198, 152, 50, 1);
        letter-spacing: 1.5px;
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li a .txtButton {
        writing-mode: initial;
        font-size: clamp(20px, 5.5vw, 27px);
        font-weight: 600;
        padding-right: 0;
    }

    .sectionButtonFix .wrapButtonFix .listButtonFix li a .txtEasy {
        font-size: clamp(16px, 3.5vw, 18px);
        font-weight: 600;
        padding: clamp(5px, 0.8vw, 10px) clamp(2px, 0.4vw, 6px) clamp(6px, 1.5vw, 10px);
        line-height: 1;
        margin-bottom: -3px;
        width: clamp(20px, 4.4vw, 30px);
        margin-right: 9px;
        border-radius: 9px;
        letter-spacing: 0;
    }

    /* end sectionButtonFix */

    /* sectionCtaFt */
    .sectionCtaFt {
        background: #ea3329;
        padding: clamp(8px, 1.7vw, 15px) 0 clamp(38px, 8.4vw, 40px);
        overflow: hidden;
    }

    .sectionCtaFt:before {
        display: none;
    }

    .sectionCtaFt .wrapCtaFt {
        position: relative;
    }

    .sectionCtaFt .wrapCtaFt .ctaFtphoto {
        margin: 0 -49px 0 auto;
        width: 109.7%;
    }

    .sectionCtaFt .wrapCtaFt .ctaFtphoto img {
        width: 100%;
    }

    .listCtaFt {
        flex-direction: column;
        position: absolute;
        top: 57%;
        left: clamp(36px, 8vw, 48px);
        width: clamp(196px, 51.7vw, 400px);
    }

    .listCtaFt li {}

    .listCtaFt li.ctaGreen {
        width: 100%;
        margin: 0 auto 7px 0;
    }

    .listCtaFt li.ctaOrange {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
    }

    .listCtaFt li.ctaOrangeSmall {
        width: 100%;
        margin-right: 0;
    }

    .listCtaFt li a {
        border-radius: 5px;
        font-size: clamp(14px, 3.1vw, 16px);
        padding: clamp(5px, 1.1vw, 9px) clamp(3px, 0.6vw, 10px) clamp(4px, 1.3vw, 10px);
        min-height: initial;
        text-align: center;
    }

    .listCtaFt li.ctaGreen a {
        box-shadow: 0 clamp(3px, 0.8vw, 5px) 0 rgba(42, 94, 43, 1);
        padding: clamp(3px, 0.7vw, 6px) clamp(5px, 1vw, 10px) clamp(2px, 0.6vw, 4px);
        flex-direction: column;
        font-size: clamp(16px, 3.5vw, 18px);
    }

    .listCtaFt li.ctaOrange a {
        box-shadow: 0 clamp(3px, 0.8vw, 5px) 0 rgba(198, 152, 50, 1);
    }

    .listCtaFt li.ctaOrangeSmall a {}

    .listCtaFt li a .textCtaft {
        font-size: clamp(12px, 2.6vw, 14px);
        width: auto;
        margin-right: 0;
        letter-spacing: -0.7px;
        line-height: 1.1;
        margin-bottom: -1px;
        padding: clamp(3px, 0.7vw, 8px) clamp(7px, 2vw, 12px);
    }

    .listCtaFt li a .txtCtaFt {
        letter-spacing: -0.4px;
    }

    .listCtaFt li.ctaGreen a .txtCtaFt {
        letter-spacing: 0.7px;
    }

    .sectionCtaFt .listCtaFt li.ctaGreen a .txtCtaFt {
        letter-spacing: 0.7px;
    }

    /* end sectionCtaFt */

    /* btnLink */
    .btnLink {}

    .btnLink.btnLinkGreen {
        text-align: center;
    }

    .btnLink.btnLinkRed {}

    .btnLink a {
        max-width: 500px;
        min-width: clamp(177px, 39.3vw, 210px);
    }

    .btnLink.btnLinkGreen a {
        font-size: clamp(16px, 3.5vw, 18px);
        box-shadow: 0 3px 0 rgba(42, 94, 43, 1);
        padding: clamp(2px, 0.4vw, 6px) clamp(24px, 5.3vw, 29px) clamp(3px, 0.8vw, 5px);
        letter-spacing: 0.1px;
    }

    .btnLink.btnLinkRed a {
        font-size: clamp(16px, 3.5vw, 18px);
        min-width: clamp(248px, 55.4vw, 270px);
        border-radius: 6px;
        padding: clamp(9px, 2vw, 14px) clamp(10px, 2.2vw, 14px) clamp(11px, 2.4vw, 14px);
        box-shadow: 0 clamp(3px, 0.7vw, 5px) 0 rgba(140, 28, 25, 1);
        letter-spacing: 1px;
    }

    .btnLink a .txtBtnLink {
        padding-right: clamp(29px, 6vw, 30px);
    }

    .btnLink.btnLinkGreen a .txtBtnLink {}

    .btnLink.btnLinkRed a .txtBtnLink {
        padding-right: clamp(23px, 5.3vw, 30px);
    }

    .btnLink.btnLinkGreen a .txtBtnLink:after {
        width: 21.5px;
        height: 10px;
        top: 60%;
        right: 0;
        width: clamp(21.5px, 47vw, 24px);
        height: clamp(12px, 2.2vw, 12px);
    }

    .btnLink.btnLinkRed a .txtBtnLink:after {
        right: 0;
        top: 58%;
        width: clamp(13px, 2.8vw, 15px);
        height: clamp(16px, 3.5vw, 18px);
    }

    /* end btnLink */

    /* titleItem */
    .titleItem {
        margin: 0 0 26px;
        font-size: clamp(21px, 4.7vw, 23px);
        letter-spacing: 4.8px;
    }

    .titleItem .titleItemPhoto {
        width: clamp(239.5px, 53.3vw, 241px);
    }

    /* end titleItem */

    /* titleItemDot */
    .titleItem.titleItemDot {
        letter-spacing: 3.3px;
        margin-bottom: clamp(10px, 2.2vw, 20px);
        display: block;
    }

    .titleItem.titleItemDot .titleItemFsz48 {
        font-size: clamp(36px, 4.6vw, 38px);
        font-weight: 700;
        line-height: 1;
    }

    .titleItem.titleItemDot .titleItemFsz48.roboto {
        font-size: clamp(40px, 8.9vw, 42px);
        line-height: 1;
    }

    .titleItem.titleItemDot .titleDot:before {
        top: 2px;
        width: 4px;
        height: 4px;
        left: 50%;
    }

    .titleItem.titleItemDot .titleDotHight:before {
        top: -12px;
    }

    /* end titleItemDot */

    /* title circle */
    .boxCircle {
        display: block;
        margin: -1px 0 -2px;
    }

    .boxCircle .wrapCircleTitle .txtCircle {
        height: clamp(52px, 11.5vw, 62px);
        width: clamp(52px, 11.5vw, 62px);
        font-size: clamp(32px, 7.1vw, 34px);
        margin: 0 -7.4px;
        padding: 1px 2px 8px 5px;
    }

    .boxCircleFsz35 .wrapCircleTitle .txtCircle {
        font-size: clamp(35px, 7.7vw, 37px);
        margin: 0 -6.2px;
        padding: 1px 0px 6px 5px;
    }

    .boxCircleFsz34 .wrapCircleTitle .txtCircle {
        font-size: clamp(34px, 7.5vw, 36px);
        margin: 0 -6.5px;
        padding: 1px 0px 6px 5px;
    }

    .boxCircleFsz38 .wrapCircleTitle .txtCircle {
        font-size: clamp(38px, 8.4vw, 40px);
        height: clamp(57px, 12.6vw, 67px);
        width: clamp(57px, 12.6vw, 67px);
        margin: 0 -6.7px;
    }

    .boxCircleFsz37 .wrapCircleTitle .txtCircle {
        font-size: clamp(37px, 8.2vw, 39px);
        height: clamp(57px, 12.6vw, 67px);
        width: clamp(57px, 12.6vw, 67px);
        margin: 0 -7.3px;
    }

    .boxCircle .wrapCircleTitle .txtCircle .letterCircle {}

    /* end title circle */

    /* subTitlePlans */
    .subTitlePlans {
        margin-bottom: 10px;
    }

    .subTitlePlans:after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 8px solid #ffffff;
        bottom: -7px;
        left: 50%;
    }

    .subTitlePlans:before {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 9px solid #ea3329;
        bottom: -8px;
        left: 50%;
    }

    .subTitlePlans .txtsubTitlePlans {
        padding: clamp(4px, 0.8vw, 10px) clamp(23px, 5.1vw, 25px) clamp(5px, 1.1vw, 11px);
        line-height: 1.3;
        letter-spacing: 2.3px;
        font-size: clamp(14px, 3.1vw, 16px);
    }

    .subTitlePlans.subTitlePlansBig .txtsubTitlePlans {
        font-size: clamp(15px, 3.3vw, 17px);
    }

    .subTitlePlans .subTitlePlansRed {
        font-size: clamp(21px, 4.6vw, 23px);
    }

    .subTitlePlans.subTitlePlansBig .txtsubTitlePlans .subTitlePlansRed {
        font-size: clamp(21px, 4.6vw, 23px);
    }

    /* end subTitlePlans */

    /* sectionPlans */
    .wrapPlans {}

    .wrapPlans .titleItem {
        margin-bottom: clamp(13px, 2.9vw, 20px);
    }

    .wrapPlans .titleItem .titleItemPhoto {
        width: 294px;
        margin: -9px 6px 0 3px;
    }

    .wrapPlans .titleItem .titleItemPhoto img {}

    .wrapPlans .boxPlans {}

    .wrapPlans .boxPlans .tabListPlans {
        display: flex;
    }

    .wrapPlans .boxPlans .tabListPlans li {
        width: calc(100%/3);
    }

    .wrapPlans .boxPlans .tabListPlans li:before {
        bottom: -30px;
    }

    .wrapPlans .boxPlans .tabListPlans li.active:before {
        bottom: -30px;
    }

    .wrapPlans .boxPlans .tabListPlans li a {
        border-radius: 10px 10px 0 0;
        padding: 7px 4px 5px;
    }

    .wrapPlans .boxPlans .tabListPlans li a .tabPlansItemPhoto {
        width: 88.3%;
        margin: 0 auto;
    }

    .wrapPlans .boxPlans .tabListPlans li a .tabPlansItemPhoto img {
        width: 100%;
    }

    .wrapPlans .boxPlans .tabListPlans li a .tabPlansItemImgNoActive {
        display: block;
    }

    .wrapPlans .boxPlans .tabListPlans li.active a .tabPlansItemImgNoActive {
        display: none;
    }

    .wrapPlans .boxPlans .tabListPlans li a .tabPlansItemImgActive {
        display: none;
    }

    .wrapPlans .boxPlans .tabListPlans li.active a .tabPlansItemImgActive {
        display: block;
    }

    .wrapPlans .boxPlans .tabListPlans li.active a {}

    .wrapPlans .boxPlans .contentPlansTab {
        padding: clamp(11px, 2.3vw, 16px) clamp(10px, 2.2vw, 15px) clamp(16px, 3.5vw, 20px);
        border-radius: 10px 10px 10px 10px;
        margin-top: 0;
    }

    .wrapPlans .boxPlans .contentPlansTab .iframePlansTab {
        border-radius: 10px;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem {}

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem.active {
        padding: clamp(9px, 1.9vw, 15px) clamp(32px, 9.5vw, 45px) clamp(30px, 6.6vw, 35px) clamp(33px, 9.6vw, 45px);
    }

    .wrapPlans .boxPlans .contentPlansTab .iframePlansItem {
        margin-bottom: clamp(17px, 3.8vw, 30px);
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .plansItemPhoto {
        width: clamp(124px, 27.6vw, 170px);
        margin: 0 0 -2px -3px;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .plansItemPhoto img {
        width: 100%;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem {
        width: 100%;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature {
        margin-bottom: clamp(12px, 2.6vw, 20px);
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-left: 3px;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .boxFeatureTab {
        width: calc(100% - clamp(120px, 26.7vw, 200px) - 1.1vw);
        padding-top: 5px;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .ttlFeatureTab {
        font-size: clamp(18px, 4vw, 20px);
        margin-bottom: 1.4vw;
        letter-spacing: 1.1px;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab {
        gap: clamp(5px, 1vw, 10px);
        max-width: initial;
        margin: 0 auto;
        flex-direction: column;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab li {
        border-radius: 9px;
        padding: clamp(4px, 1vw, 10px) 3px clamp(5px, 1.1vw, 10px);
        box-shadow: 0 3px 0 rgba(140, 28, 25, 1);
        width: 100%;
        letter-spacing: 0;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab li:last-child {}

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab li .plansItemTabNor {
        font-size: clamp(16px, 3.5vw, 18px);
        line-height: 1.2;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .plansItemFeature .listFeatureTab li .plansItemTabBold {
        line-height: 1.4;
        display: inline-block;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab {}

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .ttlSelectionTab {
        font-size: clamp(18px, 4vw, 20px);
        margin-bottom: 7px;
        letter-spacing: 1.4px;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .listSelectionTab {}

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .listSelectionTab li {
        box-shadow: 0 4px 0 rgba(140, 28, 25, 1);
        margin-bottom: clamp(5px, 1.1vw, 10px);
        padding: clamp(4px, 0.8vw, 10px) 10px clamp(4px, 1vw, 10px);
        font-size: clamp(14px, 3.1vw, 16px);
        letter-spacing: 0.9px;
        line-height: 1.2;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .listSelectionTab li:last-child {
        margin-bottom: 0;
    }

    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem .boxPlansItem .boxSelectionTab .listSelectionTab li .bgTxtPlansTab {
        background-size: 100% 4px;
        background-position: 0 83%;
    }

    .wrapPlans .listPlansBottom {
        padding: 0;
    }

    .wrapPlans .listPlansBottom li {
        text-align: center;
        width: calc(100%/2);
        background: #f2f2f2;
        padding: 4px 2px 4px;
        min-height: 46px;
    }

    .wrapPlans .listPlansBottom li:last-child {}

    .wrapPlans .listPlansBottom li:nth-child(2n + 2) {
        background: #e6e6e6;
    }

    .wrapPlans .listPlansBottom li:nth-child(4n+1),
    .wrapPlans .listPlansBottom li:nth-child(4n+4) {
        background: #f2f2f2;
    }

    /* màu đậm */
    .wrapPlans .listPlansBottom li:nth-child(4n+2),
    .wrapPlans .listPlansBottom li:nth-child(4n+3) {
        background: #e6e6e6;
    }

    .wrapPlans .listPlansBottom li .txtDuration {
        font-size: clamp(12px, 2.6vw, 14px);
        letter-spacing: 1.5px;
        line-height: 1.2;
    }

    .wrapPlans .listPlansBottom li .txtDuration .txtDuration18 {
        font-size: clamp(11px, 2.2vw, 13px);
    }

    .wrapPlans .listPlansBottom li .txtinstallments {
        font-size: clamp(11px, 2.2vw, 13px);
        line-height: 1.3;
        letter-spacing: 0;
        margin-top: 1px;
    }


    .wrapPlans .listPlansBottom li .txtinstallments .txtinstallments15 {
        font-size: clamp(10px, 2.2vw, 12px);
        letter-spacing: 0;
        margin-top: -1px;
    }

    .wrapPlans .boxPlans .btnLinkRed {
        margin-top: clamp(-37px, -6vw, -27px);
    }

    .wrapPlans .boxPlans .btnLinkRed a {
        padding: clamp(9px, 2vw, 13px) clamp(10px, 2.2vw, 14px) clamp(9px, 2.3vw, 14px);
        border-radius: 6px;
    }

    /* end sectionPlans */

    /* sectionLeasingTop */
    .sectionLeasingTop {
        padding: 25px 0;
        padding: clamp(24px, 5.5vw, 30px) 0 clamp(37px, 8.2vw, 45px);
    }

    .sectionLeasingTop .inner {
        padding: 0 5.4%;
    }

    .sectionLeasingTop .wrapLeasing {}

    .sectionLeasingTop .wrapLeasing .subTitlePlans {
        font-size: clamp(14px, 3.1vw, 16px);
        margin-bottom: 11px;
    }

    .sectionLeasingTop .wrapLeasing .subTitlePlans .txtsubTitlePlans {
        letter-spacing: 1.8px;
        padding: clamp(4px, 0.8vw, 10px) clamp(23px, 5.1vw, 25px) clamp(5px, 1.1vw, 11px);
    }

    .subTitlePlans .subTitlePlansRed {
        font-size: clamp(14px, 3.1vw, 16px);
    }

    .sectionLeasingTop .wrapLeasing .titleItem {
        margin-bottom: 22px;
    }

    .sectionLeasingTop .wrapLeasing .titleItem .boxCircle {
        margin: 1px 0 0;
    }

    .sectionLeasingTop .wrapLeasing .desLeasingTop {
        font-size: clamp(16px, 3.5vw, 18px);
        margin-bottom: 25px;
        text-align: left;
        padding: 0 1vw 0 8.1vw;
        line-height: 1.4;
    }

    .sectionLeasingTop .wrapLeasing .leasingOrange {}

    .sectionLeasingTop .wrapLeasing .boxLeasing {
        margin: 0 auto 21px;
    }

    .sectionLeasingTop .wrapLeasing .boxLeasing .barPay {
        width: 72.2%;
        font-size: clamp(15px, 3.3vw, 17px);
        padding: 21px 20px 19px;
    }

    .sectionLeasingTop .wrapLeasing .boxLeasing .barPay:before {
        left: 46%;
        top: 50%;
        width: 87%;
        height: 2px;
        z-index: 1;
    }

    .sectionLeasingTop .wrapLeasing .boxLeasing .barPay .txtBarPay {
        padding: 0 8px;
    }

    .sectionLeasingTop .wrapLeasing .boxLeasing .barResidual {
        width: 33.2%;
        margin-left: clamp(-29px, -3.5vw, -19px);
    }

    .sectionLeasingTop .wrapLeasing .boxLeasing .barResidual:before {
        left: 52%;
        width: 79%;
    }

    .sectionLeasingTop .wrapLeasing .boxLeasing .barResidual .txtBarPay {
        background: #ffffff;
    }

    .sectionLeasingTop .wrapLeasing .txtLeasing {
        font-size: clamp(16px, 3.5vw, 18px);
        line-height: 1.45;
        margin-bottom: 21px;
        padding: 0 1vw 0 4.8vw;
        text-align: justify;
    }

    .sectionLeasingTop .wrapLeasing .btnLinkGreen a {
        padding: clamp(4px, 0.7vw, 7px) clamp(24px, 5.3vw, 29px) clamp(5px, 0.9vw, 10px);
    }

    /* end sectionLeasingTop */

    /* sectionCredit */
    .sectionCredit {
        padding: clamp(23px, 5.1vw, 30px) 0 clamp(32px, 7.1vw, 40px);
    }

    .sectionCredit .inner {
        padding: 0 10.8%;
    }

    .sectionCredit .wrapCredit {}

    .sectionCredit .wrapCredit .subTitlePlans {
        margin-bottom: 13px;
    }

    .sectionCredit .wrapCredit .subTitlePlans .txtsubTitlePlans {
        padding: clamp(4px, 0.8vw, 10px) clamp(23px, 5.1vw, 25px) clamp(6px, 1.2vw, 11px);
    }

    .sectionCredit .wrapCredit .subTitlePlans .subTitlePlansRed {
        font-size: clamp(16px, 3.5vw, 18px);
    }

    .sectionCredit .wrapCredit .titleItem {
        margin-bottom: 28px;
        font-size: clamp(23px, 5.1vw, 25px);
    }

    .sectionCredit .wrapCredit .titleItem .boxCircle {
        margin: 0px 0 0px;
    }

    .sectionCredit .wrapCredit .titleItem .boxCircle .wrapCircleTitle .txtCircle {}

    .sectionCredit .wrapCredit .desCredit {
        font-size: clamp(16px, 3.5vw, 18px);
        line-height: 1.38;
        margin-bottom: 21px;
        padding: 0 4px 0 4px;
    }

    .colOrange {
        color: #ec5528;
        font-weight: 700;
    }

    .sectionCredit .wrapCredit .boxCredit {
        padding: 0;
        margin: 0 auto 31px;
    }

    .sectionCredit .wrapCredit .boxCredit .iframeCredit {
        width: 47.1%;
        padding-left: 5px;
    }

    .sectionCredit .wrapCredit .boxCredit .creditLeftPhoto {
        width: 100%;
    }

    .sectionCredit .wrapCredit .boxCredit .creditLeftPhoto img {
        width: 100%;
    }

    .sectionCredit .wrapCredit .boxCredit .creditRightPhoto {
        width: 46.5%;
        margin: clamp(-38px, -8.6vw, -28px) -4px clamp(-36px, -5.7vw, -26px) auto;
    }

    .sectionCredit .wrapCredit .boxCredit .creditRightPhoto img {}

    .sectionCredit .wrapCredit .listCredit {
        flex-direction: column;
        gap: clamp(30px, 6.5vw, 45px);
    }

    .sectionCredit .wrapCredit .listCredit li {
        padding: clamp(28px, 6.2vw, 25px) clamp(10px, 3.2vw, 30px) clamp(19px, 4.2vw, 25px);
        box-shadow: 0 7px 0 rgba(140, 28, 25, 1);
        border-radius: 10px;
        width: 100%;
    }

    .sectionCredit .wrapCredit .listCredit li:last-child {}

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .wrapNumCredit {
        top: -18px;
        left: 48.5%;
        padding: clamp(3px, 0.6vw, 8px) clamp(8px, 1.7vw, 12px) clamp(3px, 0.6vw, 8px) clamp(12px, 2.6vw, 17px);
        font-size: clamp(20px, 4.4vw, 22px);
        max-width: clamp(214px, 61.5%, 270px);
        width: 100%;
        letter-spacing: 2.3px;
        line-height: 1.2;
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .wrapNumCredit .creditNum {
        font-size: clamp(24px, 5.3vw, 26px);
        margin-left: 0px;
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .titleCreditItem {
        font-size: clamp(16px, 3.5vw, 18px);
        margin-bottom: 4px;
        letter-spacing: 1.4px;
        text-align: left;
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .creditItemPhoto {
        width: clamp(78px, 34.1%, 140px);
        margin: 0;
        padding-right: 0px;
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .creditItemPhoto img {
        width: 100%;
    }

    .sectionCredit .wrapCredit .listCredit li:nth-child(1) .wrapCreditItem .creditItemPhoto img {
        width: 92%;
    }

    .sectionCredit .wrapCredit .listCredit li:nth-child(2) .wrapCreditItem .creditItemPhoto img {
        width: 98%;
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .boxCreditItem {
        padding: 0;
        width: calc(100% - clamp(78px, 33.5%, 140px) - 22px);
    }

    .sectionCredit .wrapCredit .listCredit li .wrapCreditItem .boxCreditItem .txtCreditItem {
        font-size: clamp(14px, 3.1vw, 16px);
        line-height: 1.36;
    }

    /* end sectionCredit */

    /* sectionCtaLease */
    .sectionCtaLease {
        background-image: url('../images/common/bg-cta-lease-sp.jpg');
        padding: clamp(34px, 7.6vw, 40px) 0 clamp(37px, 8.2vw, 42px);
    }

    .sectionCtaLease .inner {
        max-width: 808px;
    }

    .sectionCtaLease .wrapCtaLease {
        flex-direction: row;
        max-width: 620px;
        margin: 0 auto;
    }

    .sectionCtaLease .wrapCtaLease .boxTitleCtaLease {
        width: clamp(366px, 71.8vw, 410px);
        padding: 0;
        margin-top: 0;
    }

    .sectionCtaLease .wrapCtaLease .wrapSubCenter {
        text-align: left;
    }

    .sectionCtaLease .wrapCtaLease .subTitlePlans {
        margin: 0 0 25px;
    }

    .sectionCtaLease .wrapCtaLease .subTitlePlans:after {
        display: none;
    }

    .sectionCtaLease .wrapCtaLease .subTitlePlans:before {
        bottom: -10px;
        border-top-width: 12px;
        border-left-width: 6px;
        border-right-width: 6px;
    }

    .sectionCtaLease .wrapCtaLease .subTitlePlans.subTitlePlansBig .txtsubTitlePlans {
        padding: 7px 18px 10px 18px;
        letter-spacing: 1.3px;
        font-size: clamp(13.5px, 3vw, 15.5px);
    }

    .sectionCtaLease .wrapCtaLease .wrapTitleCenter {
        text-align: left;
    }

    .sectionCtaLease .wrapCtaLease .titleItem.titleItemDot {
        letter-spacing: 2px;
        line-height: 1.6;
        display: inline-block;
        margin-left: 15px;
        margin-bottom: 9px;
    }

    .sectionCtaLease .wrapCtaLease .titleItem.titleItemDot .wrapTitleDot {
        letter-spacing: -3.2px;
    }

    .sectionCtaLease .wrapCtaLease .titleItem.titleItemDot .titleItemFsz48 {
        font-size: clamp(33px, 7.3vw, 35px);
    }

    .sectionCtaLease .wrapCtaLease .titleItem.titleItemDot .titleDot:before {
        background: #ea3329;
        top: 3px;
    }

    .sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 3px;
        margin-left: 15px;
    }

    .sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease li {
        width: calc((100%/2) - 2px);
    }

    .sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease li a {
        font-size: clamp(16px, 3.5vw, 18px);
        border-radius: 9px;
        box-shadow: 0 4px 0 rgba(0, 104, 55, 1);
        letter-spacing: 2px;
        padding: 9px 10px 10px;
    }

    .sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease li a .txtCtaLease {
        padding-right: 18px;
    }

    .sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease li a .txtCtaLease:after {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 14px solid #ffffff;
        transform: translateY(-50%);
        right: -4px;
    }

    .sectionCtaLease .wrapCtaLease .ctaLeasePhoto.sp {
        display: none;
    }

    .sectionCtaLease .wrapCtaLease .ctaLeasePhoto.pc {
        display: block;
    }

    .sectionCtaLease .wrapCtaLease .ctaLeasePhoto {
        width: clamp(255px, 50vw, 310px);
        margin-left: clamp(-145px, -28vw, -19px);
        margin-top: -20px;
    }

    .sectionCtaLease .wrapCtaLease .ctaLeasePhoto img {
        width: 100%;
    }

    /* end sectionCtaLease */

    /* FOOTER */
    #footer {
        padding: clamp(22px, 4.8vw, 28px) 0 clamp(104px, 23.6vw, 150px);
    }

    #footer .inner {
        max-width: 1044px;
    }

    #footer .wrapFooter {
        margin: 0 auto;
        width: 83%;
        flex-direction: column;
        max-width: 600px;
    }

    #footer .wrapFooter .wrapFooterInfo {
        width: 100%;
        padding-top: 0;
        margin-bottom: 28px;
    }

    #footer .wrapFooter .wrapFooterInfo .footerLogo {
        margin-bottom: 0;
        width: clamp(220px, 49vw, 300px);
    }

    #footer .wrapFooter .wrapFooterInfo .footerLogo a {
        padding: 4px 18px 5px 12px;
    }

    #footer .wrapFooter .wrapFooterInfo .footerLogo a img {
        width: 100%;
    }

    #footer .wrapFooter .boxFooter {
        padding: 0 18px;
    }

    #footer .wrapFooter .boxFooter .txtFooter {
        font-size: clamp(12px, 2.6vw, 14px);
        line-height: 1.52;
    }

    #footer .wrapFooter .boxFooter .txtFooter span {
        font-size: clamp(14px, 3.1vw, 16px);
        letter-spacing: 0.3px;
        line-height: 1;
    }

    #footer .wrapFooter .ftMenu {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        gap: 2.5%;
        padding: 0 18px 3px;
    }

    #footer .wrapFooter .ftMenu .menu {
        width: 49%;
    }

    #footer .wrapFooter .ftMenu .menu:last-child {}

    #footer .wrapFooter .ftMenu .menu li {
        margin-bottom: 13px;
    }

    #footer .wrapFooter .ftMenu .menu li a {
        font-size: clamp(12px, 2.6vw, 14px);
        font-weight: 500;
        display: block;
        line-height: 1.3;
    }
}

@media (max-width: 550px) {
    .sectionCtaLease .wrapCtaLease {
        flex-direction: column;
    }

    .sectionCtaLease .wrapCtaLease .boxTitleCtaLease {
        width: 100%;
        max-width: 366px;
    }

    .sectionCtaLease .wrapCtaLease .wrapSubCenter {
        text-align: center;
    }

    .sectionCtaLease .wrapCtaLease .subTitlePlans {
        margin: 0 0 25px clamp(-92px, -20.4vw, -52px);
    }

    .sectionCtaLease .wrapCtaLease .subTitlePlans:after {
        display: none;
    }

    .sectionCtaLease .wrapCtaLease .subTitlePlans:before {
        bottom: -10px;
        border-top-width: 12px;
        border-left-width: 6px;
        border-right-width: 6px;
    }

    .sectionCtaLease .wrapCtaLease .wrapTitleCenter {
        text-align: center;
    }

    .sectionCtaLease .wrapCtaLease .titleItem.titleItemDot {
        margin-bottom: -1px;
        margin-left: clamp(20px, 4.3vw, 22px);
    }

    .sectionCtaLease .wrapCtaLease .boxTitleCtaLease .listCtaLease {
        margin-left: 0;
    }

    .sectionCtaLease .wrapCtaLease .ctaLeasePhoto.sp {
        display: block;
        width: clamp(291px, 78.6%, 300px);
        margin: 0 auto 19px;
    }

    .sectionCtaLease .wrapCtaLease .ctaLeasePhoto.pc {
        display: none;
    }
}

@media (max-width: 435px) {
    .listCtaFt li a {
        font-size: clamp(12px, 2.7vw, 14px);
    }

    .listCtaFt li.ctaGreen a {
        font-size: clamp(14px, 3.2vw, 16px);
    }

    .listCtaFt li a .textCtaft {
        font-size: clamp(10px, 2.2vw, 12px);
    }
}

@media (max-width: 430px) {
    .sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain {
        letter-spacing: 0;
        padding: clamp(14px, 3.1vw, 16px) clamp(10px, 2.1vw, 35px) clamp(14px, 3.1vw, 16px);
        font-size: clamp(16px, 4vw, 20px);
    }
}

@media (max-width: 400px) {
    .wrapPlans .boxPlans .contentPlansTab .wrapPlansItem.active {
        padding: 1.9vw 4.5vw 6.6vw 4.6vw;
    }
}

@media (max-width: 390px) {
    .sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain {
        letter-spacing: 0;
    }

    .sectionCredit .inner {
        padding: 0 8.8%;
    }

    #footer .wrapFooter .ftMenu {
        gap: 5%;
        padding: 0 8px 9px;
    }
}

@media (max-width: 375px) {
    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage .boxCircleSubPage .txtCirclePage {
        height: clamp(45px, 11.8vw, 63px);
        width: clamp(45px, 11.8vw, 63px);
        font-size: clamp(28px, 7.5vw, 36px);
    }
}

/* @media (orientation: landscape) {
    #header .mainMenu .iframeMenu {
        height: clamp(310px, 74.6vh, 350px);
    }
} */


/* sub page common */
/* section submain common */
.sectionMain.subMain .wrapMain .contentMain {
    max-width: 932px;
}

.sectionMain.subMain .wrapMain {
    padding: 34px 10px 37px;
}

.sectionMain.subMain.onlyTitle .wrapMain {
    padding: 66px 10px 70px;
}

.sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain .subMain {
    margin-bottom: 25px;
}

.sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain {
    margin-bottom: 0;
}

.sectionMain.subMain .wrapMain .boxMain {
    width: 100%;
}

.sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto {
    padding-left: 0;
}

@media (max-width: 1000px) and (min-width: 769px) {
    .sectionMain.subMain .wrapMain .boxMain {
        text-align: start;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .sectionMain.subMain .wrapMain {
        padding: 30px 23px 30px;
    }

    .sectionMain.subMain.onlyTitle .wrapMain {
        padding: 20px 23px 21px;
    }

    .sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain {
        max-width: 100%;
    }

    .sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain .subMain {
        font-size: 18px;
        line-height: 1;
        padding: 1px 8px 6px;
        margin-bottom: 11px;
    }

    .sectionMain.blogMain .wrapMain .contentMain .boxMain .iframeMain .subMain {}

    .sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainFsz22 {
        font-size: 22px;
    }

    .sectionMain.subMain .wrapMain .boxMain {
        margin-bottom: 0;
    }

    .sectionMain.blogMain .wrapMain {
        padding: 35px 13px 47px;
    }

    .sectionMain.blogMain .wrapMain .boxMain {
        margin-bottom: 0;
    }

    .sectionMain.blogMain .wrapMain .contentMain .boxMain .iframeMain .subMain {
        margin-bottom: 4vw;
        font-size: clamp(14px, 3.1vw, 16px);
        border-radius: 20px;
        line-height: 1.3;
        padding: clamp(3px, 0.8vw, 7px) clamp(12px, 2.6vw, 15px) clamp(6px, 1.1vw, 7px) clamp(13px, 2.8vw, 16px);
    }

    .sectionMain.blogMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainFsz22 {
        font-size: clamp(18px, 4vw, 20px);
    }

    .sectionMain.blogMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage {
        padding-left: 28x;
    }
}

/* inner subpage common */
.areaContent .inner {
    max-width: 1136px;
}

.sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto {
    padding-left: 0;
    width: 100%;
}

@media (max-width: 768px) {
    .sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto {
        padding: 0;
        margin-left: 9px;
    }
}

/* form common*/
.formBox {
    max-width: 912px;
    width: 100%;
    margin: 0 auto;
}

.formBox .formItem {
    display: flex;
    column-gap: 20px;
    margin-bottom: 53px;
}

.formBox .formItem:last-of-type {
    margin-bottom: 0;
}

.formBox .formItem .formName {
    width: calc(100% - 530px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: flex-start;
}

.formBox .formItem .formName .nameText {
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 2.45px;
    transform: translateY(-2px);
}

.formBox .formItem .formName .required {
    color: white;
    align-self: flex-start;
    background: #ea3329;
    border-radius: 18px;
    text-align: center;
    min-width: 75px;
    padding: 3px 5px;
    font-size: 16px;
    font-size: 19.4px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.16px;
}

.formBox .formItem .formInput {
    max-width: 510px;
    width: 100%;
}

.formBox .formItem .formInput input {
    width: 100%;
    border: none;
    background: white;
    font-size: 22px;
    line-height: 1.75;
    letter-spacing: 0.1em;
    padding: 18px 38px;
    font-weight: bold;
    border-radius: 16px;
    font-family: "Noto Sans Jp", sans-serif;
}

.formBox .formItem .formInput input.inputPhone {
    font-family: "Roboto", sans-serif;
}

.formBox .formItem .formInput input.inputPhone::placeholder {
    font-family: "Roboto", sans-serif;
}

.formBox .formItem .formInput input::placeholder {
    color: #e6e6e6;
}

.formBox .formItem .formInput textarea {
    width: 100%;
    border: none;
    background: white;
    font-size: 22px;
    line-height: 1.75;
    letter-spacing: 0.1em;
    padding: 18px 38px;
    font-weight: bold;
    border-radius: 16px;
    font-family: "Noto Sans Jp", sans-serif;
    height: 316px;
}

.formBox .formItem .formInput textarea::placeholder {
    color: #e6e6e6;
}

.btnWrap {
    max-width: 226px;
    width: 100%;
    margin: 75px auto 0;
}

.btnSubmit {
    border: none;
    background: #5ab94d;
    box-shadow: 0 2.8px 0 rgba(42, 94, 43, 1);
    width: 100%;
    display: block;
    text-align: center;
    letter-spacing: 0.02em;
    font-size: 18px;
    border-radius: 4px;
    padding: 4.5px 10px 5px;
    line-height: 1.5;
    font-weight: 600;
    color: white;
    font-family: "Noto Sans Jp", sans-serif;
    transition: all 0.3s;
    cursor: pointer;
}

.formNote {
    font-size: 18px;
    line-height: 1.65;
    letter-spacing: 0.02em;
    font-weight: 400;
    color: #211815;
    max-width: fit-content;
    margin: 27px auto 0;
}

.formBox .wpcf7-not-valid-tip {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}

.formBox .btnWrap {
    position: relative;
}

.formBox .btnWrap .wpcf7-spinner {
    position: absolute;
    bottom: -5px;
    margin: 0;
    left: 50%;
    transform: translate(-50%, 100%);
}

.wpcf7 form .wpcf7-response-output {
    font-size: 16px;
    padding: 8px 14px;
    color: #ea3329;
    font-weight: 500;
    text-align: center;
}

.formBox .formItem .formInput input[type="tel"],
.formBox .formItem .formInput input[type="email"] {
    font-family: "Roboto", sans-serif;
    padding: 19px 38px 13px;
    font-size: 24px;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
}

@media (max-width: 900px) and (min-width: 769px) {
    .formBox .formItem {
        flex-direction: column;
        row-gap: 20px;
    }

    .formBox .formItem .formName {
        align-items: center;
        width: 100%;
        justify-content: flex-start;
        gap: 20px;
    }

    .formBox .formItem .formName .nameText {
        transform: translateY(0);
    }

    .formBox .formItem .formInput {
        max-width: 100%;
    }
}

@media (min-width: 769px) {
    .btnSubmit:hover {
        box-shadow: none;
        transform: translateY(3px);
    }
}

@media (max-width: 768px) {

    .formBox .formItem .formInput input[type="tel"],
    .formBox .formItem .formInput input[type="email"] {
        padding: 9px 19px 5px;
        font-size: clamp(16px, 2.35vw, 18px);
    }

    .wpcf7 form .wpcf7-response-output {
        font-size: clamp(14px, 2.0833vw, 16px);
    }

    .formImg {
        max-width: 63.4vw;
        margin-bottom: 33px;
    }

    .formBox {
        max-width: 80vw;
    }

    .formBox .formItem {
        flex-direction: column;
        row-gap: 13px;
    }

    .formBox .formItem .formName {
        align-items: center;
        width: 100%;
        justify-content: flex-start;
        gap: 12px;
    }

    .formBox .formItem .formName .nameText {
        transform: translateY(0);
        font-weight: 900;
        letter-spacing: 0.1em;
        font-size: clamp(16px, 2.35vw, 18px);
    }

    .formBox .formItem .formName .required {
        min-width: 44px;
        font-size: clamp(12px, 1.8229vw, 14px);
        padding: 0 5px 0.5px;
        line-height: 1.3;
    }

    .formBox .formItem .formInput {
        max-width: 100%;
    }

    .formBox .formItem .formInput input {
        font-size: clamp(14px, 2.0833vw, 16px);
        padding: 8.5px 19px 9px;
        border-radius: 4px;
    }

    .formBox .formItem .formInput textarea {
        font-size: clamp(14px, 2.0833vw, 16px);
        padding: 8.5px 19px 9px;
        border-radius: 4px;
        height: 315px;
    }

    .formBox .formItem {
        margin-bottom: 29px;
    }

    .formBox .btnWrap {
        max-width: 122px;
        width: 100%;
        margin-top: 30px;
    }

    .formBox .btnSubmit {
        font-size: clamp(16px, 2.35vw, 18px);
        padding: 1.6px 10px 2.3px;
        line-height: 1.3;
        box-shadow: 0 2px 0 rgba(42, 94, 43, 1);
    }

    .formNote {
        max-width: 80vw;
        font-size: clamp(12px, 1.8229vw, 14px);
        margin-top: 27px;
        line-height: 1.315;
    }

    .formBox .wpcf7-not-valid-tip {
        margin-top: 5px;
        font-size: clamp(14px, 2.0833vw, 16px);
    }
}

/* blog list */
.blogList {
    max-width: 1028.5px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 25px;
}

.blogList li {
    display: flex;
    flex: 0 0 calc((100% - 32.1px) / 3);
}

.blogList li a {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: white;
    border-radius: 27px;
    border: 1px solid #ea3329;
    box-shadow: 5px 4px 0 #ea3329;
    padding: 18px 21.5px 22px;
    transition: 0.3s;
}

.blogList li a .thumb {
    width: 100%;
    display: block;
    border-radius: 22px;
    overflow: hidden;
    background: #b3b3b3;
    margin-bottom: 11px;
}

.blogList li a .thumb img {
    width: 100%;
    /* height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 287 / 153; */
    transition: 0.3s;
}

.blogList li a .info {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.blogList li a .info .tag {
    font-size: 15.85px;
    font-weight: 600;
    line-height: 1;
    color: white;
    align-self: start;
    background: #ea3329;
    border-radius: 15px;
    min-width: 103.4px;
    text-align: center;
    padding: 5.58px 10px;
}

.blogList li a .info .date {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    align-self: end;
    margin-right: 8px;
    letter-spacing: 0.8px;
}

.blogList li a .title {
    font-size: 17.7px;
    font-weight: 600;
    line-height: 1.4;
    display: block;
    margin-bottom: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: 0.3s;
}

.blogList li a .text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.77;
    display: block;
    margin-bottom: 18px;
    padding-left: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blogList li a .readMore {
    font-size: 15px;
    font-weight: 700;
    width: fit-content;
    line-height: 1;
    display: block;
    margin-left: auto;
    margin-top: auto;
    padding-left: 25px;
    position: relative;
    transition: 0.3s;
}

.blogList li a .readMore::before {
    content: '';
    display: block;
    width: 14.5px;
    height: 7px;
    position: absolute;
    left: 0;
    top: 58%;
    transform: translateY(-50%);
    background: url('../images/news/right-arrow-green.svg') no-repeat center center / 100%;
    transition: 0.3s;
}

.loadingSpinner {
    visibility: hidden;
    display: block;
    width: 25px;
    height: 25px;
    border: 3px solid #dcdcdc;
    border-top-color: #000;
    border-radius: 50%;
    animation: spinnerRotate 0.8s linear infinite;
    margin: 0px auto 5px;
}

@keyframes spinnerRotate {
    to {
        transform: rotate(360deg);
    }
}

.btnWrap {
    margin-top: 16px;
}

@media (min-width: 769px) {
    .blogList li a:hover .readMore {
        color: #439747;
    }

    .blogList li a:hover .title {
        color: #EA3329;
    }

    .blogList li a:hover {
        transform: translate(5px, 4px);
        box-shadow: none;
    }
}

@media (max-width: 1024px) {
    .blogList li a {
        padding: 15px 16px 17px;
    }
}

@media (max-width: 900px) {
    .blogList li {
        flex: 0 0 calc((100% - 16px) / 2);
    }
}

@media (max-width: 768px) {
    .sectionMain.subMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto {
        max-width: 272px;
    }

    .blogList {
        padding: 0 7.67%;
        gap: 13px 9px;
    }

    .blogList li {
        flex: unset;
        width: calc(50% - 6.4px);
    }

    .blogList li a .info {
        flex-wrap: wrap;
    }

    .blogList li a .info .tag {
        font-size: 12px;
        min-width: 54.4px;
        padding: 4px 7px 5px;
    }

    .blogList li a .info .date {
        font-size: 12px;
        margin-right: 0px;
    }

    .blogList li a {
        border-radius: 14px;
        padding: 9px 10.6px 13px;
        box-shadow: 2px 2px 0 #EA3329;
    }

    .blogList li a .thumb {
        border-radius: 11px;
        margin-bottom: 6px;
    }

    .blogList li a .title {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .blogList li a .text {
        font-size: 12px;
        padding-left: 3px;
        line-height: 1.3;
        margin-bottom: 13px;
    }

    .blogList li a .readMore {
        font-size: 12px;
        padding-left: 20px;
        font-weight: 500;
    }

    .blogList li a .readMore::before {
        width: 13.5px;
        height: 11px;
    }

    .btnWrap {
        max-width: 177px;
        margin-top: 11px;
    }

    .btnSubmit {
        font-size: clamp(16px, 2.35vw, 18px);
        line-height: 1.3;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4.5px 10px;
    }

    .btnSubmit::after {
        display: inline-block;
        content: "";
        width: 21px;
        height: 10px;
        background: url(../images/news/right-arrow-white.svg) no-repeat center center / 100%;
        margin-left: 3px;
        transform: translateX(2px) translateY(1px);
        /* margin-top: 2px; */
        vertical-align: middle;
        flex-shrink: 0;
        line-height: 1;
    }

    .loadingSpinner {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 449px) {
    .blogList {
        padding: 0 3.835%;
    }
}

@media (max-width: 399px) {

    .blogList li a .info {
        margin-bottom: 8px;
    }

    .blogList li a .title {
        margin-bottom: 5px;
    }

    .blogList li a .info .tag {
        font-size: 10px;
    }

    .blogList li a .text {
        margin-bottom: 9px;
    }
}

@media (max-width: 375px) {
    .blogList {
        padding: 0 0;
    }
}

/* blog detail */
.blogWrap {
    max-width: 997px;
    width: 100%;
    margin: 0 auto;
    background: white;
    border: 1px solid #ea3329;
    border-radius: 27px;
    padding: 68px 95px 53px;
    box-shadow: 4px 4px 0 #ea3329;
    margin-bottom: 68px;
}

.blogWrap .tag {
    font-size: 20.8px;
    color: white;
    background: #ea3329;
    min-width: 135.8px;
    width: fit-content;
    line-height: 1;
    text-align: center;
    border-radius: 14px;
    padding: 7px 10px 8px;
    margin-bottom: 15px;
    font-weight: 600;
}

.blogWrap .blogContent {
    padding: 0 20px;
}

.blogWrap .date {
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 3px;
    margin-left: 19px;
}

.blogWrap .title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 21px;
}

.blogWrap .thumb {
    width: 100%;
    overflow: hidden;
    transform: translateX(2px);
    border-radius: 45px;
    margin-bottom: 27px;
}

.blogWrap .thumb img {
    display: block;
    width: 100%;
    /* height: auto;
    object-fit: cover;
    aspect-ratio: 765.4 / 339.7; */
}

.blogWrap .text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.38;
    text-align: justify;
}

.blogWrap .text :is(p, h1, h2, h3, h4, h5, ul):not(:last-child) {
    margin-bottom: 15px;
}

.blogWrap .text a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #ea3329;
}

.relateText {
    width: fit-content;
    margin: 0 auto;
    color: white;
    background: #ea3329;
    line-height: 1;
    padding: 7px 21px 12px;
    border-radius: 30px;
    text-align: center;
    font-size: 22px;
    position: relative;
    margin-bottom: 34px;
    letter-spacing: 0.04em;
    font-weight: 800;
}

.relateText::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 9.285px solid transparent;
    border-right: 9.285px solid transparent;
    border-top: 17.58px solid #ea3329;
    position: absolute;
    bottom: -13px;
    left: 49.5%;
    transform: translateX(-50%);
}

.relateBlogWrap {
    padding: 0 0 37px;
}

.relateBlogWrap .btnWrap {
    margin-top: 45px;
}

@media (max-width: 1000px) {
    .blogWrap {
        padding: 30px 6vw;
    }
}

@media (min-width: 769px) {
    .relateBlogWrap .inner {
        max-width: 1100px;
    }

    .blogWrap .text a:hover {
        text-decoration: none;
    }
}

@media (max-width: 768px) {
    .areaContent {
        padding: 36px 0 40px;
    }

    .blogWrap {
        margin-bottom: 0;
        width: 83.66%;
        border-radius: 8px;
        padding: 22px 11px 25px;
        box-shadow: 5px 5px 0 #ea3329;

    }

    .blogWrap .info {
        display: flex;
        justify-content: space-between;
    }

    .blogWrap .date {
        align-self: flex-end;
        font-size: clamp(19px, 4.222vw, 21px);
        margin-right: 11px;
        margin-bottom: 0;
        margin-left: 0px;
    }

    .blogWrap .tag {
        font-size: clamp(18.44px, 4.098vw, 20px);
        min-width: 120px;
        padding: 5px 10px 7px;
        margin-bottom: 0;
    }

    .blogWrap .thumb {
        transform: none;
        border-radius: 22px;
        margin-bottom: 14px;
    }

    .blogWrap .thumb img {
        /* aspect-ratio: 334 / 177.5; */
    }

    .blogWrap .info {
        margin-bottom: 12px
    }

    .blogWrap .title {
        font-size: clamp(20.61px, 4.58vw, 23px);
        margin-bottom: 11px;
    }

    .blogWrap .blogContent {
        padding: 0;
        margin-left: -1px;
    }

    .blogWrap .text {
        font-size: clamp(16.27px, 3.616vw, 18px);
        padding: 0 8px;
    }

    .formBox .btnSubmit::after {
        display: none;
    }

    .relateBlogWrap .btnSubmit::after {
        display: none;
    }

    .relateBlogWrap {
        background: white;
        padding: 35px 0 38px;
    }

    .relateText {
        font-size: clamp(20.67px, 4.58vw, 23px);
        padding: 9px 20px 10px;
        margin-bottom: 22px;
    }

    .relateBlogWrap .btnWrap {
        margin-top: 27px;
    }

    .blogWrap .text :is(p, h1, h2, h3, h4, h5, ul):not(:last-child) {
        margin-bottom: 10px;
    }
}

@media (max-width: 399px) {
    .blogWrap {
        width: 90%;
    }
}

@media (max-width: 375px) {
    .areaContent .inner {
        padding-right: calc(2.6% + 4px);
    }

    .blogWrap {
        width: 100%;
    }

    .relateBlogWrap .blogList li {
        width: calc(50% - 4.5px);
    }
}