*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    font-family: sans-serif;
    width: 100%;
    overflow-x: hidden;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html.wf-active {
    font-family: "Heebo", "Noto Sans JP", sans-serif
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    width: 100%;
    overflow-x: hidden;
    color: #333;
    background-color: #fff;
    text-rendering: optimizeSpeed;
    position: relative;
    line-height: 1.7;
    letter-spacing: .05rem;
    font-feature-settings: "palt";
    word-wrap: break-word;
    font-weight: 400
}

body.no_scroll {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden
}

a {
    color: #e06a22;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s
}

ul {
    list-style: none
}

ul.disc {
    list-style: disc;
    margin-left: 1.8rem
}

ul.disc li {
    margin-bottom: 1rem
}

ol {
    margin-left: 1.2rem
}

main,
article,
section,
aside,
footer,
header,
menu,
nav {
    display: block
}

p:not(:last-of-type) {
    margin-bottom: 15px
}

dt {
    font-weight: normal
}

img,
video,
svg {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

a img {
    border: 0
}

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

input::-ms-clear,
input::-ms-reveal {
    visibility: hidden
}

input::-ms-clear {
    visibility: hidden
}

input::-ms-reveal {
    visibility: hidden
}

h1,
h2,
h3,
h4,
h5,
dt {
    font-style: normal;
    line-height: 1.3
}

.fw_b {
    font-weight: 700
}

.section_ttl {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    height: 40px;
    line-height: 1;
    margin-bottom: 50px;
    padding-top: 5px;
    padding-bottom: 2px;
    color: #fff;
    background-color: #333;
    border-radius: 20px;
    font-weight: 400
}

.txt_black {
    color: #333
}

.txt_main {
    color: #e06a22
}

.txt_sub {
    color: #ffeccc
}

.txt_orange {
    color: #ff9e02
}

.txt_white {
    color: #fff !important
}

.txt_neautral {
    color: #888
}

.fs_xs {
    font-size: calc(12px + 2*(100vw - 480px)/620)
}

@media screen and (max-width: 480px) {
    .fs_xs {
        font-size: 12px
    }
}

@media screen and (min-width: 1100px) {
    .fs_xs {
        font-size: 14px
    }
}

.fs_s {
    font-size: calc(14px + 2*(100vw - 480px)/620)
}

@media screen and (max-width: 480px) {
    .fs_s {
        font-size: 14px
    }
}

@media screen and (min-width: 1100px) {
    .fs_s {
        font-size: 16px
    }
}

.fs_m {
    font-size: calc(16px + 3*(100vw - 480px)/620)
}

@media screen and (max-width: 480px) {
    .fs_m {
        font-size: 16px
    }
}

@media screen and (min-width: 1100px) {
    .fs_m {
        font-size: 19px
    }
}

.fs_l {
    font-size: calc(18px + 6*(100vw - 480px)/620)
}

@media screen and (max-width: 480px) {
    .fs_l {
        font-size: 18px
    }
}

@media screen and (min-width: 1100px) {
    .fs_l {
        font-size: 24px
    }
}

.fs_xl {
    font-size: calc(20px + 16*(100vw - 480px)/620)
}

@media screen and (max-width: 480px) {
    .fs_xl {
        font-size: 20px
    }
}

@media screen and (min-width: 1100px) {
    .fs_xl {
        font-size: 36px
    }
}

.fs_xxl {
    font-size: calc(24px + 24*(100vw - 480px)/620)
}

@media screen and (max-width: 480px) {
    .fs_xxl {
        font-size: 24px
    }
}

@media screen and (min-width: 1100px) {
    .fs_xxl {
        font-size: 48px
    }
}

.about_question.eng {
    font-size: calc(48px + 42*(100vw - 480px)/620);
    line-height: 1;
    margin-bottom: -20px
}

@media screen and (max-width: 480px) {
    .about_question.eng {
        font-size: 48px
    }
}

@media screen and (min-width: 1100px) {
    .about_question.eng {
        font-size: 90px
    }
}

body,
.fs_normal {
    font-size: calc(15px + 2*(100vw - 480px)/620)
}

@media screen and (max-width: 480px) {

    body,
    .fs_normal {
        font-size: 15px
    }
}

@media screen and (min-width: 1100px) {

    body,
    .fs_normal {
        font-size: 17px
    }
}

body .eng,
.fs_normal .eng {
    font-size: calc(19px + 3*(100vw - 480px)/620)
}

@media screen and (max-width: 480px) {

    body .eng,
    .fs_normal .eng {
        font-size: 19px
    }
}

@media screen and (min-width: 1100px) {

    body .eng,
    .fs_normal .eng {
        font-size: 22px
    }
}

.ta_c {
    text-align: center
}

.ta_r {
    text-align: right
}

.ta_l {
    text-align: left
}

[class^=grid],
[class*=" grid"],
.flex {
    display: flex
}

.flex_grow {
    flex-grow: 1
}

[class^=col_],
[class*=" col_"] {
    flex-shrink: 0
}

@media print,
screen and (min-width: 1024px) {

    [class^=col_],
    [class*=" col_"] {
        padding: 15px
    }
}

@media screen and (max-width: 1023px) {

    [class^=col_],
    [class*=" col_"] {
        padding: 15px
    }
}

.col_fill {
    width: 0;
    min-width: 0;
    flex-grow: 1
}

.col_1 {
    width: 8.3333333333%
}

.col_2 {
    width: 16.6666666667%
}

.col_3 {
    width: 25%
}

.col_4 {
    width: calc(33.3333333333% - .01px)
}

.col_5 {
    width: 41.6666666667%
}

.col_6 {
    width: 50%
}

.col_7 {
    width: 58.3333333333%
}

.col_8 {
    width: 66.6666666667%
}

.col_9 {
    width: 75%
}

.col_10 {
    width: 83.3333333333%
}

.col_11 {
    width: 91.6666666667%
}

.col_12 {
    width: 100%
}

[class^=grid],
[class*=" grid"] {
    flex-wrap: wrap;
    flex-direction: row
}

@media print,
screen and (min-width: 1024px) {

    [class^=grid],
    [class*=" grid"] {
        margin-left: -15px;
        margin-right: -15px
    }
}

.item_top {
    align-items: flex-start
}

.item_middle {
    align-items: center
}

.item_bottom {
    align-items: flex-end
}

.item_stretch {
    align-items: stretch
}

.item_baseline {
    align-items: baseline
}

.item_left {
    justify-content: flex-start
}

.item_center {
    justify-content: center
}

.item_right {
    justify-content: flex-end
}

.item_between {
    justify-content: space-between
}

.item_around {
    justify-content: space-around
}

.item_nogutter {
    margin: 0
}

.item_nogutter [class*=col_] {
    padding: 0 !important
}

.flex_right {
    margin-left: auto
}

@media screen and (max-width: 479px) {
    .grid_xs {
        flex-direction: column
    }

    .grid_xs>[class^=col_],
    .grid_xs>[class*=" col_"] {
        width: 100%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 699px) {
    .grid_s {
        flex-direction: column
    }

    .grid_s>[class^=col_],
    .grid_s>[class*=" col_"] {
        width: 100%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 699px) {

    .grid_s_half>[class^=col_],
    .grid_s_half>[class*=" col_"] {
        width: 50%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1023px) {
    .grid_m {
        flex-direction: column
    }

    .grid_m>[class^=col_],
    .grid_m>[class*=" col_"] {
        width: 100%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1023px) {

    .grid_m_half>[class^=col_],
    .grid_m_half>[class*=" col_"] {
        width: 50%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1200px) {
    .grid_l {
        flex-direction: column
    }

    .grid_l>[class^=col_],
    .grid_l>[class*=" col_"] {
        width: 100%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1200px) {

    .grid_l_half>[class^=col_],
    .grid_l_half>[class*=" col_"] {
        width: 50%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 699px) {

    .grid_l_half>[class^=col_],
    .grid_l_half>[class*=" col_"] {
        width: 100%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1023px) {

    [class*=grid]>[class^=col_]:last-of-type,
    [class*=grid]>[class*=" col_"]:last-of-type {
        margin-bottom: 0
    }
}

@media screen and (max-width: 699px) {
    .grid {
        flex-wrap: nowrap
    }

    .grid>[class^=col_],
    .grid>[class*=" col_"] {
        padding: 0 15px !important
    }
}

@media screen and (max-width: 699px) {

    [class*=grid]>[class^=col_]:not(:last-of-type),
    [class*=grid]>[class*=" col_"]:not(:last-of-type) {
        margin-bottom: 0 !important;
        padding-bottom: 0
    }
}

.list_disc {
    list-style: disc;
    margin-left: 30px
}

[class^=badge_],
[class*=" badge_"] {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    text-align: center;
    line-height: 1;
    font-weight: 700
}

.badge_l {
    width: 5em;
    height: 5em
}

.badge_m {
    width: 3.75em;
    height: 3.75em
}

.badge_s {
    width: 2em;
    height: 2em
}

.badge_circle {
    border-radius: 50%
}

[class*=label_] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 5px 4px;
    color: #fff;
    text-align: center;
    line-height: 1;
    border-radius: 5px
}

@media screen and (min-width: 700px) {
    [class*=label_] {
        min-width: 80px
    }
}

@media screen and (max-width: 699px) {
    [class*=label_] {
        min-width: 60px
    }
}

[class*=label_] {
    color: #fff
}

[class*=label_] [class*=ico_] {
    margin-right: 5px
}

.label_main {
    background-color: #e06a22
}

@media screen and (min-width: 700px) {
    .p_xs {
        padding: 15px !important
    }

    .p_s {
        padding: 30px !important
    }

    .pt_s {
        padding-top: 30px !important
    }

    .p_m {
        padding: 50px !important
    }

    .pt_m {
        padding-top: 50px !important
    }

    .pb_s {
        padding-bottom: 30px !important
    }

    .pb_m {
        padding-bottom: 50px !important
    }

    .pb_l {
        padding-bottom: 80px !important
    }

    .mb_s {
        margin-bottom: 30px !important
    }

    .mb_xs {
        margin-bottom: 15px !important
    }

    .mb_m {
        margin-bottom: 50px !important
    }

    .mt_s {
        margin-top: 30px !important
    }

    .mt_m {
        margin-top: 50px !important
    }

    .mt_xs {
        margin-top: 15px !important
    }

    .mb_l {
        margin-bottom: 80px !important
    }

    .mb_xl {
        margin-bottom: 120px !important
    }
}

@media screen and (max-width: 699px) {
    .p_xs {
        padding: 7.5px !important
    }

    .p_s {
        padding: 15px !important
    }

    .pt_s {
        padding-top: 15px !important
    }

    .p_m {
        padding: 25px !important
    }

    .pt_m {
        padding-top: 25px !important
    }

    .pb_s {
        padding-bottom: 15px !important
    }

    .pb_m {
        padding-bottom: 25px !important
    }

    .pb_l {
        padding-bottom: 40px !important
    }

    .mb_s {
        margin-bottom: 15px !important
    }

    .mb_xs {
        margin-bottom: 7.5px !important
    }

    .mb_m {
        margin-bottom: 25px !important
    }

    .mt_s {
        margin-top: 15px !important
    }

    .mt_m {
        margin-top: 25px !important
    }

    .mt_xs {
        margin-top: 7.5px !important
    }

    .mb_l {
        margin-bottom: 40px !important
    }

    .mb_xl {
        margin-bottom: 36px !important
    }
}

.hide {
    display: none
}

@media screen and (max-width: 699px) {
    .hide_s {
        display: none
    }
}

@media screen and (max-width: 1023px) {
    .hide_m {
        display: none
    }
}

@media screen and (min-width: 700px) {
    .hide_l {
        display: none
    }
}

@media print,
screen and (min-width: 1024px) {
    .hide_xl {
        display: none
    }
}

@media screen and (min-width: 480px) {
    .show_s {
        display: none
    }
}

.bg_main,
.bg_red,
.bg_black {
    color: #fff
}

.bg_main a,
.bg_red a,
.bg_black a {
    color: #fff
}

.bg_main {
    background-color: #e06a22
}

.bg_sub {
    background-color: #ffeccc
}

.bg_white {
    background-color: #fff
}

.bg_black {
    background-color: #333
}

.bg_beige {
    background-color: #f9f6ec
}

@media screen and (max-width: 699px) {
    .img60 {
        max-width: 60% !important
    }

    .img80 {
        max-width: 80% !important
    }

    .max-w380 {
        max-width: 380px;
        width: 80%;
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    background: #333;
    border-radius: 50%;
    z-index: 10
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: rgba(0, 0, 0, 0);
    outline: none
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: url("../../_assets/img/arrow_left.svg")
}

[dir=rtl] .slick-prev:before {
    content: url("../../_assets/img/arrow_right.svg")
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: url("../../_assets/img/arrow_right.svg")
}

[dir=rtl] .slick-next:before {
    content: url("../../_assets/img/arrow_left.svg")
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    border: 0;
    outline: none;
    background: rgba(0, 0, 0, 0)
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.scroll_wrap {
    width: 100%;
    max-width: 100%
}

@media screen and (max-width: 1023px) {
    .scroll_wrap {
        padding-bottom: 142px;
    }
}

@media screen and (max-width: 699px) {
    .scroll_wrap {
        padding-bottom: calc(112 / 699 * 100vw);
    }
}

.main_wrap {
    padding: 50px 0
}

[class^=wrap_] {
    position: relative;
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 700px) {
    [class^=wrap_] {
        padding: 0 30px
    }
}

@media screen and (min-width: 1200px) {
    [class^=wrap_] {
        padding: 0 50px
    }
}

@media screen and (max-width: 699px) {
    [class^=wrap_] {
        padding: 0 15px
    }
}

.wrap_m {
    max-width: 1200px
}

.wrap_l {
    width: 100%
}

.wrap_s {
    max-width: 1024px
}

section {
    width: 100%;
    position: relative
}

@media screen and (min-width: 700px) {
    section {
        padding: 80px 0
    }
}

@media screen and (max-width: 699px) {
    section {
        padding: 30px 0
    }
}

.gnav {
    width: 100%;
    max-width: 100%
}

@media print,
screen and (min-width: 1024px) {
    .gnav {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1100;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 1023px) {
    .gnav {
        align-items: center;
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.is_scroll .gnav {
    box-shadow: -1px 0 5px 0px rgba(0, 0, 0, .5);
    background-color: #fff
}

.no_scroll .gnav {
    background-color: #fff;
    box-shadow: -1px 10px 10px 0px rgba(0, 0, 0, .7)
}

.gnav_inner {
    position: relative;
    margin-left: auto;
    padding-right: 15px
}

@media print,
screen and (min-width: 1024px) {
    .gnav_logo {
        max-width: 250px;
        margin-left: 30px
    }
}

@media screen and (max-width: 1200px) {
    .gnav_logo {
        max-width: 200px
    }
}

@media screen and (max-width: 1023px) {
    .gnav_logo {
        margin-left: 15px
    }
}

@media screen and (max-width: 479px) {
    .gnav_logo {
        max-width: 150px
    }
}

.gnav_logo img {
    margin-top: -8px
}

@media print,
screen and (min-width: 1024px) {
    .gnav_menu_item {
        padding: 0 15px
    }
}

@media screen and (max-width: 1200px) {
    .gnav_menu_item {
        padding: 0 10px
    }
}

.gnav_menu_item span {
    display: block;
    text-align: center;
    line-height: 1.2
}

.gnav_menu_item .txt_main {
    font-size: 12px
}

@media screen and (max-width: 1023px) {
    .gnav_btn {
        width: 35px;
        height: 35px
    }

    .gnav_btn.active .gnav_btnline:nth-child(1) {
        transform-origin: bottom right;
        transform: rotate(-45deg)
    }

    .gnav_btn.active .gnav_btnline:nth-child(2) {
        opacity: 0
    }

    .gnav_btn.active .gnav_btnline:nth-child(3) {
        transform-origin: top right;
        transform: rotate(45deg)
    }

    .gnav_btn_inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 25px;
        cursor: pointer;
        transition: all .7s;
        z-index: 1200
    }

    .gnav_btnline {
        width: 100%;
        height: 3px;
        background-color: #333;
        transition: .3s ease-in-out
    }

    .gnav_menu_btn div:not(:last-of-type) {
        margin-right: 15px
    }

    .gnav_menu {
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 100%;
        overflow-y: scroll;
        padding: 60px 0 30px;
        background-color: #fff;
        flex-direction: column !important;
        transition: all .7s;
        z-index: 1100
    }

    .gnav_menu .gnav_menu_item a {
        display: block;
        padding: 15px;
        margin: 0 30px;
        border-bottom: 1px solid rgba(136, 136, 136, .4)
    }

    .gnav_menu .gnav_menu_btn {
        padding: 30px 0 0 30px;
        align-content: flex-start
    }

    .gnav_menu .gnav_menu_btn div:not(:last-of-type) {
        margin-bottom: 30px
    }

    .show .gnav_menu {
        top: 0
    }
}

.faq_btn {
    width: 100%;
    padding: 15px
}

.faq_item [class^=badge_],
.faq_item [class*=" badge_"] {
    margin-right: 15px
}

.faq_q_txt {
    padding-right: 15px;
    line-height: 1.4
}

.faq_a_txt p:last-of-type {
    margin-bottom: 0
}

.anim {
    transform: translate3d(0, 0, 0)
}

.slide_btn {
    cursor: pointer
}

.slide_content {
    transition: transform .4s;
    display: none;
    padding: 0 18px 15px
}

.slide_content a {
    color: #b65519
}

.bnr_capmpaign {
    position: fixed;
    right: 15px;
    z-index: 1200
}

@media print,
screen and (min-width: 1024px) {
    .bnr_capmpaign {
        bottom: 140px
    }
}

@media screen and (min-width: 1200px) {
    .bnr_capmpaign {
        bottom: 60px
    }
}

.footer_trial {
    padding: 7px 0 14px;
}

.footer_campaign {
    margin-bottom: 5px
}

footer .bg_black {
    padding-top: 30px;
    padding-bottom: 30px
}

footer .bg_main {
    padding-top: 15px;
    padding-bottom: 15px
}

@media screen and (min-width: 700px) {
    .footer_logo {
        max-width: 140px
    }
}

@media screen and (max-width: 699px) {
    .footer_logo {
        max-width: 40%
    }
}

@media screen and (min-width: 700px) {
    .footer_link {
        text-align: center
    }
}

@media screen and (max-width: 699px) {
    .footer_link .footer_link_item.col_4 {
        margin-bottom: 10px !important
    }
}

.footer_copy {
    text-align: right
}

@media screen and (max-width: 699px) {
    .footer_copy.col_7 {
        padding-top: 15px !important
    }
}

#overLay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1000
}

#overLay.show {
    display: block
}

@media print {
    @page {
        size: A4
    }

    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    body {
        -webkit-print-color-adjust: exact;
        top: 0 !important;
        left: 0 !important;
        font-size: 8pt !important
    }

    .gnav {
        display: none
    }

    h1,
    .fs_xl,
    .sec_head {
        font-size: 16pt !important
    }

    h2,
    .fs_l {
        font-size: 14pt !important
    }

    h3,
    .fs_m {
        font-size: 12pt !important
    }

    h4,
    .fs_s {
        font-size: 10pt !important
    }

    p {
        font-size: 8pt !important
    }

    .fs_xs {
        font-size: 6pt !important
    }

    .wrap {
        padding: 0 15px
    }

    section {
        padding: 30px 15px 15px !important
    }

    img,
    svg,
    a,
    [class^=grid],
    [class*=" grid"] {
        page-break-inside: avoid
    }

    .sec_head {
        margin-bottom: 15px
    }

    p,
    h2,
    h3,
    h4,
    h5,
    h6 {
        orphans: 3;
        widows: 3
    }

    footer {
        display: none
    }

    .hide_l,
    .hide_m {
        display: none
    }

    .img60 {
        max-width: 60% !important
    }

    .img80 {
        max-width: 80% !important
    }
}

/*# sourceMappingURL=common.min.css.map */