@charset "utf-8";

/*
Theme Name: チカラもち ガス給湯器コーポレートサイト
Theme URI:
Description: The 2021 default theme(responsive) for Mediacross.
Author: Mediacross
Author URI: https://medi-cro.jp/
Version: 2021.10
*/

:root {
    /* color */
    --color-theme-primary: #1962e8;
    --color-theme-primary-alpha: rgb(25 98 232 / 80%);
    --color-theme-primary-deep: #144eba;
    --color-theme-primary-light: #1c6dff;
    --color-theme-primary-pale: #4880e8;
    --color-theme-primary-bright: #edf6ff;

    --color-theme-secondary: #ff9500;
    --color-theme-tertiary: #002d7d;
    --color-theme-quaternary: #ee8293;

    --color-theme-ecocute: #c30d23;
    --color-theme-gas: var(--color-theme-primary);

    --color-accent-error: #c30d23;

    /* Base Color */
    --color-base: #333;
    --color-base-dark: ;
    --color-base-deep: #ccc;
    --color-base-pale: #eee;
    --color-base-bright: ;
    --color-base-white: #fff;

    /* Use Color */
    --color-use-border: var(--color-base-deep);
    --color-use-link: var(--color-theme-secondary);
    --color-use-bg: var(--color-base-pale);
    --color-use-bg-yellow: #ffb;

    --color-default: #333;
    --color-border: #ccc;
    --color-bg: #eee;
    --color-bg-yellow: #ffb;
    --color-link: var(--color-theme-secondary);

    --grd-orange: linear-gradient(0, #cf300d 0, #f3af30 100%);
    --grd-green: linear-gradient(0, #297c0c 0, #5cc71c 100%);

    /* price */
    --price-marker: linear-gradient(transparent 85%, #ffea00 0%);
    --price-spacing: -.05em;

    /* width */
    --contentWidth: 1200;
    --contentWidth2: 1000;
    --contentWidth-px: calc(var(--contentWidth) * 1px);
    --contentWidth2-px: calc(var(--contentWidth2) * 1px);

    --sub-font: "Jost", sans-serif;
    --sub-font-style: italic;
    --sub-font-letter-spacing: -.01em;

    /* space */
    --addLR: 5vw;
    --radius: 10px;
    --radius-20: clamp(var(--radius),1.67vw,20px);
    --section: 60px;
    --padding-30: min(5vw, 30px);
    --padding-40: min(5vw, 40px);
    --border-size: 2px;

    /* more */
    --duration: .3s;
}
@media screen and (min-width: 641px) {
    :root {
        --border-size: 3px;
    }
}
@media screen and (min-width: 769px) {
    :root {
        --addLR: 40px;
        --section: 80px;
    }
}


/**
* Reset
============================== */
/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,:after,:before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0}ol,ul{padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled,button:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}
table{border-collapse: collapse;width:100%;}img{max-width:100%;height:auto;vertical-align:middle;}

/**
* Utility
============================== */
h1, h2, h3, h4, h5, h6 {line-height: 1.4;}
label {display: inline-block;cursor: pointer;}

.clearfix {min-height: 1px;}
.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
.both{clear:both;}

::selection{background:rgba(128, 128, 128, 0.2);}


/**
* HTML,Body,Anchor
============================== */
html {
    font-size: 62.5%; /* 10px */
    font-family: 'Noto Sans JP','游ゴシック','YuGothic','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
    text-size-adjust: 100%;
}
body {
    background: #fff;
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-default);
    min-width: 375px;
}
body * {
    font-feature-settings : "palt";
    letter-spacing: .05em;
}

/**
* link
============================== */
a {
    text-decoration: none;
    color: var(--color-default);
    cursor: pointer;
}
a.under {
    text-decoration: underline;
}
a:not([class]),
a.under {
    transition: color var(--duration);
}
a:not([class]):hover,
a.under:hover {
    color: var(--color-theme-primary);
}

.bounce {
    transform: perspective(1px) translateZ(0);
    transition-duration: .25s;
    transition-property: transform;
}
.bounce:hover {
    transform: scale(1.05);
    transition-timing-function: cubic-bezier(0.65, -0.70, 1, 0.65);
}

.red {color:var(--color-accent-error);}

/**
* font
============================== */
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 100;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 200;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 300;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 400;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Bold");
    font-weight: 700;
}

/**
* layout
============================== */
.content {
    line-height: 1.714;
    margin-bottom: 120px;
}
@media screen and (max-width: 1000px) {
    .content__left {
        margin-bottom: 90px;
    }
    .side {
        max-width: 480px;
        margin: 0 auto var(--section);
    }
}
@media screen and (min-width: 1001px) {
    .content__wrap {
        display: flex;
        justify-content: space-between;
    }
    .content__left {
        flex: 1;
        margin-bottom: 0;
        padding-right: 30px;
    }
    .side {
        order: 1;
        width: 270px;
        position: relative;
        margin-bottom: var(--section);
    }
    .side__container {
        position: sticky;
        top: 1em;
    }
}

/* side-list */
.side-list {
    border: 1px solid;
    border-radius: var(--radius);
    color: var(--color-theme-primary);
    line-height: 1.5;
    padding: 0 1em 1em;
}
.side-list a {
    transition: color var(--duration);
}
.side-list a:hover {
    color: var(--color-theme-primary);
}
.side-list__item:not(:last-child) {
    border-bottom: 1px solid;
}
.side-list__link {
    /* color: var(--color-theme-primary); */
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em 0;
}
.side-list__link.onArrow {
    flex-direction: row-reverse;
}
.side-list__link .arrow {
    margin-left: .5em;
}
.side-sub__item,
.side-sub > li {
    border-top: 1px solid var(--color-border);
}
.side-sub__link,
.side-sub > li > a {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    padding: 1em .5em;
    position: relative;
}
.side-sub__link::before,
.side-sub > li > a::before {
    border-right: 2px solid var(--color-theme-primary);
    border-top: 2px solid var(--color-theme-primary);
    content: '';
    display: block;
    margin-right: .5em;
    height: .5em;
    width: .5em;
    transform: rotate(45deg);
}
.side-sub .children {
    list-style-type: "-";
    margin-left: 2em;
}
.side-sub .children a {
    display: block;
    padding: .5em;
}

/* block */
.addLR {
    padding-left: var(--addLR);
    padding-right: var(--addLR);
}
.width-1 {
    margin-right: auto;
    margin-left: auto;
    max-width: calc(var(--contentWidth-px) + (var(--addLR) * 2));
}
.width-2 {
    margin-right: auto;
    margin-left: auto;
    max-width: calc(var(--contentWidth2-px) + (var(--addLR) * 2));
}

/* section */
.sections {
    margin-bottom: var(--section);
    position: relative;
}
.sections--border {
    border-top: 6px solid var(--color-theme-primary);
    padding-top: calc(var(--section) / 2);
}
.sections__inner + .sections__inner {
    margin-top: calc(var(--section) * .75);
}

/**
* common
============================== */
.coming {
    background: rgba(238,238,238,.5);
    text-align: center;
    margin: auto;
    padding: 3em 0;
    max-width: 60em;
}

/* svg */
.svg-area {
    display: none;
    height: 0;
    visibility: hidden;
}
.onArrow {
    position: relative;
}
.arrow {
    fill: var(--color-theme-primary);
    height: 14px;
    width: 14px;
    /* height: .778em;
    width: .778em; */
}

/* float */
.float--left,
.float--right {
    display: block;
    margin: 0 auto 15px;
}
@media screen and (min-width: 769px) {
    .float--left {
        float: left;
        margin-right: 2em;
    }
    .float--right {
        float: right;
        margin-left: 2em;
    }
}

/* list */
.disc,
.circle,
.decimal,
.upper-alpha {
    padding-left: 2em;
}
.disc > li {
    list-style-type: disc;
}
.circle > li {
    list-style-type: circle;
}
.decimal > li {
    list-style-type: decimal;
}
.upper-alpha > li {
    list-style-type: upper-alpha;
}
.kome > li {
    margin-left: 1em;
    position: relative;
}
.kome li::before {
    content: "※";
    position: absolute;
    left: -1em;
}
.li-mg > li + li {
    margin-top: 1.714em;
}

.check-list {
    display: flex;
    flex-wrap: wrap;
    gap: .5em 1em;
}
.check-list__item {
    font-weight: 700;
    line-height: 1.4;
    padding-left: 1.333em;
    position: relative;
}
.check-list__item .check {
    width: 1.125em;
    height: 1.125em;
    position: absolute;
    left: 0;
    top: .15em;
}

/* text */
p + p,
.mt-p {
    margin-top: 1.714em;
}

.beginning {
    margin-bottom: 3em;
}
.beginning--s {
    margin-bottom: 1.714em;
}

.txtC {text-align:center;}.txtL {text-align:left;}.txtR {text-align:right;}
.fs--9 {font-size: 0.9rem;line-height: 1.4;}.fs--10 {font-size: 1rem;line-height: 1.4;}.fs--11 {font-size: 1.1rem;line-height: 1.4;}.fs--12 {font-size: 1.2rem;}.fs--13 {font-size: 1.3rem;}.fs--14 {font-size: 1.4rem;}.fs--15 {font-size: 1.5rem;}
.fs--small {font-size: 80%;}

/* line break */
.rbr {display: none;}
@media screen and (min-width: 769px) {
    .rtxtC {text-align:center;}
    .rbr {display: inline;}
}

/* decoration */
.marker {
    background: linear-gradient(transparent 90%, var(--color-theme-secondary) 0%);
}
.text--red {color: var(--color-theme-primary);}
.text--bold {font-weight: 700;}

/* bg */
.bg-dot {
    background-image: radial-gradient(#f7f2ad 20%, transparent 20%), radial-gradient(#f7f2ad 20%, transparent 20%);
    background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
}

/* table */
.table-1 {
    border-top: 1px solid var(--color-border);
    line-height: 1.5;
}
.table-1__box {
    border-bottom: 1px solid var(--color-border);
    padding: 1em 0;
}
@media screen and (max-width: 640px) {
    .table-1__term {
        margin-bottom: .4em;
    }
    .table-1__desc {
        padding-left: 1em;
    }
}
@media screen and (min-width: 641px) {
    .table-1__box {
        display: grid;
        grid-template-columns: 24% auto;
        gap: 20px;
        padding: 1em 1.25em;
    }
}

/* image */
.fit-cover {
    overflow: hidden;
    position: relative;
}
.fit-cover > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform 1s ease-out;
}
/* a:hover .fit-cover > img {
    transform: scale(1.05);
} */

#ez-toc-container {
    padding: 30px!important;
}
#ez-toc-container a {
    margin-bottom: 5px;
}
.ez-toc-title-container {
    margin-bottom: 10px;
}

/**
* breadcrumb
============================== */
.breadcrumb__wrap {
    font-size: 1.2rem;
    padding: 1em var(--addLR) 60px;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.breadcrumb li:not(:last-child)::after {
    content: ">";
    margin: 0 0.3em;
}

/**
* title
============================== */
/* pagetitle */
.pagetitle-wrap {
    background: url(images/titlebg.jpg) no-repeat 50% 50% / cover;
    font-size: 2.4rem;
    text-align: center;
    padding: 1.75em  var(--addLR);
}
.pagetitle {
    font-weight: 700;
}
.pagetitle__en {
    color: var(--color-theme-primary);
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: .4em;
}
@media screen and (min-width: 769px) {
    .pagetitle-wrap {
        font-size: 3.8rem;
    }
}

/* title */
.title-1 {
    /* font-size: 2.8rem; */
    font-size: clamp(2.8rem, 4vw, 3.6rem);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1em;
    position: relative;
}
.title-1__sub {
    font-size: .444em;
}
.title-1__en {
    color: var(--color-theme-primary);
    display: flex;
    align-items: center;
    font-size: .4em;
    margin-bottom: .6em;
    position: relative;
}
.title-1__en--mbzero {
    margin-bottom: 0;
}
.title-1__en::after {
    background: var(--color-theme-primary);
    content: '';
    display: inline;
    margin-left: .8em;
    height: 2px;
    width: 2em;
}
.title-2 {
    /* font-size: 2rem; */
    font-size: clamp(2rem, 3.75vw, 2.4rem);
    color: var(--color-theme-tertiary);
    font-weight: 900;
    margin-bottom: .5em;
}
.title-3 {
    /* font-size: 2rem; */
    font-size: clamp(1.8rem, 2.8vw, 2rem);
    border-bottom: 1px solid var(--color-border);
    font-weight: 700;
    margin-bottom: 1.5em;
    padding-bottom: .8em;
}
.title-4 {
    font-size: clamp(2rem, 2.5vw, 3rem);
    border-bottom: 6px solid var(--color-theme-primary);
    font-weight: 700;
    margin-bottom: 1.5em;
    padding-bottom: .5em;
}


/**
* button
============================== */
.btn-1 {
    background: var(--grd-green);
    box-shadow: 2px 2px 2px rgba(255,255,255,.2) inset,-2px -2px 1px rgba(0,0,0,.4) inset;
    border: 2px solid #fff;
    border-radius: var(--radius);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    padding: 1em 3em 1em 2em;
    min-width: min(75vw, 300px);
    position: relative;
}
.btn-1--100 {
    min-width: auto;
    width: 100%;
}
.btn-1--s {
    padding-left: 1em;
    padding-top: .75em;
    padding-bottom: .75em;
}
.btn-1--org {
    background: var(--grd-orange);
}
.btn-1 .arrow {
    fill: #fff;
    position: absolute;
    right: 1.5em;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
    .btn-1 {
        font-size: 1.8rem;
    }
}

/* btn-layout */
.btn-wrap {
    text-align: center;
    margin-top: 2em;
}
.btn-list {
    display: grid;
    /* grid-template-columns: repeat(2,1fr); */
    grid-template-columns: repeat(2, min((50% - .4em), 280px));
    gap: .8em;
}
.btn-list .btn-1 {
    font-size: 1.4rem;
    min-width: auto;
    padding: 1em 3em 1em 1em;
}
@media screen and (min-width: 769px) {
    .btn-wrap--pc {
        text-align: left;
    }
    .btn-list {
        justify-content: flex-start;
    }
}

/* anchor */
.anchor {
    border-bottom: 1px solid var(--color-border);
    display: grid;
    gap: clamp(1em, 3.75vw, 45px);
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    margin-bottom: var(--section);
    padding-bottom: 1em;
}
.anchor__link {
    display: flex;
    align-items: center;
    line-height: 1.4;
}
.anchor__link::after {
    border-right: 2px solid var(--color-theme-primary);
    border-top: 2px solid var(--color-theme-primary);
    content: '';
    display: block;
    margin-left: .5em;
    height: .5em;
    width: .5em;
    transform: rotate(135deg);
}


/**
* header
============================== */
#header {
    z-index: 100;
    position: relative;
}
.site-top,
#gnav-check {
    display: none;
}
.header-logo {
    display: block;
    /* margin: 0 auto 0 0; */
}

/* sub navi
--------------------------------- */
.sub-nav {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-right: auto;
}
.sub-nav__link {
    background: #e6e6e6;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .333em;
    font-size: clamp(10px,1.172vw,15px);
    font-weight: 700;
    text-align: center;
    width: 7.33em;
    height: 5.33em;
    transition: var(--duration);
}
.sub-nav__link.current {
    background: var(--color-theme-primary);
    color: #fff;
}
.sub-nav__link:hover {
    color: #fff;
}
.sub-nav__link[href*="chikaramoti.jp"]:hover {
    background: var(--color-theme-ecocute);
}
.sub-nav__link[href*="gas"]:hover {
    background: var(--color-theme-gas);
}
.sub-nav__link::before {
    border-style: solid;
    border-width: 7px 5.5px 0 5.5px;
    border-color: currentColor transparent transparent transparent;
    content: "";
    width: 0;
    height: 0;
}

.tel-content {
    margin-bottom: 15px;
}
.tel-content__text {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: clamp(3.2rem,3.8vw,4.7rem);
    font-weight: bold;
    line-height: 1;
}
.tel-font {
    font-family: var(--sub-font);
    font-style: var(--sub-font-style);
    letter-spacing: var(--sub-font-letter-spacing);
    background: linear-gradient(0deg, #ff2e1e 30%, #fca600 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ff2e1e;
}
.tel-content__time {
    display: flex;
    align-items: baseline;
    gap: 0.8em;
    font-size: 1.3rem;
    font-weight: 700;
}
.tel-content__label {
    background: #ffb400;
    border-radius: 5px;
    color: #fff;
    padding: 0.25em 0.5em 0.15em;
}
@media screen and (max-width: 640px) {
    .tel-content {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    #header {min-height: 90px;}
    /* gnav */
    .gnav__content {
        background: rgba(255,255,255,1);
        overflow-y: scroll;
        padding: 30px 5vw 80px;
        height: 100vh;
        width: 100%;
        max-width: 480px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 100;
        transform: translateX(100%);
        -ms-overflow-style: none;/* IE, Edge */
        scrollbar-width: none;/* Firefox */
    }
    .gnav__content::-webkit-scrollbar {/* Chrome, Safari */
        display:none;
    }
    .mb {
        transition: 0.5s cubic-bezier(0.65,0.05,0.36,1);
        transition-property: transform;
    }
    #gnav-check:checked ~ .gnav__content {
        transform: translateX(0);
    }
    /* menubtn */
    .gnav-icon {
        background: rgba(255,255,255,0.4);
        border: none;
        cursor: pointer;
        overflow: hidden;
        outline: none;
        width: 80px;
        height: 80px;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 150;
    }
    #gnav-check:checked ~ .gnav-icon {
        z-index: 200;
    }
    .gnav-icon__wrap {
        margin: auto;
        height: 30px;
        width: 30px;
        position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 6px;
    }
    .gnav-icon__inner,
    .gnav-icon__inner::before,
    .gnav-icon__inner::after {
        background: var(--color-default);
        display: block;
        height: 2px;
        width: 30px;
        position: absolute;
    }
    .gnav-icon__inner::before,
    .gnav-icon__inner::after {
        content: "";
    }
    .gnav-icon__inner {transform-origin: left top 0;}
    .gnav-icon__inner::before {bottom: -9px;}
    .gnav-icon__inner::after {transform-origin: left bottom 0;top: 18px;}
    .gnav-icon__inner,
    .gnav-icon__inner::after {transition: all 0.4s ease 0.2s;}
    .gnav-icon__inner::before {transition: all 0.2s linear 0s;}
    #gnav-check:checked ~ .gnav-icon .gnav-icon__inner {transform: rotate(45deg) translate3d(4px,-2px,0px);}
    #gnav-check:checked ~ .gnav-icon .gnav-icon__inner::before {opacity: 0;}
    #gnav-check:checked ~ .gnav-icon .gnav-icon__inner::after {transform: rotate(-90deg) translate3d(4px,16px,0px);}

    .header__top {
        background: #fff;
        box-shadow: 0 0 .5em rgb(0,0,0,.1);
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0 10px;
        padding: 0 80px 0 10px;
        position: relative;
        z-index: 5;
    }
    .header__top img {
        max-height: 60px;
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .header__info {
        display: none;
    }
    .sub-nav__link[href*="gas"] {
        display: none;
    }
}
@media screen and (min-width: 1001px) {
    #header {min-height: 100px;}
    .gnav-icon {display: none;}

    .header__top {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0 12px;
        margin: auto;
        padding: 18px 20px 0;
        max-width: calc(var(--contentWidth-px) + 40px);
    }

    .site-top {
        background: var(--color-theme-primary);
        color: #fff;
        display: block;
        font-size: 1.2rem;
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
    }
}
/* header navi */
@media screen and (max-width: 1000px) {
    /* mainnav */
    #gnav {
        margin-bottom: 30px;
    }
    .mainnav__item {
        border-bottom: 1px solid var(--color-border);
    }
    .mainnav__link {
        display: flex;
        align-items: center;
        padding: 1em 0;
    }
    .mainnav__link > .arrow {
        margin-right: .5em;
    }

    .mega {
        background: #f2f2f2;
        font-size: .938em;
        padding: 0 .75em 0 calc(14px + .5em);
    }

    .mega-tab {
        padding-bottom: 1.5em;
    }
    .mega-about__link,
    .mega-tab__label {
        display: block;
        padding: .8em 0;
        position: relative;
    }
    .mega-about__link::after,
    .mega-tab__label::after {
        border-right: 2px solid var(--color-theme-primary);
        border-top: 2px solid var(--color-theme-primary);
        content: '';
        vertical-align: middle;
        height: 5px;
        width: 5px;
        position: absolute;
        right: .5em;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .mega-list {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: .5em;
        text-align: center;
    }
    .mega-list__item > a {
        background: #e6e6e6;
        border: 1px solid var(--color-border);
        border-radius: 2px;
        display: block;
        font-size: .933em;
        padding: .5em;
    }
    .mega-list__item--coming {
        background: #e6e6e6;
        border-radius: 2px;
        font-size: .867em;
        padding: .2em 0;
    }

    .mb-only {
        margin-top: 2em;
    }
}
@media screen and (min-width: 1001px) {
    .mb-only {display: none;}

    .gnav__content {
        border-top: 6px solid var(--color-border);
        position: relative;
    }
    .mainnav {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: auto;
        max-width: var(--contentWidth-px);
    }
    .mainnav--mb {
        display: none;
    }
    .mainnav__item {
        border-right: 1px solid var(--color-border);
        flex: 1 1 auto;
    }
    .mainnav__item:first-child {
        border-left: 1px solid var(--color-border);
    }
    .mainnav__link {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        padding: 1em .6em;
        text-align: center;
        position: relative;
        transition: color var(--duration);
    }
    .mainnav__link:hover,
    .mainnav__link.current {
        color: var(--color-theme-primary);
    }
    .mainnav__link::after {
        background: var(--color-theme-primary);
        content: '';
        width: 0;
        height: 4px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .mainnav__item:hover .mainnav__link::after,
    .mainnav__link.current::after {
        width: 100%;
        transition: width var(--duration);
    }
    .mainnav__link .arrow {
        margin-right: .3em;
    }

    /* mega */
    .mega {
        background: #fff;
        backdrop-filter: blur(2px);
        display: grid;
        grid-template-columns: 31.7% auto;
        opacity: 0;
        pointer-events: none;
        width: 100%;
        max-width: 1200px;
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translate(-50%,10px);
        z-index: -1;
    }
    .loaded .mega {
        transition: transform .2s, opacity var(--duration);
    }
    .trigger:hover .mega {
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        opacity: 1;
        pointer-events: auto;
        transform: translate(-50%,0);
        z-index: 10;
    }

    .mega-about {
        display: grid;
        grid-template-columns: repeat(3,minmax(auto,260px));
        gap: 50px;
        justify-content: center;
        padding: 30px;
    }
    .mega-about__link {
        display: block;
        position: relative;
        transition: color var(--duration);
    }
    .mega-about__link:hover {
        color: var(--color-theme-primary);
    }
    .mega-about__link::before {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        display: block;
        height: 140px;
    }
    .mega-about__link:nth-child(1):before {
        background-image: url(images/mega-about_01.jpg);
    }
    .mega-about__link:nth-child(2):before {
        background-image: url(images/mega-about_02.jpg);
    }
    .mega-about__link:nth-child(3):before {
        background-image: url(images/mega-about_03.jpg);
    }
    .mega-about__label {
        border-bottom: 1px solid;
        font-weight: 700;
        padding: .75em 0;
        position: relative;
    }
    .mega-about__label::after,
    .mega-tab__label::after {
        border-right: 2px solid var(--color-theme-primary);
        border-top: 2px solid var(--color-theme-primary);
        content: '';
        vertical-align: middle;
        height: 7px;
        width: 7px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }
    .mega-tab__label::after {
        right: 2em;
    }

    .mega__container {
        background: #f2f2f2;
        overflow: hidden;
        position: relative;
    }
    .mega__container::before,
    .mega__container::after {
        display: block;
        content: '';
        height: 30px;
    }
    .mega-logo {
        padding: 30px 15.79%;
        text-align: center;
    }
    #makerLogo {
        border: 1px solid var(--color-border);
        display: flex;
        align-items: center;
        justify-self: center;
        padding: 15%;
        height: 190px;
    }
    #makerLabel {
        font-size: 1.5rem;
        margin-top: .5em;
    }

    .mega-tab {
        font-weight: 700;
    }
    .mega-tab__label {
        display: block;
        padding: .8em 2.5em;
        width: 320px;
        position: relative;
    }
    .mega-tab:hover .mega-tab__label {
        background: #e6e6e6;
        color: var(--color-theme-primary);
    }
    .mega-list {
        padding: 30px 5%;
    }
    .mega-tab > .mega-list {
        background: #e6e6e6;
        opacity: 0;
        pointer-events: none;
        width: calc(100% - 320px);
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity var(--duration);
    }
    .mega-tab:hover > .mega-list {
        opacity: 1;
        pointer-events: auto;
    }
    .mega-list__item + .mega-list__item {
        margin-top: .75em;
    }
    .mega-list__item > a::before {
        content: '-';
        margin-right: .2em;
    }
}
@media screen and (min-width: 1201px) {
    .mainnav__link {
        font-size: 1.8rem;
    }
}

/* overlay */
#overlay {
    backdrop-filter: blur(1px);
    opacity: 0;
    pointer-events: none;
    height: 100%;
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    transition: all var(--duration);
    z-index: -1;
}
#overlay.on {
    background: var(--color-theme-primary);
    opacity: .8;
    pointer-events: visible;
    z-index: 10;
}

/**
* footer
============================== */
.footer {
    --footer-bgSize: 105px;

    background: url(images/footer_bg.png) repeat-x 50% 0;
    background-size: auto calc(var(--footer-bgSize) / 2);
    padding: 80px 0 60px;
}
.copyright {
    background: var(--color-theme-primary);
    color: #fff;
    display: block;
    font-size: 1.2rem;
    text-align: center;
    padding: 1.5em var(--addLR) 120px;
}

/* footer-content */
.footer-info__address {
    line-height: 1.714;
    padding: 1em 0 2.5em;
}
.footer-info__tel {
    padding-top: 1em;
    display: block;
}
@media screen and (max-width: 768px) {
    .footer-info {
        text-align: center;
    }
    .footer-navi {
        margin-top: 2em;
    }
    .footer-info__text {
        justify-content: center;
        font-size: clamp(4rem,6.8vw,4.7rem);
    }
    .footer-info__center {
        justify-content: center;
    }
}
@media screen and (max-width: 640px) {
    .footer-navi {
        display: none;
    }
}
@media screen and (min-width: 641px) {
    .footer-navi {
        display: grid;
        grid-template-columns: repeat(3,auto);
        gap: 0 calc(50 / var(--contentWidth) * 100%);
        flex: 1;
        max-width: 720px;
    }
    .footer-navi a {
        transition: color var(--duration);
    }
    .footer-navi a:hover {
        color: var(--color-theme-primary);
    }
    .footer-1st {
        line-height: 1.4;
    }
    .footer-1st__item + .footer-1st__item {
        margin-top: 1em;
    }
    .footer-1st__link {
        font-weight: 700;
        display: block;
        padding-left: 1.5em;
        position: relative;
    }
    .footer-1st__link .arrow {
        position: absolute;
        left: 0;
        top: .35em;
    }
    .footer-2nd {
        font-size: .778em;
        margin: 1em 0 0 2em;
    }
    .footer-2nd__item + .footer-2nd__item {
        margin-top: .8em;
    }
    .footer-2nd__link {
        display: block;
        padding-left: 1.2em;
        position: relative;
    }
    .footer-2nd__link::before {
        content: 'ー';
        position: absolute;
        left: 0;
    }
}
@media screen and (min-width: 769px) {
    .footer {
        background-size: auto var(--footer-bgSize);
        padding-top: 140px;
    }
    .footer-content {
        display: flex;
        justify-content: space-between;
    }
    .footer-info {
        padding-right: calc(60 / var(--contentWidth) * 100%);
        width: calc(480 / var(--contentWidth) * 100%);
    }
}
@media screen and (min-width: 1201px) {
    .footer-1st {
        font-size: 1.8rem;
    }
}

/* follow */
#follow {
    background: var(--color-theme-primary-alpha);
    padding: 10px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    transition: transform .5s ease-out;
    z-index: 3;
}
#follow.on {
    transform: translateY(0);
}
.follow__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 1%;
}
.follow__link {
    display: block;
    display: block;
    width: calc(98% / 3);
    max-width: 300px;
}
.follow__link img {
    width: 100%;
}

/* pagetop */
#pagetop {
    display: none;
}
@media screen and (min-width: 1201px) {
    #pagetop {
        background: #fff;
        border: 5px solid;
        border-radius: 10px;
        color: var(--color-theme-primary);
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        font-size: 1.1rem;
        width: 90px;
        height: 70px;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        bottom: 80px;
        right: 2.7%;
        z-index: 100;
        transition: var(--duration);
    }
    #pagetop::before {
        border-style: solid;
        border-width: 0 5px 9px 5px;
        border-color: transparent transparent var(--color-theme-primary) transparent;
        margin-bottom: .5em;
        width: 0;
        height: 0;
        content: '';
        transition: border var(--duration);
    }
    #pagetop:hover {
        background: var(--color-theme-primary);
        color: #fff;
    }
    #pagetop:hover::before {
        border-bottom-color: inherit;
    }
    #pagetop.on {
        opacity: 1;
        visibility: visible;
    }
}


/**
* footer-shop
============================== */
.footer-shop {
    margin: auto;
    padding: 60px var(--addLR);
    max-width: var(--contentWidth2-px);
}
.footer-shop__label {
    font-size: 1.8rem;
    font-weight: 900;
    text-align: center;
    margin-bottom: 1.66em;
}
.footer-shop__area {
    background: var(--color-theme-primary);
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    color: #fff;
    padding: .5em;
    width: 9em;
    text-align: center;
}
.footer-shop__list + .footer-shop__area {
    margin-top: 1em;
}
.footer-shop__list {
    border: 3px solid var(--color-theme-primary-pale);
    padding: 1em;
}
.footer-shop__link {
    display: block;
    overflow: hidden;
}
.footer-shop__thumb {
    float: left;
    margin-right: .75em;
    line-height: 1.5;
}
.footer-shop__name {
    font-weight: 700;
    letter-spacing: .05em;
    margin-bottom: .5em;
    transition: color var(--duration);
}
.footer-shop__link:hover .footer-shop__name {
    color: var(--color-theme-primary);
}
.footer-shop__address {
    width: calc(100% - (90px + 0.75em));
    font-size: 1.4rem;
    letter-spacing: 0;
    margin-left: auto;
}
@media screen and (max-width: 640px) {
    .footer-shop__link + .footer-shop__link {
        margin-top: .75em;
    }
}
@media screen and (min-width: 641px) {
    .footer-shop__list {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1em;
    }
}
@media screen and (min-width: 769px) {
    .footer-shop {
        padding-top: 80px;
    }
    .footer-shop__label {
        font-size: 2.4rem;
    }
    .footer-shop__area {
        font-size: 1.8rem;
    }
    .footer-shop__list {
        grid-template-columns: repeat(3,1fr);
        gap: 2em calc(40 / var(--contentWidth) * 100%);
    }
}


/**
* contact-area
============================== */
.contact-area {
    background: var(--color-theme-primary-bright);
    padding-top: 20px;
}
.contact-area__info {
    text-align: center;
    padding: 0 1em;
    position: relative;
    z-index: 1;
}
.contact-area__link {
    position: relative;
    display: inline-block;
}
.contact-area__text {
    position: absolute;
    top: 60%;
    right: 0;
    font-size: clamp(1.8rem,5vw,6.4rem);
}
.contact-area__icon {
    width: clamp(20px,4.5vw,45px);
}
.contact-area__container {
    background: var(--color-theme-primary);
    margin: auto;
    padding: 0 var(--addLR) 30px;
    max-width: var(--contentWidth-px);
}
.contact-area__title {
    display: block;
    margin: 0 auto;
    transform: translate(0px, -10px);
}
.contact-area__box {
    background: #fff;
    border-radius: var(--radius);
    padding: 1.5em var(--addLR);
    position: relative;
}
@media screen and (max-width: 768px) {
    .contact-area__img {
        float: right;
        margin: 0 0 1em 1em;
        width: 30vw;
        max-width: 200px;
    }
}
@media screen and (min-width: 769px) {
    .contact-area__title {
        margin-bottom: -20px;
        transform: translate(0px, -30px);
    }

    .contact-area__box {
        --contactArea-image: calc(275/ 940 * 100%);

        margin: auto;
        max-width: 940px;
        padding-right: var(--contactArea-image);
    }
    .contact-area__img {
        width: calc(var(--contactArea-image) - 4%);
        max-width: 260px;
        position: absolute;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media screen and (min-width: 1201px) {
    .contact-area {
        padding: 75px 0 65px;
    }
    .contact-area__container {
        border-radius: var(--radius);
    }
}

/* contact-maker */
.contact-maker {
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    clear: both;
    margin-top: 1.5em;
    padding: 10px;
}
.contact-maker__label {
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}
.contact-maker__item {
    display: flex;
    align-items: center;
}
.contact-maker__logo {
    width: 90px;
}
.contact-maker__number {
    background: #f5f5f5;
    border-radius: 3px;
    font-size: 1.4rem;
    flex: 1;
    padding: 0 1em;
}
@media screen and (min-width: 641px) {
    .contact-maker__list {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        margin: auto;
        max-width: 480px;
    }
    .contact-maker__label {
        font-size: 1.8rem;
    }
}

/**
* banner
============================== */
.banner {
    --banner-box: 48%;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--banner-box), 1fr));
    gap: clamp(.6em, 2.08vw, 30px);
    justify-items: center;
    padding: 0 var(--addLR);
}
.home .banner {
    padding: var(--home-section) var(--addLR);
}
.banner__link {
    border-radius: 10px;
    display: block;
    overflow: hidden;
}
@media screen and (min-width: 481px) {
    .banner {
        --banner-box: calc((100% - 60px) / 3);
    }
}
@media screen and (min-width: 1001px) {
    .banner {
        --banner-box: calc((100% - 90px) / 4);
        margin: auto;
        max-width: 1690px;
    }
}

/**
* post list
============================== */
.post-list {
    border-top: 1px solid var(--color-border);
}
.post-list__item {
    border-bottom: 1px solid var(--color-border);
}
.post-list__link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em;
    transition: color var(--duration);
}
.post-list__link:hover {
    color: var(--color-theme-primary);
}
.post-list__date {
    font-size: 1.2rem;
    width: 75px;
}
.post-list__cat {
    background: var(--color-bg);
    font-size: 1.2rem;
    text-align: center;
    padding: 0 2em;
    width: 9em;
    position: relative;
}
.post-list__title {
    line-height: 1.4;
}
@media screen and (max-width: 1200px) {
    .post-list__cat::after {
        display: none;
    }
    .post-list__title {
        width: 100%;
        margin-top: .5em;
    }
}
@media screen and (min-width: 1201px) {
    .post-list__link {
        padding: 1.2em;
    }
    .post-list__title {
        padding-left: 1em;
        flex: 1;
    }
}

/**
* blog list
============================== */
/* 100 / 1200 × 30 = vw */
.blog-list {
    --blog-box: calc((100% - 1em) / 2);

    display: grid;
    /* grid-template-columns: repeat(2,1fr); */
    grid-template-columns: repeat(auto-fill, minmax(var(--blog-box), 1fr));
    gap: clamp(1em, 2.08vw, 25px);
}
.blog-list__box {
    line-height: 1.4;
}
.blog-list__link {
    display: block;
    transition: color var(--duration);
}
.blog-list__link:hover {
    color: var(--color-link);
}
.blog-thumb {
    position: relative;
}
.blog-thumb::after {
    background: var(--color-theme-secondary);
    content: '';
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: translate(6px,6px);
}
.blog-thumb__wrap {
    border: 3px solid #fff;
    width: 100%;
    position: relative;
    transition: var(--duration);
}
.blog-thumb__wrap::before {
    content: '';
    display: block;
    padding-top: 72.7%;
}
.blog-list__link:hover .blog-thumb__wrap {
    transform: translate(4px,5px);
}
.blog-list__date {
    font-size: .875em;
    margin: 1.2em 0 .3em;
}
@media screen and (min-width: 641px) {
    .blog-list {
        --blog-box: 200px;
    }
}
@media screen and (min-width: 769px) {
    .blog-list {
        --blog-box: 220px;
    }
}
@media screen and (min-width: 1201px) {
    .blog-thumb::after {
        transform: translate(9px,12px);
    }
    .blog-thumb__wrap {
        border-width: 6px;
    }
}

/**
* shop
============================== */
.shop-info {
    line-height: 1.5;
}
@media screen and (max-width: 640px) {
    .shop-info__term {
        margin-bottom: .25em;
    }
    .shop-info__desc {
        border-bottom: 1px solid var(--color-border);
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
}
@media screen and (min-width: 641px) {
    .shop-info {
        display: grid;
        grid-template-columns: 1fr 2.4fr;
    }
    .shop-info__term,
    .shop-info__desc {
        border-bottom: 1px solid var(--color-border);
        padding: 1em;
    }
}

/**
* products list
============================== */
.products-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 5px;
    margin-bottom: 60px;
}
.products-list__link {
    border-radius: var(--radius);
    display: block;
    position: relative;
}
.products-list__link::after {
    border-radius: var(--radius);
    box-shadow: inset 0 0 0 clamp(4px, calc(4 / 769 * 100vw), 8px) var(--color-theme-secondary);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.products-list__thumb {
    border-radius: calc(var(--radius) * 2);
}

@media screen and (min-width: 641px) {
    .products-list {
        /* grid-template-columns: repeat(3,1fr); */
        gap: 20px;
    }
}

@media screen and (min-width: 1201px) {
    .products-list {
        gap: 30px;
    }
}

/* home-products */
.home-products {
    margin-block: 40px 110px;
}
.home-products__title {
    text-align: center;
    margin-bottom: 30px;
}
.home-products__panel {
    background: var(--color-theme-primary);
    border-top: 6px solid var(--color-theme-secondary);
    padding: 30px 0;
}
@media screen and (min-width: 1001px) {
    .home-products__panel {
        padding: 50px 0 70px;
    }
}

/* tab-list */
.tab-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 6px;
    margin-bottom: 6px;
}
.tab-list__link {
    background: #ccc;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    padding: .8em;
}
.tab-list__link[href*='panasonic'] {
    text-transform: capitalize;
}
.active .tab-list__link {
    background: var(--grd-orange);
}
.tab-list__link::after {
    content: 'ガス給湯器';
    font-size: .7em;
    display: block;
    line-height: 1;
}
@media screen and (min-width: 641px) {
    .tab-list {
        grid-template-columns: repeat(3,1fr);
    }
}
@media screen and (min-width: 1001px) {
    .tab-list {
        grid-template-columns: repeat(6,1fr);
        margin-bottom: 0;
    }
    .tab-list__link {
        border-radius: 5px 5px 0 0;
    }
}

/* products-btn-wrap */
.products-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}
.products-btn__title {
    text-align: center;
    margin-bottom: 30px;
}
.products-btn {
    background: #fff;
    border-radius: 5px;
    flex: 1 1 49%;
    text-align: center;
}
.products-btn__thumb {
    border-radius: 5px;
}

@media screen and (min-width: 641px) {
    .products-btn {
        flex: 1 1 195px;
    }
}

@media screen and (min-width: 1001px) {
    .products-btn-wrap {
        flex-wrap: nowrap;
    }
}




/**
* jquery plugin css
============================== */
/**
 * Swiper 6.8.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 22, 2021
 */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

 /*! Lity - v2.4.1 - 2020-04-26
 * http://sorgalla.com/lity/
 * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}