@charset "utf-8";
/*reset*/
#eduMain-prd #prdLead_inr > .aem-Grid.aem-Grid--12.aem-Grid--default--12.aem-Grid--phone--12 > div > div > div > .aem-Grid.aem-Grid--12.aem-Grid--default--12.aem-Grid--phone--12 > div:nth-of-type(1) > div > div > div > div:nth-of-type(2), #eduMain-prd #prdLead-2_inr > .aem-Grid.aem-Grid--12.aem-Grid--default--12.aem-Grid--phone--12 > div > div > div > .aem-Grid.aem-Grid--12.aem-Grid--default--12.aem-Grid--phone--12 > div:nth-of-type(1) > div > div > div > div:nth-of-type(2), #emuFinderSec-3 .container.cmp-container--body.aem-GridColumn.aem-GridColumn--default--12 > .switch-container > div > div > div:nth-of-type(2) [id^=emuFinderSec-3-] .cmp-container--insets-1 > .switch-container > div > div > div:nth-of-type(2) > div > div > div > div:nth-of-type(1), #emuFinderSec-3 .container.cmp-container--body.aem-GridColumn.aem-GridColumn--default--12 > .switch-container > div > div > div:nth-of-type(2) [id^=emuFinderSec-3-] .cmp-container--insets-1 > .switch-container > div > div > div:nth-of-type(3) .aem-Grid.aem-Grid--12.aem-Grid--default--12.aem-Grid--phone--12 > div {
    width: 100%;
}
:root {
    --edu-color: #092981;
    --skyblue-color: #758BC5;
    --shirahama-color: #EFF2FA
}
/* font */
h1, #statement h1 {
    font-size: 60px !important;
}
h2, #statement h2 {
    font-size: 50px !important;
}
h3, #statement h3 {
    font-size: 36px !important;
}
h4, #statement h4 {
    font-size: 24px !important;
    line-height: 1.2 !important;
}
h5, #statement h5 {
    font-size: 20px !important;
}
h6, #statement h6 {
    font-size: 18px !important;
}
h1, #statement h1 span {
    font-size: .8em;
}

[id*="products-panel"] .cmp-content_panel--EduEC-white .cmp-content_panel a .cmp-content_panel__title {
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    [id*="products-panel"] .cmp-content_panel--EduEC-white .cmp-content_panel a .cmp-content_panel__title {
        font-size: 16px;
    }
}

/* modal */
.download__calculator {
    position: relative;
    font-size: 18px;
    padding-left: 3rem;
}
.download__number {
    position: absolute;
    top: .1em;
    left: 0;
    display: inline-block;
    font-size: 20px;
    color: #ffffff;
    border-radius: 50%;
    background-color: var(--edu-color);
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
}
#download__category {
    margin-top: 1rem;
}
/* color */
.educolor {
    color: var(--edu-color);
}
.bg-educolor, [id*="bg-educolor"] {
    color: #ffffff;
    background-color: var(--edu-color);
    padding: 0 1em;
}
[id*="bg-educolor"] .cmp-title__text {
    padding: 0;
}
[id*="bg-skyblue_color"] {
    color: #ffffff;
    background-color: var(--skyblue-color);
    padding: 0 1em;
}
[id*="bg-skyblue_color"] a {
    color: #ffffff;
}
[id*="bg-shirahama_color"] {
    background-color: var(--shirahama-color);
}
/* accordion */
[id^=eduMain] .accordion-title-btn {
    color: var(--edu-color)
}
/* button */
.cmp-header--eduEC .cmp-button {
    color: #ffffff;
}
.cmp-button--eduEC-lightBlue .cmp-button, .cmp-button--eduEC-white .cmp-button, .cmp-button--eduEC-yellow .cmp-button {
    color: var(--edu-color);
}
.cmp-button--eduEC-lightBlue .cmp-button:hover, .cmp-button--eduEC-white .cmp-button:hover, .cmp-button--eduEC-yellow .cmp-button:hover {
    color: #3957a8;
}
.cmp-button__icon--arrow-right + .cmp-button__text::after {
    filter: brightness(0) invert(100%);
}
:where(.cmp-button--eduEC-lightBlue, .cmp-button--eduEC-white, .cmp-button--eduEC-yellow) .cmp-button__icon--arrow-right + .cmp-button__text::after {
    filter: none;
}
.cmp-button--white .cmp-button {
	color:  var(--edu-color) !important;
    border: solid 1px var(--edu-color) !important;
    background-color: #ffffff !important;
}
.cmp-button--white .cmp-button .cmp-button__icon--arrow-right + .cmp-button__text::after {
    filter: none;
}
/* bg */
#eduMain-prd #prdFeat {
    background: #ffffff;
}
.container:has(>.switch-container > #prdFeat_inr) {
    background: #f7f8fa;
}
/* layout */
[id^="calc_container"] [id^="calcmainwrap"] > .aem-Grid {
    flex-wrap: wrap;
}
[id^="calc_container"] [id^="calcmainwrap"] > .aem-Grid > .container {
    width: calc((100% - 3rem) / 3) !important;
}
[id*="layout_row"] > .aem-Grid {
    display: flex;
}
[id*="layout_row"][id*="wrap"] > .aem-Grid {
    flex-wrap: wrap;
}
[id*="layout_row"][id*="center"] > .aem-Grid {
    justify-content: center;
}
[id*="layout_row"][id*="center"][id*="btn"] > .aem-Grid > .container {
    width: fit-content;
    margin: 0 10px 10px 10px;
}
#prdLead-2 #pc_os {
    max-width: 285px;
}
#prdLead-2 #pc_os > .aem-Grid {
    display: flex;
}
#prdLead-2 #pc_os > .aem-Grid > .container {
    width: 100px;
    margin-right: 10px;
}
#prdLead-2 #pc_os > .aem-Grid > .container:nth-child(2) {
    margin-right: 0px;
}
#prdLead-2 #pc_os p {
    font-size: min(4vw, 14px);
}

@media (min-width: 768px) {
    /* layout */
    .container:has(>.switch-container >[id*="pc-width100"]) {
        width: 100% !important;
    }
    .container:has(>.switch-container >[id*="pc-width70"]) {
        width: 70% !important;
    }
    .container:has(>.switch-container >[id*="pc-width50"]) {
        width: 50% !important;
    }
    .container:has(>.switch-container >[id*="pc-width30"]) {
        width: 30% !important;
    }
}
@media (max-width: 767px) {
    h1, #statement h1 {
        font-size: 38px !important;
    }
    h2, #statement h2 {
        font-size: 35px !important;
    }
    h3, #statement h3 {
        font-size: 22px !important;
    }
    h4, #statement h4 {
        font-size: 20px !important;
    }
    h5, #statement h5 {
        font-size: 16px !important;
    }
    h6, #statement h6 {
        font-size: 14px !important;
    }
    .download__calculator {
        font-size: 16px;
    }
    /* layout */
    [id*="layout_row"] > .aem-Grid {
        flex-direction: column;
    }
    [id*="layout_row"][id*="btn"][id*="center"] > .aem-Grid {
        flex-direction: column;
    }
    [id*="layout_row"][id*="btn"][id*="center"] > .aem-Grid > .container {
        margin: 0 auto 10px;
    }
    .container:has(>.switch-container >[id*="sp-width100"]) {
        width: 100% !important;
    }
    .container:has(>.switch-container >[id*="sp-width70"]) {
        width: 70% !important;
    }
}