@charset "UTF-8";
/* =====================
  Custom Property
==================== */
:root{
    /* 色 */
    --white   : #ffffff;
    --black   : #060606;

    --dark     : #343a40;
    --smoke    : #6c757d;
    --darkgrey : #d7d7d7;
    --grey     : #434343;
    --semismoke: #848484;
    --greybrown: #5c5c5c;
    --smoke    : #bbbbbb;
    --deepblack: #4a473b;

    --smallgrey : #8a8a8a;

    --red     : #dc3545;
    --orange  : #fe7404;
    --blue    : #0081cc;
    --emerald : #17a2b8;
    --green   : #218838;
    --yellow  : #FBB200;
    --brown   : #f1ede5;
    --yellowbrown  : #e7c371;
    --cream   : #cdc3a2;
    --creamOn : #ada380;

    /* 枠線 */
    --border  : 1px solid var(--grey ,#eee);
    --radius  : 5px;

    /* 円 */
    --radiusCircle  : 50%;
    /* カプセル */
    --radiusPill   : 50rem;

    /* アニメーション */
    --all-animation : all 250ms ease 0s;

    /* Amiri */
    --ff-amiri : 'Amiri', serif;

    /* Easing */
    --easeOutExpo : cubic-bezier(0.87, 0, 0.13, 1);

    /* transform */
    --transCenter : translate(-50%, -50%);
}

/* =====================
  カスタムプロパティPC
===================== */
@media all and (min-width: 769px) {
    :root{
        /* =====================
          文字サイズ
        ==================== */
        --fz-xxlarge    : 25px;
        --fz-xlarge    : 24px;
        --fz-large    : 18px;
        --fz-middle   : 15px;
        --fz-small    : 14px;
        --fz-xsmall   : 13px;
        --fz-xxsmall  : 12px;
        --fz-mini     : 9px;

        /* =====================
          最小幅
        ==================== */
        --min-width : 1200px;
    }
}

/* =====================
  カスタムプロパティSP
===================== */
@media all and (max-width: 768px) {
    :root{
        /* =====================
          文字サイズ
        ==================== */
        --fz-xxlarge    : 5.0667vw;
        --fz-large   : 4.1333vw;


        --fz-middle  : 3.8vw;
        --fz-small   : 4vw;
        --fz-xsmall  : 3.2vw;
        --fz-xxsmall : 3vw;
    }
}

/* =====================
  リセット要素
==================== */
html{
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-weight: 500;
}
html,body{
    color: var(--black);
}
/* Amiri */
.ff-amiri{
    font-family: var(--ff-amiri);
    font-weight: bold;
}
/* 明朝 */
.ff-mincho{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
/* 貂明朝 */
.ff-tenmin{
    font-family: ten-mincho, serif;
}

/* =====================
  共通ユーティリティ
==================== */
/* display */
.db{display: block;}
.dn{display: none;}
.dib{display: block;}
.dif{display: inline-flex;}

/* flexbox */
.jc-center{-webkit-justify-content: center;justify-content: center;}
.jc-between{-webkit-justify-content: space-between;justify-content: space-between;}
.ai-center{-webkit-align-items: center;align-items: center;}
.flx{-webkit-flex: 1;-ms-flex: 1;flex: 1;}
[data-flex="center"]{-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.flxw{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}

/* 空要素非表示 */
.empty:empty{display: none;}

/* 位置 */
.posr{position: relative;}

/* テキスト */
.fwb{font-weight: bold;}
.fwn{font-weight: normal;}
.tac{text-align: center;}
.tar{text-align: right;}
.tdu{text-decoration: underline;}
.tdu:hover{text-decoration: none;}

/* 文字色 */
[data-textcolor="white"]{color: var(--white);}
[data-textcolor="blue"]{color: var(--blue);}
[data-textcolor="grey"]{color: var(--grey);}
[data-textcolor="smoke"]{color: var(--smoke);}
[data-textcolor="green"]{color: var(--green);}
[data-textcolor="red"]{color: var(--red);}
[data-textcolor="yellow"]{color: var(--yellow);}
[data-textcolor="emerald"]{color: var(--emerald);}
[data-textcolor="orange"]{color: var(--orange);}
[data-textcolor="dark"]{color: var(--dark);}
[data-textcolor="black"]{color: var(--black);}
[data-textcolor="semigrey"]{color: var(--semigrey);}
[data-textcolor="smallgrey"]{color: var(--smallgrey);}

/* 背景色 */
[data-bgcolor="white"]{background-color: var(--white);}
[data-bgcolor="blue"]{background-color: var(--blue);}
[data-bgcolor="grey"]{background-color: var(--grey);}
[data-bgcolor="smoke"]{background-color: var(--smoke);}
[data-bgcolor="green"]{background-color: var(--green);}
[data-bgcolor="red"]{background-color: var(--red);}
[data-bgcolor="yellow"]{background-color: var(--yellow);}
[data-bgcolor="emerald"]{background-color: var(--emerald);}
[data-bgcolor="orange"]{background-color: var(--orange);}
[data-bgcolor="dark"]{background-color: var(--dark);}
[data-bgcolor="black"]{background-color: var(--black);}
[data-bgcolor="semigrey"]{background-color: var(--semigrey);}
[data-bgcolor="semismoke"]{background-color: var(--semismoke);}
[data-bgcolor="brown"]{background-color: var(--brown);}

/* 文字サイズ */
[data-fz="xxlarge"]{font-size: var(--fz-xxlarge);}
[data-fz="large"]{font-size: var(--fz-large);}
[data-fz="middle"]{font-size: var(--fz-middle);}
[data-fz="small"]{font-size: var(--fz-small);}
[data-fz="xsmall"]{font-size: var(--fz-xsmall);}
[data-fz="xxsmall"]{font-size: var(--fz-xxsmall);}

/* サイズ */
.w100p{width: 100%;}
.w80p{width: 80%;}
.w50p{width: 50%;}
.w25p{width: 25%;}

/* Align */
.tac{text-align: center;line-height: 36.2px;}
.tar{text-align: right;}
.vat{vertical-align: top;}
.vam{vertical-align: middle;}

/* margin */
.mt{margin-top: 1em;}
.mt[data-size="0.75"]{margin-top: 0.75em;}
.mt[data-size="0"]{margin-top: 0em;}
.mt[data-size="2"]{margin-top: 2em;}

.ml{margin-left: 1em;}
.mlr{margin-left: auto;margin-right: auto;}

/* padding */
.pl{padding-left: 1em;}

/* overflow */
.ovh{overflow: hidden;}
.ovy{-ms-overflow-y: auto;overflow-y: auto;}
.ovx{-ms-overflow-x: auto;overflow-x: auto;}

/* 単位の表示 */
[data-textbefore]::before{content: attr(data-textbefore)" ";}
[data-textafter]::after{content: attr(data-textafter)" ";}

/* 角丸 */
.pill{border-radius: 50rem;}
.circle{border-radius: 50%;}

/* カーソル */
.curp{cursor: pointer;}

/* 影 */
.bxsd{
    -webkit-box-shadow: 0px 3px 3px 0 rgba(0,0,0,.1);
            box-shadow: 0px 3px 3px 0 rgba(0,0,0,.1);
}

/* 操作不可能 */
.disabledBtn{
    pointer-events: none;
    opacity: 0.5;
}

/* =====================
  SVGアニメーション
==================== */
.css-drawText path{
    fill  : none;
}
.css-drawText.on path{
    stroke-dashoffset: 0;
    stroke-width: 0;
    animation: drawText 2500ms var(--easeOutExpo) forwards 0ms;
}

@keyframes drawText {
    0% {
        stroke-width: 1;
        stroke-dashoffset: 3550;
        fill:transparent;
    }
    50% {
        fill:transparent;
    }
    100% {
        stroke-width: 0;
        stroke-dashoffset: 0;
    }
}

/* =====================
  ボタン
==================== */
.u-btn{
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    color: var(--white);
    background: var(--cream);
    font-size: var(--fz-middle);
    font-weight: bold;
    will-change: background;
    -webkit-transition: all 600ms var(--easeOutExpo) 0s;
       -moz-transition: all 600ms var(--easeOutExpo) 0s;
        -ms-transition: all 600ms var(--easeOutExpo) 0s;
         -o-transition: all 600ms var(--easeOutExpo) 0s;
            transition: all 600ms var(--easeOutExpo) 0s;
}
.u-btn.black{
    background: var(--black);
}
.u-btn::after{
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2021.5%203.9%22%20style%3D%22enable-background%3Anew%200%200%2021.5%203.9%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C3.4h20l-4-3%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    -webkit-transition: all 600ms ease 0s;
       -moz-transition: all 600ms ease 0s;
        -ms-transition: all 600ms ease 0s;
         -o-transition: all 600ms ease 0s;
            transition: all 600ms ease 0s;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
}
.u-btn[target="_blank"]::after{
    width: 17px;
    height: 17px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22iconBlank%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20256%20256%22%20style%3D%22enable-background%3Anew%200%200%20256%20256%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cstyle%3E%20%23iconBlank%20path%7B%20fill%3A%23fff%3B%20%7D%20%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20d%3D%22M48%2C0c69.3%2C0%2C138.7%2C0%2C208%2C0c0%2C69.3%2C0%2C138.7%2C0%2C208c-2.2-0.1-4.3-0.2-6.5-0.2c-65%2C0-129.9%2C0-194.9%2C0c-1.9%2C0-3.9%2C0-6.4%2C0%20c0-2.7%2C0-4.8%2C0-7c0-64.8%2C0-129.6%2C0-194.4C48.3%2C4.3%2C48.1%2C2.2%2C48%2C0z%20M68%2C187.8c56.1%2C0%2C112%2C0%2C167.9%2C0c0-56.1%2C0-111.8%2C0-167.7%20c-56.1%2C0-111.9%2C0-167.9%2C0C68%2C76.1%2C68%2C131.9%2C68%2C187.8z%22%3E%3C%2Fpath%3E%20%3Cpath%20d%3D%22M0%2C48c6.3%2C0%2C12.6%2C0%2C19.5%2C0c0%2C62.8%2C0%2C125.1%2C0%2C188.1c62.9%2C0%2C125.2%2C0%2C188.5%2C0c0%2C7%2C0%2C13.5%2C0%2C19.9c-69.3%2C0-138.5%2C0-208%2C0%20C0%2C186.7%2C0%2C117.3%2C0%2C48z%22%3E%3C%2Fpath%3E%20%3Cpath%20d%3D%22M175.5%2C139.4c0-14.1%2C0-27.4%2C0-40.8c-19.6%2C19.5-38.8%2C38.6-58.1%2C57.8c-5.2-5.3-9.5-9.7-14-14.2%20c19.1-19.1%2C38.4-38.3%2C57.7-57.6c-0.2-0.5-0.4-0.9-0.5-1.4c-13.6%2C0-27.2%2C0-41.3%2C0c0-6.1-0.2-11.4%2C0.2-16.7c0.1-1.1%2C2.2-2.8%2C3.4-2.9%20c22.8-0.2%2C45.6-0.1%2C68.5-0.2c2.4%2C0%2C3.7%2C0.7%2C3.7%2C3.4c-0.1%2C23.8-0.1%2C47.6-0.2%2C71.4c0%2C0.3-0.2%2C0.6-0.5%2C1.1%20C188.2%2C139.4%2C182.2%2C139.4%2C175.5%2C139.4z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}


/* =====================
  ヘッダー
===================== */
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 30;
}
.headerFixed:not(.spmenu) .header{
    box-shadow: 0px 19px 24px 0px rgba(28, 28, 28, 0.1);
    animation: headerFixed 1000ms var(--easeOutExpo) forwards 0ms;
}
@keyframes headerFixed {
    0% {
        top: -95px;
    }
    100% {
        top: 0px;
    }
}

.header h1 tspan{
    -webkit-transition: var(--all-animation);
       -moz-transition: var(--all-animation);
        -ms-transition: var(--all-animation);
         -o-transition: var(--all-animation);
            transition: var(--all-animation);
}
.header-inner{
    color: var(--semismoke);
    height: inherit;
}
.header-inner p{
    font-size: var(--fz-xsmall);
}

/* =====================
  パンくず
===================== */
.breadcrumb{
    padding-top: 2.6em;
    /* font-size: 16px; */
}
.breadcrumb ul{
    text-align: right;
    width: 1124px;
    margin-left: auto;
    margin-right: auto;
}
.breadcrumb ul li{
    display: inline;
    font-size: 12px;
}
.breadcrumb ul li a{
    color: #ceb373;
}
.breadcrumb ul li:first-child a{
    font-size: 15px;
}
.breadcrumb ul li a:hover{
    text-decoration: underline;
}
.breadcrumb li:not(:last-child)::after{
    content: "›";
    display: inline-block;
    vertical-align: 1px;
    margin: 0 0.75em;
    font-weight: normal;
}

/* =====================
  LOGO
===================== */
.SVG_LOGO .st0{enable-background:new;}
.SVG_LOGO .st1{
    fill:#FBB200;
    transition:all 250ms ease 0s;
}
.SVG_LOGO .st2{
    fill:#363636;
    transition:all 250ms ease 0s;
}
.SVG_LOGO .st2 + .st2{
    transition:all 250ms ease 70ms;
}
.SVG_LOGO .st2 + .st2{
    transition:all 250ms ease 85ms;
}
.SVG_LOGO .st2 + .st2 + .st2{
    transition:all 250ms ease 100ms;
}
.SVG_LOGO .st2 + .st2 + .st2{
    transition:all 250ms ease 115ms;
}
.SVG_LOGO .st2 + .st2 + .st2 + .st2{
    transition:all 250ms ease 130ms;
}
.SVG_LOGO .st2 + .st2 + .st2 + .st2 + .st2{
    transition:all 250ms ease 145ms;
}
.SVG_LOGO .st2 + .st2 + .st2 + .st2 + .st2 + .st2{
    transition:all 250ms ease 160ms;
}
.SVG_LOGO .st2 + .st2 + .st2 + .st2 + .st2 + .st2 + .st2{
    transition:all 250ms ease 175ms;
}
.SVG_LOGO .st2 + .st2 + .st2{
    transition:all 250ms ease 175ms;
}

.tipsy{
    pointer-events: none;
}