@charset "utf-8";



:root {
    --color-white: #fff !important;
    --color-gray-98per: #f9f9f9 !important;
    --color-gray-95per: #f2f2f2 !important;
    --color-gray-93per: #ededed !important;
    --color-gray-90per: #e6e6e6 !important;
    --color-gray-88per: #dddddd !important;
    --color-gray-85per: #d9d9d9 !important;
    --color-gray-83per: #d3d3d3 !important;
    --color-gray-80per: #cccccc !important;
    --color-gray-75per: #bfbfbf !important;
    --color-gray-70per: #b2b2b2 !important;
    --color-gray-65per: #a5a5a5 !important;
    --color-gray-60per: #999999 !important;
    --color-gray-55per: #8c8c8c !important;
    --color-gray-50per: #7f7f7f !important;
    --color-gray-45per: #727272 !important;
    --color-gray-40per: #666666 !important;
    --color-gray-35per: #595959 !important;
    --color-gray-30per: #4c4c4c !important;
    --color-gray-25per: #3f3f3f !important;
    --color-gray-20per: #333333 !important;
    --color-gray-15per: #262626 !important;
    --color-gray-10per: #191919 !important;
    --color-gray-05per: #0c0c0c !important;
    --color-gray-00per: #000000 !important;

    /* body */
    --color-body: #333 !important;
    /* navy */
    --color-primary: #0f347f !important;
    /* green */
    --color-secondary: #38a888 !important;
    /* hoge */
    --color-tertiary: #0000ff !important;
    /* hoge */
    --color-quaternary: #0000ff !important;

    /* gradient navy */
    --color-gradient-primary: linear-gradient(60deg, rgba(168, 192, 255, 1) 0%, rgba(159, 179, 246, 1) 2.21%, rgba(130, 138, 217, 1) 10.02%, rgba(106, 103, 193, 1) 18.02%, rgba(87, 77, 174, 1) 26.12%, rgba(74, 58, 161, 1) 34.38%, rgba(66, 47, 153, 1) 42.88%, rgba(63, 43, 150, 1) 51.99%, rgba(70, 53, 157, 1) 58.13%, rgba(89, 80, 176, 1) 68.64%, rgba(121, 125, 208, 1) 82.22%, rgba(163, 185, 250, 1) 98.22%, rgba(168, 192, 255, 1) 99.83%);
    /* gradient green */
    --color-gradient-secondary: linear-gradient(60deg, rgba(72, 179, 167, 1) 0%, rgba(75, 180, 167, 1) 20.76%, rgba(85, 184, 165, 1) 37.43%, rgba(102, 189, 163, 1) 52.69%, rgba(126, 198, 159, 1) 67.1%, rgba(157, 208, 154, 1) 80.92%, rgba(194, 221, 149, 1) 94.12%, rgba(213, 228, 146, 1) 100%);
    /* gradient hoge */
    --color-gradient-tertiary: linear-gradient(30deg, #48b3a7 0%, #6cbfa2 70%, #d5e492 100%);
    /* gradient hoge */
    --color-gradient-quaternary: linear-gradient(30deg, #94d1c8 0%, #b3daaf 70%, #d5e492 100%);

    --font-family-default: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
    --font-family-serif: YakuHanMP, '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'NotoSerifCJKjp', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
    --font-family-en: Arial, Helvetica, sans-serif !important;
    --font-family-roboto: 'Roboto', sans-serif !important;

    --font-weight-bold: bold !important;
    --font-weight-semi-bold: 600 !important;
    --font-weight-medium: 500 !important;
    --font-weight-regular: normal !important;
    --font-weight-light: 300 !important;
    --font-weight-ex-light: 200 !important;
    --font-weight-thin: 100 !important;

    --z-index-lv-plus-03: 1000 !important;
    --z-index-lv-plus-02: 100 !important;
    --z-index-lv-plus-01: 10 !important;
    --z-index-lv-normal: auto !important;
    --z-index-lv-minus-01: -10 !important;
    --z-index-lv-minus-02: -100 !important;
    --z-index-lv-minus-03: -1000 !important;

    --border-radius-50per: 50%;

    --border-radius-large-pc: 90px;
    --border-radius-large-tb: 70px;
    --border-radius-large-sp: 50px;

    --border-radius-medium-pc: 60px;
    --border-radius-medium-tb: 40px;
    --border-radius-medium-sp: 20px;

    --border-radius-small-pc: 20px;
    --border-radius-small-tb: 14px;
    --border-radius-small-sp: 6px;

    --border-radius-x-small-pc: 10px;
    --border-radius-x-small-tb: 6px;
    --border-radius-x-small-sp: 4px;

    --aspect-ratio-16-9: 16 / 9;
    --aspect-ratio-4-3: 4 / 3;
    --aspect-ratio-1-1: 1 / 1;

    --width-contents-pc-xxl: 1400px;
    --width-contents-pc: 1200px;
    --width-contents-tb: 100%;
    --width-contents-sp: 100%;

    --height-header-pc: 70px;
    --height-header-tb: 50px;
    --height-header-sp: 50px;

    --gap-top-wrapper-contents-low-pc: 70px;
    --gap-top-wrapper-contents-low-tb: 50px;
    --gap-top-wrapper-contents-low-sp: 30px;

    --gap-right-wrapper-contents-full-index-pc: calc(calc(100vw - 1200px) / 2);
    --gap-left-wrapper-contents-full-index-pc: calc(calc(100vw - 1200px) / 2);

    --gap-right-wrapper-contents-hero-index-pc: 75px;
    --gap-right-wrapper-contents-hero-index-tb: 25px;
    --gap-right-wrapper-contents-hero-index-sp: 10px;
    --gap-left-wrapper-contents-hero-index-pc: 75px;
    --gap-left-wrapper-contents-hero-index-tb: 25px;
    --gap-left-wrapper-contents-hero-index-sp: 10px;

    --gap-right-wrapper-contents-low-pc: 0;
    --gap-right-wrapper-contents-low-tb: 40px;
    --gap-right-wrapper-contents-low-sp: 15px;
    --gap-left-wrapper-contents-low-pc: 0;
    --gap-left-wrapper-contents-low-tb: 40px;
    --gap-left-wrapper-contents-low-sp: 15px;

    --gap-top-wrapper-contents-child-low-pc: 70px;
    --gap-top-wrapper-contents-child-low-tb: 50px;
    --gap-top-wrapper-contents-child-low-sp: 30px;

    --height-hero-index-pc: 750px;
    --height-hero-index-tb: 450px;
    --height-hero-index-sp: 300px;

    --gap-bottom-hero-index-pc: 70px;
    --gap-bottom-hero-index-tb: 50px;
    --gap-bottom-hero-index-sp: 50px;

    --height-hero-low-pc: 350px;
    --height-hero-low-tb: 250px;
    --height-hero-low-sp: 200px;

    --height-pic-hero-low-pc: 350px;
    --height-pic-hero-low-tb: 250px;
    --height-pic-hero-low-sp: 200px;

    --width-pic-hero-low-pc: 100%;
    --width-pic-hero-low-tb: 100%;
    --width-pic-hero-low-sp: 100%;

    --height-contents-hero-index-pc: 200px;
    --height-contents-hero-index-tb: 200px;
    --height-contents-hero-index-sp: 150px;
}



/* ==================================================

// (Color)

===================================================== */

/*
key-color-primary
gray
var(--color-gray-20per)

key-color-primary-l
gray-l
menu-sp
#969696


key-color-secondary
beige
var(--color-secondary)


key-color-tertiary
wine-red
#8a0033

*/



/* ==================================================

// Reset
// Reset Form

// Base Style
// Base Style Form



[-] (Other)
[-] (Display)
[-] (Margin)
[-] (Padding)
[-] (Align)
[-] (Font)
[-] (Aspect Ratio)
[-] (Width)

[-] (Color)
[-] (Background Color)
[-] (Gradient)
[-] (shadow)
[-] (Border)

[-] (Glid)



// Common Style ////////////////////
[-] (Structure)
[-] (Section)
[-] (Container)
[-] (Box)
[-] (Headline)
[-] (Text)
[-] (Emphasis)
[-] (Icon)
[-] (Tag)
[-] (List)
[-] (Btn)
[-] (Table)
[-] (Image)
[-] (Pseudo)

[-] (Form)



// Parts Style ////////////////////
[-] .header
[-] .header current
[-] .footer
[-] .t-footer_pagetop
[-] .menu-fixed
[-] .topicpath
[-] .m-link_text_anchor
[-] .m-link_text_anchor_fix

[-] .loading

[-] .a-effect
[-] .a-transform

[-] .gmap
[-] .popup-youtube



[-] .header (page)
[-] .footer (page)

[-] .m-kv_index
[-] .m-kv
[-] .m-kv-2nd
[-] .m-topics_index
[-] .m-card

[-] .m-slider
[-] .m-slider-primary
[-] .m-slider-secondary
[-] .m-panel_slider-secondary

[-] .sec-scroll-infinity

[-] .m-accordion

[-] .m-list_step
[-] .m-list_step-2nd
[-] .m-list_checked
[-] .m-tab

[-] .m-figure_bg

[-] .m-mask_clip-path

[-] .m-eyecatch
[-] .m-button-secondary_image-bg



[-] .sec-introduction
[-] .sec-cv
[-] .sec-menu-common
[-] .sec-contact-common
[-] .sec-nav-contents
[-] .sec-pic-between

[-] .catch
[-] .lead
[-] .box__card



// Local Style ////////////////////
[+] (Site Common Parts)
[-] (Heading Index)
[-] .footer (local)


[+] .index
[-] .m-kv_index (local)
[-] .m-kv_index_content-secondary (local)

[-] (BG Wrapper Index)
[-] .__about_index
[-] .__about_under_index
[-] .__service_index
[-] .__service_under_index
[-] .__corporate_index
[-] .__access_index
[-] .recruit_index

[-] .contents_index
[-] .contents_index (works)
[-] .recruit_content
[-] .contact_content



[+] (Lower)
[-] .o-wrapper_contents (local)
[-] .o-section (local)
[-] .a-heading (local)
[-] .a-list (local)

[-] .a-bg (local)
[-] .a-btn (local)
[-] .a-icon (local)

[-] .a-box (local)

[-] .m-link_text_anchor (local)
[-] .m-link_text_anchor_fix (local)
[-] .m-kv (local)
[-] .m-kv .a-heading (local)

[-] .recruit_content (local)
[-] .contact_content (local)
[-] .access_content (local)



[+] (Corporate)
[-] (Corporate Works)

[+] (Works)
[+] (Works Detail)

[+] (Member)   +++
[+] (Member Detail)   +++
[-] (Member Detail Picture)   +++
[+] (Search)   +++
[+] (Practical)   +++

[+] (Service)
[+] (business)
[+] (sustainability)
[+] (Recruit)   +++



// Form Style ////////////////////
[+] (Contact)
[+] (Contact Form)



===================================================== */



/* ----------------------------------------------------------------------------------------

// Reset

------------------------------------------------------------------------------------------- */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1, h2, h3, h4, h5, h6, p, small {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
}

ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

dd, dt {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

tr, th, td, caption {
  vertical-align: top;
  font-style: normal;
  font-weight: normal;
  text-align: left;
}

img {
  border: 0;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}



/* ----------------------------------------------------------------------------------------

// Reset Form

------------------------------------------------------------------------------------------- */

button,
optgroup,
option,
select,
textarea,
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;

    text-align: start;
    /*color: initial;*/
    color: inherit;
    font: inherit;
    text-shadow: none;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;

    touch-action: manipulation;
}

input[type="text"]:focus,
textarea:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}



input {
    line-height: normal;
}

input[type="text"],
input[type="search"],
input[type="password"] {
    border-radius: 0;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    box-sizing: content-box;
}

textarea {
    resize: vertical;
}

select::-ms-expand {
    display: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;

    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

label {
    display: block;
    cursor: pointer;
}



/* ----------------------------------------------------------------------------------------

// Base Style

------------------------------------------------------------------------------------------- */

html {
    /*overflow-x: hidden;*/
    height: 100%;
}

@media screen and (max-width: 979px) {
    html {
        /*overflow-x: hidden;*/
    }
}

@media screen and (max-width: 767px) {
    html {
        overflow-x: hidden;
    }
}



body {
    overflow-x: hidden;
    background: var(--color-white);
    font-family: var(--font-family-default);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: var(--color-body);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.selector {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

/*::-moz-selection {
    background: #f27490;
    color: var(--color-white);
    text-shadow: none;
}

::selection {
    background: #f27490;
    color: var(--color-white);
    text-shadow: none;
}*/

a,
a:link,
a:visited,
a:hover,
a:active {
    color: var(--color-gray-20per);
    opacity: 1;
    text-decoration: none;

    /*-webkit-tap-highlight-color: transparent rgba(0,0,0,0);
    tap-highlight-color: transparent rgba(0,0,0,0);*/

    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

a:hover {
    opacity: .7;
}

[href^="tel"] {
    cursor: default;
    pointer-events: none;
}

a img {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

a:hover img {
    opacity: 0.8;
}

img {
    max-width: 100%;
    height: auto;

    vertical-align: bottom;
    line-height: 1;
    margin: 0;
}

svg {
    width: 100%;
    height: auto;
}



/* ----------------------------------------------------------------------------------------

// Base Style Form

------------------------------------------------------------------------------------------- */

input, textarea, select {
    width: 100%;
    max-width: 100%;
    height: 60px;
    margin: 5px 0 !important;
    padding: 10px 20px !important;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #888;
    opacity: 1
}

input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="text"] {
    border: 1px solid #d2d2d2;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 5px;
}

textarea {
    border: 1px solid #d2d2d2;
}

select {
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}



input[type="text"]:focus,
textarea:focus {
    border: 1px solid #f27490;
    background-color: #fafafa;
}



input[type="reset"],
input[type="submit"] {
    width: 300px;
    margin: 0 20px;
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-gray-20per);
    border: 1px solid var(--color-gray-20per);

    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

input[type="reset"]:hover,
input[type="submit"]:hover {
    color: var(--color-gray-20per);
    background-color: var(--color-white);
}

@media screen and (max-width: 979px) {
    input[type="reset"],
    input[type="submit"] {
        width: 250px;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    input[type="reset"],
    input[type="submit"] {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }
}



/* [-] (Other)
=========================================================================================== */

.a-clearfix:before {
    content: "";
    display: table;
}

.a-clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}*/



.a-pc {
  display: block;
}

.a-pc-tb {
  display: block;
}

.a-tb {
  display: none;
}

.a-tb-sp {
  display: none;
}

.a-sp {
  display: none;
}

br.a-pc {
  display: inline-block;
}

br.a-pc-tb {
  display: inline-block;
}

br.a-tb {
  display: none;
}

br.a-tb-sp {
  display: none;
}

br.a-sp {
  display: none;
}

@media screen and (max-width: 979px) {
    .a-pc {
      display: none;
    }

    .a-pc-tb {
      display: block;
    }

    .a-tb {
      display: block;
    }

    .a-tb-sp {
      display: block;
    }

    .a-sp {
      display: none;
    }

    br.a-pc {
      display: none;
    }

    br.a-pc-tb {
      display: inline-block;
    }

    br.a-tb {
      display: inline-block;
    }

    br.a-tb-sp {
      display: inline-block;
    }

    br.a-sp {
      display: none;
    }
}

@media screen and (max-width: 767px) {
    .a-pc {
      display: none;
    }

    .a-pc-tb {
      display: none;
    }

    .a-tb {
      display: none;
    }

    .a-tb-sp {
      display: block;
    }

    .a-sp {
      display: block;
    }

    br.a-pc {
      display: none;
    }

    br.a-pc-tb {
      display: none;
    }

    br.a-tb {
      display: none;
    }

    br.a-tb-sp {
      display: inline-block;
    }

    br.a-sp {
      display: inline-block;
    }
}

/*.is-pc {
  display: block;
}

.is-pc-tb {
  display: block;
}

.is-tb {
  display: none;
}

.is-tb-sp {
  display: none;
}

.is-sp {
  display: none;
}

br.is-pc {
  display: inline-block;
}

br.is-pc-tb {
  display: inline-block;
}

br.is-tb {
  display: none;
}

br.is-tb-sp {
  display: none;
}

br.is-sp {
  display: none;
}

@media screen and (max-width: 979px) {
    .is-pc {
      display: none;
    }

    .is-pc-tb {
      display: block;
    }

    .is-tb {
      display: block;
    }

    .is-tb-sp {
      display: block;
    }

    .is-sp {
      display: none;
    }

    br.is-pc {
      display: none;
    }

    br.is-pc-tb {
      display: inline-block;
    }

    br.is-tb {
      display: inline-block;
    }

    br.is-tb-sp {
      display: inline-block;
    }

    br.is-sp {
      display: none;
    }
}

@media screen and (max-width: 767px) {
    .is-pc {
      display: none;
    }

    .is-pc-tb {
      display: none;
    }

    .is-tb {
      display: none;
    }

    .is-tb-sp {
      display: block;
    }

    .is-sp {
      display: block;
    }

    br.is-pc {
      display: none;
    }

    br.is-pc-tb {
      display: none;
    }

    br.is-tb {
      display: none;
    }

    br.is-tb-sp {
      display: inline-block;
    }

    br.is-sp {
      display: inline-block;
    }
}*/



.a-gap-anchor {
    /*margin-top: -100px;
    padding-top: 100px;*/

    /*margin-top: -70px;
    padding-top: 70px;*/
}

@media screen and (max-width: 979px) {
    .a-gap-anchor {
        /*margin-top: -70px;
        padding-top: 70px;*/

        /*margin-top: -50px;
        padding-top: 50px;*/
    }
}

@media screen and (max-width: 767px) {
    .a-gap-anchor {
        /*margin-top: -70px;
        padding-top: 70px;*/

        /*margin-top: -50px;
        padding-top: 50px;*/
    }
}



/* [-] (Display)
=========================================================================================== */

.a-display-block {
    display: block !important;
}

.a-display-inline-flex {
    display: inline-flex !important;
}

.a-display-inline-block {
    display: inline-block !important;
}

.a-display-inline {
    display: inline !important;
}

.a-display-none {
    display: none !important;
}



/* [-] (Margin)
=========================================================================================== */

.a-margin-l-auto {
    margin-left: auto !important;
}

.a-margin-r-auto {
    margin-right: auto !important;
}

.a-margin-rl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media screen and (max-width: 979px) {
    .a-margin-l-tb-auto {
        margin-left: auto !important;
    }

    .a-margin-r-tb-auto {
        margin-right: auto !important;
    }

    .a-margin-rl-tb-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (max-width: 767px) {
    .a-margin-l-sp-auto {
        margin-left: auto !important;
    }

    .a-margin-r-sp-auto {
        margin-right: auto !important;
    }

    .a-margin-rl-sp-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



.a-margin-t-00 {
    margin-top: 0px !important;
}

.a-margin-t-05 {
    margin-top: 5px !important;
}

.a-margin-t-10 {
    margin-top: 10px !important;
}

.a-margin-t-15 {
    margin-top: 15px !important;
}

.a-margin-t-20 {
    margin-top: 20px !important;
}

.a-margin-t-25 {
    margin-top: 25px !important;
}

.a-margin-t-30 {
    margin-top: 30px !important;
}

.a-margin-t-35 {
    margin-top: 35px !important;
}

.a-margin-t-40 {
    margin-top: 40px !important;
}

.a-margin-t-45 {
    margin-top: 45px !important;
}

.a-margin-t-50 {
    margin-top: 50px !important;
}

.a-margin-t-60 {
    margin-top: 60px !important;
}

.a-margin-t-70 {
    margin-top: 70px !important;
}

.a-margin-t-80 {
    margin-top: 80px !important;
}

.a-margin-t-90 {
    margin-top: 90px !important;
}

.a-margin-t-100 {
    margin-top: 100px !important;
}

.a-margin-b-00 {
    margin-bottom: 0px !important;
}

.a-margin-b-05 {
    margin-bottom: 5px !important;
}

.a-margin-b-10 {
    margin-bottom: 10px !important;
}

.a-margin-b-15 {
    margin-bottom: 15px !important;
}

.a-margin-b-20 {
    margin-bottom: 20px !important;
}

.a-margin-b-25 {
    margin-bottom: 25px !important;
}

.a-margin-b-30 {
    margin-bottom: 30px !important;
}

.a-margin-b-35 {
    margin-bottom: 35px !important;
}

.a-margin-b-40 {
    margin-bottom: 40px !important;
}

.a-margin-b-50 {
    margin-bottom: 50px !important;
}

.a-margin-b-60 {
    margin-bottom: 60px !important;
}

.a-margin-b-70 {
    margin-bottom: 70px !important;
}

.a-margin-b-80 {
    margin-bottom: 80px !important;
}

.a-margin-b-90 {
    margin-bottom: 90px !important;
}

.a-margin-b-100 {
    margin-bottom: 100px !important;
}

.a-margin-l-00 {
    margin-left: 0px !important;
}

.a-margin-l-05 {
    margin-left: 5px !important;
}

.a-margin-l-10 {
    margin-left: 10px !important;
}

.a-margin-l-15 {
    margin-left: 15px !important;
}

.a-margin-l-20 {
    margin-left: 20px !important;
}

.a-margin-l-25 {
    margin-left: 25px !important;
}

.a-margin-l-30 {
    margin-left: 30px !important;
}

.a-margin-l-35 {
    margin-left: 35px !important;
}

.a-margin-l-40 {
    margin-left: 40px !important;
}

.a-margin-l-50 {
    margin-left: 50px !important;
}

.a-margin-l-60 {
    margin-left: 60px !important;
}

.a-margin-l-70 {
    margin-left: 70px !important;
}

.a-margin-l-80 {
    margin-left: 80px !important;
}

.a-margin-l-90 {
    margin-left: 90px !important;
}

.a-margin-l-100 {
    margin-left: 100px !important;
}

.a-margin-r-00 {
    margin-right: 0px !important;
}

.a-margin-r-05 {
    margin-right: 5px !important;
}

.a-margin-r-10 {
    margin-right: 10px !important;
}

.a-margin-r-15 {
    margin-right: 15px !important;
}

.a-margin-r-20 {
    margin-right: 20px !important;
}

.a-margin-r-25 {
    margin-right: 25px !important;
}

.a-margin-r-30 {
    margin-right: 30px !important;
}

.a-margin-r-35 {
    margin-right: 35px !important;
}

.a-margin-r-40 {
    margin-right: 40px !important;
}

.a-margin-r-50 {
    margin-right: 50px !important;
}

.a-margin-r-60 {
    margin-right: 60px !important;
}

.a-margin-r-70 {
    margin-right: 70px !important;
}

.a-margin-r-80 {
    margin-right: 80px !important;
}

.a-margin-r-90 {
    margin-right: 90px !important;
}

.a-margin-r-100 {
    margin-right: 100px !important;
}

@media screen and (max-width: 979px) {
    .a-margin-t-tb-00 {
        margin-top: 0px !important;
    }

    .a-margin-t-tb-05 {
        margin-top: 5px !important;
    }

    .a-margin-t-tb-10 {
        margin-top: 10px !important;
    }

    .a-margin-t-tb-15 {
        margin-top: 15px !important;
    }

    .a-margin-t-tb-20 {
        margin-top: 20px !important;
    }

    .a-margin-t-tb-25 {
        margin-top: 25px !important;
    }

    .a-margin-t-tb-30 {
        margin-top: 30px !important;
    }

    .a-margin-t-tb-35 {
        margin-top: 35px !important;
    }

    .a-margin-t-tb-40 {
        margin-top: 40px !important;
    }

    .a-margin-t-tb-45 {
        margin-top: 45px !important;
    }

    .a-margin-t-tb-50 {
        margin-top: 50px !important;
    }

    .a-margin-t-tb-60 {
        margin-top: 60px !important;
    }

    .a-margin-t-tb-70 {
        margin-top: 70px !important;
    }

    .a-margin-t-tb-80 {
        margin-top: 80px !important;
    }

    .a-margin-t-tb-90 {
        margin-top: 90px !important;
    }

    .a-margin-t-tb-100 {
        margin-top: 100px !important;
    }

    .a-margin-b-tb-00 {
        margin-bottom: 0px !important;
    }

    .a-margin-b-tb-05 {
        margin-bottom: 5px !important;
    }

    .a-margin-b-tb-10 {
        margin-bottom: 10px !important;
    }

    .a-margin-b-tb-15 {
        margin-bottom: 15px !important;
    }

    .a-margin-b-tb-20 {
        margin-bottom: 20px !important;
    }

    .a-margin-b-tb-25 {
        margin-bottom: 25px !important;
    }

    .a-margin-b-tb-30 {
        margin-bottom: 30px !important;
    }

    .a-margin-b-tb-35 {
        margin-bottom: 35px !important;
    }

    .a-margin-b-tb-40 {
        margin-bottom: 40px !important;
    }

    .a-margin-b-tb-50 {
        margin-bottom: 50px !important;
    }

    .a-margin-b-tb-60 {
        margin-bottom: 60px !important;
    }

    .a-margin-b-tb-70 {
        margin-bottom: 70px !important;
    }

    .a-margin-b-tb-80 {
        margin-bottom: 80px !important;
    }

    .a-margin-b-tb-90 {
        margin-bottom: 90px !important;
    }

    .a-margin-b-tb-100 {
        margin-bottom: 100px !important;
    }

    .a-margin-l-tb-00 {
        margin-left: 0px !important;
    }

    .a-margin-l-tb-05 {
        margin-left: 5px !important;
    }

    .a-margin-l-tb-10 {
        margin-left: 10px !important;
    }

    .a-margin-l-tb-15 {
        margin-left: 15px !important;
    }

    .a-margin-l-tb-20 {
        margin-left: 20px !important;
    }

    .a-margin-l-tb-25 {
        margin-left: 25px !important;
    }

    .a-margin-l-tb-30 {
        margin-left: 30px !important;
    }

    .a-margin-l-tb-35 {
        margin-left: 35px !important;
    }

    .a-margin-l-tb-40 {
        margin-left: 40px !important;
    }

    .a-margin-l-tb-50 {
        margin-left: 50px !important;
    }

    .a-margin-l-tb-60 {
        margin-left: 60px !important;
    }

    .a-margin-l-tb-70 {
        margin-left: 70px !important;
    }

    .a-margin-l-tb-80 {
        margin-left: 80px !important;
    }

    .a-margin-l-tb-90 {
        margin-left: 90px !important;
    }

    .a-margin-l-tb-100 {
        margin-left: 100px !important;
    }

    .a-margin-r-tb-00 {
        margin-right: 0px !important;
    }

    .a-margin-r-tb-05 {
        margin-right: 5px !important;
    }

    .a-margin-r-tb-10 {
        margin-right: 10px !important;
    }

    .a-margin-r-tb-15 {
        margin-right: 15px !important;
    }

    .a-margin-r-tb-20 {
        margin-right: 20px !important;
    }

    .a-margin-r-tb-25 {
        margin-right: 25px !important;
    }

    .a-margin-r-tb-30 {
        margin-right: 30px !important;
    }

    .a-margin-r-tb-35 {
        margin-right: 35px !important;
    }

    .a-margin-r-tb-40 {
        margin-right: 40px !important;
    }

    .a-margin-r-tb-50 {
        margin-right: 50px !important;
    }

    .a-margin-r-tb-60 {
        margin-right: 60px !important;
    }

    .a-margin-r-tb-70 {
        margin-right: 70px !important;
    }

    .a-margin-r-tb-80 {
        margin-right: 80px !important;
    }

    .a-margin-r-tb-90 {
        margin-right: 90px !important;
    }

    .a-margin-r-tb-100 {
        margin-right: 100px !important;
    }
}

@media screen and (max-width: 767px) {
    .a-margin-t-sp-00 {
        margin-top: 0px !important;
    }

    .a-margin-t-sp-05 {
        margin-top: 5px !important;
    }

    .a-margin-t-sp-10 {
        margin-top: 10px !important;
    }

    .a-margin-t-sp-15 {
        margin-top: 15px !important;
    }

    .a-margin-t-sp-20 {
        margin-top: 20px !important;
    }

    .a-margin-t-sp-25 {
        margin-top: 25px !important;
    }

    .a-margin-t-sp-30 {
        margin-top: 30px !important;
    }

    .a-margin-t-sp-35 {
        margin-top: 35px !important;
    }

    .a-margin-t-sp-40 {
        margin-top: 40px !important;
    }

    .a-margin-t-sp-45 {
        margin-top: 45px !important;
    }

    .a-margin-t-sp-50 {
        margin-top: 50px !important;
    }

    .a-margin-t-sp-60 {
        margin-top: 60px !important;
    }

    .a-margin-t-sp-70 {
        margin-top: 70px !important;
    }

    .a-margin-t-sp-80 {
        margin-top: 80px !important;
    }

    .a-margin-t-sp-90 {
        margin-top: 90px !important;
    }

    .a-margin-t-sp-100 {
        margin-top: 100px !important;
    }

    .a-margin-b-sp-00 {
        margin-bottom: 0px !important;
    }

    .a-margin-b-sp-05 {
        margin-bottom: 5px !important;
    }

    .a-margin-b-sp-10 {
        margin-bottom: 10px !important;
    }

    .a-margin-b-sp-15 {
        margin-bottom: 15px !important;
    }

    .a-margin-b-sp-20 {
        margin-bottom: 20px !important;
    }

    .a-margin-b-sp-25 {
        margin-bottom: 25px !important;
    }

    .a-margin-b-sp-30 {
        margin-bottom: 30px !important;
    }

    .a-margin-b-sp-35 {
        margin-bottom: 35px !important;
    }

    .a-margin-b-sp-40 {
        margin-bottom: 40px !important;
    }

    .a-margin-b-sp-50 {
        margin-bottom: 50px !important;
    }

    .a-margin-b-sp-60 {
        margin-bottom: 60px !important;
    }

    .a-margin-b-sp-70 {
        margin-bottom: 70px !important;
    }

    .a-margin-b-sp-80 {
        margin-bottom: 80px !important;
    }

    .a-margin-b-sp-90 {
        margin-bottom: 90px !important;
    }

    .a-margin-b-sp-100 {
        margin-bottom: 100px !important;
    }

    .a-margin-l-sp-00 {
        margin-left: 0px !important;
    }

    .a-margin-l-sp-05 {
        margin-left: 5px !important;
    }

    .a-margin-l-sp-10 {
        margin-left: 10px !important;
    }

    .a-margin-l-sp-15 {
        margin-left: 15px !important;
    }

    .a-margin-l-sp-20 {
        margin-left: 20px !important;
    }

    .a-margin-l-sp-25 {
        margin-left: 25px !important;
    }

    .a-margin-l-sp-30 {
        margin-left: 30px !important;
    }

    .a-margin-l-sp-35 {
        margin-left: 35px !important;
    }

    .a-margin-l-sp-40 {
        margin-left: 40px !important;
    }

    .a-margin-l-sp-50 {
        margin-left: 50px !important;
    }

    .a-margin-l-sp-60 {
        margin-left: 60px !important;
    }

    .a-margin-l-sp-70 {
        margin-left: 70px !important;
    }

    .a-margin-l-sp-80 {
        margin-left: 80px !important;
    }

    .a-margin-l-sp-90 {
        margin-left: 90px !important;
    }

    .a-margin-l-sp-100 {
        margin-left: 100px !important;
    }

    .a-margin-r-sp-00 {
        margin-right: 0px !important;
    }

    .a-margin-r-sp-05 {
        margin-right: 5px !important;
    }

    .a-margin-r-sp-10 {
        margin-right: 10px !important;
    }

    .a-margin-r-sp-15 {
        margin-right: 15px !important;
    }

    .a-margin-r-sp-20 {
        margin-right: 20px !important;
    }

    .a-margin-r-sp-25 {
        margin-right: 25px !important;
    }

    .a-margin-r-sp-30 {
        margin-right: 30px !important;
    }

    .a-margin-r-sp-35 {
        margin-right: 35px !important;
    }

    .a-margin-r-sp-40 {
        margin-right: 40px !important;
    }

    .a-margin-r-sp-50 {
        margin-right: 50px !important;
    }

    .a-margin-r-sp-60 {
        margin-right: 60px !important;
    }

    .a-margin-r-sp-70 {
        margin-right: 70px !important;
    }

    .a-margin-r-sp-80 {
        margin-right: 80px !important;
    }

    .a-margin-r-sp-90 {
        margin-right: 90px !important;
    }

    .a-margin-r-sp-100 {
        margin-right: 100px !important;
    }
}



.a-margin-minus-t-00 {
    margin-top: 0px !important;
}

.a-margin-minus-t-05 {
    margin-top: -5px !important;
}

.a-margin-minus-t-10 {
    margin-top: -10px !important;
}

.a-margin-minus-t-15 {
    margin-top: -15px !important;
}

.a-margin-minus-t-20 {
    margin-top: -20px !important;
}

.a-margin-minus-t-25 {
    margin-top: -25px !important;
}

.a-margin-minus-t-30 {
    margin-top: -30px !important;
}

.a-margin-minus-t-35 {
    margin-top: -35px !important;
}

.a-margin-minus-t-40 {
    margin-top: -40px !important;
}

.a-margin-minus-t-45 {
    margin-top: -45px !important;
}

.a-margin-minus-t-50 {
    margin-top: -50px !important;
}

.a-margin-minus-t-60 {
    margin-top: -60px !important;
}

.a-margin-minus-t-70 {
    margin-top: -70px !important;
}

.a-margin-minus-t-80 {
    margin-top: -80px !important;
}

.a-margin-minus-t-90 {
    margin-top: -90px !important;
}

.a-margin-minus-t-100 {
    margin-top: -100px !important;
}

.a-margin-minus-b-00 {
    margin-bottom: 0px !important;
}

.a-margin-minus-b-05 {
    margin-bottom: -5px !important;
}

.a-margin-minus-b-10 {
    margin-bottom: -10px !important;
}

.a-margin-minus-b-15 {
    margin-bottom: -15px !important;
}

.a-margin-minus-b-20 {
    margin-bottom: -20px !important;
}

.a-margin-minus-b-25 {
    margin-bottom: -25px !important;
}

.a-margin-minus-b-30 {
    margin-bottom: -30px !important;
}

.a-margin-minus-b-35 {
    margin-bottom: -35px !important;
}

.a-margin-minus-b-40 {
    margin-bottom: -40px !important;
}

.a-margin-minus-b-50 {
    margin-bottom: -50px !important;
}

.a-margin-minus-b-60 {
    margin-bottom: -60px !important;
}

.a-margin-minus-b-70 {
    margin-bottom: -70px !important;
}

.a-margin-minus-b-80 {
    margin-bottom: -80px !important;
}

.a-margin-minus-b-90 {
    margin-bottom: -90px !important;
}

.a-margin-minus-b-100 {
    margin-bottom: -100px !important;
}

.a-margin-minus-l-00 {
    margin-left: 0px !important;
}

.a-margin-minus-l-05 {
    margin-left: -5px !important;
}

.a-margin-minus-l-10 {
    margin-left: -10px !important;
}

.a-margin-minus-l-15 {
    margin-left: -15px !important;
}

.a-margin-minus-l-20 {
    margin-left: -20px !important;
}

.a-margin-minus-l-25 {
    margin-left: -25px !important;
}

.a-margin-minus-l-30 {
    margin-left: -30px !important;
}

.a-margin-minus-l-35 {
    margin-left: -35px !important;
}

.a-margin-minus-l-40 {
    margin-left: -40px !important;
}

.a-margin-minus-l-50 {
    margin-left: -50px !important;
}

.a-margin-minus-l-60 {
    margin-left: -60px !important;
}

.a-margin-minus-l-70 {
    margin-left: -70px !important;
}

.a-margin-minus-l-80 {
    margin-left: -80px !important;
}

.a-margin-minus-l-90 {
    margin-left: -90px !important;
}

.a-margin-minus-l-100 {
    margin-left: -100px !important;
}

.a-margin-minus-r-00 {
    margin-right: 0px !important;
}

.a-margin-minus-r-05 {
    margin-right: -5px !important;
}

.a-margin-minus-r-10 {
    margin-right: -10px !important;
}

.a-margin-minus-r-15 {
    margin-right: -15px !important;
}

.a-margin-minus-r-20 {
    margin-right: -20px !important;
}

.a-margin-minus-r-25 {
    margin-right: -25px !important;
}

.a-margin-minus-r-30 {
    margin-right: -30px !important;
}

.a-margin-minus-r-35 {
    margin-right: -35px !important;
}

.a-margin-minus-r-40 {
    margin-right: -40px !important;
}

.a-margin-minus-r-50 {
    margin-right: -50px !important;
}

.a-margin-minus-r-60 {
    margin-right: -60px !important;
}

.a-margin-minus-r-70 {
    margin-right: -70px !important;
}

.a-margin-minus-r-80 {
    margin-right: -80px !important;
}

.a-margin-minus-r-90 {
    margin-right: -90px !important;
}

.a-margin-minus-r-100 {
    margin-right: -100px !important;
}

@media screen and (max-width: 979px) {
    .a-margin-minus-t-tb-00 {
        margin-top: 0px !important;
    }

    .a-margin-minus-t-tb-05 {
        margin-top: -5px !important;
    }

    .a-margin-minus-t-tb-10 {
        margin-top: -10px !important;
    }

    .a-margin-minus-t-tb-15 {
        margin-top: -15px !important;
    }

    .a-margin-minus-t-tb-20 {
        margin-top: -20px !important;
    }

    .a-margin-minus-t-tb-25 {
        margin-top: -25px !important;
    }

    .a-margin-minus-t-tb-30 {
        margin-top: -30px !important;
    }

    .a-margin-minus-t-tb-35 {
        margin-top: -35px !important;
    }

    .a-margin-minus-t-tb-40 {
        margin-top: -40px !important;
    }

    .a-margin-minus-t-tb-45 {
        margin-top: -45px !important;
    }

    .a-margin-minus-t-tb-50 {
        margin-top: -50px !important;
    }

    .a-margin-minus-t-tb-60 {
        margin-top: -60px !important;
    }

    .a-margin-minus-t-tb-70 {
        margin-top: -70px !important;
    }

    .a-margin-minus-t-tb-80 {
        margin-top: -80px !important;
    }

    .a-margin-minus-t-tb-90 {
        margin-top: -90px !important;
    }

    .a-margin-minus-t-tb-100 {
        margin-top: -100px !important;
    }

    .a-margin-minus-b-tb-00 {
        margin-bottom: 0px !important;
    }

    .a-margin-minus-b-tb-05 {
        margin-bottom: -5px !important;
    }

    .a-margin-minus-b-tb-10 {
        margin-bottom: -10px !important;
    }

    .a-margin-minus-b-tb-15 {
        margin-bottom: -15px !important;
    }

    .a-margin-minus-b-tb-20 {
        margin-bottom: -20px !important;
    }

    .a-margin-minus-b-tb-25 {
        margin-bottom: -25px !important;
    }

    .a-margin-minus-b-tb-30 {
        margin-bottom: -30px !important;
    }

    .a-margin-minus-b-tb-35 {
        margin-bottom: -35px !important;
    }

    .a-margin-minus-b-tb-40 {
        margin-bottom: -40px !important;
    }

    .a-margin-minus-b-tb-50 {
        margin-bottom: -50px !important;
    }

    .a-margin-minus-b-tb-60 {
        margin-bottom: -60px !important;
    }

    .a-margin-minus-b-tb-70 {
        margin-bottom: -70px !important;
    }

    .a-margin-minus-b-tb-80 {
        margin-bottom: -80px !important;
    }

    .a-margin-minus-b-tb-90 {
        margin-bottom: -90px !important;
    }

    .a-margin-minus-b-tb-100 {
        margin-bottom: -100px !important;
    }

    .a-margin-minus-l-tb-00 {
        margin-left: 0px !important;
    }

    .a-margin-minus-l-tb-05 {
        margin-left: -5px !important;
    }

    .a-margin-minus-l-tb-10 {
        margin-left: -10px !important;
    }

    .a-margin-minus-l-tb-15 {
        margin-left: -15px !important;
    }

    .a-margin-minus-l-tb-20 {
        margin-left: -20px !important;
    }

    .a-margin-minus-l-tb-25 {
        margin-left: -25px !important;
    }

    .a-margin-minus-l-tb-30 {
        margin-left: -30px !important;
    }

    .a-margin-minus-l-tb-35 {
        margin-left: -35px !important;
    }

    .a-margin-minus-l-tb-40 {
        margin-left: -40px !important;
    }

    .a-margin-minus-l-tb-50 {
        margin-left: -50px !important;
    }

    .a-margin-minus-l-tb-60 {
        margin-left: -60px !important;
    }

    .a-margin-minus-l-tb-70 {
        margin-left: -70px !important;
    }

    .a-margin-minus-l-tb-80 {
        margin-left: -80px !important;
    }

    .a-margin-minus-l-tb-90 {
        margin-left: -90px !important;
    }

    .a-margin-minus-l-tb-100 {
        margin-left: -100px !important;
    }

    .a-margin-minus-r-tb-00 {
        margin-right: 0px !important;
    }

    .a-margin-minus-r-tb-05 {
        margin-right: -5px !important;
    }

    .a-margin-minus-r-tb-10 {
        margin-right: -10px !important;
    }

    .a-margin-minus-r-tb-15 {
        margin-right: -15px !important;
    }

    .a-margin-minus-r-tb-20 {
        margin-right: -20px !important;
    }

    .a-margin-minus-r-tb-25 {
        margin-right: -25px !important;
    }

    .a-margin-minus-r-tb-30 {
        margin-right: -30px !important;
    }

    .a-margin-minus-r-tb-35 {
        margin-right: -35px !important;
    }

    .a-margin-minus-r-tb-40 {
        margin-right: -40px !important;
    }

    .a-margin-minus-r-tb-50 {
        margin-right: -50px !important;
    }

    .a-margin-minus-r-tb-60 {
        margin-right: -60px !important;
    }

    .a-margin-minus-r-tb-70 {
        margin-right: -70px !important;
    }

    .a-margin-minus-r-tb-80 {
        margin-right: -80px !important;
    }

    .a-margin-minus-r-tb-90 {
        margin-right: -90px !important;
    }

    .a-margin-minus-r-tb-100 {
        margin-right: -100px !important;
    }
}

@media screen and (max-width: 767px) {
    .a-margin-minus-t-sp-00 {
        margin-top: 0px !important;
    }

    .a-margin-minus-t-sp-05 {
        margin-top: -5px !important;
    }

    .a-margin-minus-t-sp-10 {
        margin-top: -10px !important;
    }

    .a-margin-minus-t-sp-15 {
        margin-top: -15px !important;
    }

    .a-margin-minus-t-sp-20 {
        margin-top: -20px !important;
    }

    .a-margin-minus-t-sp-25 {
        margin-top: -25px !important;
    }

    .a-margin-minus-t-sp-30 {
        margin-top: -30px !important;
    }

    .a-margin-minus-t-sp-35 {
        margin-top: -35px !important;
    }

    .a-margin-minus-t-sp-40 {
        margin-top: -40px !important;
    }

    .a-margin-minus-t-sp-45 {
        margin-top: -45px !important;
    }

    .a-margin-minus-t-sp-50 {
        margin-top: -50px !important;
    }

    .a-margin-minus-t-sp-60 {
        margin-top: -60px !important;
    }

    .a-margin-minus-t-sp-70 {
        margin-top: -70px !important;
    }

    .a-margin-minus-t-sp-80 {
        margin-top: -80px !important;
    }

    .a-margin-minus-t-sp-90 {
        margin-top: -90px !important;
    }

    .a-margin-minus-t-sp-100 {
        margin-top: -100px !important;
    }

    .a-margin-minus-b-sp-00 {
        margin-bottom: 0px !important;
    }

    .a-margin-minus-b-sp-05 {
        margin-bottom: -5px !important;
    }

    .a-margin-minus-b-sp-10 {
        margin-bottom: -10px !important;
    }

    .a-margin-minus-b-sp-15 {
        margin-bottom: -15px !important;
    }

    .a-margin-minus-b-sp-20 {
        margin-bottom: -20px !important;
    }

    .a-margin-minus-b-sp-25 {
        margin-bottom: -25px !important;
    }

    .a-margin-minus-b-sp-30 {
        margin-bottom: -30px !important;
    }

    .a-margin-minus-b-sp-35 {
        margin-bottom: -35px !important;
    }

    .a-margin-minus-b-sp-40 {
        margin-bottom: -40px !important;
    }

    .a-margin-minus-b-sp-50 {
        margin-bottom: -50px !important;
    }

    .a-margin-minus-b-sp-60 {
        margin-bottom: -60px !important;
    }

    .a-margin-minus-b-sp-70 {
        margin-bottom: -70px !important;
    }

    .a-margin-minus-b-sp-80 {
        margin-bottom: -80px !important;
    }

    .a-margin-minus-b-sp-90 {
        margin-bottom: -90px !important;
    }

    .a-margin-minus-b-sp-100 {
        margin-bottom: -100px !important;
    }

    .a-margin-minus-l-sp-00 {
        margin-left: 0px !important;
    }

    .a-margin-minus-l-sp-05 {
        margin-left: -5px !important;
    }

    .a-margin-minus-l-sp-10 {
        margin-left: -10px !important;
    }

    .a-margin-minus-l-sp-15 {
        margin-left: -15px !important;
    }

    .a-margin-minus-l-sp-20 {
        margin-left: -20px !important;
    }

    .a-margin-minus-l-sp-25 {
        margin-left: -25px !important;
    }

    .a-margin-minus-l-sp-30 {
        margin-left: -30px !important;
    }

    .a-margin-minus-l-sp-35 {
        margin-left: -35px !important;
    }

    .a-margin-minus-l-sp-40 {
        margin-left: -40px !important;
    }

    .a-margin-minus-l-sp-50 {
        margin-left: -50px !important;
    }

    .a-margin-minus-l-sp-60 {
        margin-left: -60px !important;
    }

    .a-margin-minus-l-sp-70 {
        margin-left: -70px !important;
    }

    .a-margin-minus-l-sp-80 {
        margin-left: -80px !important;
    }

    .a-margin-minus-l-sp-90 {
        margin-left: -90px !important;
    }

    .a-margin-minus-l-sp-100 {
        margin-left: -100px !important;
    }

    .a-margin-minus-r-sp-00 {
        margin-right: 0px !important;
    }

    .a-margin-minus-r-sp-05 {
        margin-right: -5px !important;
    }

    .a-margin-minus-r-sp-10 {
        margin-right: -10px !important;
    }

    .a-margin-minus-r-sp-15 {
        margin-right: -15px !important;
    }

    .a-margin-minus-r-sp-20 {
        margin-right: -20px !important;
    }

    .a-margin-minus-r-sp-25 {
        margin-right: -25px !important;
    }

    .a-margin-minus-r-sp-30 {
        margin-right: -30px !important;
    }

    .a-margin-minus-r-sp-35 {
        margin-right: -35px !important;
    }

    .a-margin-minus-r-sp-40 {
        margin-right: -40px !important;
    }

    .a-margin-minus-r-sp-50 {
        margin-right: -50px !important;
    }

    .a-margin-minus-r-sp-60 {
        margin-right: -60px !important;
    }

    .a-margin-minus-r-sp-70 {
        margin-right: -70px !important;
    }

    .a-margin-minus-r-sp-80 {
        margin-right: -80px !important;
    }

    .a-margin-minus-r-sp-90 {
        margin-right: -90px !important;
    }

    .a-margin-minus-r-sp-100 {
        margin-right: -100px !important;
    }
}



/* [-] (Padding)
=========================================================================================== */

.a-padding-trbl-00 {
    padding: 0px !important;
}

.a-padding-trbl-05 {
    padding: 5px !important;
}

.a-padding-trbl-10 {
    padding: 10px !important;
}

.a-padding-trbl-15 {
    padding: 15px !important;
}

.a-padding-trbl-20 {
    padding: 20px !important;
}

.a-padding-trbl-25 {
    padding: 25px !important;
}

.a-padding-trbl-30 {
    padding: 30px !important;
}

.a-padding-trbl-35 {
    padding: 35px !important;
}

.a-padding-trbl-40 {
    padding: 40px !important;
}

.a-padding-trbl-45 {
    padding: 45px !important;
}

.a-padding-trbl-50 {
    padding: 50px !important;
}

.a-padding-trbl-60 {
    padding: 60px !important;
}

.a-padding-trbl-70 {
    padding: 70px !important;
}

.a-padding-trbl-80 {
    padding: 80px !important;
}

.a-padding-trbl-90 {
    padding: 90px !important;
}

.a-padding-trbl-100 {
    padding: 100px !important;
}

.a-padding-t-00 {
    padding-top: 0px !important;
}

.a-padding-t-05 {
    padding-top: 5px !important;
}

.a-padding-t-10 {
    padding-top: 10px !important;
}

.a-padding-t-15 {
    padding-top: 15px !important;
}

.a-padding-t-20 {
    padding-top: 20px !important;
}

.a-padding-t-25 {
    padding-top: 25px !important;
}

.a-padding-t-30 {
    padding-top: 30px !important;
}

.a-padding-t-35 {
    padding-top: 35px !important;
}

.a-padding-t-40 {
    padding-top: 40px !important;
}

.a-padding-t-45 {
    padding-top: 45px !important;
}

.a-padding-t-50 {
    padding-top: 50px !important;
}

.a-padding-t-60 {
    padding-top: 60px !important;
}

.a-padding-t-70 {
    padding-top: 70px !important;
}

.a-padding-t-80 {
    padding-top: 80px !important;
}

.a-padding-t-90 {
    padding-top: 90px !important;
}

.a-padding-t-100 {
    padding-top: 100px !important;
}

.a-padding-b-00 {
    padding-bottom: 0px !important;
}

.a-padding-b-05 {
    padding-bottom: 5px !important;
}

.a-padding-b-10 {
    padding-bottom: 10px !important;
}

.a-padding-b-15 {
    padding-bottom: 15px !important;
}

.a-padding-b-20 {
    padding-bottom: 20px !important;
}

.a-padding-b-25 {
    padding-bottom: 25px !important;
}

.a-padding-b-30 {
    padding-bottom: 30px !important;
}

.a-padding-b-35 {
    padding-bottom: 35px !important;
}

.a-padding-b-40 {
    padding-bottom: 40px !important;
}

.a-padding-b-50 {
    padding-bottom: 50px !important;
}

.a-padding-b-60 {
    padding-bottom: 60px !important;
}

.a-padding-b-70 {
    padding-bottom: 70px !important;
}

.a-padding-b-80 {
    padding-bottom: 80px !important;
}

.a-padding-b-90 {
    padding-bottom: 90px !important;
}

.a-padding-b-100 {
    padding-bottom: 100px !important;
}

.a-padding-l-00 {
    padding-left: 0px !important;
}

.a-padding-l-05 {
    padding-left: 5px !important;
}

.a-padding-l-10 {
    padding-left: 10px !important;
}

.a-padding-l-15 {
    padding-left: 15px !important;
}

.a-padding-l-20 {
    padding-left: 20px !important;
}

.a-padding-l-25 {
    padding-left: 25px !important;
}

.a-padding-l-30 {
    padding-left: 30px !important;
}

.a-padding-l-35 {
    padding-left: 35px !important;
}

.a-padding-l-40 {
    padding-left: 40px !important;
}

.a-padding-l-50 {
    padding-left: 50px !important;
}

.a-padding-l-60 {
    padding-left: 60px !important;
}

.a-padding-l-70 {
    padding-left: 70px !important;
}

.a-padding-l-80 {
    padding-left: 80px !important;
}

.a-padding-l-90 {
    padding-left: 90px !important;
}

.a-padding-l-100 {
    padding-left: 100px !important;
}

.a-padding-r-00 {
    padding-right: 0px !important;
}

.a-padding-r-05 {
    padding-right: 5px !important;
}

.a-padding-r-10 {
    padding-right: 10px !important;
}

.a-padding-r-15 {
    padding-right: 15px !important;
}

.a-padding-r-20 {
    padding-right: 20px !important;
}

.a-padding-r-25 {
    padding-right: 25px !important;
}

.a-padding-r-30 {
    padding-right: 30px !important;
}

.a-padding-r-35 {
    padding-right: 35px !important;
}

.a-padding-r-40 {
    padding-right: 40px !important;
}

.a-padding-r-50 {
    padding-right: 50px !important;
}

.a-padding-r-60 {
    padding-right: 60px !important;
}

.a-padding-r-70 {
    padding-right: 70px !important;
}

.a-padding-r-80 {
    padding-right: 80px !important;
}

.a-padding-r-90 {
    padding-right: 90px !important;
}

.a-padding-r-100 {
    padding-right: 100px !important;
}

@media screen and (max-width: 979px) {
    .a-padding-trbl-tb-00 {
        padding: 0px !important;
    }

    .a-padding-trbl-tb-05 {
        padding: 5px !important;
    }

    .a-padding-trbl-tb-10 {
        padding: 10px !important;
    }

    .a-padding-trbl-tb-15 {
        padding: 15px !important;
    }

    .a-padding-trbl-tb-20 {
        padding: 20px !important;
    }

    .a-padding-trbl-tb-25 {
        padding: 25px !important;
    }

    .a-padding-trbl-tb-30 {
        padding: 30px !important;
    }

    .a-padding-trbl-tb-35 {
        padding: 35px !important;
    }

    .a-padding-trbl-tb-40 {
        padding: 40px !important;
    }

    .a-padding-trbl-tb-45 {
        padding: 45px !important;
    }

    .a-padding-trbl-tb-50 {
        padding: 50px !important;
    }

    .a-padding-trbl-tb-60 {
        padding: 60px !important;
    }

    .a-padding-trbl-tb-70 {
        padding: 70px !important;
    }

    .a-padding-trbl-tb-80 {
        padding: 80px !important;
    }

    .a-padding-trbl-tb-90 {
        padding: 90px !important;
    }

    .a-padding-trbl-tb-100 {
        padding: 100px !important;
    }

    .a-padding-t-tb-00 {
        padding-top: 0px !important;
    }

    .a-padding-t-tb-05 {
        padding-top: 5px !important;
    }

    .a-padding-t-tb-10 {
        padding-top: 10px !important;
    }

    .a-padding-t-tb-15 {
        padding-top: 15px !important;
    }

    .a-padding-t-tb-20 {
        padding-top: 20px !important;
    }

    .a-padding-t-tb-25 {
        padding-top: 25px !important;
    }

    .a-padding-t-tb-30 {
        padding-top: 30px !important;
    }

    .a-padding-t-tb-35 {
        padding-top: 35px !important;
    }

    .a-padding-t-tb-40 {
        padding-top: 40px !important;
    }

    .a-padding-t-tb-45 {
        padding-top: 45px !important;
    }

    .a-padding-t-tb-50 {
        padding-top: 50px !important;
    }

    .a-padding-t-tb-60 {
        padding-top: 60px !important;
    }

    .a-padding-t-tb-70 {
        padding-top: 70px !important;
    }

    .a-padding-t-tb-80 {
        padding-top: 80px !important;
    }

    .a-padding-t-tb-90 {
        padding-top: 90px !important;
    }

    .a-padding-t-tb-100 {
        padding-top: 100px !important;
    }

    .a-padding-b-tb-00 {
        padding-bottom: 0px !important;
    }

    .a-padding-b-tb-05 {
        padding-bottom: 5px !important;
    }

    .a-padding-b-tb-10 {
        padding-bottom: 10px !important;
    }

    .a-padding-b-tb-15 {
        padding-bottom: 15px !important;
    }

    .a-padding-b-tb-20 {
        padding-bottom: 20px !important;
    }

    .a-padding-b-tb-25 {
        padding-bottom: 25px !important;
    }

    .a-padding-b-tb-30 {
        padding-bottom: 30px !important;
    }

    .a-padding-b-tb-35 {
        padding-bottom: 35px !important;
    }

    .a-padding-b-tb-40 {
        padding-bottom: 40px !important;
    }

    .a-padding-b-tb-50 {
        padding-bottom: 50px !important;
    }

    .a-padding-b-tb-60 {
        padding-bottom: 60px !important;
    }

    .a-padding-b-tb-70 {
        padding-bottom: 70px !important;
    }

    .a-padding-b-tb-80 {
        padding-bottom: 80px !important;
    }

    .a-padding-b-tb-90 {
        padding-bottom: 90px !important;
    }

    .a-padding-b-tb-100 {
        padding-bottom: 100px !important;
    }

    .a-padding-l-tb-00 {
        padding-left: 0px !important;
    }

    .a-padding-l-tb-05 {
        padding-left: 5px !important;
    }

    .a-padding-l-tb-10 {
        padding-left: 10px !important;
    }

    .a-padding-l-tb-15 {
        padding-left: 15px !important;
    }

    .a-padding-l-tb-20 {
        padding-left: 20px !important;
    }

    .a-padding-l-tb-25 {
        padding-left: 25px !important;
    }

    .a-padding-l-tb-30 {
        padding-left: 30px !important;
    }

    .a-padding-l-tb-35 {
        padding-left: 35px !important;
    }

    .a-padding-l-tb-40 {
        padding-left: 40px !important;
    }

    .a-padding-l-tb-50 {
        padding-left: 50px !important;
    }

    .a-padding-l-tb-60 {
        padding-left: 60px !important;
    }

    .a-padding-l-tb-70 {
        padding-left: 70px !important;
    }

    .a-padding-l-tb-80 {
        padding-left: 80px !important;
    }

    .a-padding-l-tb-90 {
        padding-left: 90px !important;
    }

    .a-padding-l-tb-100 {
        padding-left: 100px !important;
    }

    .a-padding-r-tb-00 {
        padding-right: 0px !important;
    }

    .a-padding-r-tb-05 {
        padding-right: 5px !important;
    }

    .a-padding-r-tb-10 {
        padding-right: 10px !important;
    }

    .a-padding-r-tb-15 {
        padding-right: 15px !important;
    }

    .a-padding-r-tb-20 {
        padding-right: 20px !important;
    }

    .a-padding-r-tb-25 {
        padding-right: 25px !important;
    }

    .a-padding-r-tb-30 {
        padding-right: 30px !important;
    }

    .a-padding-r-tb-35 {
        padding-right: 35px !important;
    }

    .a-padding-r-tb-40 {
        padding-right: 40px !important;
    }

    .a-padding-r-tb-50 {
        padding-right: 50px !important;
    }

    .a-padding-r-tb-60 {
        padding-right: 60px !important;
    }

    .a-padding-r-tb-70 {
        padding-right: 70px !important;
    }

    .a-padding-r-tb-80 {
        padding-right: 80px !important;
    }

    .a-padding-r-tb-90 {
        padding-right: 90px !important;
    }

    .a-padding-r-tb-100 {
        padding-right: 100px !important;
    }
}

@media screen and (max-width: 767px) {
    .a-padding-trbl-sp-00 {
        padding: 0px !important;
    }

    .a-padding-trbl-sp-05 {
        padding: 5px !important;
    }

    .a-padding-trbl-sp-10 {
        padding: 10px !important;
    }

    .a-padding-trbl-sp-15 {
        padding: 15px !important;
    }

    .a-padding-trbl-sp-20 {
        padding: 20px !important;
    }

    .a-padding-trbl-sp-25 {
        padding: 25px !important;
    }

    .a-padding-trbl-sp-30 {
        padding: 30px !important;
    }

    .a-padding-trbl-sp-35 {
        padding: 35px !important;
    }

    .a-padding-trbl-sp-40 {
        padding: 40px !important;
    }

    .a-padding-trbl-sp-45 {
        padding: 45px !important;
    }

    .a-padding-trbl-sp-50 {
        padding: 50px !important;
    }

    .a-padding-trbl-sp-60 {
        padding: 60px !important;
    }

    .a-padding-trbl-sp-70 {
        padding: 70px !important;
    }

    .a-padding-trbl-sp-80 {
        padding: 80px !important;
    }

    .a-padding-trbl-sp-90 {
        padding: 90px !important;
    }

    .a-padding-trbl-sp-100 {
        padding: 100px !important;
    }

    .a-padding-t-sp-00 {
        padding-top: 0px !important;
    }

    .a-padding-t-sp-05 {
        padding-top: 5px !important;
    }

    .a-padding-t-sp-10 {
        padding-top: 10px !important;
    }

    .a-padding-t-sp-15 {
        padding-top: 15px !important;
    }

    .a-padding-t-sp-20 {
        padding-top: 20px !important;
    }

    .a-padding-t-sp-25 {
        padding-top: 25px !important;
    }

    .a-padding-t-sp-30 {
        padding-top: 30px !important;
    }

    .a-padding-t-sp-35 {
        padding-top: 35px !important;
    }

    .a-padding-t-sp-40 {
        padding-top: 40px !important;
    }

    .a-padding-t-sp-45 {
        padding-top: 45px !important;
    }

    .a-padding-t-sp-50 {
        padding-top: 50px !important;
    }

    .a-padding-t-sp-60 {
        padding-top: 60px !important;
    }

    .a-padding-t-sp-70 {
        padding-top: 70px !important;
    }

    .a-padding-t-sp-80 {
        padding-top: 80px !important;
    }

    .a-padding-t-sp-90 {
        padding-top: 90px !important;
    }

    .a-padding-t-sp-100 {
        padding-top: 100px !important;
    }

    .a-padding-b-sp-00 {
        padding-bottom: 0px !important;
    }

    .a-padding-b-sp-05 {
        padding-bottom: 5px !important;
    }

    .a-padding-b-sp-10 {
        padding-bottom: 10px !important;
    }

    .a-padding-b-sp-15 {
        padding-bottom: 15px !important;
    }

    .a-padding-b-sp-20 {
        padding-bottom: 20px !important;
    }

    .a-padding-b-sp-25 {
        padding-bottom: 25px !important;
    }

    .a-padding-b-sp-30 {
        padding-bottom: 30px !important;
    }

    .a-padding-b-sp-35 {
        padding-bottom: 35px !important;
    }

    .a-padding-b-sp-40 {
        padding-bottom: 40px !important;
    }

    .a-padding-b-sp-50 {
        padding-bottom: 50px !important;
    }

    .a-padding-b-sp-60 {
        padding-bottom: 60px !important;
    }

    .a-padding-b-sp-70 {
        padding-bottom: 70px !important;
    }

    .a-padding-b-sp-80 {
        padding-bottom: 80px !important;
    }

    .a-padding-b-sp-90 {
        padding-bottom: 90px !important;
    }

    .a-padding-b-sp-100 {
        padding-bottom: 100px !important;
    }

    .a-padding-l-sp-00 {
        padding-left: 0px !important;
    }

    .a-padding-l-sp-05 {
        padding-left: 5px !important;
    }

    .a-padding-l-sp-10 {
        padding-left: 10px !important;
    }

    .a-padding-l-sp-15 {
        padding-left: 15px !important;
    }

    .a-padding-l-sp-20 {
        padding-left: 20px !important;
    }

    .a-padding-l-sp-25 {
        padding-left: 25px !important;
    }

    .a-padding-l-sp-30 {
        padding-left: 30px !important;
    }

    .a-padding-l-sp-35 {
        padding-left: 35px !important;
    }

    .a-padding-l-sp-40 {
        padding-left: 40px !important;
    }

    .a-padding-l-sp-50 {
        padding-left: 50px !important;
    }

    .a-padding-l-sp-60 {
        padding-left: 60px !important;
    }

    .a-padding-l-sp-70 {
        padding-left: 70px !important;
    }

    .a-padding-l-sp-80 {
        padding-left: 80px !important;
    }

    .a-padding-l-sp-90 {
        padding-left: 90px !important;
    }

    .a-padding-l-sp-100 {
        padding-left: 100px !important;
    }

    .a-padding-r-sp-00 {
        padding-right: 0px !important;
    }

    .a-padding-r-sp-05 {
        padding-right: 5px !important;
    }

    .a-padding-r-sp-10 {
        padding-right: 10px !important;
    }

    .a-padding-r-sp-15 {
        padding-right: 15px !important;
    }

    .a-padding-r-sp-20 {
        padding-right: 20px !important;
    }

    .a-padding-r-sp-25 {
        padding-right: 25px !important;
    }

    .a-padding-r-sp-30 {
        padding-right: 30px !important;
    }

    .a-padding-r-sp-35 {
        padding-right: 35px !important;
    }

    .a-padding-r-sp-40 {
        padding-right: 40px !important;
    }

    .a-padding-r-sp-50 {
        padding-right: 50px !important;
    }

    .a-padding-r-sp-60 {
        padding-right: 60px !important;
    }

    .a-padding-r-sp-70 {
        padding-right: 70px !important;
    }

    .a-padding-r-sp-80 {
        padding-right: 80px !important;
    }

    .a-padding-r-sp-90 {
        padding-right: 90px !important;
    }

    .a-padding-r-sp-100 {
        padding-right: 100px !important;
    }
}



/* [-] (Align)
=========================================================================================== */

.a-align-l {
    text-align: left !important;
}

.a-align-r {
    text-align: right !important;
}

.a-align-c {
    text-align: center !important;
}

@media screen and (max-width: 979px) {
    .a-align-tb-l {
        text-align: left !important;
    }

    .a-align-tb-r {
        text-align: right !important;
    }

    .a-align-tb-c {
        text-align: center !important;
    }
}

@media screen and (max-width: 767px) {
    .a-align-sp-l {
        text-align: left !important;
    }

    .a-align-sp-r {
        text-align: right !important;
    }

    .a-align-sp-c {
        text-align: center !important;
    }
}



/* [-] (Font)
=========================================================================================== */

.a-ff-sans-serif {
    font-family: var(--font-family-en);
}

.a-ff-robot {
    font-family: var(--font-family-roboto);
}

/*p {
    margin-bottom: 1em;
    line-height: 1.8;
}*/



/* Use <strong> */
/*.txt__fw-bold {
    font-weight: bold;
}*/

.a-fw-normal {
    /*font-weight: normal !important;*/
}

.a-fw-bold {
    font-weight: var(--font-weight-bold);
    /*font-weight: 700 !important;*/
}



.a-fs-italic {
    padding-right: 0.075em;
    font-style: italic;
}



.a-font-lh-10 {
    line-height: 1 !important;
}

.a-font-lh-12 {
    line-height: 1.2 !important;
}

.a-font-lh-14 {
    line-height: 1.4 !important;
}

.a-font-lh-16 {
    line-height: 1.6 !important;
}

.a-font-lh-18 {
    line-height: 1.8 !important;
}



.a-font-color-body {
    color: var(--color-body) !important;
}

.a-font-color-white {
    color: var(--color-white) !important;
}

.a-font-color-gray-97 {
    color: var(--color-gray-98per) !important;
}

.a-font-color-gray-95 {
    color: var(--color-gray-95per) !important;
}

.a-font-color-gray-93 {
    color: var(--color-gray-93per) !important;
}

.a-font-color-gray-90 {
    color: var(--color-gray-90per) !important;
}

.a-font-color-gray-87 {
    color: var(--color-gray-88per) !important;
}

.a-font-color-gray-85 {
    color: var(--color-gray-85per) !important;
}

.a-font-color-gray-83 {
    color: var(--color-gray-83per) !important;
}

.a-font-color-gray-80 {
    color: var(--color-gray-80per) !important;
}

.a-font-color-gray-70 {
    color: var(--color-gray-70per) !important;
}

.a-font-color-gray-60 {
    color: var(--color-gray-60per) !important;
}

.a-font-color-gray-50 {
    color: var(--color-gray-50per) !important;
}

.a-font-color-gray-40 {
    color: var(--color-gray-40per) !important;
}



.a-font-color-primary {
    color: var(--color-primary) !important;
}

.a-font-color-secondary {
    color: var(--color-secondary) !important;
}

.a-font-color-tertiary {
    color: var(--color-tertiary) !important;
}



.a-fs-line {
  -webkit-font-feature-settings: "pkna";
          font-feature-settings: "pkna";
  text-align: justify;
  display: inline-block;
  border: 1px solid var(--color-gray-20per);
  padding: 0 5px;
  margin: 2px 0;
}



.a-td-underline {
    text-decoration: underline !important;
}



.a-paragraph {
    /*line-height: 2.4;*/
    line-height: 2.2;
    /*line-height: 1.8;*/
    letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
    .a-paragraph {
        line-height: 2.0;
    }
}

.a-paragraph:not(:first-of-type) {
    margin-top: 1em !important;
}



.a-captions {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-captions {
        font-size: 12px;
    }
}



.a-font-size-l {
    font-size: 29px;
}

.a-font-size-xl {
    font-size: 32px;
}

.a-font-size-xxl {
    font-size: 35px;
}

.a-font-size-xxxl {
    font-size: 38px;
}



.a-font-size-10px {
    font-size: 10px !important;
}

.a-font-size-11px {
    font-size: 11px !important;
}

.a-font-size-12px {
    font-size: 12px !important;
}

.a-font-size-13px {
    font-size: 13px !important;
}

.a-font-size-14px {
    font-size: 14px !important;
}

.a-font-size-15px {
    font-size: 15px !important;
}

.a-font-size-16px {
    font-size: 16px !important;
}

.a-font-size-17px {
    font-size: 17px !important;
}

.a-font-size-18px {
    font-size: 18px !important;
}

.a-font-size-19px {
    font-size: 19px !important;
}

.a-font-size-20px {
    font-size: 20px !important;
}

.a-font-size-21px {
    font-size: 21px !important;
}

.a-font-size-22px {
    font-size: 22px !important;
}

.a-font-size-23px {
    font-size: 23px !important;
}

.a-font-size-24px {
    font-size: 24px !important;
}

.a-font-size-25px {
    font-size: 25px !important;
}

.a-font-size-26px {
    font-size: 26px !important;
}

.a-font-size-27px {
    font-size: 27px !important;
}

.a-font-size-28px {
    font-size: 28px !important;
}

.a-font-size-29px {
    font-size: 29px !important;
}

.a-font-size-30px {
    font-size: 30px !important;
}

.a-font-size-31px {
    font-size: 31px !important;
}

.a-font-size-32px {
    font-size: 32px !important;
}

.a-font-size-33px {
    font-size: 33px !important;
}

.a-font-size-34px {
    font-size: 34px !important;
}

.a-font-size-35px {
    font-size: 35px !important;
}

.a-font-size-36px {
    font-size: 36px !important;
}

.a-font-size-37px {
    font-size: 37px !important;
}

.a-font-size-38px {
    font-size: 38px !important;
}

.a-font-size-39px {
    font-size: 39px !important;
}

.a-font-size-40px {
    font-size: 40px !important;
}

.a-font-size-41px {
    font-size: 41px !important;
}

.a-font-size-42px {
    font-size: 42px !important;
}

.a-font-size-43px {
    font-size: 43px !important;
}

.a-font-size-44px {
    font-size: 44px !important;
}

.a-font-size-45px {
    font-size: 45px !important;
}

.a-font-size-46px {
    font-size: 46px !important;
}

.a-font-size-47px {
    font-size: 47px !important;
}

.a-font-size-48px {
    font-size: 48px !important;
}

.a-font-size-49px {
    font-size: 49px !important;
}

.a-font-size-50px {
    font-size: 50px !important;
}



@media screen and (max-width: 979px) {
    .a-font-size-tb-10px {
        font-size: 10px !important;
    }

    .a-font-size-tb-11px {
        font-size: 11px !important;
    }

    .a-font-size-tb-12px {
        font-size: 12px !important;
    }

    .a-font-size-tb-13px {
        font-size: 13px !important;
    }

    .a-font-size-tb-14px {
        font-size: 14px !important;
    }

    .a-font-size-tb-15px {
        font-size: 15px !important;
    }

    .a-font-size-tb-16px {
        font-size: 16px !important;
    }

    .a-font-size-tb-17px {
        font-size: 17px !important;
    }

    .a-font-size-tb-18px {
        font-size: 18px !important;
    }

    .a-font-size-tb-19px {
        font-size: 19px !important;
    }

    .a-font-size-tb-20px {
        font-size: 20px !important;
    }

    .a-font-size-tb-21px {
        font-size: 21px !important;
    }

    .a-font-size-tb-22px {
        font-size: 22px !important;
    }

    .a-font-size-tb-23px {
        font-size: 23px !important;
    }

    .a-font-size-tb-24px {
        font-size: 24px !important;
    }

    .a-font-size-tb-25px {
        font-size: 25px !important;
    }

    .a-font-size-tb-26px {
        font-size: 26px !important;
    }

    .a-font-size-tb-27px {
        font-size: 27px !important;
    }

    .a-font-size-tb-28px {
        font-size: 28px !important;
    }

    .a-font-size-tb-29px {
        font-size: 29px !important;
    }

    .a-font-size-tb-30px {
        font-size: 30px !important;
    }

    .a-font-size-tb-31px {
        font-size: 31px !important;
    }

    .a-font-size-tb-32px {
        font-size: 32px !important;
    }

    .a-font-size-tb-33px {
        font-size: 33px !important;
    }

    .a-font-size-tb-34px {
        font-size: 34px !important;
    }

    .a-font-size-tb-35px {
        font-size: 35px !important;
    }

    .a-font-size-tb-36px {
        font-size: 36px !important;
    }

    .a-font-size-tb-37px {
        font-size: 37px !important;
    }

    .a-font-size-tb-38px {
        font-size: 38px !important;
    }

    .a-font-size-tb-39px {
        font-size: 39px !important;
    }

    .a-font-size-tb-40px {
        font-size: 40px !important;
    }

    .a-font-size-tb-41px {
        font-size: 41px !important;
    }

    .a-font-size-tb-42px {
        font-size: 42px !important;
    }

    .a-font-size-tb-43px {
        font-size: 43px !important;
    }

    .a-font-size-tb-44px {
        font-size: 44px !important;
    }

    .a-font-size-tb-45px {
        font-size: 45px !important;
    }

    .a-font-size-tb-46px {
        font-size: 46px !important;
    }

    .a-font-size-tb-47px {
        font-size: 47px !important;
    }

    .a-font-size-tb-48px {
        font-size: 48px !important;
    }

    .a-font-size-tb-49px {
        font-size: 49px !important;
    }

    .a-font-size-tb-50px {
        font-size: 50px !important;
    }
}

@media screen and (max-width: 767px) {
    .a-font-size-sp-10px {
        font-size: 10px !important;
    }

    .a-font-size-sp-11px {
        font-size: 11px !important;
    }

    .a-font-size-sp-12px {
        font-size: 12px !important;
    }

    .a-font-size-sp-13px {
        font-size: 13px !important;
    }

    .a-font-size-sp-14px {
        font-size: 14px !important;
    }

    .a-font-size-sp-15px {
        font-size: 15px !important;
    }

    .a-font-size-sp-16px {
        font-size: 16px !important;
    }

    .a-font-size-sp-17px {
        font-size: 17px !important;
    }

    .a-font-size-sp-18px {
        font-size: 18px !important;
    }

    .a-font-size-sp-19px {
        font-size: 19px !important;
    }

    .a-font-size-sp-20px {
        font-size: 20px !important;
    }

    .a-font-size-sp-21px {
        font-size: 21px !important;
    }

    .a-font-size-sp-22px {
        font-size: 22px !important;
    }

    .a-font-size-sp-23px {
        font-size: 23px !important;
    }

    .a-font-size-sp-24px {
        font-size: 24px !important;
    }

    .a-font-size-sp-25px {
        font-size: 25px !important;
    }

    .a-font-size-sp-26px {
        font-size: 26px !important;
    }

    .a-font-size-sp-27px {
        font-size: 27px !important;
    }

    .a-font-size-sp-28px {
        font-size: 28px !important;
    }

    .a-font-size-sp-29px {
        font-size: 29px !important;
    }

    .a-font-size-sp-30px {
        font-size: 30px !important;
    }

    .a-font-size-sp-31px {
        font-size: 31px !important;
    }

    .a-font-size-sp-32px {
        font-size: 32px !important;
    }

    .a-font-size-sp-33px {
        font-size: 33px !important;
    }

    .a-font-size-sp-34px {
        font-size: 34px !important;
    }

    .a-font-size-sp-35px {
        font-size: 35px !important;
    }

    .a-font-size-sp-36px {
        font-size: 36px !important;
    }

    .a-font-size-sp-37px {
        font-size: 37px !important;
    }

    .a-font-size-sp-38px {
        font-size: 38px !important;
    }

    .a-font-size-sp-39px {
        font-size: 39px !important;
    }

    .a-font-size-sp-40px {
        font-size: 40px !important;
    }

    .a-font-size-sp-41px {
        font-size: 41px !important;
    }

    .a-font-size-sp-42px {
        font-size: 42px !important;
    }

    .a-font-size-sp-43px {
        font-size: 43px !important;
    }

    .a-font-size-sp-44px {
        font-size: 44px !important;
    }

    .a-font-size-sp-45px {
        font-size: 45px !important;
    }

    .a-font-size-sp-46px {
        font-size: 46px !important;
    }

    .a-font-size-sp-47px {
        font-size: 47px !important;
    }

    .a-font-size-sp-48px {
        font-size: 48px !important;
    }

    .a-font-size-sp-49px {
        font-size: 49px !important;
    }

    .a-font-size-sp-50px {
        font-size: 50px !important;
    }
}



/* [-] (Aspect Ratio)
=========================================================================================== */

/**[class^="a-aspect-ratio-"] > img  {
    object-fit: cover;
}*/



.a-figure_clip {
    overflow: hidden;
}



.a-figure_clip img {
    object-fit: cover;
}



.a-aspect-ratio-1-1 > img  {
    aspect-ratio: var(--aspect-ratio-1-1);
}

.a-aspect-ratio-4-3 > img  {
    aspect-ratio: var(--aspect-ratio-4-3);
}

.a-aspect-ratio-16-9 > img  {
    aspect-ratio: var(--aspect-ratio-16-9);
}






/* [-] (Width)
=========================================================================================== */

.a-wd-10 {
    width: 10px !important;
    min-width: 10px !important;
}

.a-wd-20 {
    width: 20px !important;
    min-width: 20px !important;
}

.a-wd-30 {
    width: 30px !important;
    min-width: 30px !important;
}

.a-wd-40 {
    width: 40px !important;
    min-width: 40px !important;
}

.a-wd-50 {
    width: 50px !important;
    min-width: 50px !important;
}

.a-wd-60 {
    width: 60px !important;
    min-width: 60px !important;
}

.a-wd-70 {
    width: 70px !important;
    min-width: 70px !important;
}

.a-wd-80 {
    width: 80px !important;
    min-width: 80px !important;
}

.a-wd-90 {
    width: 90px !important;
    min-width: 90px !important;
}

.a-wd-100 {
    width: 100px !important;
    min-width: 100px !important;
}

.a-wd-110 {
    width: 110px !important;
    min-width: 110px !important;
}

.a-wd-120 {
    width: 120px !important;
    min-width: 120px !important;
}

.a-wd-130 {
    width: 130px !important;
    min-width: 130px !important;
}

.a-wd-140 {
    width: 140px !important;
    min-width: 140px !important;
}

.a-wd-150 {
    width: 150px !important;
    min-width: 150px !important;
}

.a-wd-160 {
    width: 160px !important;
    min-width: 160px !important;
}

.a-wd-170 {
    width: 170px !important;
    min-width: 170px !important;
}

.a-wd-180 {
    width: 180px !important;
    min-width: 180px !important;
}

.a-wd-190 {
    width: 190px !important;
    min-width: 190px !important;
}

.a-wd-200 {
    width: 200px !important;
    min-width: 200px !important;
}

.a-wd-210 {
    width: 210px !important;
    min-width: 210px !important;
}

.a-wd-220 {
    width: 220px !important;
    min-width: 220px !important;
}

.a-wd-230 {
    width: 230px !important;
    min-width: 230px !important;
}

.a-wd-240 {
    width: 240px !important;
    min-width: 240px !important;
}

.a-wd-250 {
    width: 250px !important;
    min-width: 250px !important;
}

.a-wd-260 {
    width: 260px !important;
    min-width: 260px !important;
}

.a-wd-270 {
    width: 270px !important;
    min-width: 270px !important;
}

.a-wd-280 {
    width: 280px !important;
    min-width: 280px !important;
}

.a-wd-290 {
    width: 290px !important;
    min-width: 290px !important;
}

.a-wd-300 {
    width: 300px !important;
    min-width: 300px !important;
}

.a-wd-310 {
    width: 310px !important;
    min-width: 310px !important;
}

.a-wd-320 {
    width: 320px !important;
    min-width: 320px !important;
}

.a-wd-330 {
    width: 330px !important;
    min-width: 330px !important;
}

.a-wd-340 {
    width: 340px !important;
    min-width: 340px !important;
}

.a-wd-350 {
    width: 350px !important;
    min-width: 350px !important;
}

.a-wd-360 {
    width: 360px !important;
    min-width: 360px !important;
}

.a-wd-370 {
    width: 370px !important;
    min-width: 370px !important;
}

.a-wd-380 {
    width: 380px !important;
    min-width: 380px !important;
}

.a-wd-390 {
    width: 390px !important;
    min-width: 390px !important;
}

.a-wd-400 {
    width: 400px !important;
    min-width: 400px !important;
}

.a-wd-410 {
    width: 410px !important;
    min-width: 410px !important;
}

.a-wd-420 {
    width: 420px !important;
    min-width: 420px !important;
}

.a-wd-430 {
    width: 430px !important;
    min-width: 430px !important;
}

.a-wd-440 {
    width: 440px !important;
    min-width: 440px !important;
}

.a-wd-450 {
    width: 450px !important;
    min-width: 450px !important;
}

.a-wd-460 {
    width: 460px !important;
    min-width: 460px !important;
}

.a-wd-470 {
    width: 470px !important;
    min-width: 470px !important;
}

.a-wd-480 {
    width: 480px !important;
    min-width: 480px !important;
}

.a-wd-490 {
    width: 490px !important;
    min-width: 490px !important;
}

.a-wd-500 {
    width: 500px !important;
    min-width: 500px !important;
}

.a-wd-510 {
    width: 510px !important;
    min-width: 510px !important;
}

.a-wd-520 {
    width: 520px !important;
    min-width: 520px !important;
}

.a-wd-530 {
    width: 530px !important;
    min-width: 530px !important;
}

.a-wd-540 {
    width: 540px !important;
    min-width: 540px !important;
}

.a-wd-550 {
    width: 550px !important;
    min-width: 550px !important;
}

.a-wd-560 {
    width: 560px !important;
    min-width: 560px !important;
}

.a-wd-570 {
    width: 570px !important;
    min-width: 570px !important;
}

.a-wd-580 {
    width: 580px !important;
    min-width: 580px !important;
}

.a-wd-590 {
    width: 590px !important;
    min-width: 590px !important;
}

.a-wd-600 {
    width: 600px !important;
    min-width: 600px !important;
}

.a-wd-610 {
    width: 610px !important;
    min-width: 610px !important;
}

.a-wd-620 {
    width: 620px !important;
    min-width: 620px !important;
}

.a-wd-630 {
    width: 630px !important;
    min-width: 630px !important;
}

.a-wd-640 {
    width: 640px !important;
    min-width: 640px !important;
}

.a-wd-650 {
    width: 650px !important;
    min-width: 650px !important;
}

.a-wd-660 {
    width: 660px !important;
    min-width: 660px !important;
}

.a-wd-670 {
    width: 670px !important;
    min-width: 670px !important;
}

.a-wd-680 {
    width: 680px !important;
    min-width: 680px !important;
}

.a-wd-690 {
    width: 690px !important;
    min-width: 690px !important;
}

.a-wd-700 {
    width: 700px !important;
    min-width: 700px !important;
}

.a-wd-710 {
    width: 710px !important;
    min-width: 710px !important;
}

.a-wd-720 {
    width: 720px !important;
    min-width: 720px !important;
}

.a-wd-730 {
    width: 730px !important;
    min-width: 730px !important;
}

.a-wd-740 {
    width: 740px !important;
    min-width: 740px !important;
}

.a-wd-750 {
    width: 750px !important;
    min-width: 750px !important;
}

.a-wd-760 {
    width: 760px !important;
    min-width: 760px !important;
}

.a-wd-770 {
    width: 770px !important;
    min-width: 770px !important;
}

.a-wd-780 {
    width: 780px !important;
    min-width: 780px !important;
}

.a-wd-790 {
    width: 790px !important;
    min-width: 790px !important;
}

.a-wd-800 {
    width: 800px !important;
    min-width: 800px !important;
}

.a-wd-810 {
    width: 810px !important;
    min-width: 810px !important;
}

.a-wd-820 {
    width: 820px !important;
    min-width: 820px !important;
}

.a-wd-830 {
    width: 830px !important;
    min-width: 830px !important;
}

.a-wd-840 {
    width: 840px !important;
    min-width: 840px !important;
}

.a-wd-850 {
    width: 850px !important;
    min-width: 850px !important;
}

.a-wd-860 {
    width: 860px !important;
    min-width: 860px !important;
}

.a-wd-870 {
    width: 870px !important;
    min-width: 870px !important;
}

.a-wd-880 {
    width: 880px !important;
    min-width: 880px !important;
}

.a-wd-890 {
    width: 890px !important;
    min-width: 890px !important;
}

.a-wd-900 {
    width: 900px !important;
    min-width: 900px !important;
}

.a-wd-910 {
    width: 910px !important;
    min-width: 910px !important;
}

.a-wd-920 {
    width: 920px !important;
    min-width: 920px !important;
}

.a-wd-930 {
    width: 930px !important;
    min-width: 930px !important;
}

.a-wd-940 {
    width: 940px !important;
    min-width: 940px !important;
}

.a-wd-950 {
    width: 950px !important;
    min-width: 950px !important;
}

.a-wd-960 {
    width: 960px !important;
    min-width: 960px !important;
}

.a-wd-970 {
    width: 970px !important;
    min-width: 970px !important;
}

.a-wd-980 {
    width: 980px !important;
    min-width: 980px !important;
}

.a-wd-990 {
    width: 990px !important;
    min-width: 990px !important;
}

.a-wd-1000 {
    width: 1000px !important;
    min-width: 1000px !important;
}

.a-wd-05per {
    width: 5% !important;
    min-width: 5% !important;
}

.a-wd-10per {
    width: 10% !important;
    min-width: 10% !important;
}

.a-wd-15per {
    width: 15% !important;
    min-width: 15% !important;
}

.a-wd-20per {
    width: 20% !important;
    min-width: 20% !important;
}

.a-wd-25per {
    width: 25% !important;
    min-width: 25% !important;
}

.a-wd-30per {
    width: 30% !important;
    min-width: 30% !important;
}

.a-wd-35per {
    width: 35% !important;
    min-width: 35% !important;
}

.a-wd-40per {
    width: 40% !important;
    min-width: 40% !important;
}

.a-wd-45per {
    width: 45% !important;
    min-width: 45% !important;
}

.a-wd-50per {
    width: 50% !important;
    min-width: 50% !important;
}

.a-wd-55per {
    width: 55% !important;
    min-width: 55% !important;
}

.a-wd-60per {
    width: 60% !important;
    min-width: 60% !important;
}

.a-wd-65per {
    width: 65% !important;
    min-width: 65% !important;
}

.a-wd-70per {
    width: 70% !important;
    min-width: 70% !important;
}

.a-wd-75per {
    width: 75% !important;
    min-width: 75% !important;
}

.a-wd-80per {
    width: 80% !important;
    min-width: 80% !important;
}

.a-wd-85per {
    width: 85% !important;
    min-width: 85% !important;
}

.a-wd-90per {
    width: 90% !important;
    min-width: 90% !important;
}

.a-wd-95per {
    width: 95% !important;
    min-width: 95% !important;
}

.a-wd-100per {
    width: 100% !important;
    min-width: 100% !important;
}

.a-wd-auto {
    width: auto !important;
    min-width: 0;
}



@media screen and (max-width: 979px) {
    .a-wd-tb-10 {
        width: 10px !important;
        min-width: 10px !important;
    }

    .a-wd-tb-20 {
        width: 20px !important;
        min-width: 20px !important;
    }

    .a-wd-tb-30 {
        width: 30px !important;
        min-width: 30px !important;
    }

    .a-wd-tb-40 {
        width: 40px !important;
        min-width: 40px !important;
    }

    .a-wd-tb-50 {
        width: 50px !important;
        min-width: 50px !important;
    }

    .a-wd-tb-60 {
        width: 60px !important;
        min-width: 60px !important;
    }

    .a-wd-tb-70 {
        width: 70px !important;
        min-width: 70px !important;
    }

    .a-wd-tb-80 {
        width: 80px !important;
        min-width: 80px !important;
    }

    .a-wd-tb-90 {
        width: 90px !important;
        min-width: 90px !important;
    }

    .a-wd-tb-100 {
        width: 100px !important;
        min-width: 100px !important;
    }

    .a-wd-tb-110 {
        width: 110px !important;
        min-width: 110px !important;
    }

    .a-wd-tb-120 {
        width: 120px !important;
        min-width: 120px !important;
    }

    .a-wd-tb-130 {
        width: 130px !important;
        min-width: 130px !important;
    }

    .a-wd-tb-140 {
        width: 140px !important;
        min-width: 140px !important;
    }

    .a-wd-tb-150 {
        width: 150px !important;
        min-width: 150px !important;
    }

    .a-wd-tb-160 {
        width: 160px !important;
        min-width: 160px !important;
    }

    .a-wd-tb-170 {
        width: 170px !important;
        min-width: 170px !important;
    }

    .a-wd-tb-180 {
        width: 180px !important;
        min-width: 180px !important;
    }

    .a-wd-tb-190 {
        width: 190px !important;
        min-width: 190px !important;
    }

    .a-wd-tb-200 {
        width: 200px !important;
        min-width: 200px !important;
    }

    .a-wd-tb-210 {
        width: 210px !important;
        min-width: 210px !important;
    }

    .a-wd-tb-220 {
        width: 220px !important;
        min-width: 220px !important;
    }

    .a-wd-tb-230 {
        width: 230px !important;
        min-width: 230px !important;
    }

    .a-wd-tb-240 {
        width: 240px !important;
        min-width: 240px !important;
    }

    .a-wd-tb-250 {
        width: 250px !important;
        min-width: 250px !important;
    }

    .a-wd-tb-260 {
        width: 260px !important;
        min-width: 260px !important;
    }

    .a-wd-tb-270 {
        width: 270px !important;
        min-width: 270px !important;
    }

    .a-wd-tb-280 {
        width: 280px !important;
        min-width: 280px !important;
    }

    .a-wd-tb-290 {
        width: 290px !important;
        min-width: 290px !important;
    }

    .a-wd-tb-300 {
        width: 300px !important;
        min-width: 300px !important;
    }

    .a-wd-tb-310 {
        width: 310px !important;
        min-width: 310px !important;
    }

    .a-wd-tb-320 {
        width: 320px !important;
        min-width: 320px !important;
    }

    .a-wd-tb-330 {
        width: 330px !important;
        min-width: 330px !important;
    }

    .a-wd-tb-340 {
        width: 340px !important;
        min-width: 340px !important;
    }

    .a-wd-tb-350 {
        width: 350px !important;
        min-width: 350px !important;
    }

    .a-wd-tb-360 {
        width: 360px !important;
        min-width: 360px !important;
    }

    .a-wd-tb-370 {
        width: 370px !important;
        min-width: 370px !important;
    }

    .a-wd-tb-380 {
        width: 380px !important;
        min-width: 380px !important;
    }

    .a-wd-tb-390 {
        width: 390px !important;
        min-width: 390px !important;
    }

    .a-wd-tb-400 {
        width: 400px !important;
        min-width: 400px !important;
    }

    .a-wd-tb-410 {
        width: 410px !important;
        min-width: 410px !important;
    }

    .a-wd-tb-420 {
        width: 420px !important;
        min-width: 420px !important;
    }

    .a-wd-tb-430 {
        width: 430px !important;
        min-width: 430px !important;
    }

    .a-wd-tb-440 {
        width: 440px !important;
        min-width: 440px !important;
    }

    .a-wd-tb-450 {
        width: 450px !important;
        min-width: 450px !important;
    }

    .a-wd-tb-460 {
        width: 460px !important;
        min-width: 460px !important;
    }

    .a-wd-tb-470 {
        width: 470px !important;
        min-width: 470px !important;
    }

    .a-wd-tb-480 {
        width: 480px !important;
        min-width: 480px !important;
    }

    .a-wd-tb-490 {
        width: 490px !important;
        min-width: 490px !important;
    }

    .a-wd-tb-500 {
        width: 500px !important;
        min-width: 500px !important;
    }

    .a-wd-tb-510 {
        width: 510px !important;
        min-width: 510px !important;
    }

    .a-wd-tb-520 {
        width: 520px !important;
        min-width: 520px !important;
    }

    .a-wd-tb-530 {
        width: 530px !important;
        min-width: 530px !important;
    }

    .a-wd-tb-540 {
        width: 540px !important;
        min-width: 540px !important;
    }

    .a-wd-tb-550 {
        width: 550px !important;
        min-width: 550px !important;
    }

    .a-wd-tb-560 {
        width: 560px !important;
        min-width: 560px !important;
    }

    .a-wd-tb-570 {
        width: 570px !important;
        min-width: 570px !important;
    }

    .a-wd-tb-580 {
        width: 580px !important;
        min-width: 580px !important;
    }

    .a-wd-tb-590 {
        width: 590px !important;
        min-width: 590px !important;
    }

    .a-wd-tb-600 {
        width: 600px !important;
        min-width: 600px !important;
    }

    .a-wd-tb-610 {
        width: 610px !important;
        min-width: 610px !important;
    }

    .a-wd-tb-620 {
        width: 620px !important;
        min-width: 620px !important;
    }

    .a-wd-tb-630 {
        width: 630px !important;
        min-width: 630px !important;
    }

    .a-wd-tb-640 {
        width: 640px !important;
        min-width: 640px !important;
    }

    .a-wd-tb-650 {
        width: 650px !important;
        min-width: 650px !important;
    }

    .a-wd-tb-660 {
        width: 660px !important;
        min-width: 660px !important;
    }

    .a-wd-tb-670 {
        width: 670px !important;
        min-width: 670px !important;
    }

    .a-wd-tb-680 {
        width: 680px !important;
        min-width: 680px !important;
    }

    .a-wd-tb-690 {
        width: 690px !important;
        min-width: 690px !important;
    }

    .a-wd-tb-700 {
        width: 700px !important;
        min-width: 700px !important;
    }

    .a-wd-tb-710 {
        width: 710px !important;
        min-width: 710px !important;
    }

    .a-wd-tb-720 {
        width: 720px !important;
        min-width: 720px !important;
    }

    .a-wd-tb-730 {
        width: 730px !important;
        min-width: 730px !important;
    }

    .a-wd-tb-740 {
        width: 740px !important;
        min-width: 740px !important;
    }

    .a-wd-tb-750 {
        width: 750px !important;
        min-width: 750px !important;
    }

    .a-wd-tb-760 {
        width: 760px !important;
        min-width: 760px !important;
    }

    .a-wd-tb-770 {
        width: 770px !important;
        min-width: 770px !important;
    }

    .a-wd-tb-780 {
        width: 780px !important;
        min-width: 780px !important;
    }

    .a-wd-tb-790 {
        width: 790px !important;
        min-width: 790px !important;
    }

    .a-wd-tb-800 {
        width: 800px !important;
        min-width: 800px !important;
    }

    .a-wd-tb-810 {
        width: 810px !important;
        min-width: 810px !important;
    }

    .a-wd-tb-820 {
        width: 820px !important;
        min-width: 820px !important;
    }

    .a-wd-tb-830 {
        width: 830px !important;
        min-width: 830px !important;
    }

    .a-wd-tb-840 {
        width: 840px !important;
        min-width: 840px !important;
    }

    .a-wd-tb-850 {
        width: 850px !important;
        min-width: 850px !important;
    }

    .a-wd-tb-860 {
        width: 860px !important;
        min-width: 860px !important;
    }

    .a-wd-tb-870 {
        width: 870px !important;
        min-width: 870px !important;
    }

    .a-wd-tb-880 {
        width: 880px !important;
        min-width: 880px !important;
    }

    .a-wd-tb-890 {
        width: 890px !important;
        min-width: 890px !important;
    }

    .a-wd-tb-900 {
        width: 900px !important;
        min-width: 900px !important;
    }

    .a-wd-tb-910 {
        width: 910px !important;
        min-width: 910px !important;
    }

    .a-wd-tb-920 {
        width: 920px !important;
        min-width: 920px !important;
    }

    .a-wd-tb-930 {
        width: 930px !important;
        min-width: 930px !important;
    }

    .a-wd-tb-940 {
        width: 940px !important;
        min-width: 940px !important;
    }

    .a-wd-tb-950 {
        width: 950px !important;
        min-width: 950px !important;
    }

    .a-wd-tb-960 {
        width: 960px !important;
        min-width: 960px !important;
    }

    .a-wd-tb-970 {
        width: 970px !important;
        min-width: 970px !important;
    }

    .a-wd-tb-980 {
        width: 980px !important;
        min-width: 980px !important;
    }

    .a-wd-tb-990 {
        width: 990px !important;
        min-width: 990px !important;
    }

    .a-wd-tb-1000 {
        width: 1000px !important;
        min-width: 1000px !important;
    }

    .a-wd-tb-05per {
        width: 5% !important;
        min-width: 5% !important;
    }

    .a-wd-tb-10per {
        width: 10% !important;
        min-width: 10% !important;
    }

    .a-wd-tb-15per {
        width: 15% !important;
        min-width: 15% !important;
    }

    .a-wd-tb-20per {
        width: 20% !important;
        min-width: 20% !important;
    }

    .a-wd-tb-25per {
        width: 25% !important;
        min-width: 25% !important;
    }

    .a-wd-tb-30per {
        width: 30% !important;
        min-width: 30% !important;
    }

    .a-wd-tb-35per {
        width: 35% !important;
        min-width: 35% !important;
    }

    .a-wd-tb-40per {
        width: 40% !important;
        min-width: 40% !important;
    }

    .a-wd-tb-45per {
        width: 45% !important;
        min-width: 45% !important;
    }

    .a-wd-tb-50per {
        width: 50% !important;
        min-width: 50% !important;
    }

    .a-wd-tb-55per {
        width: 55% !important;
        min-width: 55% !important;
    }

    .a-wd-tb-60per {
        width: 60% !important;
        min-width: 60% !important;
    }

    .a-wd-tb-65per {
        width: 65% !important;
        min-width: 65% !important;
    }

    .a-wd-tb-70per {
        width: 70% !important;
        min-width: 70% !important;
    }

    .a-wd-tb-75per {
        width: 75% !important;
        min-width: 75% !important;
    }

    .a-wd-tb-80per {
        width: 80% !important;
        min-width: 80% !important;
    }

    .a-wd-tb-85per {
        width: 85% !important;
        min-width: 85% !important;
    }

    .a-wd-tb-90per {
        width: 90% !important;
        min-width: 90% !important;
    }

    .a-wd-tb-95per {
        width: 95% !important;
        min-width: 95% !important;
    }

    .a-wd-tb-100per {
        width: 100% !important;
        min-width: 100% !important;
    }
}



@media screen and (max-width: 767px) {
    .a-wd-sp-10 {
        width: 10px !important;
        min-width: 10px !important;
    }

    .a-wd-sp-20 {
        width: 20px !important;
        min-width: 20px !important;
    }

    .a-wd-sp-30 {
        width: 30px !important;
        min-width: 30px !important;
    }

    .a-wd-sp-40 {
        width: 40px !important;
        min-width: 40px !important;
    }

    .a-wd-sp-50 {
        width: 50px !important;
        min-width: 50px !important;
    }

    .a-wd-sp-60 {
        width: 60px !important;
        min-width: 60px !important;
    }

    .a-wd-sp-70 {
        width: 70px !important;
        min-width: 70px !important;
    }

    .a-wd-sp-80 {
        width: 80px !important;
        min-width: 80px !important;
    }

    .a-wd-sp-90 {
        width: 90px !important;
        min-width: 90px !important;
    }

    .a-wd-sp-100 {
        width: 100px !important;
        min-width: 100px !important;
    }

    .a-wd-sp-110 {
        width: 110px !important;
        min-width: 110px !important;
    }

    .a-wd-sp-120 {
        width: 120px !important;
        min-width: 120px !important;
    }

    .a-wd-sp-130 {
        width: 130px !important;
        min-width: 130px !important;
    }

    .a-wd-sp-140 {
        width: 140px !important;
        min-width: 140px !important;
    }

    .a-wd-sp-150 {
        width: 150px !important;
        min-width: 150px !important;
    }

    .a-wd-sp-160 {
        width: 160px !important;
        min-width: 160px !important;
    }

    .a-wd-sp-170 {
        width: 170px !important;
        min-width: 170px !important;
    }

    .a-wd-sp-180 {
        width: 180px !important;
        min-width: 180px !important;
    }

    .a-wd-sp-190 {
        width: 190px !important;
        min-width: 190px !important;
    }

    .a-wd-sp-200 {
        width: 200px !important;
        min-width: 200px !important;
    }

    .a-wd-sp-210 {
        width: 210px !important;
        min-width: 210px !important;
    }

    .a-wd-sp-220 {
        width: 220px !important;
        min-width: 220px !important;
    }

    .a-wd-sp-230 {
        width: 230px !important;
        min-width: 230px !important;
    }

    .a-wd-sp-240 {
        width: 240px !important;
        min-width: 240px !important;
    }

    .a-wd-sp-250 {
        width: 250px !important;
        min-width: 250px !important;
    }

    .a-wd-sp-260 {
        width: 260px !important;
        min-width: 260px !important;
    }

    .a-wd-sp-270 {
        width: 270px !important;
        min-width: 270px !important;
    }

    .a-wd-sp-280 {
        width: 280px !important;
        min-width: 280px !important;
    }

    .a-wd-sp-290 {
        width: 290px !important;
        min-width: 290px !important;
    }

    .a-wd-sp-300 {
        width: 300px !important;
        min-width: 300px !important;
    }

    .a-wd-sp-310 {
        width: 310px !important;
        min-width: 310px !important;
    }

    .a-wd-sp-320 {
        width: 320px !important;
        min-width: 320px !important;
    }

    .a-wd-sp-330 {
        width: 330px !important;
        min-width: 330px !important;
    }

    .a-wd-sp-340 {
        width: 340px !important;
        min-width: 340px !important;
    }

    .a-wd-sp-350 {
        width: 350px !important;
        min-width: 350px !important;
    }

    .a-wd-sp-360 {
        width: 360px !important;
        min-width: 360px !important;
    }

    .a-wd-sp-370 {
        width: 370px !important;
        min-width: 370px !important;
    }

    .a-wd-sp-380 {
        width: 380px !important;
        min-width: 380px !important;
    }

    .a-wd-sp-390 {
        width: 390px !important;
        min-width: 390px !important;
    }

    .a-wd-sp-400 {
        width: 400px !important;
        min-width: 400px !important;
    }

    .a-wd-sp-410 {
        width: 410px !important;
        min-width: 410px !important;
    }

    .a-wd-sp-420 {
        width: 420px !important;
        min-width: 420px !important;
    }

    .a-wd-sp-430 {
        width: 430px !important;
        min-width: 430px !important;
    }

    .a-wd-sp-440 {
        width: 440px !important;
        min-width: 440px !important;
    }

    .a-wd-sp-450 {
        width: 450px !important;
        min-width: 450px !important;
    }

    .a-wd-sp-460 {
        width: 460px !important;
        min-width: 460px !important;
    }

    .a-wd-sp-470 {
        width: 470px !important;
        min-width: 470px !important;
    }

    .a-wd-sp-480 {
        width: 480px !important;
        min-width: 480px !important;
    }

    .a-wd-sp-490 {
        width: 490px !important;
        min-width: 490px !important;
    }

    .a-wd-sp-500 {
        width: 500px !important;
        min-width: 500px !important;
    }

    .a-wd-sp-510 {
        width: 510px !important;
        min-width: 510px !important;
    }

    .a-wd-sp-520 {
        width: 520px !important;
        min-width: 520px !important;
    }

    .a-wd-sp-530 {
        width: 530px !important;
        min-width: 530px !important;
    }

    .a-wd-sp-540 {
        width: 540px !important;
        min-width: 540px !important;
    }

    .a-wd-sp-550 {
        width: 550px !important;
        min-width: 550px !important;
    }

    .a-wd-sp-560 {
        width: 560px !important;
        min-width: 560px !important;
    }

    .a-wd-sp-570 {
        width: 570px !important;
        min-width: 570px !important;
    }

    .a-wd-sp-580 {
        width: 580px !important;
        min-width: 580px !important;
    }

    .a-wd-sp-590 {
        width: 590px !important;
        min-width: 590px !important;
    }

    .a-wd-sp-600 {
        width: 600px !important;
        min-width: 600px !important;
    }

    .a-wd-sp-610 {
        width: 610px !important;
        min-width: 610px !important;
    }

    .a-wd-sp-620 {
        width: 620px !important;
        min-width: 620px !important;
    }

    .a-wd-sp-630 {
        width: 630px !important;
        min-width: 630px !important;
    }

    .a-wd-sp-640 {
        width: 640px !important;
        min-width: 640px !important;
    }

    .a-wd-sp-650 {
        width: 650px !important;
        min-width: 650px !important;
    }

    .a-wd-sp-660 {
        width: 660px !important;
        min-width: 660px !important;
    }

    .a-wd-sp-670 {
        width: 670px !important;
        min-width: 670px !important;
    }

    .a-wd-sp-680 {
        width: 680px !important;
        min-width: 680px !important;
    }

    .a-wd-sp-690 {
        width: 690px !important;
        min-width: 690px !important;
    }

    .a-wd-sp-700 {
        width: 700px !important;
        min-width: 700px !important;
    }

    .a-wd-sp-710 {
        width: 710px !important;
        min-width: 710px !important;
    }

    .a-wd-sp-720 {
        width: 720px !important;
        min-width: 720px !important;
    }

    .a-wd-sp-730 {
        width: 730px !important;
        min-width: 730px !important;
    }

    .a-wd-sp-740 {
        width: 740px !important;
        min-width: 740px !important;
    }

    .a-wd-sp-750 {
        width: 750px !important;
        min-width: 750px !important;
    }

    .a-wd-sp-760 {
        width: 760px !important;
        min-width: 760px !important;
    }

    .a-wd-sp-770 {
        width: 770px !important;
        min-width: 770px !important;
    }

    .a-wd-sp-780 {
        width: 780px !important;
        min-width: 780px !important;
    }

    .a-wd-sp-790 {
        width: 790px !important;
        min-width: 790px !important;
    }

    .a-wd-sp-800 {
        width: 800px !important;
        min-width: 800px !important;
    }

    .a-wd-sp-810 {
        width: 810px !important;
        min-width: 810px !important;
    }

    .a-wd-sp-820 {
        width: 820px !important;
        min-width: 820px !important;
    }

    .a-wd-sp-830 {
        width: 830px !important;
        min-width: 830px !important;
    }

    .a-wd-sp-840 {
        width: 840px !important;
        min-width: 840px !important;
    }

    .a-wd-sp-850 {
        width: 850px !important;
        min-width: 850px !important;
    }

    .a-wd-sp-860 {
        width: 860px !important;
        min-width: 860px !important;
    }

    .a-wd-sp-870 {
        width: 870px !important;
        min-width: 870px !important;
    }

    .a-wd-sp-880 {
        width: 880px !important;
        min-width: 880px !important;
    }

    .a-wd-sp-890 {
        width: 890px !important;
        min-width: 890px !important;
    }

    .a-wd-sp-900 {
        width: 900px !important;
        min-width: 900px !important;
    }

    .a-wd-sp-910 {
        width: 910px !important;
        min-width: 910px !important;
    }

    .a-wd-sp-920 {
        width: 920px !important;
        min-width: 920px !important;
    }

    .a-wd-sp-930 {
        width: 930px !important;
        min-width: 930px !important;
    }

    .a-wd-sp-940 {
        width: 940px !important;
        min-width: 940px !important;
    }

    .a-wd-sp-950 {
        width: 950px !important;
        min-width: 950px !important;
    }

    .a-wd-sp-960 {
        width: 960px !important;
        min-width: 960px !important;
    }

    .a-wd-sp-970 {
        width: 970px !important;
        min-width: 970px !important;
    }

    .a-wd-sp-980 {
        width: 980px !important;
        min-width: 980px !important;
    }

    .a-wd-sp-990 {
        width: 990px !important;
        min-width: 990px !important;
    }

    .a-wd-sp-1000 {
        width: 1000px !important;
        min-width: 1000px !important;
    }

    .a-wd-sp-05per {
        width: 5% !important;
        min-width: 5% !important;
    }

    .a-wd-sp-10per {
        width: 10% !important;
        min-width: 10% !important;
    }

    .a-wd-sp-15per {
        width: 15% !important;
        min-width: 15% !important;
    }

    .a-wd-sp-20per {
        width: 20% !important;
        min-width: 20% !important;
    }

    .a-wd-sp-25per {
        width: 25% !important;
        min-width: 25% !important;
    }

    .a-wd-sp-30per {
        width: 30% !important;
        min-width: 30% !important;
    }

    .a-wd-sp-35per {
        width: 35% !important;
        min-width: 35% !important;
    }

    .a-wd-sp-40per {
        width: 40% !important;
        min-width: 40% !important;
    }

    .a-wd-sp-45per {
        width: 45% !important;
        min-width: 45% !important;
    }

    .a-wd-sp-50per {
        width: 50% !important;
        min-width: 50% !important;
    }

    .a-wd-sp-55per {
        width: 55% !important;
        min-width: 55% !important;
    }

    .a-wd-sp-60per {
        width: 60% !important;
        min-width: 60% !important;
    }

    .a-wd-sp-65per {
        width: 65% !important;
        min-width: 65% !important;
    }

    .a-wd-sp-70per {
        width: 70% !important;
        min-width: 70% !important;
    }

    .a-wd-sp-75per {
        width: 75% !important;
        min-width: 75% !important;
    }

    .a-wd-sp-80per {
        width: 80% !important;
        min-width: 80% !important;
    }

    .a-wd-sp-85per {
        width: 85% !important;
        min-width: 85% !important;
    }

    .a-wd-sp-90per {
        width: 90% !important;
        min-width: 90% !important;
    }

    .a-wd-sp-95per {
        width: 95% !important;
        min-width: 95% !important;
    }

    .a-wd-sp-100per {
        width: 100% !important;
        min-width: 100% !important;
    }
}




/* [-] (Color)
=========================================================================================== */

.a-color-primary {
    color: var(--color-primary);
}

.a-color-secondary {
    color: var(--color-secondary);
}

.a-color-tertiary {
    color: var(--color-tertiary);
}



.a-color-body {
    color: var(--color-body);
}



.a-color-white {
    color: var(--color-white);
}

.a-color-gray-98per {
    color: var(--color-gray-98per);
}

.a-color-gray-95per {
    color: var(--color-gray-95per);
}

.a-color-gray-93per {
    color: var(--color-gray-93per);
}

.a-color-gray-90per {
    color: var(--color-gray-90per);
}

.a-color-gray-85per {
    color: var(--color-gray-85per);
}

.a-color-gray-80per {
    color: var(--color-gray-80per);
}






/*.a-color-gradient-primary {
    background: linear-gradient(30deg, var(--color-gray-20per) 0%,#0b5ed6 60%,#00b4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.a-color-gradient-secondary {
    background: linear-gradient(30deg, var(--color-secondary) 0%, #3d9e98 60%, #3fffc0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.a-color-gradient-tertiary {
    background: linear-gradient(30deg, #48b3a7 0%, #6cbfa2 60%, #d5e492 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/



/* [-] (Background Color)
=========================================================================================== */

.a-bg-white-after:after,
.a-bg-white-before:before,
.a-bg-white {
    background: var(--color-white) !important;
}



.a-bg-gray-98per-after:after,
.a-bg-gray-98per-before:before,
.a-bg-gray-98per {
    background: var(--color-gray-98per) !important;
}

.a-bg-gray-95per-after:after,
.a-bg-gray-95per-before:before,
.a-bg-gray-95per {
    background: var(--color-gray-95per) !important;
}

.a-bg-gray-93per-after:after,
.a-bg-gray-93per-before:before,
.a-bg-gray-93per {
    background: var(--color-gray-93per) !important;
}

.a-bg-gray-90per-after:after,
.a-bg-gray-90per-before:before,
.a-bg-gray-90per {
    background: var(--color-gray-90per) !important;
}

.a-bg-gray-85per-after:after,
.a-bg-gray-85per-before:before,
.a-bg-gray-85per {
    background: var(--color-gray-85per) !important;
}

.a-bg-gray-80per-after:after,
.a-bg-gray-80per-before:before,
.a-bg-gray-80per {
    background: var(--color-gray-80per) !important;
}


.a-bg-gray-75per-after:after,
.a-bg-gray-75per-before:before,
.a-bg-gray-75per {
    background: var(--color-gray-75per) !important;
}

.a-bg-gray-70per-after:after,
.a-bg-gray-70per-before:before,
.a-bg-gray-70per {
    background: var(--color-gray-70per) !important;
}

.a-bg-gray-65per-after:after,
.a-bg-gray-65per-before:before,
.a-bg-gray-65per {
    background: var(--color-gray-65per) !important;
}

.a-bg-gray-60per-after:after,
.a-bg-gray-60per-before:before,
.a-bg-gray-60per {
    background: var(--color-gray-60per) !important;
}

.a-bg-gray-55per-after:after,
.a-bg-gray-55per-before:before,
.a-bg-gray-55per {
    background: var(--color-gray-55per) !important;
}

.a-bg-gray-50per-after:after,
.a-bg-gray-50per-before:before,
.a-bg-gray-50per {
    background: var(--color-gray-50per) !important;
}

.a-bg-gray-45per-after:after,
.a-bg-gray-45per-before:before,
.a-bg-gray-45per {
    background: var(--color-gray-45per) !important;
}

.a-bg-gray-40per-after:after,
.a-bg-gray-40per-before:before,
.a-bg-gray-40per {
    background: var(--color-gray-40per) !important;
}

.a-bg-gray-35per-after:after,
.a-bg-gray-35per-before:before,
.a-bg-gray-35per {
    background: var(--color-gray-35per) !important;
}

.a-bg-gray-30per-after:after,
.a-bg-gray-30per-before:before,
.a-bg-gray-30per {
    background: var(--color-gray-30per) !important;
}

.a-bg-gray-25per-after:after,
.a-bg-gray-25per-before:before,
.a-bg-gray-25per {
    background: var(--color-gray-25per) !important;
}

.a-bg-gray-20per-after:after,
.a-bg-gray-20per-before:before,
.a-bg-gray-20per {
    background: var(--color-gray-20per) !important;
}

.a-bg-gray-15per-after:after,
.a-bg-gray-15per-before:before,
.a-bg-gray-15per {
    background: var(--color-gray-15per) !important;
}

.a-bg-gray-10per-after:after,
.a-bg-gray-10per-before:before,
.a-bg-gray-10per {
    background: var(--color-gray-10per) !important;
}

.a-bg-gray-05per-after:after,
.a-bg-gray-05per-before:before,
.a-bg-gray-05per {
    background: var(--color-gray-05per) !important;
}

.a-bg-gray-00per-after:after,
.a-bg-gray-00per-before:before,
.a-bg-gray-00per {
    background: var(--color-gray-00per) !important;
}






.a-bg-primary-after:after,
.a-bg-primary-before:before,
.a-bg-primary {
    background: var(--color-primary) !important;
}



.a-bg-secondary-after:after,
.a-bg-secondary-before:before,
.a-bg-secondary {
    background: var(--color-secondary) !important;
}



.a-bg-body-after:after,
.a-bg-body-before:before,
.a-bg-body {
    background: var(--color-body) !important;
}



/* [-] (Gradient)
=========================================================================================== */

.a-bg-gradient-primary-after:after,
.a-bg-gradient-primary-before:before,
.a-bg-gradient-primary {
    background: var(--color-gradient-primary);
}

.a-bg-gradient-secondary-after:after,
.a-bg-gradient-secondary-before:before,
.a-bg-gradient-secondary {
    background: var(--color-gradient-secondary);
}

.a-bg-gradient-tertiary-after:after,
.a-bg-gradient-tertiary-before:before,
.a-bg-gradient-tertiary {
    background: var(--color-gradient-tertiary);
}

.a-bg-gradient-quaternary-after:after,
.a-bg-gradient-quaternary-before:before,
.a-bg-gradient-quaternary {
    background: var(--color-gradient-quaternary);
}



.a-color-gradient-primary {
    background: var(--color-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.a-color-gradient-secondary {
    background: var(--color-gradient-secondary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.a-color-gradient-tertiary {
    background: var(--color-gradient-tertiary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.a-color-gradient-quaternary {
    background: var(--color-gradient-quaternary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.a-bd-gradient-primary-after:after,
.a-bd-gradient-primary-before:before,
.a-bd-gradient-primary {
    border-style: solid;
    border-width: 1px;
    border-image: var(--color-gradient-primary);
}

.a-bd-gradient-secondary-after:after,
.a-bd-gradient-secondary-before:before,
.a-bd-gradient-secondary {
    border-style: solid;
    border-width: 1px;
    border-image: var(--color-gradient-secondary);
}

.a-bd-gradient-tertiary-after:after,
.a-bd-gradient-tertiary-before:before,
.a-bd-gradient-tertiary {
    border-style: solid;
    border-width: 1px;
    border-image: var(--color-gradient-tertiary);
}

.a-bd-gradient-quaternary-after:after,
.a-bd-gradient-quaternary-before:before,
.a-bd-gradient-quaternary {
    border-style: solid;
    border-width: 1px;
    border-image: var(--color-gradient-quaternary);
}



/* [-] (shadow)
=========================================================================================== */

.a-text-shadow-strong {
    text-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.a-text-shadow-normal {
    text-shadow: 0 0 2px rgba(0, 0, 0, .6);
}



/*.a-box-shadow-strong {
    box-shadow: 0 60px 60px -60px rgba(0, 0, 0, 0.5);
}*/



.a-box-shadow-strong {
    position: relative;
}

.a-box-shadow-strong:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    /*right: 0;*/
    /*top: 0;*/
    bottom: 0;
    width: 50%;
    height: 50%;
    /*background-color: transpharent;*/
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0 60px 60px -60px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 979px) {
    .a-box-shadow-strong:after {
        width: 65%;
        box-shadow: 0 45px 45px -45px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .a-box-shadow-strong:after {
        width: 70%;
        box-shadow: 0 40px 40px -40px rgba(0, 0, 0, 0.2);
    }
}






/* BUG SHADOW... */
.wrapper_low_contents.o-section-m {
    position: relative;
    z-index: 1;
}

.a-box-shadow-strong:after {
    z-index: -1;
}
/* //BUG SHADOW... */






/* [-] (Border)
=========================================================================================== */

/*.a-bd-gray-98 {
    border: 1px solid #fafafa;
}

.a-bd-gray-95 {
    border: 1px solid #f2f2f2;
}

.a-bd-gray-93 {
    border: 1px solid #ededed;
}

.a-bd-gray-90 {
    border: 1px solid #e6e6e6;
}

.a-bd-gray-85 {
    border: 1px solid #d9d9d9;
}

.a-bd-gray-80 {
    border: 1px solid var(--color-gray-80per);
}*/



.a-border {
    border-style: solid;
}



.a-border_c-white {
    border-color: var(--color-white);
}

.a-border_c-gray-98 {
    border-color: var(--color-gray-98per);
}

.a-border_c-gray-95 {
    border-color: var(--color-gray-95per);
}

.a-border_c-gray-93 {
    border-color: var(--color-gray-93per);
}

.a-border_c-gray-90 {
    border-color: var(--color-gray-90per);
}

.a-border_c-gray-85 {
    border-color: var(--color-gray-85per);
}

.a-border_c-gray-80 {
    border-color: var(--color-gray-80per);
}

.a-border_c-gray-75 {
    border-color: var(--color-gray-75per);
}

.a-border_c-gray-70 {
    border-color: var(--color-gray-70per);
}

.a-border_c-gray-65 {
    border-color: var(--color-gray-65per);
}

.a-border_c-gray-60 {
    border-color: var(--color-gray-60per);
}

.a-border_c-gray-50 {
    border-color: var(--color-gray-50per);
}

.a-border_c-gray-40 {
    border-color: var(--color-gray-40per);
}

.a-border_c-gray-30 {
    border-color: var(--color-gray-30per);
}

.a-border_c-gray-20 {
    border-color: var(--color-gray-20per);
}





.a-border_c-primary {
    border-color: var(--color-primary);
}

.a-border_c-secondary {
    border-color: var(--color-secondary);
}

.a-border_c-tertiary {
    border-color: var(--color-tertiary);
}






.a-border_none {
    border: none !important;
}






.a-border_w-t-00 {
    border-width: 0 0 0 0;
}

.a-border_w-r-00 {
    border-width: 0 0 0 0;
}

.a-border_w-b-00 {
    border-width: 0 0 0 0;
}

.a-border_w-l-00 {
    border-width: 0 0 0 0;
}

@media screen and (max-width: 979px) {
    .a-border_w-t-tb-00 {
        border-width: 0 0 0 0 !important;
    }

    .a-border_w-r-tb-00 {
        border-width: 0 0 0 0 !important;
    }

    .a-border_w-b-tb-00 {
        border-width: 0 0 0 0 !important;
    }

    .a-border_w-l-tb-00 {
        border-width: 0 0 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .a-border_w-t-sp-00 {
        border-width: 0 0 0 0 !important;
    }

    .a-border_w-r-sp-00 {
        border-width: 0 0 0 0 !important;
    }

    .a-border_w-b-sp-00 {
        border-width: 0 0 0 0 !important;
    }

    .a-border_w-l-sp-00 {
        border-width: 0 0 0 0 !important;
    }
}



.a-border_w-trbl-01 {
    border-width: 1px;
}

.a-border_w-trbl-02 {
    border-width: 2px;
}

.a-border_w-trbl-03 {
    border-width: 3px;
}

.a-border_w-trbl-04 {
    border-width: 4px;
}

.a-border_w-trbl-05 {
    border-width: 5px;
}

.a-border_w-trbl-06 {
    border-width: 6px;
}

.a-border_w-trbl-07 {
    border-width: 7px;
}

.a-border_w-trbl-08 {
    border-width: 8px;
}

.a-border_w-trbl-09 {
    border-width: 9px;
}

.a-border_w-trbl-10 {
    border-width: 10px;
}



.a-border_w-t-01 {
    border-width: 1px 0 0 0;
}

.a-border_w-t-02 {
    border-width: 2px 0 0 0;
}

.a-border_w-t-03 {
    border-width: 3px 0 0 0;
}

.a-border_w-t-04 {
    border-width: 4px 0 0 0;
}

.a-border_w-t-05 {
    border-width: 5px 0 0 0;
}

.a-border_w-t-06 {
    border-width: 6px 0 0 0;
}

.a-border_w-t-07 {
    border-width: 7px 0 0 0;
}

.a-border_w-t-08 {
    border-width: 8px 0 0 0;
}

.a-border_w-t-09 {
    border-width: 9px 0 0 0;
}

.a-border_w-t-10 {
    border-width: 10px 0 0 0;
}



.a-border_w-r-01 {
    border-width: 0 1px 0 0;
}

.a-border_w-r-02 {
    border-width: 0 2px 0 0;
}

.a-border_w-r-03 {
    border-width: 0 3px 0 0;
}

.a-border_w-r-04 {
    border-width: 0 4px 0 0;
}

.a-border_w-r-05 {
    border-width: 0 5px 0 0;
}

.a-border_w-r-06 {
    border-width: 0 6px 0 0;
}

.a-border_w-r-07 {
    border-width: 0 7px 0 0;
}

.a-border_w-r-08 {
    border-width: 0 8px 0 0;
}

.a-border_w-r-09 {
    border-width: 0 9px 0 0;
}

.a-border_w-r-10 {
    border-width: 0 10px 0 0;
}



.a-border_w-b-01 {
    border-width: 0 0 1px 0;
}

.a-border_w-b-02 {
    border-width: 0 0 2px 0;
}

.a-border_w-b-03 {
    border-width: 0 0 3px 0;
}

.a-border_w-b-04 {
    border-width: 0 0 4px 0;
}

.a-border_w-b-05 {
    border-width: 0 0 5px 0;
}

.a-border_w-b-06 {
    border-width: 0 0 6px 0;
}

.a-border_w-b-07 {
    border-width: 0 0 7px 0;
}

.a-border_w-b-08 {
    border-width: 0 0 8px 0;
}

.a-border_w-b-09 {
    border-width: 0 0 9px 0;
}

.a-border_w-b-10 {
    border-width: 0 0 10px 0;
}



.a-border_w-l-01 {
    border-width: 0 0 0 1px;
}

.a-border_w-l-02 {
    border-width: 0 0 0 2px;
}

.a-border_w-l-03 {
    border-width: 0 0 0 3px;
}

.a-border_w-l-04 {
    border-width: 0 0 0 4px;
}

.a-border_w-l-05 {
    border-width: 0 0 0 5px;
}

.a-border_w-l-06 {
    border-width: 0 0 0 6px;
}

.a-border_w-l-07 {
    border-width: 0 0 0 7px;
}

.a-border_w-l-08 {
    border-width: 0 0 0 8px;
}

.a-border_w-l-09 {
    border-width: 0 0 0 9px;
}

.a-border_w-l-10 {
    border-width: 0 0 0 10px;
}



.a-border_radius-02 {
    border-radius: 2px;
}

.a-border_radius-04 {
    border-radius: 4px;
}

.a-border_radius-08 {
    border-radius: 8px;
}

.a-border_radius-10 {
    border-radius: 10px;
}

.a-border_radius-15 {
    border-radius: 15px;
}

.a-border_radius-20 {
    border-radius: 20px;
}

.a-border_radius-25 {
    border-radius: 25px;
}

.a-border_radius-30 {
    border-radius: 30px;
}

.a-border_radius-35 {
    border-radius: 35px;
}

.a-border_radius-40 {
    border-radius: 40px;
}

.a-border_radius-45 {
    border-radius: 45px;
}

.a-border_radius-50 {
    border-radius: 50px;
}

.a-border_radius-50em {
    border-radius: 50em;
}

@media screen and (max-width: 979px) {
    .a-border_radius-tb-02 {
        border-radius: 2px;
    }

    .a-border_radius-tb-04 {
        border-radius: 4px;
    }

    .a-border_radius-tb-08 {
        border-radius: 8px;
    }

    .a-border_radius-tb-10 {
        border-radius: 10px;
    }

    .a-border_radius-tb-15 {
        border-radius: 15px;
    }

    .a-border_radius-tb-20 {
        border-radius: 20px;
    }

    .a-border_radius-tb-25 {
        border-radius: 25px;
    }

    .a-border_radius-tb-30 {
        border-radius: 30px;
    }

    .a-border_radius-tb-35 {
        border-radius: 35px;
    }

    .a-border_radius-tb-40 {
        border-radius: 40px;
    }

    .a-border_radius-tb-45 {
        border-radius: 45px;
    }

    .a-border_radius-tb-50 {
        border-radius: 50px;
    }

    .a-border_radius-tb-50em {
        border-radius: 50em;
    }
}

@media screen and (max-width: 767px) {
    .a-border_radius-sp-02 {
        border-radius: 2px;
    }

    .a-border_radius-sp-04 {
        border-radius: 4px;
    }

    .a-border_radius-sp-08 {
        border-radius: 8px;
    }

    .a-border_radius-sp-10 {
        border-radius: 10px;
    }

    .a-border_radius-sp-15 {
        border-radius: 15px;
    }

    .a-border_radius-sp-20 {
        border-radius: 20px;
    }

    .a-border_radius-sp-25 {
        border-radius: 25px;
    }

    .a-border_radius-sp-30 {
        border-radius: 30px;
    }

    .a-border_radius-sp-35 {
        border-radius: 35px;
    }

    .a-border_radius-sp-40 {
        border-radius: 40px;
    }

    .a-border_radius-sp-45 {
        border-radius: 45px;
    }

    .a-border_radius-sp-50 {
        border-radius: 50px;
    }

    .a-border_radius-sp-50em {
        border-radius: 50em;
    }
}



/* [-] (Glid)
=========================================================================================== */

.o-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.o-grid.o-grid-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}



.o-grid.o-grid-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.o-grid.o-grid-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.o-grid.o-grid-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.o-grid.o-grid-justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.o-grid.o-grid-normal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.o-grid.o-grid-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}



.o-grid.o-grid-v-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.o-grid.o-grid-v-normal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.o-grid.o-grid-v-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}



@media screen and (max-width: 979px) {
  .o-grid.o-grid-tb-normal {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
  }

  .o-grid.o-grid-tb-reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  }

  .o-grid.o-grid-tb-v-normal {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  }

  .o-grid.o-grid-tb-v-reverse {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }
}



@media screen and (max-width: 767px) {
  .o-grid.o-grid-sp-normal {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
  }

  .o-grid.o-grid-sp-reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  }

  .o-grid.o-grid-sp-v-normal {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  }

  .o-grid.o-grid-sp-v-reverse {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }
}






.o-grid.o-grid-mg-00 {
    margin-left: 0;
    margin-right: 0;
}

.o-grid.o-grid-mg-10 {
    margin-left: -5px;
    margin-right: -5px;
}

.o-grid.o-grid-mg-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.o-grid.o-grid-mg-30 {
    margin-left: -15px;
    margin-right: -15px;
}

.o-grid.o-grid-mg-40 {
    margin-left: -20px;
    margin-right: -20px;
}

.o-grid.o-grid-mg-50 {
    margin-left: -25px;
    margin-right: -25px;
}

.o-grid.o-grid-mg-60 {
    margin-left: -30px;
    margin-right: -30px;
}

.o-grid.o-grid-mg-70 {
    margin-left: -35px;
    margin-right: -35px;
}

.o-grid.o-grid-mg-80 {
    margin-left: -40px;
    margin-right: -40px;
}

.o-grid.o-grid-mg-90 {
    margin-left: -45px;
    margin-right: -45px;
}

.o-grid.o-grid-mg-100 {
    margin-left: -50px;
    margin-right: -50px;
}



.o-grid.o-grid-mg-00 > * {
    margin-left: 0;
    margin-right: 0;
}

.o-grid.o-grid-mg-10 > * {
    margin-left: 5px;
    margin-right: 5px;
}

.o-grid.o-grid-mg-20 > * {
    margin-left: 10px;
    margin-right: 10px;
}

.o-grid.o-grid-mg-30 > * {
    margin-left: 15px;
    margin-right: 15px;
}

.o-grid.o-grid-mg-40 > * {
    margin-left: 20px;
    margin-right: 20px;
}

.o-grid.o-grid-mg-50 > * {
    margin-left: 25px;
    margin-right: 25px;
}

.o-grid.o-grid-mg-60 > * {
    margin-left: 30px;
    margin-right: 30px;
}

.o-grid.o-grid-mg-70 > * {
    margin-left: 35px;
    margin-right: 35px;
}

.o-grid.o-grid-mg-80 > * {
    margin-left: 40px;
    margin-right: 40px;
}

.o-grid.o-grid-mg-90 > * {
    margin-left: 45px;
    margin-right: 45px;
}

.o-grid.o-grid-mg-100 > * {
    margin-left: 50px;
    margin-right: 50px;
}



.o-grid.o-grid-mb-00 {
    margin-bottom: 0;
}

.o-grid.o-grid-mb-10 {
    margin-bottom: -10px;
}

.o-grid.o-grid-mb-20 {
    margin-bottom: -20px;
}

.o-grid.o-grid-mb-30 {
    margin-bottom: -30px;
}

.o-grid.o-grid-mb-40 {
    margin-bottom: -40px;
}

.o-grid.o-grid-mb-50 {
    margin-bottom: -50px;
}

.o-grid.o-grid-mb-60 {
    margin-bottom: -60px;
}

.o-grid.o-grid-mb-70 {
    margin-bottom: -70px;
}

.o-grid.o-grid-mb-80 {
    margin-bottom: -80px;
}

.o-grid.o-grid-mb-90 {
    margin-bottom: -90px;
}

.o-grid.o-grid-mb-100 {
    margin-bottom: -100px;
}



.o-grid.o-grid-mb-00 > * {
    margin-bottom: 0;
}

.o-grid.o-grid-mb-10 > * {
    margin-bottom: 10px;
}

.o-grid.o-grid-mb-20 > * {
    margin-bottom: 20px;
}

.o-grid.o-grid-mb-30 > * {
    margin-bottom: 30px;
}

.o-grid.o-grid-mb-40 > * {
    margin-bottom: 40px;
}

.o-grid.o-grid-mb-50 > * {
    margin-bottom: 50px;
}

.o-grid.o-grid-mb-60 > * {
    margin-bottom: 60px;
}

.o-grid.o-grid-mb-70 > * {
    margin-bottom: 70px;
}

.o-grid.o-grid-mb-80 > * {
    margin-bottom: 80px;
}

.o-grid.o-grid-mb-90 > * {
    margin-bottom: 90px;
}

.o-grid.o-grid-mb-100 > * {
    margin-bottom: 100px;
}



.o-grid.o-grid-mg-00 > .o-grid-01 {
    width: calc(8.3333333333% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-01 {
    width: calc(8.3333333333% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-01 {
    width: calc(8.3333333333% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-01 {
    width: calc(8.3333333333% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-01 {
    width: calc(8.3333333333% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-01 {
    width: calc(8.3333333333% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-01 {
    width: calc(8.3333333333% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-01 {
    width: calc(8.3333333333% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-01 {
    width: calc(8.3333333333% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-01 {
    width: calc(8.3333333333% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-01 {
    width: calc(8.3333333333% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-02 {
    width: calc(16.6666666667% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-02 {
    width: calc(16.6666666667% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-02 {
    width: calc(16.6666666667% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-02 {
    width: calc(16.6666666667% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-02 {
    width: calc(16.6666666667% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-02 {
    width: calc(16.6666666667% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-02 {
    width: calc(16.6666666667% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-02 {
    width: calc(16.6666666667% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-02 {
    width: calc(16.6666666667% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-02 {
    width: calc(16.6666666667% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-02 {
    width: calc(16.6666666667% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-02-04 {
    width: calc(20% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-02-04 {
    width: calc(20% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-02-04 {
    width: calc(20% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-02-04 {
    width: calc(20% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-02-04 {
    width: calc(20% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-02-04 {
    width: calc(20% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-02-04 {
    width: calc(20% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-02-04 {
    width: calc(20% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-02-04 {
    width: calc(20% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-02-04 {
    width: calc(20% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-02-04 {
    width: calc(20% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-03 {
    width: calc(25% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-03 {
    width: calc(25% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-03 {
    width: calc(25% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-03 {
    width: calc(25% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-03 {
    width: calc(25% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-03 {
    width: calc(25% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-03 {
    width: calc(25% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-03 {
    width: calc(25% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-03 {
    width: calc(25% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-03 {
    width: calc(25% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-03 {
    width: calc(25% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-04 {
    width: calc(33.33333% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-04 {
    width: calc(33.33333% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-04 {
    width: calc(33.33333% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-04 {
    width: calc(33.33333% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-04 {
    width: calc(33.33333% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-04 {
    width: calc(33.33333% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-04 {
    width: calc(33.33333% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-04 {
    width: calc(33.33333% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-04 {
    width: calc(33.33333% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-04 {
    width: calc(33.33333% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-04 {
    width: calc(33.33333% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-05 {
    width: calc(41.6666666667% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-05 {
    width: calc(41.6666666667% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-05 {
    width: calc(41.6666666667% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-05 {
    width: calc(41.6666666667% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-05 {
    width: calc(41.6666666667% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-05 {
    width: calc(41.6666666667% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-05 {
    width: calc(41.6666666667% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-05 {
    width: calc(41.6666666667% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-05 {
    width: calc(41.6666666667% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-05 {
    width: calc(41.6666666667% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-05 {
    width: calc(41.6666666667% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-06 {
    width: calc(50% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-06 {
    width: calc(50% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-06 {
    width: calc(50% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-06 {
    width: calc(50% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-06 {
    width: calc(50% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-06 {
    width: calc(50% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-06 {
    width: calc(50% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-06 {
    width: calc(50% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-06 {
    width: calc(50% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-06 {
    width: calc(50% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-06 {
    width: calc(50% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-07 {
    width: calc(58.3333333333% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-07 {
    width: calc(58.3333333333% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-07 {
    width: calc(58.3333333333% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-07 {
    width: calc(58.3333333333% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-07 {
    width: calc(58.3333333333% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-07 {
    width: calc(58.3333333333% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-07 {
    width: calc(58.3333333333% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-07 {
    width: calc(58.3333333333% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-07 {
    width: calc(58.3333333333% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-07 {
    width: calc(58.3333333333% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-07 {
    width: calc(58.3333333333% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-08 {
    width: calc(66.6666666667% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-08 {
    width: calc(66.6666666667% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-08 {
    width: calc(66.6666666667% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-08 {
    width: calc(66.6666666667% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-08 {
    width: calc(66.6666666667% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-08 {
    width: calc(66.6666666667% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-08 {
    width: calc(66.6666666667% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-08 {
    width: calc(66.6666666667% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-08 {
    width: calc(66.6666666667% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-08 {
    width: calc(66.6666666667% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-08 {
    width: calc(66.6666666667% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-09 {
    width: calc(75% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-09 {
    width: calc(75% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-09 {
    width: calc(75% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-09 {
    width: calc(75% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-09 {
    width: calc(75% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-09 {
    width: calc(75% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-09 {
    width: calc(75% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-09 {
    width: calc(75% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-09 {
    width: calc(75% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-09 {
    width: calc(75% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-09 {
    width: calc(75% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-10 {
    width: calc(83.3333333333% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-10 {
    width: calc(83.3333333333% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-10 {
    width: calc(83.3333333333% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-10 {
    width: calc(83.3333333333% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-10 {
    width: calc(83.3333333333% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-10 {
    width: calc(83.3333333333% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-10 {
    width: calc(83.3333333333% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-10 {
    width: calc(83.3333333333% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-10 {
    width: calc(83.3333333333% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-10 {
    width: calc(83.3333333333% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-10 {
    width: calc(83.3333333333% - 100px);
}



.o-grid.o-grid-mg-00 > .o-grid-11 {
    width: calc(91.6666666667% - 0px);
}

.o-grid.o-grid-mg-10 > .o-grid-11 {
    width: calc(91.6666666667% - 10px);
}

.o-grid.o-grid-mg-20 > .o-grid-11 {
    width: calc(91.6666666667% - 20px);
}

.o-grid.o-grid-mg-30 > .o-grid-11 {
    width: calc(91.6666666667% - 30px);
}

.o-grid.o-grid-mg-40 > .o-grid-11 {
    width: calc(91.6666666667% - 40px);
}

.o-grid.o-grid-mg-50 > .o-grid-11 {
    width: calc(91.6666666667% - 50px);
}

.o-grid.o-grid-mg-60 > .o-grid-11 {
    width: calc(91.6666666667% - 60px);
}

.o-grid.o-grid-mg-70 > .o-grid-11 {
    width: calc(91.6666666667% - 70px);
}

.o-grid.o-grid-mg-80 > .o-grid-11 {
    width: calc(91.6666666667% - 80px);
}

.o-grid.o-grid-mg-90 > .o-grid-11 {
    width: calc(91.6666666667% - 90px);
}

.o-grid.o-grid-mg-100 > .o-grid-11 {
    width: calc(91.6666666667% - 100px);
}



.o-grid.o-grid-mg-100 > .o-grid-12,
.o-grid.o-grid-mg-90 > .o-grid-12,
.o-grid.o-grid-mg-80 > .o-grid-12,
.o-grid.o-grid-mg-70 > .o-grid-12,
.o-grid.o-grid-mg-60 > .o-grid-12,
.o-grid.o-grid-mg-50 > .o-grid-12,
.o-grid.o-grid-mg-40 > .o-grid-12,
.o-grid.o-grid-mg-30 > .o-grid-12,
.o-grid.o-grid-mg-20 > .o-grid-12,
.o-grid.o-grid-mg-10 > .o-grid-12,
.o-grid.o-grid-mg-00 > .o-grid-12 {
    width: calc(100% - 0px);
}



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

    .o-grid.o-grid-tb-mg-00 {
        margin-left: 0;
        margin-right: 0;
    }

    .o-grid.o-grid-tb-mg-10 {
        margin-left: -5px;
        margin-right: -5px;
    }

    .o-grid.o-grid-tb-mg-20 {
        margin-left: -10px;
        margin-right: -10px;
    }

    .o-grid.o-grid-tb-mg-30 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .o-grid.o-grid-tb-mg-40 {
        margin-left: -20px;
        margin-right: -20px;
    }

    .o-grid.o-grid-tb-mg-50 {
        margin-left: -25px;
        margin-right: -25px;
    }

    .o-grid.o-grid-tb-mg-60 {
        margin-left: -30px;
        margin-right: -30px;
    }

    .o-grid.o-grid-tb-mg-70 {
        margin-left: -35px;
        margin-right: -35px;
    }

    .o-grid.o-grid-tb-mg-80 {
        margin-left: -40px;
        margin-right: -40px;
    }

    .o-grid.o-grid-tb-mg-90 {
        margin-left: -45px;
        margin-right: -45px;
    }

    .o-grid.o-grid-tb-mg-100 {
        margin-left: -50px;
        margin-right: -50px;
    }



    .o-grid.o-grid-tb-mg-00 > * {
        margin-left: 0;
        margin-right: 0;
    }

    .o-grid.o-grid-tb-mg-10 > * {
        margin-left: 5px;
        margin-right: 5px;
    }

    .o-grid.o-grid-tb-mg-20 > * {
        margin-left: 10px;
        margin-right: 10px;
    }

    .o-grid.o-grid-tb-mg-30 > * {
        margin-left: 15px;
        margin-right: 15px;
    }

    .o-grid.o-grid-tb-mg-40 > * {
        margin-left: 20px;
        margin-right: 20px;
    }

    .o-grid.o-grid-tb-mg-50 > * {
        margin-left: 25px;
        margin-right: 25px;
    }

    .o-grid.o-grid-tb-mg-60 > * {
        margin-left: 30px;
        margin-right: 30px;
    }

    .o-grid.o-grid-tb-mg-70 > * {
        margin-left: 35px;
        margin-right: 35px;
    }

    .o-grid.o-grid-tb-mg-80 > * {
        margin-left: 40px;
        margin-right: 40px;
    }

    .o-grid.o-grid-tb-mg-90 > * {
        margin-left: 45px;
        margin-right: 45px;
    }

    .o-grid.o-grid-tb-mg-100 > * {
        margin-left: 50px;
        margin-right: 50px;
    }



    .o-grid.o-grid-tb-mb-00 {
        margin-bottom: 0;
    }

    .o-grid.o-grid-tb-mb-10 {
        margin-bottom: -10px;
    }

    .o-grid.o-grid-tb-mb-20 {
        margin-bottom: -20px;
    }

    .o-grid.o-grid-tb-mb-30 {
        margin-bottom: -30px;
    }

    .o-grid.o-grid-tb-mb-40 {
        margin-bottom: -40px;
    }

    .o-grid.o-grid-tb-mb-50 {
        margin-bottom: -50px;
    }

    .o-grid.o-grid-tb-mb-60 {
        margin-bottom: -60px;
    }

    .o-grid.o-grid-tb-mb-70 {
        margin-bottom: -70px;
    }

    .o-grid.o-grid-tb-mb-80 {
        margin-bottom: -80px;
    }

    .o-grid.o-grid-tb-mb-90 {
        margin-bottom: -90px;
    }

    .o-grid.o-grid-tb-mb-100 {
        margin-bottom: -100px;
    }



    .o-grid.o-grid-tb-mb-00 > * {
        margin-bottom: 0;
    }

    .o-grid.o-grid-tb-mb-10 > * {
        margin-bottom: 10px;
    }

    .o-grid.o-grid-tb-mb-20 > * {
        margin-bottom: 20px;
    }

    .o-grid.o-grid-tb-mb-30 > * {
        margin-bottom: 30px;
    }

    .o-grid.o-grid-tb-mb-40 > * {
        margin-bottom: 40px;
    }

    .o-grid.o-grid-tb-mb-50 > * {
        margin-bottom: 50px;
    }

    .o-grid.o-grid-tb-mb-60 > * {
        margin-bottom: 60px;
    }

    .o-grid.o-grid-tb-mb-70 > * {
        margin-bottom: 70px;
    }

    .o-grid.o-grid-tb-mb-80 > * {
        margin-bottom: 80px;
    }

    .o-grid.o-grid-tb-mb-90 > * {
        margin-bottom: 90px;
    }

    .o-grid.o-grid-tb-mb-100 > * {
        margin-bottom: 100px;
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-01 {
        width: calc(8.3333333333% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-02 {
        width: calc(16.6666666667% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-02-04 {
        width: calc(20% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-02-04 {
        width: calc(20% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-02-04 {
        width: calc(20% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-02-04 {
        width: calc(20% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-02-04 {
        width: calc(20% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-02-04 {
        width: calc(20% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-02-04 {
        width: calc(20% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-02-04 {
        width: calc(20% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-02-04 {
        width: calc(20% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-02-04 {
        width: calc(20% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-02-04 {
        width: calc(20% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-03 {
        width: calc(25% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-03 {
        width: calc(25% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-03 {
        width: calc(25% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-03 {
        width: calc(25% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-03 {
        width: calc(25% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-03 {
        width: calc(25% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-03 {
        width: calc(25% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-03 {
        width: calc(25% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-03 {
        width: calc(25% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-03 {
        width: calc(25% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-03 {
        width: calc(25% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-04 {
        width: calc(33.33333% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-04 {
        width: calc(33.33333% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-04 {
        width: calc(33.33333% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-04 {
        width: calc(33.33333% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-04 {
        width: calc(33.33333% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-04 {
        width: calc(33.33333% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-04 {
        width: calc(33.33333% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-04 {
        width: calc(33.33333% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-04 {
        width: calc(33.33333% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-04 {
        width: calc(33.33333% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-04 {
        width: calc(33.33333% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-05 {
        width: calc(41.6666666667% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-06 {
        width: calc(50% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-06 {
        width: calc(50% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-06 {
        width: calc(50% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-06 {
        width: calc(50% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-06 {
        width: calc(50% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-06 {
        width: calc(50% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-06 {
        width: calc(50% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-06 {
        width: calc(50% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-06 {
        width: calc(50% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-06 {
        width: calc(50% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-06 {
        width: calc(50% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-07 {
        width: calc(58.3333333333% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-08 {
        width: calc(66.6666666667% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-09 {
        width: calc(75% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-09 {
        width: calc(75% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-09 {
        width: calc(75% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-09 {
        width: calc(75% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-09 {
        width: calc(75% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-09 {
        width: calc(75% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-09 {
        width: calc(75% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-09 {
        width: calc(75% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-09 {
        width: calc(75% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-09 {
        width: calc(75% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-09 {
        width: calc(75% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-10 {
        width: calc(83.3333333333% - 100px);
    }



    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 0px);
    }

    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 10px);
    }

    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 20px);
    }

    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 30px);
    }

    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 40px);
    }

    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 50px);
    }

    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 60px);
    }

    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 70px);
    }

    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 80px);
    }

    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 90px);
    }

    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-11 {
        width: calc(91.6666666667% - 100px);
    }



    .o-grid.o-grid-tb-mg-100 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-90 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-80 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-70 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-60 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-50 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-40 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-30 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-20 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-10 > .o-grid-tb-12,
    .o-grid.o-grid-tb-mg-00 > .o-grid-tb-12 {
        width: calc(100% - 0px);
    }



}



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

    .o-grid.o-grid-sp-mg-00 {
        margin-left: 0;
        margin-right: 0;
    }

    .o-grid.o-grid-sp-mg-10 {
        margin-left: -5px;
        margin-right: -5px;
    }

    .o-grid.o-grid-sp-mg-20 {
        margin-left: -10px;
        margin-right: -10px;
    }

    .o-grid.o-grid-sp-mg-30 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .o-grid.o-grid-sp-mg-40 {
        margin-left: -20px;
        margin-right: -20px;
    }

    .o-grid.o-grid-sp-mg-50 {
        margin-left: -25px;
        margin-right: -25px;
    }

    .o-grid.o-grid-sp-mg-60 {
        margin-left: -30px;
        margin-right: -30px;
    }

    .o-grid.o-grid-sp-mg-70 {
        margin-left: -35px;
        margin-right: -35px;
    }

    .o-grid.o-grid-sp-mg-80 {
        margin-left: -40px;
        margin-right: -40px;
    }

    .o-grid.o-grid-sp-mg-90 {
        margin-left: -45px;
        margin-right: -45px;
    }

    .o-grid.o-grid-sp-mg-100 {
        margin-left: -50px;
        margin-right: -50px;
    }



    .o-grid.o-grid-sp-mg-00 > * {
        margin-left: 0;
        margin-right: 0;
    }

    .o-grid.o-grid-sp-mg-10 > * {
        margin-left: 5px;
        margin-right: 5px;
    }

    .o-grid.o-grid-sp-mg-20 > * {
        margin-left: 10px;
        margin-right: 10px;
    }

    .o-grid.o-grid-sp-mg-30 > * {
        margin-left: 15px;
        margin-right: 15px;
    }

    .o-grid.o-grid-sp-mg-40 > * {
        margin-left: 20px;
        margin-right: 20px;
    }

    .o-grid.o-grid-sp-mg-50 > * {
        margin-left: 25px;
        margin-right: 25px;
    }

    .o-grid.o-grid-sp-mg-60 > * {
        margin-left: 30px;
        margin-right: 30px;
    }

    .o-grid.o-grid-sp-mg-70 > * {
        margin-left: 35px;
        margin-right: 35px;
    }

    .o-grid.o-grid-sp-mg-80 > * {
        margin-left: 40px;
        margin-right: 40px;
    }

    .o-grid.o-grid-sp-mg-90 > * {
        margin-left: 45px;
        margin-right: 45px;
    }

    .o-grid.o-grid-sp-mg-100 > * {
        margin-left: 50px;
        margin-right: 50px;
    }



    .o-grid.o-grid-sp-mb-00 {
        margin-bottom: 0;
    }

    .o-grid.o-grid-sp-mb-10 {
        margin-bottom: -10px;
    }

    .o-grid.o-grid-sp-mb-20 {
        margin-bottom: -20px;
    }

    .o-grid.o-grid-sp-mb-30 {
        margin-bottom: -30px;
    }

    .o-grid.o-grid-sp-mb-40 {
        margin-bottom: -40px;
    }

    .o-grid.o-grid-sp-mb-50 {
        margin-bottom: -50px;
    }

    .o-grid.o-grid-sp-mb-60 {
        margin-bottom: -60px;
    }

    .o-grid.o-grid-sp-mb-70 {
        margin-bottom: -70px;
    }

    .o-grid.o-grid-sp-mb-80 {
        margin-bottom: -80px;
    }

    .o-grid.o-grid-sp-mb-90 {
        margin-bottom: -90px;
    }

    .o-grid.o-grid-sp-mb-100 {
        margin-bottom: -100px;
    }



    .o-grid.o-grid-sp-mb-00 > * {
        margin-bottom: 0;
    }

    .o-grid.o-grid-sp-mb-10 > * {
        margin-bottom: 10px;
    }

    .o-grid.o-grid-sp-mb-20 > * {
        margin-bottom: 20px;
    }

    .o-grid.o-grid-sp-mb-30 > * {
        margin-bottom: 30px;
    }

    .o-grid.o-grid-sp-mb-40 > * {
        margin-bottom: 40px;
    }

    .o-grid.o-grid-sp-mb-50 > * {
        margin-bottom: 50px;
    }

    .o-grid.o-grid-sp-mb-60 > * {
        margin-bottom: 60px;
    }

    .o-grid.o-grid-sp-mb-70 > * {
        margin-bottom: 70px;
    }

    .o-grid.o-grid-sp-mb-80 > * {
        margin-bottom: 80px;
    }

    .o-grid.o-grid-sp-mb-90 > * {
        margin-bottom: 90px;
    }

    .o-grid.o-grid-sp-mb-100 > * {
        margin-bottom: 100px;
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-01 {
        width: calc(8.3333333333% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-02 {
        width: calc(16.6666666667% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-02-04 {
        width: calc(20% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-02-04 {
        width: calc(20% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-02-04 {
        width: calc(20% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-02-04 {
        width: calc(20% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-02-04 {
        width: calc(20% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-02-04 {
        width: calc(20% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-02-04 {
        width: calc(20% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-02-04 {
        width: calc(20% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-02-04 {
        width: calc(20% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-02-04 {
        width: calc(20% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-02-04 {
        width: calc(20% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-03 {
        width: calc(25% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-03 {
        width: calc(25% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-03 {
        width: calc(25% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-03 {
        width: calc(25% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-03 {
        width: calc(25% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-03 {
        width: calc(25% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-03 {
        width: calc(25% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-03 {
        width: calc(25% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-03 {
        width: calc(25% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-03 {
        width: calc(25% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-03 {
        width: calc(25% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-04 {
        width: calc(33.33333% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-04 {
        width: calc(33.33333% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-04 {
        width: calc(33.33333% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-04 {
        width: calc(33.33333% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-04 {
        width: calc(33.33333% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-04 {
        width: calc(33.33333% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-04 {
        width: calc(33.33333% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-04 {
        width: calc(33.33333% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-04 {
        width: calc(33.33333% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-04 {
        width: calc(33.33333% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-04 {
        width: calc(33.33333% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-05 {
        width: calc(41.6666666667% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-06 {
        width: calc(50% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-06 {
        width: calc(50% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-06 {
        width: calc(50% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-06 {
        width: calc(50% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-06 {
        width: calc(50% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-06 {
        width: calc(50% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-06 {
        width: calc(50% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-06 {
        width: calc(50% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-06 {
        width: calc(50% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-06 {
        width: calc(50% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-06 {
        width: calc(50% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-07 {
        width: calc(58.3333333333% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-08 {
        width: calc(66.6666666667% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-09 {
        width: calc(75% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-09 {
        width: calc(75% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-09 {
        width: calc(75% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-09 {
        width: calc(75% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-09 {
        width: calc(75% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-09 {
        width: calc(75% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-09 {
        width: calc(75% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-09 {
        width: calc(75% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-09 {
        width: calc(75% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-09 {
        width: calc(75% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-09 {
        width: calc(75% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-10 {
        width: calc(83.3333333333% - 100px);
    }



    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 0px);
    }

    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 10px);
    }

    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 20px);
    }

    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 30px);
    }

    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 40px);
    }

    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 50px);
    }

    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 60px);
    }

    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 70px);
    }

    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 80px);
    }

    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 90px);
    }

    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-11 {
        width: calc(91.6666666667% - 100px);
    }



    .o-grid.o-grid-sp-mg-100 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-90 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-80 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-70 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-60 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-50 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-40 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-30 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-20 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-10 > .o-grid-sp-12,
    .o-grid.o-grid-sp-mg-00 > .o-grid-sp-12 {
        width: calc(100% - 0px);
    }



}



/* ----------------------------------------------------------------------------------------

// Common Style

------------------------------------------------------------------------------------------- */

/* [-] (Structure)
=========================================================================================== */

.t-wrapper {
    width: 100%;
    height: 100%;
}



/*.change-main.t-main {
    margin-top: 70px;
}

@media screen and (max-width: 979px) {
  .change-main.t-main {
      margin-top: 50px;
  }
}*/



.o-section {
    
}

.o-section-l {
    padding: 130px 0;
}

@media screen and (max-width: 767px) {
  .o-section-l {
      padding: 70px 0;
  }
}

.o-section-m {
    padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .o-section-m {
      padding: 50px 0;
  }
}

.o-section-s {
    padding: 70px 0;
}

@media screen and (max-width: 767px) {
  .o-section-s {
      padding: 50px 0;
  }
}

.o-section-ss {
    padding: 50px 0;
}

@media screen and (max-width: 767px) {
  .o-section-ss {
      padding: 30px 0;
  }
}

.o-section-sss {
    padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .o-section-sss {
      padding: 10px 0;
  }
}

.o-section-00 {
    padding: 0 0;
}

@media screen and (max-width: 767px) {
  .o-section-00 {
      padding: 0 0;
  }
}



.o-section_index {
    padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .o-section_index {
      padding: 50px 0;
  }
}



.o-section_bg_image {
    position: relative;
}

.o-section_bg_image:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .o-section_bg_image:before {
        background-color: rgba(0, 0, 0, .3);
    }
}

.o-section_bg_image:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    /*background: url("../images/.png") 50% 50% no-repeat;
    background-size: cover;*/
}



.o-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--gap-right-wrapper-contents-low-pc);
}

@media screen and (max-width: 979px) {
  .o-inner {
      padding: 0 var(--gap-right-wrapper-contents-low-tb);
  }
}

@media screen and (max-width: 767px) {
  .o-inner {
      padding: 0 var(--gap-right-wrapper-contents-low-sp);
  }
}



.wrapper_low_contents > .o-inner {
    padding-right: var(--gap-right-wrapper-contents-low-pc);
    padding-left: var(--gap-left-wrapper-contents-low-pc);
}

@media screen and (max-width: 979px) {
    .wrapper_low_contents > .o-inner {
        padding-right: var(--gap-right-wrapper-contents-low-tb);
        padding-left: var(--gap-left-wrapper-contents-low-tb);
    }
}

@media screen and (max-width: 767px) {
    .wrapper_low_contents > .o-inner {
        padding-right: var(--gap-right-wrapper-contents-low-sp);
        padding-left: var(--gap-left-wrapper-contents-low-sp);
    }
}






.o-inner-fit {
    width: 100%;
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .o-inner-fit {
      padding: 15px 0;
  }
}



/*.sec {
    padding: 100px 0;
}

.sec:first-of-type {
    padding: 0 0 100px;
}

@media screen and (max-width: 767px) {
    .sec {
        padding: 50px 0;
    }

    .sec:first-of-type {
        padding: 0 0 50px;
    }
}



.sec.sec-fill.sec-primary {
    background: var(--color-secondary);
}

.sec.sec-fill.sec-tertiary {
    background: #fafafa;
}



.sec > .inner-wid-100per > .content-wrap,
.sec > .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
}

@media screen and (max-width: 979px) {
    .sec > .inner-wid-100per > .content-wrap,
    .sec > .inner {
        width: 100%;
        padding: 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .sec > .inner-wid-100per > .content-wrap,
    .sec > .inner {
        padding: 0 15px;
    }
}



.sec > .inner-wid-100per {
    width: 100%;
}



.sec-lv02 {
    padding-top: 70px;
}

@media screen and (max-width: 767px) {
    .sec-lv02 {
        padding-top: 50px;
    }
}*/



/* [-] (Section)
=========================================================================================== */

.sec__mt-00 {
    margin-top: 0 !important;
}

.sec__mt-10 {
    margin-top: 10px !important;
}

.sec__mt-20 {
    margin-top: 20px !important;
}

.sec__mt-30 {
    margin-top: 30px !important;
}

.sec__mt-40 {
    margin-top: 40px !important;
}

.sec__mt-50 {
    margin-top: 50px !important;
}

.sec__mt-60 {
    margin-top: 60px !important;
}

.sec__mt-70 {
    margin-top: 70px !important;
}

.sec__mt-80 {
    margin-top: 80px !important;
}

.sec__mt-90 {
    margin-top: 90px !important;
}

.sec__mt-100 {
    margin-top: 100px !important;
}

.sec__mt-100.sec__first,
.sec__mt-90.sec__first,
.sec__mt-80.sec__first,
.sec__mt-70.sec__first,
.sec__mt-60.sec__first,
.sec__mt-50.sec__first,
.sec__mt-40.sec__first,
.sec__mt-30.sec__first,
.sec__mt-20.sec__first,
.sec__mt-10.sec__first,
.sec__mt-00.sec__first {
    margin-top: 0 !important;
}



.sec__pt-00 {
    padding-top: 0 !important;
}

.sec__pt-10 {
    padding-top: 10px !important;
}

.sec__pt-20 {
    padding-top: 20px !important;
}

.sec__pt-30 {
    padding-top: 30px !important;
}

.sec__pt-40 {
    padding-top: 40px !important;
}

.sec__pt-50 {
    padding-top: 50px !important;
}

.sec__pt-60 {
    padding-top: 60px !important;
}

.sec__pt-70 {
    padding-top: 70px !important;
}

.sec__pt-80 {
    padding-top: 80px !important;
}

.sec__pt-90 {
    padding-top: 90px !important;
}

.sec__pt-100 {
    padding-top: 100px !important;
}

.sec__pt-100.sec__first,
.sec__pt-90.sec__first,
.sec__pt-80.sec__first,
.sec__pt-70.sec__first,
.sec__pt-60.sec__first,
.sec__pt-50.sec__first,
.sec__pt-40.sec__first,
.sec__pt-30.sec__first,
.sec__pt-20.sec__first,
.sec__pt-10.sec__first,
.sec__pt-00.sec__first {
    padding-top: 0 !important;
}



/* [-] (Container)
=========================================================================================== */

.sec-container {

}



.sec-container.sec-container--lv-01 {
    padding-top: 70px;
}

.sec-container.sec-container--lv-01.sec-container--first {
    padding-top: 0;
}

@media screen and (max-width: 979px) {
    .sec-container.sec-container--lv-01 {
        padding-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .sec-container.sec-container--lv-01 {
        padding-top: 30px;
    }
}



/* [-] (Box)
=========================================================================================== */

.a-box_padding-10 {
    padding: 10px;
}

.a-box_padding-20 {
    padding: 20px;
}

.a-box_padding-30 {
    padding: 30px;
}

.a-box_padding-40 {
    padding: 40px;
}

.a-box_padding-50 {
    padding: 50px;
}

.a-box_padding-60 {
    padding: 60px;
}

.a-box_padding-70 {
    padding: 70px;
}

.a-box_padding-80 {
    padding: 80px;
}

.a-box_padding-90 {
    padding: 90px;
}

.a-box_padding-100 {
    padding: 100px;
}

@media screen and (max-width: 979px) {
  .a-box_padding-tb-10 {
      padding: 10px;
  }

  .a-box_padding-tb-20 {
      padding: 20px;
  }

  .a-box_padding-tb-30 {
      padding: 30px;
  }

  .a-box_padding-tb-40 {
      padding: 40px;
  }

  .a-box_padding-tb-50 {
      padding: 50px;
  }

  .a-box_padding-tb-60 {
      padding: 60px;
  }

  .a-box_padding-tb-70 {
      padding: 70px;
  }

  .a-box_padding-tb-80 {
      padding: 80px;
  }

  .a-box_padding-tb-90 {
      padding: 90px;
  }

  .a-box_padding-tb-100 {
      padding: 100px;
  }
}

@media screen and (max-width: 767px) {
  .a-box_padding-sp-10 {
      padding: 10px;
  }

  .a-box_padding-sp-20 {
      padding: 20px;
  }

  .a-box_padding-sp-30 {
      padding: 30px;
  }

  .a-box_padding-sp-40 {
      padding: 40px;
  }

  .a-box_padding-sp-50 {
      padding: 50px;
  }

  .a-box_padding-sp-60 {
      padding: 60px;
  }

  .a-box_padding-sp-70 {
      padding: 70px;
  }

  .a-box_padding-sp-80 {
      padding: 80px;
  }

  .a-box_padding-sp-90 {
      padding: 90px;
  }

  .a-box_padding-sp-100 {
      padding: 100px;
  }
}



/*.box-content-wrap {
    padding-bottom: 50px;
}*/

.box-content-wrap:last-of-type {
    padding-bottom: 0;
}

.box-content-wrap:first-of-type,
.box-content-wrap {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .box-content-wrap:first-of-type,
    .box-content-wrap {
        padding-bottom: 30px;
    }
}



.box-content {
    padding: 30px;
}

@media screen and (max-width: 767px) {
    .box-content {
        padding: 15px;
    }
}

.box-content.box-content-fill.box-content-tertiary {
    background: #f9f9f9;
}



.box-content.box-content-bd {
    border-style: solid;
}

.box-content.box-content-bd.box-content-bd-01 {
    border-width: 1px;
}
.box-content.box-content-bd.box-content-bd-02 {
    border-width: 2px;
}
.box-content.box-content-bd.box-content-bd-03 {
    border-width: 3px;
}
.box-content.box-content-bd.box-content-bd-04 {
    border-width: 4px;
}
.box-content.box-content-bd.box-content-bd-05 {
    border-width: 5px;
}
.box-content.box-content-bd.box-content-bd-06 {
    border-width: 6px;
}
.box-content.box-content-bd.box-content-bd-07 {
    border-width: 7px;
}
.box-content.box-content-bd.box-content-bd-08 {
    border-width: 8px;
}
.box-content.box-content-bd.box-content-bd-09 {
    border-width: 9px;
}
.box-content.box-content-bd.box-content-bd-10 {
    border-width: 10px;
}

.box-content.box-content-bd.box-content-tertiary {
    border-color: #e0e0e0;
}



/* [-] (Headline)
=========================================================================================== */

.o-heading-l {
    padding-bottom: 70px;
}

@media screen and (max-width: 979px) {
    .o-heading-l {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .o-heading-l {
        padding-bottom: 50px;
    }
}



.o-heading-m {
    padding-bottom: 50px;
}

@media screen and (max-width: 979px) {
    .o-heading-m {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .o-heading-m {
        padding-bottom: 30px;
    }
}



.o-heading-s {
    padding-bottom: 30px;
}

@media screen and (max-width: 979px) {
    .o-heading-s {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .o-heading-s {
        padding-bottom: 20px;
    }
}



.o-heading-ss {
    padding-bottom: 20px;
}

@media screen and (max-width: 979px) {
    .o-heading-ss {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .o-heading-ss {
        padding-bottom: 10px;
    }
}






.a-heading-01-m {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-01-m {
        font-size: 24px;
    }
}





.a-heading-02-primary {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.4;
}

@media screen and (max-width: 979px) {
    .a-heading-02-primary {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-02-primary {
        font-size: 28px;
    }
}



.a-heading-02-primary.a-heading-02-primary_index {
    display: block;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: .01em;
}

@media screen and (max-width: 979px) {
    .a-heading-02-primary.a-heading-02-primary_index {
        font-size: 42px;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-02-primary.a-heading-02-primary_index {
        font-size: 36px;
    }
}



.a-heading-02-primary-sub {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .025em;
}

@media screen and (max-width: 767px) {
    .a-heading-02-primary-sub {
        font-size: 16px;
    }
}



.a-heading-02-primary-sub.a-heading-02-primary-sub_index {
    display: block;
    font-size: 18px;
    /*font-weight: 400;*/
    /*letter-spacing: .025em;*/
}

@media screen and (max-width: 767px) {
    .a-heading-02-primary-sub.a-heading-02-primary-sub_index {
        font-size: 14px;
    }
}






.a-heading-03-primary {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.4;
}

@media screen and (max-width: 979px) {
    .a-heading-03-primary {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-03-primary {
        font-size: 22px !important;
    }
}



.a-heading-03-primary-sub {
    display: inline-block;
    font-size: 20px;
}

@media screen and (max-width: 979px) {
    .a-heading-03-primary-sub {
        font-size: 16px;
    }
}



.a-heading-03-secondary {
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width: 979px) {
    .a-heading-03-secondary {
        font-size: 20px;
    }
}



.a-heading-04-primary {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

@media screen and (max-width: 979px) {
    .a-heading-04-primary {
        margin-bottom: 10px;
        font-size: 20px;
    }
}

.a-heading-04-primary-sub {
    display: inline-block;
    font-size: 18px;
}

@media screen and (max-width: 979px) {
    .a-heading-04-primary-sub {
        font-size: 14px;
    }
}



.a-heading-05-primary {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

@media screen and (max-width: 979px) {
    .a-heading-05-primary {
        margin-bottom: 10px;
        font-size: 16px;
    }
}

.a-heading-05-primary-sub {
    display: inline-block;
    font-size: 14px;
}

@media screen and (max-width: 979px) {
    .a-heading-05-primary-sub {
        font-size: 14px;
    }
}






.a-heading_border-short-t-single {
    position:relative;
    padding-top: 1em;
    text-align: center;
}

.a-heading_border-short-t-single:before {
    content: '';
    display: block;
    position: absolute;
    /*left: 50%;*/
    top: 0;
    width: 1.1em;
    height: 2px;
    /*background: var(--color-gray-40per);*/
    /*-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
}

.a-heading_border-short-b-single {
    position:relative;
    padding-left: 0;
    padding-bottom: 1em;
    text-align: center;
}

.a-heading_border-short-b-single:before {
    content: '';
    display: block;
    position: absolute;
    /*left: 50%;*/
    bottom: 0;
    width: 1.5em;
    height: 2px;
    /*background: var(--color-gray-40per);*/
    /*-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
}



.a-heading_border-short-b_color-white:before,
.a-heading_border-short-t_color-white:before {
    background: var(--color-white);
}

.a-heading_border-short-b_color-90:before,
.a-heading_border-short-t_color-90:before {
    background: var(--color-gray-90per);
}

.a-heading_border-short-b_color-999:before,
.a-heading_border-short-t_color-999:before {
    background: var(--color-gray-60per);
}

.a-heading_border-short-b_color-ccc:before,
.a-heading_border-short-t_color-ccc:before {
    background: var(--color-gray-80per);
}

.a-heading_border-short-b_color-545454:before,
.a-heading_border-short-t_color-545454:before {
    background: var(--color-gray-30per);
}

.a-heading_border-short-b_color-666:before,
.a-heading_border-short-t_color-666:before {
    background: var(--color-gray-40per);
}

.a-heading_border-short-b_color-primary:before,
.a-heading_border-short-t_color-primary:before {
    background: var(--color-gray-20per);
}

.a-heading_border-short-b_color-secondary:before,
.a-heading_border-short-t_color-secondary:before {
    background: var(--color-secondary);
}



.a-heading_border-short-single_align-r:before {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.a-heading_border-short-single_align-c:before {
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.a-heading_border-short-single_align-l:before {
    left: 0;
    right: auto;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}






.a-heading_border-short-l-single {
    position:relative;
    margin-bottom: 20px;
    padding-top: 0em;
    padding-bottom: .15em;
    padding-left: 1em;
}

@media screen and (max-width: 767px) {
    .a-heading_border-short-l-single {
        padding-left: .75em;
    }
}

.a-heading_border-short-l-single:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: calc(100% - .5em);
    /*background: var(--color-gray-40per);*/
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 979px) {
    .a-heading_border-short-l-single {
        margin-bottom: 10px;
    }
}



.a-heading_border-b-single {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    /*border-bottom: 1px solid var(--color-gray-80per);*/
}

.a-heading_border-b-single:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--color-gray-80per);
    /*-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
}

@media screen and (max-width: 979px) {
    .a-heading_border-b-single {
        margin-bottom: 10px;
    }
}



.a-heading_border-short-l-single.a-heading_border-b-single {
    padding-left: .75em;
    padding-bottom: .75em;
    border: none;
}

.a-heading_border-short-l-single.a-heading_border-b-single:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: auto;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--color-gray-80per);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.a-heading_border-short-l-single.a-heading_border-b-single:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: calc(100% - .5em);
    background: var(--color-gray-40per);
}



.a-heading_border-b-double {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.a-heading_border-b-double:after,
.a-heading_border-b-double:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--color-gray-80per);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.a-heading_border-b-double:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200px;
    height: 2px;
    background: var(--color-gray-40per);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    z-index: 1;
}

@media screen and (max-width: 979px) {
    .a-heading_border-b-double:after {
        width: 50px;
        height: 2px;
    }
}






/*.a-heading-01-2nd_primary {
    text-align: center;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.4;
}

@media screen and (max-width: 979px) {
    .a-heading-01-2nd_primary {
        font-size: 32px;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-01-2nd_primary {
        font-size: 28px;
    }
}

.a-heading-01-2nd_secondary {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: var(--color-gray-60per);
    letter-spacing: .015em;
}

@media screen and (max-width: 767px) {
    .a-heading-01-2nd_secondary {
        font-size: 14px;
    }
}



.a-heading-02-m {
    font-size: 30px;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-02-m {
        font-size: 23px;
    }
}

.a-heading-02-m-sub {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-02-m-sub {
        font-size: 14px;
    }
}



.a-heading-02-2nd_primary {
    text-align: center;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-02-2nd_primary {
        font-size: 26px;
    }
}

.a-heading-02-2nd-sub {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-02-2nd-sub {
        font-size: 16px;
    }
}

.a-heading-02-2nd_secondary {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--color-gray-60per);
    letter-spacing: .015em;
}

@media screen and (max-width: 767px) {
    .a-heading-02-2nd_secondary {
        font-size: 14px;
    }
}



.a-heading-02-3nd {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-gray-70per);
    text-align: left;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
}

@media screen and (max-width: 979px) {
    .a-heading-02-3nd {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-02-3nd {
        font-size: 23px;
    }
}



.a-heading-03-l {
    font-size: 25px;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-03-l {
        font-size: 18px;
    }
}

.a-heading-03-m {
    font-size: 22px;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-03-m {
        font-size: 18px;
    }
}

.a-heading-03-s {
    font-size: 18px;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-03-s {
        font-size: 14px;
    }
}



.a-heading-03-2nd {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-03-2nd {
        font-size: 23px;
    }
}

.a-heading-03-2nd_secondary {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .015em;
}

@media screen and (max-width: 767px) {
    .a-heading-03-2nd_secondary {
        font-size: 14px;
    }
}



.a-heading-04-2nd-m {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .a-heading-04-2nd-m {
        font-size: 18px;
    }
}*/



/* [-] (Text)
=========================================================================================== */

@font-face {
  font-family: 'NotoSerifCJKjp';
  font-style: normal;
  src: url('../assets/font/NotoSerifCJKjp-Regular.min.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

@font-face {
    font-family: "YakuHanMP";
    font-style: normal;
    font-weight: normal;
    src: url("../assets/font/YakuHanMP-Regular.woff") format("woff");
    font-display: swap;
}

.a-font-f-serif {
    font-family: YakuHanMP, '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'NotoSerifCJKjp', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;

     font-family: YakuHanMP, 'NotoSerifCJKjp', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;

     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



.a-font-f-sans-serif {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}



/* [-] (Emphasis)
=========================================================================================== */

.empha-item-wrap {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .empha-item-wrap {
        margin-bottom: 30px;
    }
}

.empha-item {
    margin-bottom: 1em;
    font-size: 20px;
    line-height: 1.8;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .empha-item {
        font-size: 16px;
        font-weight: 700;
    }
}

.empha-item.empha-item-fill {
    margin-bottom: 20px;
    padding: .8em;
}

.empha-item.empha-item-tertiary.empha-item-fill {
    background: #f2f2f2;
    border: 1px solid #ebebeb;
}

.empha-item.empha-item-list-ccl {
    position: relative;
    padding-left: 1em;
}

.empha-item.empha-item-fill.empha-item-list-ccl {
    /*position: relative;*/
    padding-left: 2em;
}

.empha-item.empha-item-list-ccl:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: .7em;
    width: .5em;
    height: .5em;
    background: #d71a08;
    border-radius: 50%;
}

.empha-item.empha-item-fill.empha-item-list-ccl:before {
    /*content: '';
    display: inline-block;
    position: absolute;*/
    left: 1em;
    top: 1.5em;
    /*width: .5em;
    height: .5em;
    background: #d71a08;
    border-radius: 50%;*/
}

/* [-] (Figure)
=========================================================================================== */


@media screen and (max-width: 767px) {
    .m-scroll_figure {
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 15px;
        -webkit-overflow-scrolling: auto;
    }

    .m-scroll_figure > img {
        min-width: 640px;
        width: 100%;
        white-space: normal;
    }
}



/* [-] (Icon)
=========================================================================================== */

.a-icon_arw {
    position: relative;
    padding-left: 16px;
}

.a-icon_arw:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #737373 #737373 transparent transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



.a-icon_arw-l:before {
    top: .6em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.a-icon_arw-b:before {
    top: .4em;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}



.a-icon_smartphone {
    position: relative;
    padding-left: .9em;
    padding-right: .9em;
}

.a-icon_smartphone:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: .75em;
    height: 1em;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.a-icon_smartphone-white.a-icon_smartphone:before {
    background: url("../images/common/icon_smartphone-white.svg") 50% 50% no-repeat;
    background-size: .525em auto;
}

.a-icon_smartphone-333.a-icon_smartphone:before {
    background: url("../images/common/icon_smartphone-333.svg") 50% 50% no-repeat;
    background-size: .525em auto;
}

.a-icon_smartphone-primary.a-icon_smartphone:before {
    background: url("../images/common/icon_smartphone-primary.svg") 50% 50% no-repeat;
    background-size: .525em auto;
}



.a-icon_outer {

}

.a-icon_outer_align-l {
    position: relative;
    padding-left: 16px;
}

.a-icon_outer_align-r {
    position: relative;
    padding-right: 16px;
}

.a-icon_outer_align-r:before,
.a-icon_outer_align-l:before {
    content: '';
    display: block;
    position: absolute;
    /*left: 0;*/
    top: 50%;
    width: 14px;
    height: 14px;
    background: url("../images/common/icon_link_outer.svg") 0 0 no-repeat;
    background-size: 14px 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.a-icon_outer_align-r:hover::before,
.a-icon_outer_align-l:hover::before {
    background: url("../images/common/icon_link_outer-w.svg") 0 0 no-repeat;
    background-size: 14px 14px;
}

.a-icon_outer_align-l:before {
    left: 6%;
}

.a-icon_outer_align-r:before {
    right: 6%;
}

@media screen and (max-width: 979px) {
    .a-icon_outer_align-l:before {
        left: 6%;
    }

    .a-icon_outer_align-r:before {
        right: 6%;
    }
}

@media screen and (max-width: 767px) {
    .a-icon_outer_align-l:before {
        left: 3%;
    }

    .a-icon_outer_align-r:before {
        right: 3%;
    }
}



.a-icon_image-bg {
    position: relative;
    display: inline-block;
}

.a-icon_image-bg:after,
.a-icon_image-bg:before {
    content: '';
    display: block;
    position: absolute;
}

/*.a-icon_image-bg:after,
.a-icon_image-bg:before {
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    background: url("../images/common/icon__movie-play.png") 50% 50% no-repeat;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 20;
}*/






.a-icon_image-bg.a-icon_image-bg_arw-ccl:after {
    width: 50px;
    height: 50px;
    right: 0;
    left: auto;
    top: 50%;

    /*background: url("../images/common/icon_arw-ccl_bd-half-top_button-333.svg") 50% 50% no-repeat;
    background-size: cover;*/

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 979px) {
    .a-icon_image-bg.a-icon_image-bg_arw-ccl:after {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 767px) {
    .a-icon_image-bg.a-icon_image-bg_arw-ccl:after {
        width: 32px;
        height: 32px;
    }
}

.a-icon_image-bg.a-icon_image-bg_arw-ccl.a-icon_image-bg_arw-ccl_color-333:after {
    background: url("../images/common/icon_arw-ccl_bd-half-top_button-333.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-icon_image-bg.a-icon_image-bg_arw-ccl.a-icon_image-bg_arw-ccl_color-666:after {
    background: url("../images/common/icon_arw-ccl_bd-half-top_button-666.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-icon_image-bg.a-icon_image-bg_arw-ccl.a-icon_image-bg_arw-ccl_color-999:after {
    background: url("../images/common/icon_arw-ccl_bd-half-top_button-999.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-icon_image-bg.a-icon_image-bg_arw-ccl.a-icon_image-bg_arw-ccl_color-fff:after {
    background: url("../images/common/icon_arw-ccl_bd-half-top_button-fff.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-icon_image-bg.a-icon_image-bg_arw-ccl.a-icon_image-bg_arw-ccl_color-primary:after {
    background: url("../images/common/icon_arw-ccl_bd-half-top_button-primary.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-icon_image-bg.a-icon_image-bg_arw-ccl.a-icon_image-bg_arw-ccl_color-secondary:after {
    background: url("../images/common/icon_arw-ccl_bd-half-top_button-secondary.svg") 50% 50% no-repeat;
    background-size: cover;
}






.a-icon_image-bg.a-icon_image-bg_arw-ccl-m.a-icon_image-bg_arw-ccl:after {
    width: 30px;
    height: 30px;
    right: 1em;
    /*right: 0;*/
    left: auto;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 979px) {
    .a-icon_image-bg.a-icon_image-bg_arw-ccl-m.a-icon_image-bg_arw-ccl:after {
        width: 28px;
        height: 28px;
    }
}

@media screen and (max-width: 767px) {
    .a-icon_image-bg.a-icon_image-bg_arw-ccl-m.a-icon_image-bg_arw-ccl:after {
        width: 26px;
        height: 26px;
    }
}



.a-icon_image-bg.a-icon_image-bg_arw-ccl-s.a-icon_image-bg_arw-ccl:after {
    width: 24px;
    height: 24px;
    right: 1em;
    /*right: 0;*/
    left: auto;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 979px) {
    .a-icon_image-bg.a-icon_image-bg_arw-ccl-s.a-icon_image-bg_arw-ccl:after {
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 767px) {
    .a-icon_image-bg.a-icon_image-bg_arw-ccl-s.a-icon_image-bg_arw-ccl:after {
        width: 20px;
        height: 20px;
    }
}





/* Arrow (Image / BG / Bntton) */
.a-icon_image-bg.a-icon_image-bg_arw-ccl-m.a-icon_image-bg_arw-ccl.__color-white:after,
.a-icon_image-bg.a-icon_image-bg_arw-ccl-s.a-icon_image-bg_arw-ccl.__color-white:after {
    background: url("../images/common/icon_arw_ccl_fill-white.svg") 50% 50% no-repeat;
    background-size: cover;
    transform: rotate(90deg) translate(-50%, 0%);
    transform-origin: center;
}



.a-icon_image-bg.a-icon_image-bg_arw-ccl-m.a-icon_image-bg_arw-ccl.__color-gray-80per:after,
.a-icon_image-bg.a-icon_image-bg_arw-ccl-s.a-icon_image-bg_arw-ccl.__color-gray-80per:after {
    background: url("../images/common/icon_arw_ccl_fill-gray-80per.svg") 50% 50% no-repeat;
    background-size: cover;
    transform: rotate(90deg) translate(-50%, 0%);
    transform-origin: center;
}



.a-icon_image-bg.a-icon_image-bg_arw-ccl-m.a-icon_image-bg_arw-ccl.__color-primary:after ,
.a-icon_image-bg.a-icon_image-bg_arw-ccl-s.a-icon_image-bg_arw-ccl.__color-primary:after {
    background: url("../images/common/icon_arw_ccl_fill-primary.svg") 50% 50% no-repeat;
    background-size: cover;
}



.a-icon_image-bg.a-icon_image-bg_arw-ccl-m.a-icon_image-bg_arw-ccl.__color-secondary:after,
.a-icon_image-bg.a-icon_image-bg_arw-ccl-s.a-icon_image-bg_arw-ccl.__color-secondary:after {
    background: url("../images/common/icon_arw_ccl_fill-secondary.svg") 50% 50% no-repeat;
    background-size: cover;
}





/* hover (Button) */
.a-btn_wrap .a-btn_item > a .a-btn span {
    opacity: 1;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

.a-btn_wrap .a-btn_item > a:hover .a-btn span {
    opacity: .7;
}



/* hover (Icon / Button) */
a .a-icon_image-bg:after,
a .a-icon_image-bg:before {
    opacity: 1;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transform: translate(0, -50%) !important;
}

a:hover .a-icon_image-bg:after,
a:hover .a-icon_image-bg:before {
    opacity: .7;
    transform: translate(-4px, -50%) !important;
}






.a-icon_play-movie > a {
    display: block;
    position: relative;
}

.a-icon_play-movie > a:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    background: url("../images/common/icon__movie-play.png") 50% 50% no-repeat;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 20;
}

.a-icon_play-movie > a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: 10;
}






.a-icon_service_google-map {
    position: relative;
    display: inline-flex;
    width: 100%;
}



.a-icon_service_google-map.a-icon_align-l {
    padding-left: 1.75em;
}

.a-icon_service_google-map.a-icon_align-r {
    padding-right: 1.75em;
}



.a-icon_service_google-map:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: calc(50% + .075em);
    width: 22px;
    height: 22px;
    /*background: url("../images/common/icon_service_google-map_gray-999.svg") 0 0 no-repeat;
    background-size: 22px 22px;*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.a-icon_align-l.a-icon_service_google-map:before {
    right: auto;
    left: 0;
}

.a-icon_align-r.a-icon_service_google-map:before {
    right: 0;
    left: auto;
}



.a-icon_service_google-map.a-icon_service_google-map_primary:before {
    background: url("../images/common/icon_service_google-map_primary.svg") 0 0 no-repeat;
    background-size: 22px 22px;
}

.a-icon_service_google-map.a-icon_service_google-map_secondary:before {
    background: url("../images/common/icon_service_google-map_secondary.svg") 0 0 no-repeat;
    background-size: 22px 22px;
}

.a-icon_service_google-map.a-icon_service_google-map_gray-999:before {
    background: url("../images/common/icon_service_google-map_gray-999.svg") 0 0 no-repeat;
    background-size: 22px 22px;
}



/* [-] (Tag)
=========================================================================================== */

.a-tag_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.a-tag_item:not(:first-child) {
    margin-left: .5em;
}






.a-tag {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

.a-tag_bd.a-tag,
.a-tag_bg-fill.a-tag {
    padding: 0.1em .9em 0.1em;
}

/*.a-tag.a-tag_sss.a-tag_primary ,
.a-tag.a-tag_ss.a-tag_primary {
    padding: 0.1em .9em 0.1em;
}*/

.a-tag.a-tag_rounded {
    border-radius: 20em;
}



.a-tag.a-tag_l.a-tag_primary {
    font-size: 24px !important;
}

.a-tag.a-tag_m.a-tag_primary {
    font-size: 20px !important;
}

.a-tag.a-tag_s.a-tag_primary {
    font-size: 16px !important;
}

.a-tag.a-tag_ss.a-tag_primary {
    font-size: 14px !important;
}

.a-tag.a-tag_sss.a-tag_primary {
    font-size: 12px !important;
}

@media screen and (max-width: 979px) {
    .a-tag.a-tag_l.a-tag_primary {
        font-size: 20px !important;
    }

    .a-tag.a-tag_m.a-tag_primary {
        font-size: 18px !important;
    }

    .a-tag.a-tag_s.a-tag_primary {
        font-size: 14px !important;
    }

    .a-tag.a-tag_ss.a-tag_primary {
        font-size: 12px !important;
    }

    .a-tag.a-tag_sss.a-tag_primary {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 767px) {
    .a-tag.a-tag_l.a-tag_primary {
        font-size: 18px !important;
    }

    .a-tag.a-tag_m.a-tag_primary {
        font-size: 16px !important;
    }

    .a-tag.a-tag_s.a-tag_primary {
        font-size: 12px !important;
    }

    .a-tag.a-tag_ss.a-tag_primary {
        font-size: 12px !important;
    }

    .a-tag.a-tag_sss.a-tag_primary {
        font-size: 12px !important;
    }
}



.a-tag.a-tag_l.a-tag_secondary {
    font-size: 16px !important;
}

.a-tag.a-tag_m.a-tag_secondary {
    font-size: 14px !important;
}

.a-tag.a-tag_sss.a-tag_secondary,
.a-tag.a-tag_ss.a-tag_secondary,
.a-tag.a-tag_s.a-tag_secondary {
    font-size: 12px !important;
}

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

}

@media screen and (max-width: 767px) {
    .a-tag.a-tag_l.a-tag_secondary {
        font-size: 14px !important;
    }

    .a-tag.a-tag_m.a-tag_secondary {
        font-size: 12px !important;
    }

    .a-tag.a-tag_sss.a-tag_secondary,
    .a-tag.a-tag_ss.a-tag_secondary,
    .a-tag.a-tag_s.a-tag_secondary {
        font-size: 12px !important;
    }
}






.a-tag_color-fff {
    color: var(--color-white);
}



.a-tag_bg-fill.a-tag_primary {
    background: #302184;
    border: #302184;
    color: var(--color-white);
}



.a-tag_bd {
    border-style: solid;
    border-width: 1px;
}

.a-tag_bd.a-tag_primary {
    border-color: #302184;
    color: #302184;
}

.a-tag_bd.a-tag_color-fff {
    border-color: var(--color-white);
    color: var(--color-white);
}






/* [-] (List)
=========================================================================================== */

.a-list-bg-image,
.a-list_asterisk,
.a-list_ccl,
.a-list_table,
.a-list_default {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.8;
}

.a-list-bg-image,
ul.a-list_asterisk,
ul.a-list_ccl {
    display: block;
}

/*ul.a-list-bg-image > li,
ul.a-list_asterisk > li,
ul.a-list_ccl > li,*/
.a-list_ccl > dt,
.a-list_table > dt,
.a-list_default > dt {
    width: 10em;
    padding-top: 26px;
    padding-bottom: 24px;
    border-bottom: 1px solid #d7d7d5;
    font-size: 15px;
    font-weight: 700;
}

.a-list_table > dt {
    position: relative;
    /*padding-left: 1.8em;*/
    /*border-bottom: 1px solid #b3b3b1;*/
}

.a-list_default > dt {
    /*width: auto;*/
    padding-left: 0;
    padding-top: 0;
    border-bottom: none;
}

.a-list_table > dt:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 8em;
    height: 1px;
    background: var(--color-gray-60per);
}

@media screen and (max-width: 767px) {
    .a-list_table > dt:before {
        content: none;
    }
}

/*.a-list_table > dt:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2.6em;
    width: 15px;
    height: 1px;
    background: var(--color-gray-20per);
}*/

.a-list_default > dt:after {
    content: none;
}

@media screen and (max-width: 767px) {
    .a-list_table > dt:after {
        top: 2.2em;
    }
}

ul.a-list-bg-image > li,
ul.a-list_asterisk > li,
ul.a-list_ccl > li,
.a-list_ccl > dt {
    position: relative;
    padding-left: 1em;
    border-bottom: none;
}

ul.a-list-bg-image > li,
ul.a-list_asterisk > li,
ul.a-list_ccl > li {
    width: 100%;
    /*padding-left: 1.5em;*/
    padding-top: 0;
    padding-bottom: .25em;
    /*font-size: 16px;*/
    font-weight: 400;
}

ul.a-list-bg-image > li:last-child,
ul.a-list_asterisk > li:last-child,
ul.a-list_ccl > li:last-child {
    padding-bottom: 0;
}

ul.a-list_ccl > li:before,
.a-list_ccl > dt:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: .25em;
    top: 2.5em;
    width: 4px;
    height: 4px;
    background: var(--color-gray-40per);
    border-radius: 50%;
}

ul.a-list_ccl > li:before {
    top: .8em;
}

ul.a-list_asterisk > li:before {
    content: '※';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: 1em;
}

ul.a-list-bg-image > li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: 1em;
    /*background: url("../images/common/icon_list_00.svg") 50% 50% no-repeat;
    background-size: cover;*/
}



.a-list_ccl > dd,
.a-list_table > dd,
.a-list_default > dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 24px 20px 24px 10px;
    border-bottom: 1px solid #d7d7d5;
}

.a-list_ccl > dd,
.a-list_default > dd {
    border-bottom: none;
}

.a-list_default > dd {
    width: auto;
    padding: 0 20px .8em 0;
}

@media screen and (max-width: 979px) {
    ul.a-list_ccl > li:before{
        top: .9em;
    }
}

@media screen and (max-width: 767px) {
    .a-list_ccl,
    .a-list_table,
    .a-list_default {
        display: block;
    }

    .a-list_ccl > dt,
    .a-list_table > dt {
        width: 100%;
        padding-top: 20px;
        padding-bottom: .5em;
        border: none;
        font-weight: bold;
    }

    .a-list_default > dt {
        padding-top: 0;
    }

    .a-list_ccl > dt {
        position: relative;
        padding-left: 1.5em;
        border-bottom: none;
    }

    .a-list_ccl > dt:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        top: 2.1em;
        width: .5em;
        height: .5em;
        background: #d71a08;
        border-radius: 50%;
    }

    .a-list_ccl > dd,
    .a-list_table > dd,
    .a-list_default > dd  {
        width: 100%;
        padding: 0 15px 20px 0;
    }

    .a-list_table > dd {
        padding: 0 0 20px 0;
    }

    .a-list_ccl > dd {
        border-bottom: none;
        padding-left: 1.25em;
    }

    ul.a-list_ccl > li {
        padding-left: 1em;
        padding-bottom: 10px;
    }

    ul.a-list_ccl > li:before{
        top: .8em;
        width: 4px;
        height: 4px;
    }
}



.a-list_link-text > li {
}

.a-list_link-text > li a {
    display: block;
    position: relative;
    padding: 20px 0 20px 1.5em;
    line-height: 1.3;
    color: var(--color-gray-80per);
}

.a-list_link-text > li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1.65em;
    display: block;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #ddd #ddd transparent transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.a-list-ccl-bd-wrap {
    position: relative;
    z-index: 2;
}

.a-list-ccl-bd-wrap:after {
    content: '';
    display: block;
    position: absolute;
    left: 11px;
    top: 32px;
    width: 1px;
    height: calc(100% - 62px);
    background: #c4c4c4;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .a-list-ccl-bd-wrap:after {
        left: 11px;
        top: 32px;
        height: calc(100% - 100px);
    }
}



.a-list-ccl-bd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.8;

    position: relative;
}

@media screen and (max-width: 767px) {
    .a-list-ccl-bd {
        display: block;
    }
}



.a-list-ccl-bd:after,
.a-list-ccl-bd:before {
    content: '';
    display: block;
    position: absolute;
    left: 40px;
    bottom: 0;
}

@media screen and (max-width: 767px) {
    .a-list-ccl-bd:after,
    .a-list-ccl-bd:before {
        left: 30px;
    }
}

.a-list-ccl-bd:before {
    width: 8em;
    height: 1px;
    border-bottom: 1px solid #a6a6a6;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .a-list-ccl-bd:before {
        content: none;
    }
}

.a-list-ccl-bd:after {
    width: calc(100% - 40px);
    height: 1px;
    border-bottom: 1px solid #d9d9d9;
}



.a-list-ccl-bd > dt {
    position: relative;
    padding: 20px 50px 20px 40px;
    color: #808080;
}

@media screen and (max-width: 767px) {
    .a-list-ccl-bd > dt {
        position: relative;
        padding: 20px 0px 10px 30px;
    }
}

.a-list-ccl-bd > dt:before {
    content: '';
    display: block;
    position: absolute;
    left: 7px;
    top: 32px;
    width: 8px;
    height: 8px;
    background: var(--color-gray-20per);
    border-radius: 50%;
    z-index: 3;
}



.a-list-ccl-bd > dd {
    padding: 20px 0 20px 0;
}

@media screen and (max-width: 767px) {
    .a-list-ccl-bd > dd {
        padding: 0 0 20px 30px;
    }
}



ul.a-list_ccl.a-list_ccl_bg-color_primary > li:before {
    background: var(--color-gray-20per);
}






.a-list_number ol {
    counter-reset: count 0;
}

.a-list_number li {
    padding-bottom: .75em;
}

.a-list_number li:before {
    content: counter(count) ". ";
    counter-increment: count 1;
}

.a-list_number.list_number_secondary ol {
    counter-reset: count 5;
}






/* [-] (Btn)
=========================================================================================== */

/* Btn */
.a-btn_wrap .a-btn_item > a {
    display: block;
    line-height: 1.4;
}

.a-btn_wrap .a-btn_item.a-btn_no-link > .a-btn,
.a-btn_wrap .a-btn_item > a > .a-btn {
    position: relative;
    display: block;

    /*max-width: 350px;*/
    /*max-width: 250px;*/
    /*min-width: 300px;*/

    /*border-radius: 4em !important;*/

    /*-webkit-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;*/
}

/*@media screen and (max-width: 767px) {
    .a-btn_wrap .a-btn_item.a-btn_no-link > .a-btn,
    .a-btn_wrap .a-btn_item > a > .a-btn {
        max-width: 100%;
    }
}*/






/* Align (Button) */
/*.a-btn_wrap .a-btn_item > a > .a-btn {
    display: flex;
    justify-content: center;
}*/






/* Btn Hover */
.a-btn_wrap .a-btn_item.a-btn_no-link > .a-btn,
.a-btn_wrap .a-btn_item > a > .a-btn {
    -webkit-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.a-btn_wrap .a-btn_item > .a-btn:hover,
.a-btn_wrap .a-btn_item > a > .a-btn:hover,
.a-btn_wrap .a-btn_item > a:hover {
    opacity: 1;
}






/* Btn Width */
.a-btn_wrap .a-btn_item.a-btn_no-link > .a-btn,
.a-btn_wrap .a-btn_item > a > .a-btn {
    width: min(17em, 100%);
    /*max-width: 350px;*/
    /*max-width: 250px;*/
    /*min-width: 300px;*/
}

@media screen and (max-width: 767px) {
    .a-btn_wrap .a-btn_item.a-btn_no-link > .a-btn,
    .a-btn_wrap .a-btn_item > a > .a-btn {
        /*max-width: 100%;*/
    }
}






/* Btn Radius */
/*.a-btn_wrap .a-btn_item.a-btn_no-link > .a-btn,
.a-btn_wrap .a-btn_item > a > .a-btn {
    border-radius: 4em !important;
}*/






/* Btn Align */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_align-l > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_align-l > a > .a-btn {
    margin: 0 auto 0 0;
    text-align: center;
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_align-c > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_align-c > a > .a-btn {
    margin: 0 auto;
    text-align: center;
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_align-r > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_align-r > a > .a-btn {
    margin: 0 0 0 auto;
    text-align: center;
}

@media screen and (max-width: 979px) {
    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_align-tb-l > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_align-tb-l > a > .a-btn {
        margin: 0 auto 0 0;
        text-align: center;
    }

    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_align-tb-c > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_align-tb-c > a > .a-btn {
        margin: 0 auto;
        text-align: center;
    }

    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_align-tb-r > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_align-tb-r > a > .a-btn {
        margin: 0 0 0 auto;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_align-sp-l > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_align-sp-l > a > .a-btn {
        margin: 0 auto 0 0;
        text-align: center;
    }

    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_align-sp-c > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_align-sp-c > a > .a-btn {
        margin: 0 auto;
        text-align: center;
    }

    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_align-sp-r > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_align-sp-r > a > .a-btn {
        margin: 0 0 0 auto;
        text-align: center;
    }
}






/* Btn Font Size */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-l > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-l > a > .a-btn {
    font-size: 16px;
}

@media screen and (max-width: 979px) {
    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-l > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_pd-l > a > .a-btn {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-l > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_pd-l > a > .a-btn {
        font-size: 14px;
    }
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-m > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-m > a > .a-btn {
    font-size: 15px;
}

@media screen and (max-width: 979px) {
    .a-btn_wrap .a-btn_item.a-btn_pd-m > a > .a-btn {

    }
}

@media screen and (max-width: 767px) {
    .a-btn_wrap .a-btn_item.a-btn_pd-m > a > .a-btn {
        font-size: 14px;
    }
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-s > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-s > a > .a-btn {
    font-size: 12px;
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-ss > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-ss > a > .a-btn {
    font-size: 12px;
}



/* Btn Padding */
.a-btn_wrap .a-btn_item.a-btn_pd-ss > a > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-s > a > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-m > a > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-l > a > .a-btn {

}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-l > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-l > a > .a-btn {
    padding: 30px;
    /*font-size: 16px;*/
}

@media screen and (max-width: 979px) {
    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-l > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_pd-l > a > .a-btn {
        padding: 25px;
        /*font-size: 15px;*/
    }
}

@media screen and (max-width: 767px) {
    .a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-l > .a-btn,
    .a-btn_wrap .a-btn_item.a-btn_pd-l > a > .a-btn {
        padding: 20px;
        /*font-size: 14px;*/
    }
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-m > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-m > a > .a-btn {
    padding: 1.5em 2em 1.5em 2em;
    /*padding: 30px;*/
    /*font-size: 15px;*/
}

@media screen and (max-width: 979px) {
    .a-btn_wrap .a-btn_item.a-btn_pd-m > a > .a-btn {
        /*padding: 25px;*/
    }
}

@media screen and (max-width: 767px) {
    .a-btn_wrap .a-btn_item.a-btn_pd-m > a > .a-btn {
        /*padding: 20px;*/
        /*font-size: 14px;*/
    }
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-s > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-s > a > .a-btn {
    padding: 10px;
    /*font-size: 12px;*/
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_pd-ss > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_pd-ss > a > .a-btn {
    padding: 5px;
    /*font-size: 12px;*/
}






.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_fill > a > .a-btn {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_fill > a > .a-btn:hover {
    background: var(--color-white);
}






/* Btn Primary */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-primary > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-primary > a > .a-btn {
    background: #302184;
    border-color: #302184;
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-primary > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-primary > a > .a-btn:hover {
    background: var(--color-white);
    border-color: #302184;
    color: #302184;
}



.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_gradation.a-btn_color-primary > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_gradation.a-btn_color-primary > a > .a-btn {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;

    background: linear-gradient(30deg, #302184 0%,#0b5ed6 60%,#4c80c1 100%);
    /*background-image: linear-gradient(to right,#302184 0%,#0b5ed6 50%,#4c80c1 100%);*/
    background-size: 200% auto;
    background-position: left center;

    /*background: linear-gradient(30deg, #302184 0%, #4c80c1 90%);
    border-color: background: linear-gradient(30deg, #302184 0%, #4c80c1 90%);*/

    border: none;
    /*border-color: transparent;*/
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_gradation.a-btn_color-primary > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_gradation.a-btn_color-primary > a > .a-btn:hover {
    background-position: right center;
    text-shadow: 0 0 5px rgb(255 255 255 / 40%);

    /*background: linear-gradient(45deg, #fff 0%, #fff 60%);*/
    /*border: 1px solid #302184;*/
    /*color: #302184;*/
}






/* Btn Secondary */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-secondary > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-secondary > a > .a-btn {
    background: #009901;
    border-color: #009901;
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-secondary > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-secondary > a > .a-btn:hover {
    background: var(--color-white);
    color: #009901;
}






/* Btn Tertiary */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-tertiary > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-tertiary > a > .a-btn {
    background: #007d7f;
    border-color: #007d7f;
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-tertiary > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-tertiary > a > .a-btn:hover {
    background: var(--color-white);
    color: #007d7f;
}






/* Btn Quaternary */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-quaternary > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-quaternary > a > .a-btn {
    background: #fffe01;
    border-color: #fffe01;
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-quaternary > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-quaternary > a > .a-btn:hover {
    background: var(--color-white);
    border-color: var(--color-white);
    color: #fffe01;
}






/* Btn FFF */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-fff > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-fff > a > .a-btn {
    background: var(--color-white);
    border-color: var(--color-white);
    color: #302184;
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-fff > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-fff > a > .a-btn:hover {
    background: #302184;
    border-color: #302184;
    color: var(--color-white);
}






/* Btn 333 */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-333 > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-333 > a > .a-btn {
    background: var(--color-gray-20per);
    border-color: var(--color-gray-20per);
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-333 > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-333 > a > .a-btn:hover {
    background: var(--color-white);
    border-color: var(--color-gray-20per);
    color: var(--color-gray-20per);
}






/* Btn 666 */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-666 > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-666 > a > .a-btn {
    background: var(--color-gray-40per);
    border-color: var(--color-gray-40per);
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-666 > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-666 > a > .a-btn:hover {
    background: var(--color-white);
    border-color: var(--color-gray-40per);
    color: var(--color-gray-40per);
}






/* Btn 999 */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-999 > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-999 > a > .a-btn {
    background: var(--color-gray-60per);
    border-color: var(--color-gray-60per);
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_fill.a-btn_color-999 > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-999 > a > .a-btn:hover {
    background: var(--color-white);
    border-color: var(--color-gray-60per);
    color: var(--color-gray-60per);
}






/* Btn Gradation Primary (Hover Action) */
.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-primary.a-bg-gradation-primary > a > .a-btn {
    overflow: hidden;
    width: 250px;
    max-width: 250px;
    background: none;
    border: none;
    z-index: 0;
}

.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-primary.a-bg-gradation-primary > a > .a-btn:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    max-width: 250px;
    z-index: -1;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-primary.a-bg-gradation-primary > a > .a-btn:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    max-width: 250px;
    z-index: -2;
    background: linear-gradient(-135deg, #fff 0%, #fff 60%);
}

.a-btn_wrap .a-btn_item.a-btn_fill.a-btn_color-primary.a-bg-gradation-primary > a:hover > .a-btn:before {
    opacity: 0;
}






/* Btn BD */
.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_bd > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_bd > a > .a-btn {
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_bd > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_bd > a > .a-btn:hover {
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_bd > a > .a-btn:hover {
    color: var(--color-white);
}



.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-primary > a > .a-btn {
    border-color: #302184;
    color: #302184;
}

.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-primary > a > .a-btn:after {
    border-color: #302184;
}

.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-primary > a > .a-btn:hover {
    background: #302184;
    color: var(--color-white);
}



.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-tertiary > a > .a-btn:after {
    border-color: #007d7f;
}

.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-tertiary > a > .a-btn:hover {
    background: #7f7f7f;
}



.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_bd.a-btn_color-quaternary > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-quaternary > a > .a-btn {
    background: transparent;
    border-color: #fffe01;
    color: #fffe01;
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_bd.a-btn_color-quaternary > .a-btn:after,
.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-quaternary > a > .a-btn:after {
    border-color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_bd.a-btn_color-quaternary > .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-quaternary > a > .a-btn:hover {
    background: var(--color-white);
    border-color: #fffe01;
    color: #fffe01;
}



.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_bd.a-btn_color-fff > .a-btn,
.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-fff> a > .a-btn {
    background: transparent;
    border-color: var(--color-white);
    color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_bd.a-btn_color-fff> .a-btn:after,
.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-fff> a > .a-btn:after {
    border-color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_no-link.a-btn_bd.a-btn_color-fff> .a-btn:hover,
.a-btn_wrap .a-btn_item.a-btn_bd.a-btn_color-fff> a > .a-btn:hover {
    background: #003b90;
    border-color: #003b90;
    color: var(--color-white);
}



.a-btn_wrap .a-btn_item > a > .a-btn:after,
.a-btn_wrap .a-btn_item > a > .a-btn:before {
    content: '';
    display: block;
    position: absolute;
}

.a-btn_wrap .a-btn_item.a-btn_arw > a > .a-btn:after {
    top: 50%;
    border-style: solid;
    border-width: 1px 1px 0 0;

    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}






/* Btn Icon Downward */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-downward > a > .a-btn:after {
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    -o-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
}






/* Btn Icon Arw */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_pd-l > a > .a-btn:after {
    right: 40px;
    width: 10px;
    height: 10px;
}

@media screen and (max-width: 767px) {
    .a-btn_wrap .a-btn_item.a-btn_arw.a-btn_pd-l > a > .a-btn:after {
        right: 20px;
        width: 8px;
        height: 8px;
    }
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_pd-m > a > .a-btn:after {
    right: 30px;
    width: 8px;
    height: 8px;
}

@media screen and (max-width: 767px) {
    .a-btn_wrap .a-btn_item.a-btn_arw.a-btn_pd-m > a > .a-btn:after {
        right: 20px;
    }
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_pd-s > a > .a-btn:after {
    right: 20px;
    width: 6px;
    height: 6px;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_pd-ss > a > .a-btn:after {
    right: 20px;
    width: 4px;
    height: 4px;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_bd > a > .a-btn:hover::after {
    border-color: var(--color-white);
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_bd.a-btn_color-tertiary > a > .a-btn {
    border-color: var(--color-gray-80per);
}






/* Btn Icon Arw Img (After) */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img > a > .a-btn:after {
    top: 50%;

    right: 1em;
    /*right: -2em;*/

    width: 28px;
    height: 9px;
    /*width: 60px;
    height: 10px;*/

    border: none;
    /*background: url("../images/common/icon_arw_bd-half-top_button-primary.svg") 50% 50% no-repeat;
    background-size: cover;*/

    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);

    transition: all 0.4s ease;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img > a:hover > .a-btn:after {
    right: .85em;
    /*right: -2.25em;*/

    transition: all 0.4s ease;

    /*background-blend-mode: exclusion;*/
    /*mix-blend-mode: exclusion;*/
}






/* Btn Fill Arw Img FFF */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-fff > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-primary.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-fff > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-fff.svg") 50% 50% no-repeat;
    background-size: cover;
}



/* Btn Bd Arw Img FFF */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-fff.a-btn_bd > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-fff.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-fff.a-btn_bd > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-fff.svg") 50% 50% no-repeat;
    background-size: cover;
}






/* Btn Fill Arw Img Primary */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-primary > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-fff.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-primary > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-primary.svg") 50% 50% no-repeat;
    background-size: cover;
}



/* Btn Bd Arw Img Primary */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-primary.a-btn_bd > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-primary.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-primary.a-btn_bd > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-primary.svg") 50% 50% no-repeat;
    background-size: cover;
}






/* Btn Fill Arw Img Secondary */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-secondary > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-fff.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-secondary > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-secondary.svg") 50% 50% no-repeat;
    background-size: cover;
}



/* Btn Bd Arw Img Secondary */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-secondary.a-btn_bd > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-secondary.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-secondary.a-btn_bd > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-secondary.svg") 50% 50% no-repeat;
    background-size: cover;
}






/* Btn Fill Arw Img Tertiary */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-tertiary > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-fff.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-tertiary > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-tertiary.svg") 50% 50% no-repeat;
    background-size: cover;
}



/* Btn Bd Arw Img Tertiary */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-tertiary.a-btn_bd > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-tertiary.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-tertiary.a-btn_bd > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-tertiary.svg") 50% 50% no-repeat;
    background-size: cover;
}






/* Btn Fill Arw Img Quaternary */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-quaternary > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-fff.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-quaternary > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-quaternary.svg") 50% 50% no-repeat;
    background-size: cover;
}



/* Btn Bd Arw Img Quaternary */
.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-quaternary.a-btn_bd > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-quaternary.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn_wrap .a-btn_item.a-btn_arw.a-btn_arw-img.a-btn_color-quaternary.a-btn_bd > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-quaternary.svg") 50% 50% no-repeat;
    background-size: cover;
}






/* Btn Eff */
.a-btn_effect_wrap {
    text-align: center;
}

.a-btn_effect_wrap .a-btn_effect {
    text-align: center;
}

.a-btn_effect_wrap .a-btn_effect .a-btn {
    display: block;
    overflow: hidden;
    position: relative;
    width: 370px;
    margin: 0 auto;
    border-radius: 2px;
    opacity: 1;
    -webkit-transition: color 0.7s cubic-bezier(1, 0, 0, 1);
    transition: color 0.7s cubic-bezier(1, 0, 0, 1);
    z-index: 10;
}

.a-btn_effect_wrap .a-btn_effect a:hover {
    opacity: 1;
}



/* Btn Eff Align */
.a-btn_effect_wrap .a-btn_effect.a-btn_effect--align-l .a-btn {
    margin: 0;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--align-r .a-btn {
    margin: 0 0 0 auto;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--align-c .a-btn {
    margin: 0 auto;
}



.a-btn_effect_wrap .a-btn_effect.a-btn_effect--l .a-btn {
    padding: 30px 20px;
    font-size: 16px;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--m .a-btn {
    padding: 20px 20px;
    font-size: 15px;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--s .a-btn {
    width: 250px;
    padding: 10px 20px;
    font-size: 13px;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--ss .a-btn {
    width: 250px;
    padding: 5px 20px;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--ss .a-btn,
    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--s .a-btn,
    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--m .a-btn,
    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--l .a-btn {
        width: 100%;
    }

    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--l .a-btn {
        padding: 25px 20px;
    }

    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--m .a-btn {
        padding: 15px 20px;
    }

    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--s .a-btn {
        padding: 15px 20px;
    }

    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--ss .a-btn {
        padding: 15px 20px;
    }
}



/* Btn Eff Fill Color */
.a-btn_effect_wrap .a-btn_effect.a-btn_effect-fill.a-btn_effect_color-primary .a-btn {
    background: #302184;
    border: 1px solid #302184;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-fill.a-btn_effect_color-tertiary .a-btn {
    background: #007d7f;
    border: 1px solid #007d7f;
}



/* Btn Eff BD Color */
.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-primary .a-btn {
    background: none;
    border: 1px solid #302184;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-tertiary .a-btn {
    background: none;
    border: 1px solid #007d7f;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-quaternary .a-btn {
    background: none;
    border: 1px solid var(--color-white);
}



/* Btn Eff Color (After) */
.a-btn_effect_wrap .a-btn_effect .a-btn:after {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.6s cubic-bezier(1, 0, 0, 1);
    transition: all 0.6s cubic-bezier(1, 0, 0, 1);
    z-index: -1;
    /*z-index: 1;*/
}

.a-btn_effect_wrap .a-btn_effect .a-btn:hover:after {
    left: 0;
    width: 100%;
}



.a-btn_effect_wrap .a-btn_effect.a-btn_effect-fill .a-btn:after {
    background: var(--color-white);
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-primary .a-btn:after {
    background: #302184;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-tertiary .a-btn:after {
    background: #007d7f;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-quaternary .a-btn:after {
    background: #fffe01;
}



.a-btn_effect_wrap .a-btn_effect.a-btn_effect-fill .a-btn {
    color: var(--color-white);
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-primary .a-btn {
    color: #302184;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-tertiary .a-btn {
    color: #007d7f;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-quaternary .a-btn {
    color: #fffe01;
}



/* Btn Eff Hover Color */
.a-btn_effect .a-btn:hover {
    -webkit-transition: color 0.8s cubic-bezier(1, 0, 0, 1);
    transition: color 0.8s cubic-bezier(1, 0, 0, 1);
}

.a-btn_effect.a-btn_effect-fill.a-btn_effect_color-primary .a-btn:hover {
    color: #302184;
}

.a-btn_effect.a-btn_effect-fill.a-btn_effect_color-tertiary .a-btn:hover {
    color: #007d7f;
}

.a-btn_effect.a-btn_effect-fill.a-btn_effect_color-quaternary .a-btn:hover {
    color: #fffe01;
}



.a-btn_effect.a-btn_effect-bd.a-btn_effect_color-primary .a-btn:hover {
    color: var(--color-white);
}

.a-btn_effect.a-btn_effect-bd.a-btn_effect_color-tertiary .a-btn:hover {
    color: var(--color-white);
}

.a-btn_effect.a-btn_effect-bd.a-btn_effect_color-quaternary .a-btn:hover {
    color: var(--color-white);
}






/* Btn Eff */
.a-btn_effect_wrap {
    text-align: center;
}

.a-btn_effect_wrap .a-btn_effect {
    text-align: center;
}

.a-btn_effect_wrap .a-btn_effect .a-btn {
    display: block;
    overflow: hidden;
    position: relative;
    width: 370px;
    margin: 0 auto;
    border-radius: 2px;
    opacity: 1;
    -webkit-transition: color 0.7s cubic-bezier(1, 0, 0, 1);
    transition: color 0.7s cubic-bezier(1, 0, 0, 1);
    z-index: 10;
}

.a-btn_effect_wrap .a-btn_effect a:hover {
    opacity: 1;
}



/* Btn Eff Padding */
.a-btn_effect_wrap .a-btn_effect.a-btn_effect--align-l .a-btn {
    margin: 0;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--align-r .a-btn {
    margin: 0 0 0 auto;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--align-c .a-btn {
    margin: 0 auto;
}



.a-btn_effect_wrap .a-btn_effect.a-btn_effect--l .a-btn {
    padding: 30px 20px;
    font-size: 16px;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--m .a-btn {
    padding: 20px 20px;
    font-size: 15px;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--s .a-btn {
    width: 250px;
    padding: 10px 20px;
    font-size: 13px;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect--ss .a-btn {
    width: 250px;
    padding: 5px 20px;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--ss .a-btn,
    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--s .a-btn,
    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--m .a-btn,
    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--l .a-btn {
        width: 100%;
    }

    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--l .a-btn {
        padding: 25px 20px;
    }

    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--m .a-btn {
        padding: 15px 20px;
    }

    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--s .a-btn {
        padding: 15px 20px;
    }

    .a-btn_effect_wrap .a-btn_effect.a-btn_effect--ss .a-btn {
        padding: 15px 20px;
    }
}



/* Btn Eff Fill Color */
.a-btn_effect_wrap .a-btn_effect.a-btn_effect-fill.a-btn_effect_color-primary .a-btn {
    background: #302184;
    border: 1px solid #302184;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-fill.a-btn_effect_color-tertiary .a-btn {
    background: #007d7f;
    border: 1px solid #007d7f;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-fill.a-btn_effect_color-quaternary .a-btn {
    background: #fffe01;
    border: 1px solid #fffe01;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-primary .a-btn {
    background: none;
    border: 1px solid #302184;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-tertiary .a-btn {
    background: none;
    border: 1px solid #007d7f;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-quaternary .a-btn {
    background: none;
    border: 1px solid #fffe01;
}



/* Btn Eff Fill Color (After) */
.a-btn_effect_wrap .a-btn_effect .a-btn:after {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.6s cubic-bezier(1, 0, 0, 1);
    transition: all 0.6s cubic-bezier(1, 0, 0, 1);
    z-index: -1;
    /*z-index: 1;*/
}

.a-btn_effect_wrap .a-btn_effect .a-btn:hover:after {
    left: 0;
    width: 100%;
}



.a-btn_effect_wrap .a-btn_effect.a-btn_effect-fill .a-btn:after {
    background: var(--color-white);
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-primary .a-btn:after {
    background: #302184;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-tertiary .a-btn:after {
    background: #007d7f;
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-quaternary .a-btn:after {
    background: #fffe01;
}



.a-btn_effect_wrap .a-btn_effect.a-btn_effect-fill .a-btn {
    color: var(--color-white);
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-primary .a-btn {
    color: var(--color-white);
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-tertiary .a-btn {
    color: var(--color-white);
}

.a-btn_effect_wrap .a-btn_effect.a-btn_effect-bd.a-btn_effect_color-quaternary .a-btn {
    color: var(--color-white);
}



/* Btn Eff Fill Hover Color (After) */
.a-btn_effect .a-btn:hover {
    -webkit-transition: color 0.8s cubic-bezier(1, 0, 0, 1);
    transition: color 0.8s cubic-bezier(1, 0, 0, 1);
}

.a-btn_effect.a-btn_effect-fill.a-btn_effect_color-primary .a-btn:hover {
    color: #302184;
}

.a-btn_effect.a-btn_effect-fill.a-btn_effect_color-tertiary .a-btn:hover {
    color: #007d7f;
}

.a-btn_effect.a-btn_effect-fill.a-btn_effect_color-quaternary .a-btn:hover {
    color: #fffe01;
}



.a-btn_effect.a-btn_effect-bd.a-btn_effect_color-primary .a-btn:hover {
    color: var(--color-white);
}

.a-btn_effect.a-btn_effect-bd.a-btn_effect_color-tertiary .a-btn:hover {
    color: var(--color-white);
}

.a-btn_effect.a-btn_effect-bd.a-btn_effect_color-quaternary .a-btn:hover {
    color: var(--color-white);
}






/* [-] (Table)
=========================================================================================== */

.m-table > table {
    width: 100%;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.m-table > table td,
.m-table > table th {
    padding: 15px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    font-size: 15px;
    line-height: 1.6;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .m-table > table td,
    .m-table > table th {
        padding: 10px 5px;
        line-height: 1.4;
    }
}

.m-table > table th {
    background: #fafafa;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}

.m-table > table td {
    background: var(--color-white);
}

.a-bg-gray-98 .m-table > table th {
    background: #f2f2f2;
}



.m-table_scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.m-table_scroll::-webkit-scrollbar {
    height:5px;
}
.m-table_scroll::-webkit-scrollbar-track {
    background:#eee;
}
.m-table_scroll::-webkit-scrollbar-thumb {
    background:var(--color-gray-40per);
}

@media screen and (max-width: 767px) {
    .m-table_scroll table {
        width: 100%;
        max-width: 720px;
        margin-bottom: 20px;
    }
}



/*.tbl-scroll {
    margin-top: 20px;
}

.tbl-scroll.full .scroll {
}

.tbl-scroll.full {
}

.tbl-scroll.full .scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

@media screen and (max-width: 767px) {
    .tbl-scroll.full .scroll table {
        margin-bottom: 20px;
    }

    .tbl-scroll .scroll table {
        width: 100%;
    }
}

.tbl-scroll.full .scroll::-webkit-scrollbar {
    height:5px;
}
.tbl-scroll.full .scroll::-webkit-scrollbar-track {
    background:#eee;
}
.tbl-scroll.full .scroll::-webkit-scrollbar-thumb {
    background:var(--color-gray-40per);
}

@media screen and (max-width: 767px) {
    .tbl-scroll .scroll::-webkit-scrollbar {
        height:5px;
    }

    .tbl-scroll .scroll::-webkit-scrollbar-track {
        background:#eee;
    }

    .tbl-scroll .scroll::-webkit-scrollbar-thumb {
        background:var(--color-gray-40per);
    }
}*/



/* [-] (Image)
=========================================================================================== */

.a-figure img {
    max-width: 100%;
}



.a-figure_clip-ccl {
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.a-figure_clip-ccl:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
    /*background: url("../images/.png") 50% 50% no-repeat;
    background-size: cover;*/
}



/* [-] (Pseudo)
=========================================================================================== */

.a-pseudo_none:after,
.a-pseudo_none:before {
    content: none !important;
}






/* [-] (Form)
=========================================================================================== */

textarea {
    border: 1px solid #d2d2d2 !important;
}

select {
    border: 1px solid #d2d2d2 !important;
    box-sizing: border-box;
}



.m-form_select {
    position: relative;
}

/*.m-form_select {
    position: relative;
    width: 23vw;
    min-width: 180px;
}

@media screen and (max-width: 979px) {
    .m-form_select {
        width: 32vw;
        min-width: 180px;
    }
}

@media screen and (max-width: 767px) {
    .m-form_select {
        display: block;
        width: 66vw;
        min-width: 180px;
    }
}*/

.m-form_select:before {
    z-index: 1;
    position: absolute;
    right: 5em;
    /*right: 7.5em;*/
    top: 1.75em;
    color: #7F878C;
    pointer-events: none;
    width: 8px;
    height: 8px;
    padding: 0;
    content: '';
    border-width: 2px;
    border-style: solid;
    border-color: #808080 #808080 transparent transparent;
    pointer-events: none;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media screen and (max-width: 979px) {
    .m-form_select:before {
        right: 5em;
    }
}

@media screen and (max-width: 767px) {
    .m-form_select:before {
        right: 4em;
    }
}

.m-form_select select {
    display: inline-block;
    padding: 0 20px;
    height: 56px;
    color: var(--color-gray-20per);
}






/* [-] .header
=========================================================================================== */

/* ==================================================

[-] (structure)

[-] .header
[-] .header__nav-g-low-pc
[-] .header__nav-g-pc .list-main
[-] .header__nav-g-pc .list-language
[-] .header__nav-g-search-sub
[-] .fixed.header

[-] .header__nav-g-low-pc
[-] .header__nav-g-low-pc .btn-close
[-] .header__nav-g-low-pc .list-sub01
[-] .header__nav-g-low-pc .list-sub02
[-] .header__nav-g-low-pc .list-sub03
[-] .header__nav-g-pc .contact

[-] .header (max-width: 979px)
[-] .header__trigger-wrap
[-] .header__nav-g-sp
[-] .header__nav-g-sp .accordion-toggle
[-] .header__nav-g-sp .list-tel
[-] .header__nav-g-sp .list-mailform
[-] .backgroundSheet

[-] .header (max-width: 767px)

[-] @media screen and (max-width: 979px) {

[-] @media screen and (max-width: 767px) {

[-] .header current

===================================================== */

/* [-] (structure)
=========================================================================================== */

/*.t-wrapper {
    width: 100%;
    height: 100%;
}*/

#cate_adsaku,
.cate_img,
#main_img {
    padding-top: var(--height-header-pc);
    /*padding-top: 70px;*/
}

#other,
#recruit,
#company,
#agent,
#dr,
#cate_adsaku,
#contact,
#media {
    background-position: center bottom !important;
}

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

    #main_img,
    .cate_img,
    #cate_adsaku {
        padding-top: 50px;
    }

}






/* [-] .header
=========================================================================================== */

.header {
  /**/
  position: absolute;

  z-index: 99999;
  width: 100%;

  height: var(--height-header-pc);
  /*height: 100px;*/
  /*height: 70px;*/

  /*background: transparent;*/
  background: var(--color-white);
}

.header:before {
  content: '';
  display: table;
}

.header:after {
  content: '';
  display: table;
  clear: both;
}

.header-inner {
  position: relative;
  width: 100%;
  height: var(--height-header-pc);
  /*height: 100px;*/
  /*height: 70px;*/
}

.header__logo {
/*h1.header__logo {*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    position: absolute;

    /*left: var(--gap-left-wrapper-contents-hero-index-pc);*/
    left: 2%;

    top: 8px;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.header__logo img {
  width: 170px;
  height: 73px;
}

.header__logo-secondary {
    padding-left: 1em;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -.05em;
}

.header__nav-g-pc {
  float: right;

  padding-right: 2%;
  /*padding-right: 30px;*/
}



/* [-] .header__nav-g-pc .list-main
=========================================================================================== */

.header__nav-g-pc .list-main {
/*    padding-top: 10px;*/
}

.header__nav-g-pc .list-main > li {
  float: left;
}

.header__nav-g-pc .list-main > li > a {
  display: block;
  height: var(--height-header-pc);
  /*height: 100px;*/
  /*height: 70px;*/
  padding: 0 20px;
  /*padding: 0 15px;*/
  font-size: 15px;
  line-height: var(--height-header-pc);
  /*line-height: 100px;*/
  /*line-height: 70px;*/
  font-weight: 400;
}

/*.header__nav-g-pc .list-main > li:nth-of-type(5) > a {
  padding-right: 35px;
  padding-right: 30px;
}*/

.header__nav-g-pc .list-main a,
.header__nav-g-pc .list-main a:link,
.header__nav-g-pc .list-main a:visited,
.header__nav-g-pc .list-main a:hover,
.header__nav-g-pc .list-main a:active {
  /*color: var(--color-white);*/
  color: var(--color-gray-20per);
}

.header__nav-g-pc .list-main > li > a.search {
  position: relative;
  display: block;
  height: var(--height-header-pc);
  /*height: 100px;*/
  /*width: 70px;*/
  height: 70px;
  padding: 0 0 0 0;
  text-align: center;
  cursor: pointer;
}
/*.header__nav-g-pc .list-main > li > a.search,
.header__nav-g-pc .list-main > li > a.mailform,
.header__nav-g-pc .list-main > li > a.contact {
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  padding: 0 0 0 0;
  text-align: center;
  cursor: pointer;
}

.header__nav-g-pc .list-main > li > a.mailform,
.header__nav-g-pc .list-main > li > a.contact {
  background: var(--color-gray-30per);
}

.header__nav-g-pc .list-main > li > a.search {
  background: var(--color-gray-20per);
}*/

.header__nav-g-pc .list-main > li > a.search:before,
.header__nav-g-pc .list-main > li > a.mailform:before,
.header__nav-g-pc .list-main > li > a.contact:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 47px;
    height: 47px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.header__nav-g-pc .list-main > li > a.contact:before {
    background: url("../images/common/icon-nav-u-contact-phone.svg") 50% 50% no-repeat;
    background-size: 22px 22px;
}

.header__nav-g-pc .list-main > li > a.mailform:before {
    background: url("../images/common/icon-nav-u-mailform.svg") 50% 55% no-repeat;
    background-size: 24px 17px;
}

.header__nav-g-pc .list-main > li > a.search:before {
    background: url("../images/common/icon-nav-u-search.svg") 50% 50% no-repeat;
    background-size: 22px 22px;
}



/* [-] .header__nav-g-pc .list-language
=========================================================================================== */

.header__nav-g-pc .list-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    position: absolute;
    top: 10px;
    right: 50px;
}

@media screen and (max-width: 767px) {
    .header__nav-g-pc .list-language {
        margin: 20px 0 0;
        padding: 0;
    }
}



.header__nav-g-pc .list-language:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: .7em;
    background: var(--color-gray-80per);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}



body.en .header__nav-g-pc .list-language > li,
.header__nav-g-pc .list-language > li {
    display: block;
    margin-left: 0;
}

.header__nav-g-pc .list-language > li > :not([href]),
.header__nav-g-pc .list-language > li > a {
    display: block;
    margin-left: 15px;
    font-size: 12px;
    color: var(--color-gray-60per);
}

.header__nav-g-pc .list-language > li > :not([href]) {
    margin-left: 0;
    color: var(--color-gray-20per);
}



/*.header__nav-g-pc .list-language li:first-child::before {
    content: '';
    display: block;
    position: absolute;
    right: -8px;
    top: 50%;
    width: 14px;
    height: 1px;
    background: #eee;
    -webkit-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    -o-transform: rotate(-65deg);
    transform: rotate(-65deg);
}*/



/*.header__nav-g-pc .list-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    margin-left: 40px;
}

.header__nav-g-pc .list-language li {
    padding: 5px 10px;
    border: 1px solid var(--color-white);
    font-size: 12px;
    color: var(--color-gray-60per);
}

.header__nav-g-pc .list-language li.active  {
    background: var(--color-white);
}

.header__nav-g-pc .list-language li.active > a {
    display: block;
    margin: 0;
    padding: 0;
    font-size: inherit;
    color: var(--color-white);
}*/



/* [-] .header__nav-g-search-sub
=========================================================================================== */

.header__nav-g-search-sub {
    padding: 50px 0 90px;
}

.header__nav-g-search-sub .search-wrap {
    width: 1000px;
    margin: 0 auto;
}

.search-ttl {
    margin-bottom: 10px;
    font-size: 21.5px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-white);
}

.header__nav-g-search-sub input {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 15px 60px 15px 10px;
    font-size: 20px;
}

.header__nav-g-search-sub input::placeholder {
    font-size: 20px;
    color: var(--color-gray-60per);
    letter-spacing: 0.05em;
}

.search-inner {
    position: relative;
}

/*.search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    font-size: 18px;
    background: var(--color-gray-20per);
    border-style: solid;
    border-color: var(--color-gray-50per);
    border-width: 1px 1px 1px 0;
    color: var(--color-white);
}

.search-btn:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 47px;
    height: 47px;
    background: url("../images/common/icon-nav-g-search.svg") 50% 50% no-repeat;
    background-size: 18px 18px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}*/

/* Yahoo! Search */
.header__nav-g-search-sub input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    margin-top: 10px;
    padding: 15px 60px 15px 10px;
    border: 1px solid var(--color-gray-80per);
    font-size: 20px;
}

/*.header__nav-g-search-sub input[type="submit"] {
    position: absolute;
    right: 1px;
    top: 0;
    width: 60px;
    height: 60px;
    font-size: 18px;
    background: var(--color-gray-20per);
    border-style: solid;
    border-color: var(--color-gray-50per);
    border-width: 1px 1px 1px 0;
    color: var(--color-white);
}*/

.header__nav-g-search-sub .search-btn {
    position: absolute;
    right: 0px;
    top: 36px;
    width: 60px;
    height: 60px;

    font-size: 18px;
    background: var(--color-gray-20per);
    border-style: solid;
    border-color: var(--color-gray-50per);
    border-width: 1px 1px 1px 0;
    color: var(--color-white);

    cursor: pointer;
}

.header__nav-g-search-sub .search-btn:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    background: url("../images/common/icon-nav-g-search.svg") 50% 50% no-repeat;
    background-size: 22px 22px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*z-index: 99999;*/
}

.header__nav-g-pc .list-main li.search .header__nav-g-low-pc {
    background: var(--color-white);
}

.header__nav-g-pc .list-main li.search .header__nav-g-low-pc .search-ttl {
    margin-bottom: 10px;
    font-size: 21.5px;
    font-weight: 400;
    line-height: 1.3;
}

.header-search-yahoo-conditions li {
    display: inline-block;
}

.header__nav-g-search-sub .header-search-yahoo-conditions {
    margin-top: 10px;
}

.header__nav-g-search-sub .header-search-yahoo-conditions li {
    margin-left: 10px;
}

.header__nav-g-search-sub .header-search-yahoo-conditions li input[type="radio"] {
    box-sizing: border-box;
    width: auto;
    height: auto;
    margin: -4px 10px 0 0;
    padding: 0;
    vertical-align:middle;
}
/* //Yahoo! Search */



/* [-] .fixed.header
=========================================================================================== */

.fixed.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--color-white);
    opacity: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.header:after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: var(--height-header-pc);
    /*height: 100px;*/
    /*height: 70px;*/
    background: var(--color-white);
    opacity: 0;
    z-index: -1;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.change-header.header {
    position: fixed;
    top: 0;

    background: var(--color-white);

    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.is-active .change-header.header {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.change-header.header:after {
    opacity: 1;
}

.sm-nav-open-contents-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}






.change-header.header .header__nav-g-pc .list-main a,
.change-header.header .header__nav-g-pc .list-main a:link,
.change-header.header .header__nav-g-pc .list-main a:visited,
.change-header.header .header__nav-g-pc .list-main a:hover,
.change-header.header .header__nav-g-pc .list-main a:active {
  color: var(--color-gray-20per);
}






/* [-] .header__nav-g-low-pc
   [-] .header__nav-g-low-pc .btn-close
=========================================================================================== */

.header__nav-g-pc .list-main .header__nav-g-low-pc .btn-close {
    display: block;
    position: absolute;
    right: 14px;
    top: 14px;
    /*color: var(--color-white);*/
    cursor: pointer;

    width: 42px;
    height: 55px;

    background: url("../images/common/icon-btn-close-w-nav-g.svg") 50% 50% no-repeat;
    background-size: cover;
}

.header__nav-g-pc .list-main .search .header__nav-g-low-pc .btn-close {
    background: url("../images/common/icon-btn-close-gray-nav-g.svg") 50% 50% no-repeat;
    background-size: cover;
}

/*.header__nav-g-pc .list-main .header__nav-g-low-pc .btn-close:before {

}*/

/*.header__nav-g-pc .list-main .header__nav-g-low-pc .btn-close img {
    width: 100%;
    height: auto;
}*/



/* [-] .header__nav-g-low-pc
   [-] .header__nav-g-low-pc .list-sub01
=========================================================================================== */

/*.header__nav-g-pc .list-main li:hover .header__nav-g-low-pc {
    top: 70px;
    visibility: visible;
    height: auto;
    opacity: 1;
}
*/
.header__nav-g-pc .list-main li .header__nav-g-low-pc {
    /*visibility: hidden;*/
    /*height: 0;*/
    /*opacity: 0;*/
    z-index: 100;
    position: absolute;
    left: 0;
    width: 100%;
    background: var(--color-primary);
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);

    top: var(--height-header-pc);
    /*top: 70px;*/

    /*visibility: visible;*/
    height: auto;
    opacity: 1;

    display: none;
}

.header__nav-g-pc .header__nav-g-low-pc a {
    color: var(--color-white);
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub01-wrap {
    width: 1000px;
    margin: 0 auto;
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
    padding: 35px 0 50px;
}

.header__nav-g-pc .ad .header__nav-g-low-pc {
    padding: 0 0 40px;
}



.header__nav-g-pc .normal .header__nav-g-low-pc .list-sub01 > li {
    width: 100%;
}
/*.header__nav-g-pc .ad .header__nav-g-low-pc .list-sub01 > li {
    width: 100%;
}*/



.header__nav-g-pc .media .header__nav-g-low-pc .list-sub01 > li {
    width: 28%;
}

.header__nav-g-pc .media .header__nav-g-low-pc .list-sub01 > li.area {
    width: 100%;
    /*width: 72%;*/
}

.header__nav-g-pc .contact .header__nav-g-low-pc {
    /*padding: 0 0 50px;*/
    padding: 0 0 0;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 > li {
    width: 100%;
}

/*.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 > li a {
    margin: 0 0 35px 0;
}*/

.header__nav-g-pc .header__nav-g-low-pc .list-sub01 > li {
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub01 > li:after {
  content: '';
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-gray-90per);
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub01 li > span {
    display: block;
    height: auto;
    margin: 0 0 30px 0;
    padding-left: 0;
    font-size: 21.5px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-white);
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub01 li a {
    display: block;
    height: auto;
    margin: 0 0 30px 0;
    padding-left: 1em;
    font-size: 21.5px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-white);
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub01 > li > a:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: var(--color-white);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* [-] .header__nav-g-low-pc .list-sub02
=========================================================================================== */

.header__nav-g-pc .header__nav-g-low-pc .list-sub02 {
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub02 > li {
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub02 > li > span,
.header__nav-g-pc .header__nav-g-low-pc .list-sub02 > li > a {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    padding: 5px 0 5px 15px;
    border-bottom: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--color-white);
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub02 > li > span {
    padding: 5px 0 5px 0;
}


.header__nav-g-pc .header__nav-g-low-pc .list-sub02 > li > a:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: var(--color-white);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}



.header__nav-g-pc .normal .header__nav-g-low-pc .list-sub02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.header__nav-g-pc .normal .header__nav-g-low-pc .list-sub02 > li {
  width: calc(50% - 40px);
  margin-left: 20px;
  margin-right: 20px;
}
/*.header__nav-g-pc .ad .header__nav-g-low-pc .list-sub02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.header__nav-g-pc .ad .header__nav-g-low-pc .list-sub02 > li {
  width: calc(50% - 40px);
  margin-left: 20px;
  margin-right: 20px;
}*/



.header__nav-g-pc .media .header__nav-g-low-pc .area > .list-sub02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__nav-g-pc .media .header__nav-g-low-pc .area > .list-sub02 > li {
}



/* [-] .header__nav-g-low-pc .list-sub03
=========================================================================================== */

.header__nav-g-pc .header__nav-g-low-pc .list-sub03 {
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub03 > li {
    margin: 0;
    padding: 0;
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub03 > li a {
  position: relative;
  margin: 0 0 0 0;
  padding: 5px 0 5px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.header__nav-g-pc .header__nav-g-low-pc .list-sub03 > li > a:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: var(--color-gray-90per);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* [-] .header__nav-g-pc .contact
=========================================================================================== */

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02 > li {
    width: calc(50% - 40px);
    margin-left: 20px;
    margin-right: 20px;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .emphasis-wrap {
    /*margin: 20px 0 30px;*/
    margin: 20px 0 20px;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .emphasis-wrap .emphasis-primary {
    margin-bottom: 10px;
    padding: 10px 20px;
    border: 1px solid var(--color-gray-60per);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    color: var(--color-white);
}

.header__nav-g-pc .contact .header__nav-g-low-pc .emphasis-wrap .emphasis-primary span {
    font-size: 12px;
    font-weight: normal;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .emphasis-wrap .emphasis-secondary {
    margin-bottom: 10px;
    padding: 10px 20px;
    border: 1px solid var(--color-gray-60per);
    font-size: 12px;
    color: var(--color-white);
}

.header__nav-g-pc .contact .header__nav-g-low-pc .emphasis-wrap .emphasis-secondary:last-of-type {
    margin-bottom: 0;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li {
    width: 22%;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li:last-of-type {
    margin-right: 0;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li:after {
    content: none;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a {
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a:before {
    content: none;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a span {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a span.area {
    margin: 0 auto;
    margin-bottom: 10px;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a span.area span {
    display: block;
    padding: 3px;
    border: 1px solid var(--color-gray-90per);
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a span.branch {
    font-size: 14px;
    font-weight: 700;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a span.phone-num {
    margin-bottom: 3px;
    font-weight: 700;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a span.phone-num span {
    position: relative;
    margin-left: 3px;
    margin-top: -2px;
    padding: 2px 0 0 25px;
    font-size: 22px;
    font-weight: 700;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a span.phone-num span:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 4px;
    width: 20px;
    height: 20px;
    background: url("../images/common/icon-nav-u-contact-phone.svg") 50% 50% no-repeat;
    background-size: 20px auto;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub02-phone > li a span.note {
    font-size: 12px;
}



.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap {
    margin: 20px 0 0;
    text-align: center;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap li {
    display: inline-block;
    margin-right: 20px;
}



.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-primary a ,
.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a {
    position: relative;
    display: block;
    width: 250px;
    margin: 0;
    padding: 9px 20px 9px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    text-align: center;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-primary a {
    background: var(--color-white);
    border-color: var(--color-white);
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a {
    background: none;
    border-color: var(--color-gray-90per);
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a span,
.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-primary a span {
    margin: 0;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a:after,
.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a:before,
.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-primary a:after,
.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-primary a:before {
    content: none;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a > span,
.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-primary a > span {
    position: relative;
    display: inline-block;
    padding: 0 0 .5em 20px;
    font-size: 13px;
    font-weight: 400;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-primary a > span {
    color: var(--color-primary);
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a > span {
    color: var(--color-white);
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a > span:before ,
.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-primary a > span:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 4px;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-primary a > span:before {
    border-color: var(--color-primary);
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a > span:before {
    border-color: var(--color-gray-90per);
}



/* [-] @media screen and (max-width: 979px) {
=========================================================================================== */

/*@media screen and (max-width: 1024px) {*/
@media screen and (max-width: 979px) {

    .header {
        height: var(--height-header-tb);
        /*height: 50px;*/
    }

    .header:after {
        height: var(--height-header-tb);
        /*height: 50px;*/
    }

    .header-inner {
      width: 100%;
      height: var(--height-header-tb);
      /*height: 50px;*/
      padding: 0 0 0 0;
    }


    .header__logo {
        top: 10px;
        left: 3%;
    }

    .change-header.header .header__logo,
    .header__logo {
    /*.change-header.header h1.header__logo,
    h1.header__logo {*/
      top: 10px;
      left: 3%;
    }

    .change-header.header .header__logo img,
    .header__logo img {
      width: 160px;
      height: auto;
    }

    .header__logo-secondary {
        padding-left: .75em;
        font-size: 11px;
    }



    /* [-] .header (max-width: 979px)
       [-] .header__trigger-wrap
    =========================================================================================== */

    .header__trigger-wrap {
      position: absolute;
      right: 3%;
      top: 10px;
    }

    .header__trigger {
      display: block;
      width: 24px;
      height: 14px;
      padding: 16px 11px;
      position: relative;
      text-align: center;
      cursor: pointer;
    }

    .header__trigger span {
      display: block;
      width: 25px;
      height: 2px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -12px;
      background: var(--color-primary);
    }

    .header__trigger span:before {
      content: '';
      display: block;
      width: 25px;
      height: 2px;
      position: absolute;
      left: 0;
      top: 0;
      background: var(--color-primary);
      -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
      -o-transform: translateY(-8px);
      transform: translateY(-8px);
      transition: all 300ms cubic-bezier(.29,1,.22,1);
    }

    .header__trigger span {
      top: 50%;
      left: 50%;
    }

    .header__trigger span:after {
      content: '';
      display: block;
      width: 25px;
      height: 2px;
      position: absolute;
      left: 0;
      top: 0;
      background: var(--color-primary);
      -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
      -o-transform: translateY(8px);
      transform: translateY(8px);
      transition: all 300ms cubic-bezier(.29,1,.22,1);
    }

    .is-active .header__trigger span:before {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
    }

    .is-active .header__trigger span {
        background-color: rgba(252,255,255,0)
    }

    .is-active .header__trigger span:after {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }



    /* [-] .header (max-width: 979px)
       [-] .header__nav-g-sp
    =========================================================================================== */

    .header__nav-g-sp {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      z-index: 88888;
      display: block;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 50px;
      /*right: -979px;*/
      right: -1024px;

      transition-duration: 0.4s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      /*-webkit-transform: translate3d(979px, 0, 0);
      transform: translate3d(979px, 0, 0);*/
      -webkit-transform: translate3d(1024px, 0, 0);
      transform: translate3d(1024px, 0, 0);
    }

    .is-active .header__nav-g-sp {
        right: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);

        overflow-y: scroll;

        -webkit-overflow-scrolling: touch;
    }

    .is-active body:-webkit-scrollbar,
    .is-active .header__nav-g-sp:-webkit-scrollbar {
      display: none;
      -ms-overflow-style:none;
    }

    .header__nav-g-sp ul {
      background: var(--color-primary);
      border-right: none;
      text-align: left;
    }

    .header__nav-g-sp .list-main {
      border-top: 1px solid var(--color-gray-60per);
    }

    .header__nav-g-sp li a {
      display: block;
      position: relative;
      padding: 20px 20px;
      background: var(--color-primary);
      border-left: none;
      border-bottom: 1px solid var(--color-gray-60per);
    }

    .header__nav-g-sp li a,
    .header__nav-g-sp li a:link,
    .header__nav-g-sp li a:visited,
    .header__nav-g-sp li a:hover,
    .header__nav-g-sp li a:active {
      color: var(--color-white);
    }

    .header__nav-g-sp li a:after,
    .header__nav-g-sp li a:before {
      content: '';
      display: inline-block;
      width: 14px;
      height: 2px;
      position: absolute;
      right: 20px;
      background: var(--color-white);
    }

    .header__nav-g-sp li a:before {
      top: 24px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    .header__nav-g-sp li a:after {
      top: 33px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }



    /* [-] .header (max-width: 979px)
       [-] .header__nav-g-sp .accordion-toggle
    =========================================================================================== */

    .header__nav-g-sp .accordion-toggle {
      position: relative;
      display: block;
      width: 100%;
      /*padding: 20px 20px;*/
      background: var(--color-primary);
      border-left: none;
      border-bottom: 1px solid var(--color-gray-90per);
      /*font-weight: 700;*/
      color: var(--color-white);
      cursor: pointer;
    }

    .header__nav-g-sp .accordion-toggle > span {
      display: block;
      padding: 20px 20px;
      font-weight: 700;
    }

    .header__nav-g-sp .accordion-toggle.active:after,
    .header__nav-g-sp .accordion-toggle.active:before,
    .header__nav-g-sp .accordion-toggle:after,
    .header__nav-g-sp .accordion-toggle:before {
        content: '';
        position: absolute;
        /*right: 42px;*/
        right: 4px;
        top: 50%;
        display: inline-block;
        width: 22px;
        height: 2px;
        background: var(--color-white);
        -webkit-transform: translate(-53%, -50%);
        transform: translate(-53%, -50%);
    }

    .header__nav-g-sp .accordion-toggle.active:after,
    .header__nav-g-sp .accordion-toggle:after {
        -webkit-transform: translate(-55%, -50%) rotate(90deg);
        transform: translate(-55%, -50%) rotate(90deg);
        transition: -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
        transition: transform .25s cubic-bezier(.165, .84, .44, 1);
        transition: transform .25s cubic-bezier(.165, .84, .44, 1), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    }

    .header__nav-g-sp .accordion-toggle.active:before {
        display: none;
    }

    .header__nav-g-sp .accordion-toggle.active:after {
        -webkit-transform: translate(-55%, -50%) rotate(180deg);
        transform: translate(-55%, -50%) rotate(180deg);
    }

    .header__nav-g-sp .list-sub01 .accordion-toggle {
      background: var(--color-gray-40per);
      border-bottom: 1px solid var(--color-gray-90per);
      font-weight: 400;
      color: var(--color-white);
    }

    .header__nav-g-sp .list-sub01 .accordion-toggle.active:after,
    .header__nav-g-sp .list-sub01 .accordion-toggle.active:before,
    .header__nav-g-sp .list-sub01 .accordion-toggle:after,
    .header__nav-g-sp .list-sub01 .accordion-toggle:before {
      background: var(--color-white);
    }

    .header__nav-g-sp .accordion-body {
      display: none;
    }

    .header__nav-g-sp .accordion-body li a {
      background: var(--color-gray-95per);
      border-bottom: 1px solid var(--color-gray-65per);
      color: var(--color-gray-20per);
    }



    /* [-] .header (max-width: 979px)
       [-] .header__nav-g-sp .list-tel
    =========================================================================================== */

    .header__nav-g-sp .list-tel {
      /*padding: 30px 3% 10px;*/
      padding: 40px 3% 10px;
      border-top: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
    }

    .header__nav-g-sp .list-tel li {
      width: 100%;
      margin-bottom: 25px;
    }

    .header__nav-g-sp .list-tel .emphasis-wrap {
        margin-bottom: 10px;
        padding: 0 0 0;
    }

    .header__nav-g-sp .list-tel .emphasis-wrap .ttl {
        margin-bottom: 20px;
        text-align: center;
        font-weight: 700;
        color: var(--color-white);
    }

    .header__nav-g-sp .list-tel .emphasis-wrap .emphasis-primary {
        margin-bottom: 10px;
        padding: 10px 20px;
        border: 1px solid var(--color-gray-60per);
        font-size: 14px;
        font-weight: bold;
        color: var(--color-white);
    }

    .header__nav-g-sp .list-tel .emphasis-wrap .emphasis-primary span {
        font-size: 12px;
        font-weight: normal;
    }

    .header__nav-g-sp .list-tel .emphasis-wrap .emphasis-secondary {
        margin-bottom: 10px;
        padding: 10px 20px;
        border: 1px solid var(--color-gray-60per);
        font-size: 12px;
        color: var(--color-white);
    }

    .header__nav-g-sp .list-tel .emphasis-wrap .emphasis-secondary:last-of-type {
        margin-bottom: 0;
    }

    .header__nav-g-sp .list-tel li a {
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      background: var(--color-primary);
      border-bottom: none;
      text-align: center;
    }

    .header__nav-g-sp .list-tel li a span {
      display: block;
      margin-bottom: 5px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.3;
      color: var(--color-white);
    }

    .header__nav-g-sp .list-tel li a span.area {
      display: inline-block;
      margin-bottom: 3px;
      padding: 2px 20px;
      border: 1px solid var(--color-gray-90per);
      border-radius: 20px;
      font-size: 12px;
    }

    .header__nav-g-sp .list-tel li a span.branch {
      font-weight: 700;
    }

    .header__nav-g-sp .list-tel li a span.phone-num {
      position: relative;
      display: inline-block;
      margin-bottom: 10px;
      padding-top: .1em;
      padding-left: 26px;
      padding-right: 15px;
      font-size: 32px;
      /*font-size: 22px;*/
      font-weight: 700;
      line-height: 1;
    }

    .header__nav-g-sp .list-tel li a:after,
    .header__nav-g-sp .list-tel li a:before {
      content: none;
    }

    .header__nav-g-sp .list-tel li a span.phone-num:after {
      content: '';
      position: absolute;
      left: 0;
      top: 5px;
      width: 30px;
      height: 30px;
      /*top: 1px;
      width: 24px;
      height: 24px;*/
      background: url("../images/common/icon-nav-g-smartphone.svg") 0 0 no-repeat;
      background-size: auto 30px;
    }

    .header__nav-g-sp .list-tel li a span.note {
      font-size: 12px;
    }

    .header__nav-g-sp .list-tel li a span.note span {
        display: inline;
    }



    /* [-] .header (max-width: 979px)
       [-] .header__nav-g-sp .list-utility
    =========================================================================================== */

    .header__nav-g-sp .list-utility {
      margin: 0;
      /*padding: 0 3% 30px;*/
      padding: 0 3% 100px;
      border-top: none;
      /*margin-bottom: -25px;*/
    }

    .header__nav-g-sp .list-utility li {
        padding-bottom: 20px;
    }

    .header__nav-g-sp .list-utility li .btn-tertiary-bd a {
        position: relative;
        display: block;
        margin: 0 auto;
        padding: 20px;
        background: none;
        border: 1px solid var(--color-white);
        border-radius: 2px;
        /*border-radius: 50px;*/
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        color: var(--color-white);
    }

    .header__nav-g-sp .list-utility li:nth-child(3) .btn-tertiary-bd a,
    .header__nav-g-sp .list-utility li:nth-child(2) .btn-tertiary-bd a {
        border: 1px solid var(--color-white);
        font-weight: 400;
        font-size: 15px;
    }

    .header__nav-g-sp .list-utility li .btn-tertiary-bd a:after,
    .header__nav-g-sp .list-utility li .btn-tertiary-bd a:before {
        background: none;
        border: none;
    }

    .header__nav-g-sp .list-utility li .btn-tertiary-bd a > span {
        position: relative;
        display: inline-block;
        margin: 0 0 0 13%;
    }

    .header__nav-g-sp .list-utility li .btn-tertiary-bd a > span span.note {
        font-size: 14px;
        font-weight: 400;
    }

    .header__nav-g-sp .list-utility li .btn-tertiary-bd a > span:after {
        content: '';
        position: absolute;
        left: -35px;
        top: 50%;
        display: block;
        width: 24px;
        height: 24px;
        border: none;
        -webkit-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
        -o-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
    }

    .header__nav-g-sp .list-utility li .btn-tertiary-bd.mailform a > span:after {
        background: url("../images/common/icon-link-mailform-w.svg") 50% 50% no-repeat;
        background-size: 24px 24px;
    }

    .header__nav-g-sp .list-utility li .btn-tertiary-bd.pdf a > span:after {
        background: url("../images/common/icon-link-new-window-w.svg") 50% 50% no-repeat;
        background-size: 24px 24px;
    }

    .header__nav-g-sp .list-utility li .btn-tertiary-bd.flow a > span:after {
        left: -25px;
        width: 6px;
        height: 6px;
        border-width: 1px;
        border-style: solid;
        border-color: transparent transparent var(--color-white) var(--color-white);
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        -o-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
    }



    .header__nav-g-sp .list-utility li .btn-tertiary-bd.flow a > span {
        margin: 0 0 0 7%;
    }



/* [-] .header (max-width: 979px)
       [-] .header__nav-g-sp .list-language
    =========================================================================================== */

    .header__nav-g-sp .list-language {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;

        position: relative;
        padding: 0 0 125px;
    }

    .header__nav-g-sp .list-language:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: .9em;
        width: 1px;
        height: .8em;
        background: var(--color-gray-90per);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 1;
    }

    .header__nav-g-sp .list-language li a {
      display: block;
      padding: 0 0;
      border-bottom: none;
      text-align: center;
    }

    .header__nav-g-sp .list-language li a:after,
    .header__nav-g-sp .list-language li a:before {
      content: none;
    }

    .header__nav-g-sp .list-language li.off > a {
        pointer-events:none;
    }

    .header__nav-g-sp .list-language li.off > a > span,
    .header__nav-g-sp .list-language li.on > a > span {
        display: block;
        padding: 2px 50px;
        font-size: 14px;
    }

    .header__nav-g-sp .list-language li.on > a > span {
        color: var(--color-white);
    }

    .header__nav-g-sp .list-language li.off > a > span {
        color: var(--color-gray-80per);
    }



    /* [-] .header (max-width: 979px)
       [-] .t-overlay
    =========================================================================================== */

    .t-overlay {
        display: none;
        position: fixed;
        z-index: 200;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.2);
    }

    .is-active .t-overlay {
        display: block;
    }

}



/* [-] @media screen and (max-width: 767px) {
=========================================================================================== */

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

    /* [-] .header (max-width: 767px)
       [-] .header
    =========================================================================================== */
    /*.header {
        height: 50px;
    }*/

}






/* [-] .header current
=========================================================================================== */

/* Icon Current (Border Bottom) */
.header__nav-g-pc .list-main > li > a.current > span:after {
    content: none !important;
}






/* Icon Current (Dot Top) */
.header__nav-g-pc .list-main > li a {
    position: relative;
}



.header__nav-g-pc .list-main > li a::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 35px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-radius: 50%;

    opacity: 0;

    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header__nav-g-pc .list-main > li a.current::after {
    opacity: 1;
    animation: header-current_animation .5s .35s cubic-bezier(.075,.82,.165,1) forwards;
}

@keyframes header-current_animation {
    0% {
        top: 35px;
        background: transparent;
        opacity: 0;
        }

    100% {
        top: 30px;
        background: #ff0000;
        opacity: 1;
        }
}






/* [-] .footer
=========================================================================================== */

/*.footer {
  position: relative;
  background: #000;
}*/



/*
.footer__inner {
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0 50px;
  font-size: 14px;
  line-height: 1.6;
}

@media screen and (max-width: 979px) {
    .footer__inner {
      width: 100%;
      padding: 35px 0 35px;
    }
}

@media screen and (max-width: 767px) {
    .footer__inner {
      padding: 0 0 20px;
    }
}*/



.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:active {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.footer a:hover {
  color: var(--color-gray-40per);
}



.t-footer_nav {
  padding: 0;
}

@media screen and (max-width: 979px) {
    .t-footer_nav {
      padding: 0 3%;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_nav {
      padding: 0;
    }

}



.t-footer_sitemap {
    background: var(--color-white);
}

.t-footer_sitemap_inner {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0 0px;
}

@media screen and (max-width: 979px) {
    .t-footer_sitemap_inner {
      width: 100%;
      padding: 50px 0 0px;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_sitemap_inner {
      padding: 0px 0 0px;
    }
}



/*.t-footer_grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
}*/

@media screen and (max-width: 979px) {
    .t-footer_grid {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_grid {
      display: block;
      margin-bottom: 30px;
      border-left: none;
      border-top: 1px solid var(--color-gray-80per);
    }
}



@media screen and (max-width: 767px) {
    .t-footer_grid_item {
      width: 100%;
    }
}



.t-footer_link-primary {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px;
  color: var(--color-body) !important;

  /*cursor: pointer;*/
  z-index: 10;
}

@media screen and (max-width: 767px) {
    .t-footer_link-primary {
      display: block;
      position: relative;
      width: 100%;
      font-size: 14px;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      padding: 20px 15px;
      border-right: none;
      border-bottom: 1px solid var(--color-gray-80per);
      font-weight: 400;
    }
}

.t-footer_link-primary:link,
.t-footer_link-primary:visited,
.t-footer_link-primary:hover,
.t-footer_link-primary:active {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.t-footer_link-primary:hover {
  color: var(--color-gray-30per);
}



@media screen and (max-width: 767px) {
    .t-footer_link-primary:before {
        content: '';
        position: absolute;
        right: 25px;
        top: 50%;
        display: block;
        width: 8px;
        height: 8px;
        border-style: solid;
        border-width: 1px 1px 0 0;
        border-color: var(--color-gray-80per) var(--color-gray-80per) transparent transparent;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        -o-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }
}

.t-footer_link-primary:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: var(--color-gray-60per);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
    .t-footer_link-primary:after {
        content: none;
    }
}



/*.footer .footer__nav-g .list-main {

}

.footer .footer__nav-g .list-main > li > .ttl {
  margin: 0;
}

.footer .footer__nav-g .list-main > li > .ttl > a {
  padding: 0 0 3px 15px;
  border-bottom: none;
  font-size: 12px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
    .footer .footer__nav-g .list-main > li > .ttl > a {
      padding: 1.3em 30px 1.3em 30px;
      border-bottom: 1px solid var(--color-gray-50per);
      font-size: 14px;
    }
}

.footer .footer__nav-g .list-main > li > .ttl > a:after {
  top: .8em;
  left: 0;
  width: .4em;
  height: .4em;
}*/



.t-footer_nav_body {
  display: block;
}

@media screen and (max-width: 767px) {
    .t-footer_nav_body {
      display: none;
      margin-bottom: 0;
      border-top: none;
    }
}

.t-footer_link-secondary {
  position: relative;
  padding: 0 0 3px 30px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-gray-50per) !important;
}

@media screen and (max-width: 767px) {
    .t-footer_link-secondary {
      padding: .9em 30px .9em 30px;
      font-size: 13px;
    }
}

.t-footer_link-secondary:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    display: block;
    width: 4px;
    height: 4px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: var(--color-gray-60per) var(--color-gray-60per) transparent transparent;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
    .t-footer_link-secondary:before {
        right: 30px;
    }
}

/*.t-footer_link-secondary:after {
  top: .8em;
  left: 0;
  width: .4em;
  height: .4em;
}*/



.t-footer_bottom {
    background: var(--color-white);
}

.t-footer_bottom_inner {
  width: 1000px;
  margin: 0 auto;
  padding: 45px 0 0px;
}

@media screen and (max-width: 979px) {
    .t-footer_bottom_inner {
      width: 100%;
      padding: 45px 0 0px;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_bottom_inner {
      padding: 25px 0 0px;
    }
}

.t-footer_bottom_link {
}

.t-footer_bottom_item {
}

.t-footer_bottom_item a {
    display: block;
    font-size: 12px;
    padding: 0 20px;
    border-right: 1px solid var(--color-gray-40per);
    color: var(--color-gray-50per);
}

.t-footer_bottom_item:last-of-type a {
  border-right: none;
}



.t-footer_copyright {
    background: var(--color-white);
    /*border-top: 1px solid var(--color-gray-90per);*/
}

/*@media screen and (max-width: 767px) {
    .t-footer_copyright {
        border-top: none;
    }
}*/



.t-footer_copyright_inner {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0 50px;
}

@media screen and (max-width: 979px) {
    .t-footer_copyright_inner {
        width: 100%;
        padding: 40px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_copyright_inner {
        padding: 25px 0 30px;
    }
}

.t-footer_copyright {
    color: var(--color-gray-50per) !important;
}






.t-footer_address {
    background: var(--color-gray-98per);
    /*background: var(--color-white);*/
}

.t-footer_address_inner {
    width: 1000px;
    margin: 0 auto;
    padding: 70px 0;
}

@media screen and (max-width: 979px) {
    .t-footer_address_inner {
        width: 100%;
        padding: 50px 0;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_address_inner {
        padding: 20px 0 0;
        /*padding: 20px 0;*/
    }
}


.t-footer_address_tel-number,
.t-footer_address_address,
.t-footer_address_name {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    color: var(--color-body) !important;
}

/*.t-footer_address_tel-number {
    display: inline-block
}*/

.t-footer_address_tel-number {
    /*position: relative;
    display: inline-block;
    padding-left: 30px;*/
    font-size: 30px;
    /*line-height: 1.0;*/
    color: var(--color-gray-50per) !important;
}

/*.t-footer_address_tel-number:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 30px;
    background: url("../images/common/icon-nav-g-smartphone.svg") 50% 50% no-repeat;
    background-size: cover;
    opacity: .4;
}*/

.t-footer_address_tel-number > span:before {
    opacity: .4;
}



/* [-] .t-footer_pagetop
=========================================================================================== */

.t-footer_pagetop {
    position: absolute;
    right: 10px;
    z-index: 100;

    /*cursor: pointer;
    opacity: 1;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    z-index: 99999;*/
}

/*.t-footer_pagetop:hover {
    opacity: .7;
}*/



.t-footer_pagetop a {
    opacity: 1;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.t-footer_pagetop a:hover {
    opacity: .95;
}

/*.t-footer_pagetop a:hover {
    opacity: 1;
}*/



.t-footer_pagetop img {
  width: 46px;
}



/* [-] .menu-fixed
=========================================================================================== */

.menu-fixed-wrap > * {
    backface-visibility: hidden;/* animation時のにじみ防止 */
    -webkit-backface-visibility: hidden;/* animation時のにじみ防止 */
    -webkit-font-smoothing: antialiased;/* animation時の文字にじみ防止 */
    -moz-osx-font-smoothing: grayscale;/* animation時の文字にじみ防止 */
}

.menu-fixed-wrap svg,
.menu-fixed-wrap *:before,
.menu-fixed-wrap *:after {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.menu-fixed-wrap .menu-fixed {
    position: fixed;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 77777;
    /*z-index: 99999;*/
}

@media screen and (max-width: 979px) {
    .menu-fixed-wrap .menu-fixed {
        position: fixed;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
}

.menu-fixed-wrap .menu-fixed .item-wrap {
    display: block;
}

@media (max-width: 979px) {
    .menu-fixed-wrap .menu-fixed .item-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
}

.menu-fixed-wrap .menu-fixed .item-wrap .item {
    display: block;
    width: auto;
    background: var(--color-secondary);
    border-right: none;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--color-white);
}

.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(4),
.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(3) {
    background: var(--color-gray-60per);
}

.menu-fixed-wrap .menu-fixed .item-wrap .item:last-of-type {
/*.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(4) {*/
    border-width: 1px 0 1px 1px;
}

@media (max-width: 979px) {
    .menu-fixed-wrap .menu-fixed .item-wrap .item {
        width: calc(100% / 2);
        border-width: 1px 1px 0 0;
    }

    .menu-fixed-wrap .menu-fixed .item-wrap .item:last-of-type {
    /*.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(4) {*/
        border-width: 1px 0 0 0;
    }
}

.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(1) {
    border-radius: 4px 0 0 0;
}

.menu-fixed-wrap .menu-fixed .item-wrap .item:last-of-type {
/*.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(4) {*/
    border-radius: 0 0 0 4px;
}

@media (max-width: 979px) {
    .menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(1) {
        border-radius: 0;
    }

    .menu-fixed-wrap .menu-fixed .item-wrap .item:last-of-type {
    /*.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(4) {*/
        border-radius: 0;
    }
}

.menu-fixed-wrap .menu-fixed .item-wrap .item > a > span {
    position: relative;
    display: block;
    padding: 36px 5px 10px;
    text-align: center;
    font-size: 10px;
    line-height: 1.2;
    color: var(--color-white);
    opacity: 1;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.menu-fixed-wrap .menu-fixed .item-wrap .item > a:hover > span {
    opacity: .7;
}

@media (max-width: 979px) {
    .menu-fixed-wrap .menu-fixed .item-wrap .item > a > span {
        padding: 36px 0px 5px;
    }
}

.menu-fixed-wrap .menu-fixed .item-wrap .item > a > span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 11px;
    display: block;
    width: 24px;
    height: 24px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(1) > a > span:after {
    background: url("../images/common/icon-menu-fixed-phone.svg") 50% 50% no-repeat;
    background-size: 24px 24px;
}

.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(2) > a > span:after {
    background: url("../images/common/icon-menu-fixed-mailform.svg") 50% 50% no-repeat;
    background-size: 24px 24px;
}

.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(3) > a > span:after {
    background: url("../images/common/icon-menu-fixed-area.svg") 50% 50% no-repeat;
    background-size: 24px 24px;
}

.menu-fixed-wrap .menu-fixed .item-wrap .item:nth-of-type(4) > a > span:after {
    background: url("../images/common/icon-menu-fixed-media.svg") 50% 50% no-repeat;
    background-size: 24px 24px;
}

/*.footer .sec-menu-fixed {
    position: fixed;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 77777;
}

@media screen and (max-width: 979px) {
    .footer .sec-menu-fixed {
        position: fixed;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
}



.footer .sec-menu-fixed .item-wrap {
    display: block;
}

@media screen and (max-width: 979px) {
    .footer .sec-menu-fixed .item-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
}



.footer .sec-menu-fixed .item-wrap .item {
    display: block;
    width: auto;
    background: var(--color-secondary);
    border-right: none;
    border-bottom: 1px solid var(--color-white);
}

.footer .sec-menu-fixed .item-wrap .item:nth-of-type(4) {
    border-bottom: none;
}

@media screen and (max-width: 979px) {
    .footer .sec-menu-fixed .item-wrap .item {
        width: calc(100% / 4);
        border-right: 1px solid var(--color-white);
        border-bottom: none;
    }

    .footer .sec-menu-fixed .item-wrap .item:nth-of-type(4) {
        border-right: none;
    }
}



.footer .sec-menu-fixed .item-wrap .item:nth-of-type(1) {
    border-radius: 4px 0 0 0;
}

.footer .sec-menu-fixed .item-wrap .item:nth-of-type(4) {
    border-radius: 0 0 0 4px;
}

@media screen and (max-width: 979px) {
  .footer .sec-menu-fixed .item-wrap .item:nth-of-type(1) {
      border-radius: 0 0 0 0;
  }

  .footer .sec-menu-fixed .item-wrap .item:nth-of-type(4) {
      border-radius: 0 0 0 0;
  }
}



.footer .sec-menu-fixed .item-wrap .item > a > span {
    position: relative;
    display: block;
    padding: 30px 5px 10px;
    text-align: center;
    font-size: 10px;
    line-height: 1.2;
    color: var(--color-white);

    opacity: 1;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.footer .sec-menu-fixed .item-wrap .item > a:hover > span {
    opacity: .7;
}

@media screen and (max-width: 979px) {
    .footer .sec-menu-fixed .item-wrap .item > a > span {
        padding: 30px 0px 5px;
    }
}

.footer .sec-menu-fixed .item-wrap .item > a > span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 5px;
    display: block;
    width: 24px;
    height: 24px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.footer .sec-menu-fixed .item-wrap .item:nth-of-type(1) > a > span:after {
    background: url("../images/common/icon-menu-fixed-phone.svg") 50% 50% no-repeat;
    background-size: 24px 24px;
}

.footer .sec-menu-fixed .item-wrap .item:nth-of-type(2) > a > span:after {
    background: url("../images/common/icon-menu-fixed-mailform.svg") 50% 50% no-repeat;
    background-size: 24px 24px;
}

.footer .sec-menu-fixed .item-wrap .item:nth-of-type(3) > a > span:after {
    background: url("../images/common/icon-menu-fixed-area.svg") 50% 50% no-repeat;
    background-size: 24px 24px;
}

.footer .sec-menu-fixed .item-wrap .item:nth-of-type(4) > a > span:after {
    background: url("../images/common/icon-menu-fixed-media.svg") 50% 50% no-repeat;
    background-size: 24px 24px;
}*/



/* [-] .topicpath
=========================================================================================== */

/*.t-breadcrumb {
    border-top: 1px solid var(--color-gray-93per);
    border-bottom: 1px solid var(--color-gray-93per);
}
*/


.__breadcrumb .o-inner {
    padding: 0 0;
}

@media screen and (max-width: 979px) {
    .__breadcrumb .o-inner {
        padding: 0 var(--gap-right-wrapper-contents-low-tb);
    }
}

@media screen and (max-width: 767px) {
    .__breadcrumb .o-inner {
        padding: 0 var(--gap-right-wrapper-contents-low-sp);
    }
}



.m-breadcrumb ul {
    overflow: hidden;
    padding: 15px 0;
}

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

}

@media screen and (max-width: 767px) {
    .m-breadcrumb ul {
        padding: 10px 0;
    }
}



/*.m-breadcrumb ul:after {
    content: "";
    display: block;
    clear: both;
}



.m-breadcrumb ul li {
    position: relative;
    float: left;
    margin-left: 5px;
    font-size: 14px;
    color: #636365;
}

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

}

@media screen and (max-width: 767px) {
    .m-breadcrumb ul li {
        font-size: 12px;
    }
}*/






.m-breadcrumb ul {
    display: flex;
    justify-content: flex-end;

    position: relative;
    z-index: var(--z-index-lv-plus-01);
}



.m-breadcrumb ul li {
    margin-left: 5px;
    font-size: 14px;
}

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

}

@media screen and (max-width: 767px) {
    .m-breadcrumb ul li {
        font-size: 12px;
    }
}






.m-breadcrumb ul li:first-child {
    margin-left: 0;
}

.m-breadcrumb ul li a {
    color: var(--color-gray-40per);
    text-decoration: none;
    /*font-weight: bold;*/
}

.m-breadcrumb ul li:before {
    content: ">";
    padding: 0 10px;
    opacity: .6;
    /*content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    padding-right: 10px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: var(--color-gray-60per);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);*/
}

.m-breadcrumb ul li:first-child:before {
    display: none;
}

/*.m-breadcrumb ul li:last-of-type::after {
    content: none;
}*/



/*#sec-topicpath {
    position: relative;
}

#sec-topicpath:before {
  content: '';
  position: absolute;
  left: 0;
  top: 70px;
  width: 100%;
  height: 1px;
  background: #eee;
}

#sec-topicpath > .inner {
    width: 1000px;
    margin: 0 auto;
}

#sec-topicpath .topicpath-wrap {
  padding: 90px 0 10px;
}

#sec-topicpath .topicpath-wrap #breadCrumb li {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 10px 0 15px;
    font-size: 12px;
    line-height: 1.3;
    color: var(--color-gray-30per);
}

#sec-topicpath .topicpath-wrap #breadCrumb li > strong {
    font-weight: 400;
}

#sec-topicpath .topicpath-wrap #breadCrumb li a {
    text-decoration: underline;
    color: var(--color-gray-30per);
}

#sec-topicpath .topicpath-wrap #breadCrumb li:before {
    content: '>';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1em;
    height: 1em;
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    transform: translateY(-65%);
}



@media screen and (max-width: 979px) {
    #sec-topicpath {
        position: relative;
    }

    #sec-topicpath:before {
      content: '';
      position: absolute;
      left: 0;
      top: 70px;
      width: 100%;
      height: 1px;
      background: #eee;
    }

    #sec-topicpath > .inner {
        width: 1000px;
        margin: 0 auto;
    }

    #sec-topicpath .topicpath-wrap {
      padding: 90px 0 10px;
    }

    #sec-topicpath .topicpath-wrap #breadCrumb li {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        padding: 0 10px 0 15px;
        font-size: 12px;
        line-height: 1.3;
        color: var(--color-gray-30per);
    }

    #sec-topicpath .topicpath-wrap #breadCrumb li > strong {
        font-weight: 400;
    }

    #sec-topicpath .topicpath-wrap #breadCrumb li a {
        text-decoration: underline;
        color: var(--color-gray-30per);
    }

    #sec-topicpath .topicpath-wrap #breadCrumb li:before {
        content: '>';
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 1em;
        height: 1em;
        -webkit-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
        -o-transform: translateY(-65%);
        transform: translateY(-65%);
    }
}



@media screen and (max-width: 767px) {
    #sec-topicpath .topicpath-wrap {
      padding: 60px 0 5px;
    }

    #sec-topicpath .topicpath-wrap #breadCrumb li {
        margin-bottom: 5px;
        padding: 0 5px 0 10px;
    }
}*/



/* [-] .m-link_text_anchor
=========================================================================================== */

.m-link_text_anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*width: 100%;*/
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px 0 15px;
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor {
        margin-left: -20px;
        margin-right: -20px;
        padding: 25px 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -15px;
        margin-right: -15px;
        padding: 20px 0 10px;
    }
}

.m-link_text_anchor > li {
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor > li {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor > li {
        width: 50%;
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.m-link_text_anchor > li > a {
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 1.4;
    color: var(--color-gray-40per);
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor > li > a {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor > li > a {
        text-align: left;
        font-size: 12px;
    }
}

.m-link_text_anchor > li > a > span {
    display: inline-block;
}



/* [-] .m-link_text_anchor_fix
=========================================================================================== */

.m-link_text_anchor_fix {
    position: sticky;
    /*top: 100px;*/
    /*top: 0;*/
    /*top: calc(50% - 100px);*/
    top: calc(100px + 20px);
    left: 0;

    /*-webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);*/
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor_fix {
        position: sticky;
        top: calc(70px + 0px);
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor_fix {
        position: static;
        top: 0;
        left: 0;
    }
}



/*.m-link_text_anchor_fix {
    position: static;
}

.m-link_text_anchor_fix.active {
    position: fixed;
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: calc(1200px - 40px);
    left: 50%;
    top: calc(50% + 50px);
    z-index: 5;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    counter-reset: item;
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor_fix {
        width: calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor_fix {
        position: static;
        width: 100%;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
}*/



.m-link_text_anchor_fix a {
    display: inline-block;
    /*display: block;*/
    color: #737373 !important;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.m-link_text_anchor_fix a.is-current,
.m-link_text_anchor_fix a:hover {
    color: #333 !important;
    opacity: 1;
}



.m-link_text_anchor_fix li:before {
    content: none;
}

.m-link_text_anchor_fix a:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: .25em;
    top: .8em;
    width: 6px;
    height: 6px;
    background: var(--color-gray-80per);
    border-radius: 50%;

    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.m-link_text_anchor_fix a:hover::before {
    background: var(--color-primary) !important;
    /*background: var(--color-gray-20per) !important;*/
}

.m-link_text_anchor_fix a.is-current::before {
    background: var(--color-primary) !important;
    /*background: var(--color-gray-20per) !important;*/
}



.m-link_text_anchor_fix ul.a-list_ccl > li:before {
    content: none;
}



/* [-] .loading
=========================================================================================== */

.t-wrapper {
    display: none;
    opacity: 0;
}

.t-wrapper.m-loading_wrapper_on {
    display: block;
    opacity: 1;
    transition: opacity .25s ease-in-out .15s;
}



.m-loading_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    background: var(--color-white);
    width: 100%;
    height: 100%;
    opacity: 1;
}

.m-loading_bg.m-loading_bg_off {
    -webkit-animation: m-loading_bg_off_anime 250ms cubic-bezier(.77,0,.11,1) 150ms both;
    animation: m-loading_bg_off_anime 250ms cubic-bezier(.77,0,.11,1) 150ms both;
    /*opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease-in-out .015s;*/
}

@-webkit-keyframes m-loading_bg_off_anime {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes m-loading_bg_off_anime {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}



.m-loading_circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    margin: auto;
    border-radius: 50%;
    border-top: 1px solid rgba(249, 225, 194, 0.2);
    border-right: 1px solid rgba(249, 225, 194, 0.2);
    border-bottom: 1px solid #ce975b;
    border-left: 1px solid #ce975b;
    /*border-top: 1px solid rgba(215, 241, 252, 0.2);
    border-right: 1px solid rgba(215, 241, 252, 0.2);
    border-bottom: 1px solid #299EE5;
    border-left: 1px solid #299EE5;*/
    /*font-size: 10px;*/
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*opacity: 0;*/
    visibility: hidden;
    z-index: 999999999;
    -webkit-animation: m-loading_circle_rotate_anime 0.7s infinite linear;
    animation: m-loading_circle_rotate_anime 0.7s infinite linear;
}

.m-loading_circle.m-loading_circle_on {
    visibility: visible;
    transition: visibility .025s ease-in-out .025s;
    /*opacity: 1;
    transition: opacity .025s ease-in-out .025s;*/
}

@-webkit-keyframes m-loading_circle_rotate_anime {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes m-loading_circle_rotate_anime {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.m-loading_circle.m-loading_circle_off {
    /*-webkit-animation: m-loading_circle_off_anime 250ms cubic-bezier(.77,0,.11,1) 150ms both;
    animation: m-loading_circle_off_anime 250ms cubic-bezier(.77,0,.11,1) 150ms both;*/
    opacity: 0;
    /*visibility: visible;*/
    /*visibility: hidden;*/
    transition: opacity .20s ease-in-out .10s;
    /*transition: opacity .25s ease-in-out .15s;*/

    /*transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;*/

    /*visibility: hidden;
    transition: visibility .025s ease-in-out .025s;*/
}

/*@-webkit-keyframes m-loading_circle_off_anime {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes m-loading_circle_off_anime {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}*/



/* [-] .a-effect
=========================================================================================== */

.a-effect_active.a-effect_delay-000 {
    -webkit-transition-delay: .0s;
    transition-delay: .0s;
}
.a-effect_active.a-effect_delay-005 {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}
.a-effect_active.a-effect_delay-010 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
.a-effect_active.a-effect_delay-015 {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}
.a-effect_active.a-effect_delay-020 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.a-effect_active.a-effect_delay-025 {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}
.a-effect_active.a-effect_delay-030 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
.a-effect_active.a-effect_delay-035 {
    -webkit-transition-delay: .35s;
    transition-delay: .35s;
}
.a-effect_active.a-effect_delay-040 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.a-effect_active.a-effect_delay-045 {
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
}
.a-effect_active.a-effect_delay-050 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.a-effect_active.a-effect_delay-055 {
    -webkit-transition-delay: .55s;
    transition-delay: .55s;
}
.a-effect_active.a-effect_delay-060 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}
.a-effect_active.a-effect_delay-070 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}
.a-effect_active.a-effect_delay-080 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}
.a-effect_active.a-effect_delay-090 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}
.a-effect_active.a-effect_delay-100 {
    -webkit-transition-delay: 1.0s;
    transition-delay: 1.0s;
}
.a-effect_active.a-effect_delay-110 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.a-effect_active.a-effect_delay-120 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.a-effect_active.a-effect_delay-130 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.a-effect_active.a-effect_delay-140 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.a-effect_active.a-effect_delay-150 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.a-effect_active.a-effect_delay-160 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}
.a-effect_active.a-effect_delay-170 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}
.a-effect_active.a-effect_delay-180 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}
.a-effect_active.a-effect_delay-190 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}
.a-effect_active.a-effect_delay-200 {
    -webkit-transition-delay: 2.0s;
    transition-delay: 2.0s;
}
.a-effect_active.a-effect_delay-210 {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s;
}
.a-effect_active.a-effect_delay-220 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s;
}
.a-effect_active.a-effect_delay-230 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s;
}
.a-effect_active.a-effect_delay-240 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
}
.a-effect_active.a-effect_delay-250 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
}



.a-effect_fade-in {
    opacity: 0;
    transition: 1s;
    /*transition: 2s;*/
}
.a-effect_fade-in.a-effect_active {
    opacity: 1;
}
/*.fadeIn {
    opacity: 0;
    transition: 1s;
}

.fadeIn.is-show {
    opacity: 1;
}*/






.a-effect_to-t {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: .35s;
}

.a-effect_to-t.a-effect_active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



.a-effect_to-b {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: .35s;
}

.a-effect_to-b.a-effect_active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



.a-effect_to-r {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    transition: .35s;
}

.a-effect_to-r.a-effect_active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



.a-effect_to-l {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    transition: .35s;
}

.a-effect_to-l.a-effect_active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}






/* Effect (Cover) */
.a-effect_cover {
    overflow-x: hidden;
    position: relative;
    display: block
}

.a-effect_cover > span:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*width: 100%;
    height: 100%;*/
    background-color: rgba(255,255,255,1);

    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.a-effect_cover.a-effect_active > span:before {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);

    -webkit-transition-duration: .8s;
    transition-duration: .8s;

    -webkit-transition-timing-function: cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1);
}






/* Effect (Cover Img) */
.a-effect_cover-img {
    position: relative;
    /*overflow: hidden;*/
}

.a-effect_cover-img {
    overflow: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.a-effect_cover-img.a-effect_active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(1,0,.42,.93);
    transition-timing-function: cubic-bezier(1,0,.42,.93);
}




.a-effect_cover-img-pic {
    display: block;
    /*overflow: hidden;*/
}

.a-effect_cover-img-pic {
    -webkit-transform: translate3d(90%,0,0);
    transform: translate3d(90%,0,0);

}

.a-effect_cover-img-pic.a-effect_active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(1,0,.42,.93);
    transition-timing-function: cubic-bezier(1,0,.42,.93);
}






/*.a-effect_cover {
    overflow-x: hidden;
    position: relative;
    display: block
}



.a-effect_cover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: #111;
    -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
    transition: all .8s cubic-bezier(.77,0,.175,1);
    -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.a-effect_cover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: var(--color-white);
    z-index: 2;
    -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
    transition: all .8s cubic-bezier(.77,0,.175,1);
    -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1)
}

.a-effect_cover.a-effect_active:after,
.a-effect_cover.a-effect_active:before {
    right: -100%
}*/



/*.a-effect_cover:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,1);

    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.a-effect_cover.a-effect_active:after {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);

    -webkit-transition-duration: .8s;
    transition-duration: .8s;

    -webkit-transition-timing-function: cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1);
}*/






/* Effect (Cover Img) */
.a-effect_cover-img {
    position: relative;
    overflow: hidden;
}

.a-effect_cover-img {
    /*overflow: hidden;*/
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.a-effect_cover-img.a-effect_active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(1,0,.42,.93);
    transition-timing-function: cubic-bezier(1,0,.42,.93);
}



.a-effect_cover-img-pic {
    display: block;
    /*overflow: hidden;*/
}

.a-effect_cover-img-pic {
    /*overflow: hidden;*/
    -webkit-transform: translate3d(90%,0,0);
    transform: translate3d(90%,0,0);
}

.a-effect_cover-img-pic.a-effect_active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(1,0,.42,.93);
    transition-timing-function: cubic-bezier(1,0,.42,.93);
}






/* Dust... */
.effect-fade {
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1);
    -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1.275);
    transition: all 1s cubic-bezier(.175,.885,.32,1.275);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    -webkit-transition-property: opacity,transform;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

.effect-fade.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}



.effect-to-top {
    -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1);
    -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1.275);
    transition: all 1s cubic-bezier(.175,.885,.32,1.275);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    -webkit-transition-property: opacity,transform;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

.effect-to-top.invisible {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.effect-to-top.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


.effect-to-top-02 {
    -webkit-transition: opacity 600ms cubic-bezier(0.4, 0, 0.25, 1.01),transform 300ms cubic-bezier(0.4, 0, 0.25, 1.01);
    transition: opacity 600ms cubic-bezier(0.4, 0, 0.25, 1.01),transform 300ms cubic-bezier(0.4, 0, 0.25, 1.01);
}

.effect-to-top-02.invisible {
    opacity: 0;
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
}

.effect-to-top-02.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



.effect-to-right {
    -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1);
    -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1.275);
    transition: all 1s cubic-bezier(.175,.885,.32,1.275);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    -webkit-transition-property: opacity,transform;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

.effect-to-right.invisible {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

@media screen and (max-width: 979px) {
    .effect-to-right.invisible {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

.effect-to-right.visible {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}



.effect-to-left {
    -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1);
    -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1.275);
    transition: all 1s cubic-bezier(.175,.885,.32,1.275);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    -webkit-transition-property: opacity,transform;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

.effect-to-left.invisible {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

@media screen and (max-width: 979px) {
    .effect-to-left.invisible {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
}

.effect-to-left.visible {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}






.effect-cover {
    overflow-x: hidden;
    /*position: relative;*/
    display: block
}

/*.effect-cover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: #111;
    -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
    transition: all .8s cubic-bezier(.77,0,.175,1);
    -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.effect-cover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: var(--color-white);
    z-index: 2;
    -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
    transition: all .8s cubic-bezier(.77,0,.175,1);
    -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1)
}

.effect-cover.visible:after,
.effect-cover.visible:before {
    right: -100%
}*/

.effect-cover:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,1);

    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.effect-cover.visible:after {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);

    -webkit-transition-duration: .8s;
    transition-duration: .8s;

    -webkit-transition-timing-function: cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1);
}



.effect-cover-img {
    position: relative;
    overflow: hidden;
}

.effect-cover-img.invisible {
    /*overflow: hidden;*/
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.effect-cover-img.visible {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(1,0,.42,.93);
    transition-timing-function: cubic-bezier(1,0,.42,.93);
}



.effect-cover-img-pic {
    display: block;
    /*overflow: hidden;*/
}

.effect-cover-img-pic.invisible {
    /*overflow: hidden;*/
    -webkit-transform: translate3d(90%,0,0);
    transform: translate3d(90%,0,0);
}

.effect-cover-img-pic.visible {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(1,0,.42,.93);
    transition-timing-function: cubic-bezier(1,0,.42,.93);
}



/*.effect {
    visibility: hidden;
    opacity: 0;

    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
}

.is-show.effect {
    visibility: visible;
    opacity: 1;

    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;

    transition-duration: .4s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.effect-r {
    visibility: hidden;
    opacity: 0;

    -webkit-transform: translateX(30px);
    transform: translateX(30px);
}

.is-show.effect-r {
    visibility: visible;
    opacity: 1;

    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;

    transition-duration: .4s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.effect-v {
    visibility: hidden;
    opacity: 0;

    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.is-show.effect-v {
    visibility: visible;
    opacity: 1;

    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;

    transition-duration: .4s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.effect-v-r {
    visibility: hidden;
    opacity: 0;

    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

.is-show.effect-v-r {
    visibility: visible;
    opacity: 1;

    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;

    transition-duration: .4s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    -webkit-transform: translateY(0);
    transform: translateY(0);
}*/



/* [-] .a-transform
=========================================================================================== */

.a-transform_slanting-10 {
    transform: skewX(-10deg);
}



/* [-] .gmap
=========================================================================================== */

/* 4:3 = 75% */
.gmap {
  position: relative;
  width: 100%;
  height: 0;

  /*padding-top: 75%;*/
  padding-top: 65%;
}

.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/*.gmap{
    width: 100%;
    height: 75.75%;
    height: 500px;
    height: 350px;
}*/






/* [-] .popup-youtube
=========================================================================================== */

.mfp-bg,
.mfp-wrap {
    z-index: 100000 !important;
}



.movie-wrap {
    width: 900px;
    /*width: 100%;
    max-width: 900px;*/
    /*width: 640px;*/

    height: 506px;
    /*height: 56.25%;
    max-height: 506px;*/
    /*height: 360px;*/

    padding-top: 0;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .movie-wrap {
        width: 100%;
        position: relative;
        height: 0;

        /*padding-top: 56.25%;*/
        padding-top: 55%;

        margin: 0 auto;
    }
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;

    width: 100%;
    max-width: 900px;
    /*width: 640px;*/

    height: 100%;
}

@media screen and (max-width: 767px) {
    .movie-wrap iframe {
        width: 100%;
    }
}






/* ----------------------------------------------------------------------------------------

// Page Style

------------------------------------------------------------------------------------------- */



/* [-] .header (page)
------------------------------------------------------------------------------------------- */

/* Header (Background) */
/*.__index .header {
    background: transparent;
}



.__index .change-header.header {
    background: var(--color-white);
}*/






/* Header (Border) */
.header-inner {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.change-header.header .header-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
}





/* Header (Logo / Transparent) */
/*.header .header__logo_img-normal {
    display: block;
}

.change-header.header .header__logo_img-normal {
    display: block;
}



.__index .header .header__logo_img-normal {
    display: none;
}

.__index .change-header.header .header__logo_img-normal {
    display: block;
}



.header .header__logo_img-white {
    display: none;
}

.change-header.header .header__logo_img-white {
    display: none;
}



.__index .header .header__logo_img-white {
    display: block;
}

.__index .change-header.header .header__logo_img-white {
    display: none;
}*/






.change-header.header .header__logo,
.header__logo {
    top: 12px;
}

@media screen and (max-width: 979px) {
    .change-header.header .header__logo,
    .header__logo {
        top: 8px;
    }
}

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

}



.change-header.header .header__logo img,
.header__logo img {
    width: 126px;
    height: auto;
}

@media screen and (max-width: 979px) {
    .change-header.header .header__logo img,
    .header__logo img {
        width: 96px;
        height: auto;
    }
}

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

}






/* Header (Nav / Transparent) */
/*.__index .header__nav-g-pc .list-main a,
.__index .header__nav-g-pc .list-main a:link,
.__index .header__nav-g-pc .list-main a:visited,
.__index .header__nav-g-pc .list-main a:hover,
.__index .header__nav-g-pc .list-main a:active {
  color: var(--color-white);
}*/






/* Header (SP Menu) */
/* (Transparent) */
/*.__index .header__trigger span:after,
.__index .header__trigger span:before,
.__index .header__trigger span {
    background: var(--color-white);
}



.__index .change-header.header .header__trigger span:after,
.__index .change-header.header .header__trigger span:before,
.__index .change-header.header .header__trigger span {
    background: var(--color-primary);
}



.__index.is-active .change-header.header .header__trigger span {
    background: var(--color-white);
}*/






/* Header (SP Menu Tel) */
.header__nav-g-sp .list-tel li a span.phone-num {
    font-weight: normal !important;
}



.header__nav-g-sp .list-tel li a span.phone-num:after {
    content: '';
    position: absolute;
    left: 0;
    top: .2em;
    width: 1.25em;
    height: 1.25em;
    background: url(../images/common/icon-nav-g-smartphone.svg) 0 0 no-repeat;
    background-size: auto .8em;
}






/* Header (SP Menu Form) */
.header__nav-g-sp .list-utility li .btn-tertiary-bd a {
    font-weight: normal !important;
}



.header__nav-g-sp .list-utility li .btn-tertiary-bd a > span {
    margin: 0;
}



.header__nav-g-sp .list-utility li .btn-tertiary-bd.mailform a > span:after {
    content: none;
}






/* [-] .footer (page)
------------------------------------------------------------------------------------------- */

.t-footer_address_inner {
    padding-right: 0;
    padding-left: 0;
}

@media screen and (max-width: 979px) {
    .t-footer_address_inner {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_address_inner {
        padding-right: 0;
        padding-left: 0;
    }
}



.t-footer_nav {
    padding: 0 5px;
    /*padding: 0 25px;*/
}

@media screen and (max-width: 979px) {
    .t-footer_nav {
        padding: 0 5px;
        /*padding: 0 15px;*/
    }
}

@media screen and (max-width: 767px) {
    .t-footer_nav {
        padding: 0;
    }
}



.t-footer_link-primary {
    padding: 0;
    font-weight: 400;
    color: #333 !important;
}

@media screen and (max-width: 767px) {
    .t-footer_link-primary {
        padding: 20px 15px;
    }
}


.t-footer_link-primary:after {
    content: none;
}



.t-footer_bottom_item a {
    border-right: none;
}






/* [-] .m-kv_index
------------------------------------------------------------------------------------------- */

.m-kv_index {
    width: 100%;
    padding: 0;
    /*padding-top: 70px;*/

    /*background: #f7f7f7;*/
}

@media screen and (max-width: 979px) {
    .m-kv_index {
        padding: 0;
        /*padding-top: 50px;*/
    }
}


.m-kv_index_inner {
    position: relative;
    width: 100%;
    /*max-width: 1440px;*/

    max-height: var(--height-hero-index-pc);
    /*max-height: 650px;*/

    margin: 0 auto;
}

@media screen and (max-width: 979px) {
    .m-kv_index_inner {
        max-height: var(--height-hero-index-tb);
        /*max-height: 350px;*/

        /*padding-top: 50px;*/
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_inner {
        max-height: var(--height-hero-index-sp);
    }
}




.a-kv_index_figure {
    position: relative;
    padding-top: 550px;
}

@media screen and (max-width: 979px) {
    .a-kv_index_figure {
        padding-top: 500px;
    }
}

@media screen and (max-width: 767px) {
    .a-kv_index_figure {
        padding-top: 400px;
    }
}

.a-kv_index_figure:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.a-kv_index_figure:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/index/image_kv-01_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 979px) {
    .a-kv_index_figure:before {
        background: url("../images/index/image_kv-01_index_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}

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

}



.m-kv_index_content_wrap {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    width: 100%;
    height: 100%;
}

/*.m-kv_index_content_wrap {
    position: absolute;
    left: 3%;
    top: 50%;
    padding: 0;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

@media screen and (max-width: 979px) {
    .m-kv_index_content_wrap {
        left: 5vw;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content_wrap {
        left: 0;
        padding: 0 15px;
    }
}*/



.m-kv_index_content_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    width: 100%;
    height: 100%;
}



.m-kv_index_content_inner-level-02 {
    width: auto;
    max-width: 1200px;
    margin-top: 40px;
    padding: 0 0;
}

@media screen and (max-width: 979px) {
    .m-kv_index_content_inner-level-02 {
        width: auto;
        max-width: 100%;
        margin-top: -30px;
        /*padding: 0 30px;*/
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content_inner-level-02 {
        margin-top: 20px;
        /*margin-top: -10px;*/
        /*padding: 0 15px;*/
    }
}



.m-kv_index_content_title-primary {
    display: block;
    /*display: inline;*/
    /*margin-top: .25em;*/
    text-align: center;
    font-size: 40px;
    /*font-size: 72px;*/
    font-weight: 400;
    /*font-style: italic;*/
    line-height: 1;
    color: var(--color-white);

    /*transform: skewX(-10deg);*/

    /*border-bottom: 1px solid var(--color-white);*/
}

@media screen and (max-width: 979px) {
    .m-kv_index_content_title-primary {
        font-size: 36px;
        /*font-size: 56px;*/
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content_title-primary {
        font-size: 30px;
        /*font-size: 40px;*/
        padding-bottom: 0.025em;
    }
}



.m-kv_index_content_title-secondary {
    display: block;
    margin-right: 0.25em;
    margin-top: .5em;
    text-align: center !important;
    font-size: 20px;
    /*font-size: 36px;*/
    font-weight: 400;
    /*font-weight: 400;*/
    /*font-style: italic;*/
    line-height: 1.4;
    color: var(--color-white);
    letter-spacing: .025em;

    /*transform: skewX(-10deg);*/
}

@media screen and (max-width: 979px) {
    .m-kv_index_content_title-secondary {
        font-size: 18px;
        /*font-size: 30px;*/
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content_title-secondary {
        font-size: 16px;
        /*font-size: 22px;*/
    }
}



.m-kv_index_content_button_wrap {
    margin-top: 60px;
}

@media screen and (max-width: 979px) {
    .m-kv_index_content_button_wrap {
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content_button_wrap {
        margin-top: 25px;
    }
}

.m-kv_index_content_button_item {
    width: 325px;
    /*width: 250px;*/
}

@media screen and (max-width: 979px) {
    .m-kv_index_content_button_item {
        width: 275px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content_button_item {
        width: 100%;
    }
}






/*.m-kv_index_icon_scroll_kv {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .m-kv_index_icon_scroll_kv {
        bottom: 15px;
    }
}


.m-kv_index_icon_scroll_kv .m-icon_scroll_kv img {
    width: 40px;
    height: auto;
}

@media screen and (max-width: 767px) {
  .m-kv_index_icon_scroll_kv .m-icon_scroll_kv img {
      width: 35px;
  }
}*/





.m-kv_index_icon_scroll_kv {
    display: block;
    position: absolute;
    right: 0%;
    left: auto;
    bottom: calc(50% - 40px);
    width: 80px;
    height: 100px;
    text-align: center;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 2;
}

@media screen and (max-width: 979px) {
    .m-kv_index_icon_scroll_kv {
        right: -50px;
        left: auto;
        bottom: calc(0% - 0px);
        height: 80px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_icon_scroll_kv {
        right: -56px;
        left: auto;
        bottom: calc(0% - 0px);
        height: 60px;
    }
}



.m-kv_index_icon_scroll_kv .m-icon_scroll_kv {
    position: relative;
}



.m-kv_index_icon_scroll_kv .m-icon_scroll_kv:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 100px;
    background: var(--color-white);
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    z-index: 2;
    opacity: .3;
}

@media screen and (max-width: 979px) {
    .m-kv_index_icon_scroll_kv .m-icon_scroll_kv:before {
        height: 80px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_icon_scroll_kv .m-icon_scroll_kv:before {
        height: 60px;
    }
}



.m-kv_index_icon_scroll_kv .m-icon_scroll_kv:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 100px;
    background: var(--color-white);
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    z-index: 2;

    height: 0;
    -webkit-animation: scroll_anime 4s linear infinite;
    animation: scroll_anime 4s linear infinite;
}

@media screen and (max-width: 979px) {
    .m-kv_index_icon_scroll_kv .m-icon_scroll_kv:after {
        height: 80px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_icon_scroll_kv .m-icon_scroll_kv:after {
        height: 60px;
    }
}



.m-kv_index_icon_scroll_kv .m-icon_scroll_kv > span {
    content: 'SCROLL';
    display: block;
    position: absolute;
    left: calc(50% - .15em);
    top: -5em;
    padding-bottom: .5em;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .03em;
    color: var(--color-white);

    -webkit-transform: translate(-50%, 100%) rotate(90deg);
    -ms-transform: translate(-50%, 100%) rotate(90deg);
    -o-transform: translate(-50%, 100%) rotate(90deg);
    transform: translate(-50%, 100%) rotate(90deg);
}

@media screen and (max-width: 979px) {
    .m-kv_index_icon_scroll_kv .m-icon_scroll_kv > span {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_icon_scroll_kv .m-icon_scroll_kv > span {
        font-size: 11px;
    }
}



@-webkit-keyframes scroll_anime {
    0% {
        height: 0px;
    }

    70% {
        height: 0px;
    }

    85% {
        height: 100px;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    100% {
        height: 100px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes scroll_anime {
    0% {
        height: 0px;
    }

    70% {
        height: 0px;
    }

    85% {
        height: 100px;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    100% {
        height: 100px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@media screen and (max-width: 979px) {
    @-webkit-keyframes scroll_anime {
        0% {
            height: 0px;
        }

        70% {
            height: 0px;
        }

        85% {
            height: 80px;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

        100% {
            height: 80px;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
    }

    @keyframes scroll_anime {
        0% {
            height: 0px;
        }

        70% {
            height: 0px;
        }

        85% {
            height: 80px;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

        100% {
            height: 80px;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
    }
}

@media screen and (max-width: 767px) {
    @-webkit-keyframes scroll_anime {
        0% {
            height: 0px;
        }

        70% {
            height: 0px;
        }

        85% {
            height: 60px;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

        100% {
            height: 60px;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
    }

    @keyframes scroll_anime {
        0% {
            height: 0px;
        }

        70% {
            height: 0px;
        }

        85% {
            height: 60px;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

        100% {
            height: 60px;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
    }
}






/* [-] .m-kv
=========================================================================================== */

.m-kv {
    position: relative;
}

/*.m-kv {
    width: 100%;
}



.m-kv_inner {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .m-kv_inner {
        width: 100%;
        padding: 0;
    }
}



.m-kv_wrap {

}*/



.m-kv_figure {

}



.m-kv_figure .a-figure {
    position: relative;
    display: block;
    padding-top: 400px;
}

@media screen and (max-width: 979px) {
    .m-kv_figure .a-figure {
        padding-top: 350px;
    }
}


@media screen and (max-width: 767px) {
    .m-kv_figure .a-figure {
        padding-top: 250px;
    }
}

/*.m-kv_figure .a-figure:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}*/



.m-kv_figure .a-figure span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/*.m-kv_figure .a-figure span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}*/

/*#service .m-kv_figure .a-figure span {
    background: url("../images/common/pic_pattern_camel-pc.png");
}*/



.m-kv_content {
    position: absolute;
    left: 50%;
    top: 62%;
    width: 100%;
    /*height: 100%;*/
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/*.m-kv_content .ttl .ja {
    display: block;
    margin-bottom: .6em;
    text-align: center;
    font-size: 38px;
    line-height: 1;
    color: var(--color-white);
}

@media screen and (max-width: 979px) {
    .m-kv_content .ttl .ja {
        font-size: 32px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_content .ttl .ja {
        margin-bottom: .4em;
        font-size: 26px;
    }
}

.m-kv_content .ttl .en {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    color: var(--color-white);
    letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
    .m-kv_content .ttl .en {
        font-size: 14px;
    }
}*/



/* [-] .m-kv-2nd
=========================================================================================== */

.m-kv-2nd {
    position: relative;
    overflow: hidden;
    width: 100%;
    color: var(--color-white);
}



.m-kv-2nd_inner {
    padding-top: 100px;
}

@media screen and (max-width: 979px) {
    .m-kv-2nd_inner {
        padding-top: 50px;
    }

}



.m-kv-2nd_title {
    position: relative;
    width: 25%;
}

@media screen and (max-width: 767px) {
    .m-kv-2nd_title {
        width: 100%;
    }
}

.m-kv-2nd_title:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/common/image_contact_contents_pc.png");
    z-index: -1;
}

/*.m-kv-2nd_title:before {
    background: url("../images/common/pic_pattern_navy-pc.png");
}*/

.m-kv-2nd_title_inner {
    position: relative;
    max-width: calc(1200px - 1100px);
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .m-kv-2nd_title_inner {
        position: relative;
        width: 100%;
        margin-left: 15px;
    }
}

.a-heading-02_wrapper {
    position: absolute;
    top: 0;
    right: 70px;
    left: auto;
}

@media screen and (max-width: 979px) {
    .a-heading-02_wrapper {
        right: 50px;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-02_wrapper {
        position: relative;
        right: auto;
        left: 0;
    }
}



.a-heading-02_inner {
    position: relative;
    height: 300px;
    padding-top: 100px;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 979px) {
    .a-heading-02_inner {
        height: 270px;
        padding-top: 70px;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-02_inner {
        height: 210px;
        padding-top: 40px;
    }
}

.a-heading-02_inner:before {
    content: '';
    display: block;
    position: absolute;
    left: 65%;
    top: 0;
    width: 1px;
    height: calc(100% - 45px);
    background: var(--color-white);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .a-heading-02_inner:before {
        left: 60%;
        height: calc(100% - 45px);
    }
}

.a-heading-02_secondary {
    display: block;
    padding-top: .35em;
    font-size: 12px;
    line-height: 1;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

@media screen and (max-width: 767px) {
    .a-heading-02_secondary {
        /*padding-top: 5px;*/
        font-size: 10px;
    }
}

.a-heading-02_primary {
    display: block;
    padding-right: 20px;
    font-size: 32px;
    line-height: 1;
    text-orientation: upright;
    /*-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;*/
}

@media screen and (max-width: 767px) {
    .a-heading-02_primary {
        padding-right: 20px;
        font-size: 26px;
    }
}

/*.a-heading-02_border {
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-white);
}*/



.m-kv-2nd_text {
    position: relative;
    width: 75%;
}

@media screen and (max-width: 767px) {
    .m-kv-2nd_text {
        width: 100%;
    }
}

.m-kv-2nd_text:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/*.m-kv-2nd_text:before {
    background: url("../images/common/pic_kv_hero_index-pc.jpg") right 10% top 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .m-kv-2nd_text:before {
        background: url("../images/common/pic_kv_hero_index-sp.jpg") right 30% top 50% no-repeat;
        background-size: cover;
    }
}*/



.m-kv-2nd_text:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: -1;
}



.m-kv-2nd_text_inner {
    max-width: calc(1200px - 100px);
    margin-right: auto;
    padding: 120px 150px 100px 70px;
}

@media screen and (max-width: 979px) {
    .m-kv-2nd_text_inner {
        width: 100%;
        padding: 50px 30px 30px 30px;
    }
}



.m-kv-2nd_text_caption {
    margin-top: 70px;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .m-kv-2nd_text_caption {
        margin-top: 30px;
        text-align: right;
    }
}

.m-kv-2nd_text_caption .corporate {
    display: block;
    font-size: 13px;
    line-height: 1;
}

.m-kv-2nd_text_caption .position {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
}

.m-kv-2nd_text_caption .name {
    display: inline-block;
    padding-top: 0.75em;
    padding-left: .5em;
    font-size: 22px;
    line-height: 1;
}



/* [-] .m-topics_index
=========================================================================================== */

.m-topics_index {
    background: var(--color-gray-30per);
}

.m-topics_index_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*width: 1200px;
    margin: 0 auto;*/
    /*padding: 0 3%;*/
}

.m-topics_index_title {
    padding: 10px 1.5em 10px 3%;
    background: var(--color-secondary);
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .m-topics_index_title {
        font-size: 12px;
    }
}

.m-topics_index_text {
    padding: 10px 0 10px 1.5em;
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .m-topics_index_text {
        font-size: 12px;
    }
}




/* [-] .m-card
------------------------------------------------------------------------------------------- */

.m-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .m-card {
        flex-direction: column;
        width: 100%;
    }
}



.m-card_bg {
    position: absolute;
    z-index: -1;
}

.m-card_bg {
    width: 90%;
    height: 450px;
}

@media screen and (max-width: 979px) {
    .m-card_bg {
        width: 95%;
        height: 370px;
    }
}

@media screen and (max-width: 767px) {
    .m-card_bg {
        bottom: 0;
        width: 100%;
        height: 100%;
    }
}

.m-card_bg {
    background: #fafafa;
}



.m-card_figure {
    position: relative;
    /*overflow: hidden;*/

    order: 2;

    width: 65%;
    /*max-height: 350px;*/
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .m-card_figure {
        order: 1;
        width: 100%;
    }
}

.m-card_reverse .m-card_figure {
    order: 1;
}



a:hover .m-card_figure {
    opacity: 1;
}

a:hover .m-card_figure img {
    opacity: 1;
}



.m-card_figure:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.m-card_figure:after {
    background-color: rgba(0, 0, 0, .2);
}

@media screen and (max-width: 767px) {
    .m-card_figure:after {
        background-color: rgba(0, 0, 0, .1);
    }
}



.m-card_figure .a-figure {
    position: relative;
    overflow: hidden;
    padding-top: 450px;
}

@media screen and (max-width: 979px) {
    .m-card_figure .a-figure {
        padding-top: 350px;
    }
}

@media screen and (max-width: 767px) {
    .m-card_figure .a-figure {
        padding-top: 250px;
    }
}

.m-card_figure .a-figure:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/*.m-card_figure .a-figure:before {
    background: url("../images/common/pic_kv_service_index-pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}*/



/*.m-card_figure img {
    display: block;
    width: 100%;
    height: 450px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .m-card_figure img {
        height: 250px;
    }
}*/



a .m-card_figure .a-figure:before {
    -webkit-transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    -o-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
    transition: all 700ms cubic-bezier(.165,.84,.44,1);
}

a:hover .m-card_figure .a-figure:before {
    -webkit-transform: scale(1.015, 1.015);
    -ms-transform: scale(1.015, 1.015);
    -o-transform: scale(1.015, 1.015);
    transform: scale(1.015, 1.015);
}



.m-card_content {
    position: relative;
    order: 1;
    /*width: 35%;*/
    /*min-width: 310px;*/
    margin-left: auto;
    /*margin-right: -20.0vw;*/
    z-index: 20;
}

.m-card_content {
    width: calc(35% + 3vw);
    min-width: 310px;
    margin-left: 3vw;
    margin-right: -5vw;
    margin-top: 0;
    /*margin-right: -17.5vw;*/
}

@media screen and (max-width: 979px) {
    .m-card_content {
        margin-right: -10.5vw;
    }
}

@media screen and (max-width: 767px) {
    .m-card_content {
        order: 2;
        width: calc(100% - 30px);
        /*width: 100%;*/
        margin: 0 auto;
        margin-top: -7.5vw;
    }
}

.m-card_reverse .m-card_content {
    order: 2;
    margin-left: -2vw;
    margin-right: auto;
}

@media screen and (max-width: 979px) {
    .m-card_reverse .m-card_content {
        margin-left: -10vw;
    }
}

@media screen and (max-width: 767px) {
    .m-card_reverse .m-card_content {
        width: 100%;
        margin: 0 auto;
    }
}

/*.m-card_content {
    background: var(--color-white);
    opacity: 0.9;
}*/




/* [-] .m-slider
------------------------------------------------------------------------------------------- */

.slider-stage {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.slider {
    width: 100%;
    height: 100%;
}

.slider > div {
    width: 100%;
    /*height: 100%;*/
}

.slider > div > a {
    display: block;

    /*-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;*/

    /*position: relative;*/
    width: 100%;
    /*height: 100%;*/

    /*background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;*/
}

@media screen and (max-width: 767px) {
    .slider > div > a {
        /*background-size: contain;*/
    }
}



.slider > div .pic_silder-bg {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    /*background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;*/

    /*border: 1px solid #000;*/
}

.slider > div .pic_silder-bg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;

    background-position: 50% 50%;
    background-repeat: no-repeat;

    /*border: 1px solid #000;*/
}



/*.slider > div:nth-of-type(1) > a {
    background-image: url("../images/employer/top/pic-kv-employer-index-pc.jpg");
    background-size: cover;
}

@media screen and (max-width: 767px) {
  .slider > div:nth-of-type(1) > a {
      background-image: url("../images/employer/top/pic-kv-employer-index-sp.jpg");
      background-size: cover;
  }
}*/

/*@media screen and (max-width: 767px) {
    .slider > div > a > div > img {
        width: 100%;
        height: 100%;
    }
}*/



.slick-slide {
    margin: 0 0;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}


.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
    /*opacity: .2;*/
}

.slick-active {
    /*opacity: 1;*/
    opacity: .5;
}

.slick-current {
    opacity: 1;
}



.slick-dotted.slick-slider {
    margin-bottom: 0;
}



/*.slider img {
  height: 100%;
  width: 100%;
  margin: 0 auto;
}*/

/*.slider a {
    color: var(--color-gray-20per);
}*/

/*.slider span {
  display: inline-block;
  margin: 10px 0 0;
  padding: 10px 5px 10px 10px;
  background: rgba(255, 255, 255, .6);
  font-size: 14px;
  line-height: 1.3;
}

.slider span > span {
  display: block;
  margin: 5px 0 0;
  padding: 0;
  background: none;
  font-size: 12px;
  line-height: 1.36;
}
*/

/*.slider-nav div {
  padding: 0 5px;
}

.slider-nav img {
  height: 50px;
  width: auto;
}*/



.slick-dots {
    position: absolute;
    left: 50%;
    bottom: -15%;

    /*width: 250px;
    height: 36px;
    background: rgba(0, 0, 0, .3);
    border-radius: 2px;*/

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 11111;
}

@media screen and (max-width: 979px) {
    .slick-dots {
        bottom: -15%;
    }
}

.slick-dots li {
    width: 6px;
    height: 6px;
    margin: 15px 5px;
}

.slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 20px;
}

.slick-dots li button::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-gray-20per);
    border-radius: 50%;
    opacity: 1;

    background: var(--color-gray-20per);
    opacity: .2;
    color: var(--color-gray-20per);
}

.slick-dots li.slick-active button::before {
    background: var(--color-gray-20per);
    opacity: 1;
    color: var(--color-gray-20per);
}



.slick-prev,
.slick-next {
    position: absolute;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    /*border-width: 2px;
    border-style: solid;
    border-color: #fff #fff transparent transparent;*/
    z-index: 22222;
}

@media screen and (max-width: 979px) {
    .slick-prev,
    .slick-next {
        top: calc(50% - 15px);
        width: 30px;
        height: 30px;
    }
}

.slick-prev {
    left: calc(50% - 180px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slick-next {
    left: calc(50% + 190px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slick-prev:before,
.slick-next:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 60%;
    border-width: 3px;
    border-style: solid;
    border-color: #ccc #ccc transparent transparent;
    opacity: 1;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.slick-prev:hover::before,
.slick-next:hover::before {
    opacity: .3;
}



.slick-prev:before {
    /*left: calc(50% - 100px);*/
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.slick-next:before {
    /*left: calc(50% + 100px);*/
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}



/*.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: var(--color-gray-60per);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/



/* [-] .m-slider-primary
------------------------------------------------------------------------------------------- */

.m-slider-primary {
    position: relative;
    overflow: visible;
    /*overflow: hidden;*/
    width: 100%;

    height: var(--height-hero-index-pc);
    /*height: 550px;*/
    /*height: 0;*/
    /*padding-top: 34.7%;*/
}

.m-slider-primary .slider {
    height: var(--height-hero-index-pc);
    /*height: 550px !important;*/
}

.m-slider-primary .slider .slick-list {
    height: var(--height-hero-index-pc);
    /*height: 550px !important;*/
}

.m-slider-primary .slider .slick-list .slick-track,
.m-slider-primary .slider .slick-list .slick-list {
    height: var(--height-hero-index-pc);
    /*height: 550px !important;*/
}

.m-slider-primary .slider .slick-list .slick-track .slick-slide,
.m-slider-primary .slider .slick-list .slick-list .slick-slide {
    height: var(--height-hero-index-pc);
    /*height: 550px !important;*/
}

.m-slider-primary .slider .slick-list .slick-track .slick-slide > div,
.m-slider-primary .slider .slick-list .slick-list .slick-slide > div {
    height: var(--height-hero-index-pc);
    /*height: 550px !important;*/
}

.m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div,
.m-slider-primary .slider .slick-list .slick-list .slick-slide > div > div {
    height: var(--height-hero-index-pc);
    /*height: 550px !important;*/
}

.m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div > a {
    height: var(--height-hero-index-pc);
    /*height: 550px !important;*/
}

@media screen and (max-width: 979px) {
    .m-slider-primary {
        height: var(--height-hero-index-tb);
        /*height: 400px;*/
    }

    .m-slider-primary .slider {
        height: var(--height-hero-index-tb);
        /*height: 400px !important;*/
    }

    .m-slider-primary .slider .slick-list {
        height: var(--height-hero-index-tb);
        /*height: 400px !important;*/
    }

    .m-slider-primary .slider .slick-list .slick-track,
    .m-slider-primary .slider .slick-list .slick-list {
        height: var(--height-hero-index-tb);
        /*height: 400px !important;*/
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide,
    .m-slider-primary .slider .slick-list .slick-list .slick-slide {
        height: var(--height-hero-index-tb);
        /*height: 400px !important;*/
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide > div,
    .m-slider-primary .slider .slick-list .slick-list .slick-slide > div {
        height: var(--height-hero-index-tb);
        /*height: 400px !important;*/
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div,
    .m-slider-primary .slider .slick-list .slick-list .slick-slide > div > div {
        height: var(--height-hero-index-tb);
        /*height: 400px !important;*/
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div > a {
        height: var(--height-hero-index-tb);
        /*height: 400px !important;*/
    }
}

@media screen and (max-width: 767px) {
    .m-slider-primary {
        height: var(--height-hero-index-sp);
        /*height: 400px;*/
        /*height: 370px;*/
        /*height: 250px;*/
        /*padding-top: 51.020408%;*/
    }

    .m-slider-primary .slider {
        height: var(--height-hero-index-sp);
        /*height: 400px;*/
    }

    .m-slider-primary .slider .slick-list {
        height: var(--height-hero-index-sp);
        /*height: 400px;*/
    }

    .m-slider-primary .slider .slick-list .slick-track,
    .m-slider-primary .slider .slick-list .slick-list {
        height: var(--height-hero-index-sp);
        /*height: 400px;*/
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide,
    .m-slider-primary .slider .slick-list .slick-list .slick-slide {
        height: var(--height-hero-index-sp);
        /*height: 400px;*/
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide > div,
    .m-slider-primary .slider .slick-list .slick-list .slick-slide > div {
        height: var(--height-hero-index-sp);
        /*height: 400px;*/
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div,
    .m-slider-primary .slider .slick-list .slick-list .slick-slide > div > div {
        height: var(--height-hero-index-sp);
        /*height: 400px;*/
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div > a {
        height: var(--height-hero-index-sp);
        /*height: 400px;*/
    }
}



.m-slider-primary:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);

    z-index: 0;
}

@media screen and (max-width: 767px) {
    .m-slider-primary:after {
        background-color: rgba(0, 0, 0, .35);
    }
}



.comp-kv_index .m-slider-primary .slider .m-slider-primary_item-01 .pic_silder-bg:after {
/*.comp-kv_index .m-slider-primary .slider > div:nth-of-type(1) .pic_silder-bg:after {*/
    background-image: url("../images/index/image_slider_index_01_pc.jpg");
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .comp-kv_index .m-slider-primary .slider .m-slider-primary_item-01 .pic_silder-bg:after {
        background-image: url("../images/index/image_slider_index_01_sp.png");
        background-size: cover;
    }
  /*.comp-kv_index .m-slider-primary .slider > div:nth-of-type(1) .pic_silder-bg:after {
      background-image: url("../images/index/image_kv-01_content_sp.png");
      background-size: cover;
  }*/
}



.comp-kv_index .m-slider-primary .slider .m-slider-primary_item-02 .pic_silder-bg:after {
/*.comp-kv_index .m-slider-primary .slider > div:nth-of-type(2) .pic_silder-bg:after {*/

    background-image: url("../images/index/image_slider_index_02_pc.jpg");
    background-size: cover;
    /*background-image: url("../images/index/image_kv-02_index_pc.jpg");
    background-size: cover;*/
}

@media screen and (max-width: 767px) {
    .comp-kv_index .m-slider-primary .slider .m-slider-primary_item-02 .pic_silder-bg:after {
        background-image: url("../images/index/image_slider_index_02_sp.png");
        background-size: cover;
    }
    /*.comp-kv_index .m-slider-primary .slider > div:nth-of-type(2) .pic_silder-bg:after {
        background-image: url("../images/index/image_kv-02_index_sp.png");
        background-size: cover;
    }*/
}






.slide-animation {
    animation: fadezoom 8s 0s forwards;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.04);
  }
}

/*.slide-animation {
    animation: fadezoom 8s 0s forwards;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.025);
  }
}*/






/*.comp-kv_index .m-slider-primary .slider > div:nth-of-type(1) .pic_silder-bg:after {
    background-image: url("../images/common/pic_kv_hero_index-pc.jpg");
    background-size: cover;
}

@media screen and (max-width: 767px) {
  .comp-kv_index .m-slider-primary .slider > div:nth-of-type(1) .pic_silder-bg:after {
      background-image: url("../images/common/pic_kv_hero_index-sp.jpg");
      background-size: cover;
  }
}*/



.m-slider-primary .slick-dots {
    bottom: 5px;
}

@media screen and (max-width: 979px) {
    .m-slider-primary .slick-dots {
        /*bottom: -30px;*/
    }
}

@media screen and (max-width: 767px) {
    .m-slider-primary .slick-dots {
        bottom: 30px;
    }
}






/* [-] .m-slider-secondary
------------------------------------------------------------------------------------------- */

.m-slider-secondary {
    position: relative;
    overflow: visible;
    /*overflow: hidden;*/
    width: 100%;
    height: 440px;
    /*min-height: 550px;*/
}

@media screen and (max-width: 979px) {
    .m-slider-secondary {
        height: 420px;
    }
}

@media screen and (max-width: 767px) {
    .m-slider-secondary {
        height: 390px;
        /*height: 100vw;*/
    }
}

.m-slider-secondary .slick-track,
.m-slider-secondary .slick-list {
    padding-top: 20px;
    padding-bottom: 20px;
}

.m-slider-secondary .slick-dots {
    bottom: -10px;
}

@media screen and (max-width: 979px) {
    .m-slider-secondary .slick-dots {
        /*bottom: -30px;*/
    }
}

@media screen and (max-width: 767px) {
    .m-slider-secondary .slick-dots {
        /*bottom: -10px;*/
    }
}



/* [-] .m-panel_slider
=========================================================================================== */

.m-panel_slider {
    /*margin-bottom: 30px;*/
    background: var(--color-white);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.06);
    box-shadow: 0 3px 15px rgba(0,0,0,.06);
}

/*.m-panel_slider:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0,0,1,.1);
    box-shadow: 0 3px 15px rgba(0,0,1,.1);
}*/

.m-panel_slider_figure img {
    width: 100%;
}

.m-panel_slider_body {
    padding: 30px;
}

@media screen and (max-width: 979px) {
  .m-panel_slider_body {
      padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  .m-panel_slider_body {
      padding: 20px;
  }
}

.m-panel_slider_lead {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.m-panel_slider_text {
    font-size: 15px;
    line-height: 1.4;
}

.m-panel_slider_title {
    font-size: 14px;
    /*font-weight: 700;*/
    line-height: 1.4;
}

.m-panel_slider_category {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid var(--color-gray-60per);
    font-size: 12px;
    line-height: 1.2;
    color: #787878;
}



/* [-] .m-panel_slider-secondary
=========================================================================================== */

.m-panel_slider.m-panel_slider-secondary {
    width: calc(100% - 60px);
    margin: 0 auto;
}

@media screen and (max-width: 979px) {
  .m-panel_slider.m-panel_slider-secondary {
      width: calc(100% - 40px);
  }
}

@media screen and (max-width: 767px) {
  .m-panel_slider.m-panel_slider-secondary {
      width: calc(100% - 20px);
  }
}

.m-panel_slider.m-panel_slider-secondary:hover {
    -webkit-box-shadow: 0 3px 30px rgba(0,0,0,.09);
    box-shadow: 0 3px 30px rgba(0,0,0,.09);
}

.m-panel_slider-secondary .m-panel_slider_body {
    
}

.m-panel_slider-secondary .m-panel_slider_text {
    
}

.m-panel_slider-secondary .m-panel_slider_title {
    margin-top: 20px;
}

.m-panel_slider-secondary .m-panel_slider_category {
    margin-top: 10px;
}



/* [-] .sec-scroll-infinity
=========================================================================================== */

.sec-scroll-infinity {
    padding: 50px 0 90px;
}

@media screen and (max-width: 979px) {
    .sec-scroll-infinity {
        padding: 50px 0 70px;
    }
}

@media screen and (max-width: 767px) {
    .sec-scroll-infinity {
        padding: 30px 0 50px;
    }
}



@keyframes anm-infinity-scroll-right {
    from {
        transform: translateX(-100%);
    }
      to {
        transform: translateX(0%);
    }
}

@keyframes anm-infinity-scroll-left {
    from {
      transform: translateX(0);
    }
      to {
      transform: translateX(-100%);
    }
}



.m-scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
}



.m-scroll-infinity__list {
    display: flex;
    /*list-style: none;*/
    padding: 0;
}



.m-scroll-infinity__list--right {
    /*animation: anm-infinity-scroll-right 20s linear 0s infinite normal none running;*/
    /*animation: anm-infinity-scroll-right 70s -35s linear infinite;*/
    /*animation: anm-infinity-scroll-right 50s -25s linear infinite;*/

    /* USE 241025---1616 */
    animation: anm-infinity-scroll-right 60s infinite linear 0.5s both;
}

.m-scroll-infinity__list--left {
    animation: anm-infinity-scroll-left 60s infinite linear 0.5s both;
}



.m-scroll-infinity__item {
    width: calc(100vw / 5);
    /*padding-left: 2px;*/
    /*border-left: 1px solid #fff;*/
}

@media screen and (max-width: 979px) {
    .m-scroll-infinity__item {
        width: calc(100vw / 3);
        padding-left: 1px;
    }
}

@media screen and (max-width: 767px) {
    .m-scroll-infinity__item {
        width: calc(100vw / 2);
        padding-left: 1px;
    }
}



.m-scroll-infinity__item > img {
    /*aspect-ratio: 4 / 3;*/
    aspect-ratio: 16 / 9;
    object-fit: cover;
    /*width: 100%;*/
}






/* [-] .m-accordion
=========================================================================================== */

.m-accordion_toggle {
  position: relative;
  display: block;
  width: 100%;
  background: var(--color-gray-60per);
  border-left: none;
  border-bottom: 1px solid var(--color-gray-60per);
  color: var(--color-white);
  cursor: pointer;
}

.m-accordion_toggle {
  padding: 20px 20px;
  font-weight: 700;
}
/*.m-accordion_toggle > span {
  display: block;
  padding: 20px 20px;
  font-weight: 700;
}*/

.m-accordion_toggle.active:after,
.m-accordion_toggle.active:before,
.m-accordion_toggle:after,
.m-accordion_toggle:before {
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    display: inline-block;
    width: 22px;
    height: 2px;
    background: var(--color-white);
    -webkit-transform: translate(-53%, -50%);
    transform: translate(-53%, -50%);
}

.m-accordion_toggle.active:after,
.m-accordion_toggle:after {
    -webkit-transform: translate(-55%, -50%) rotate(90deg);
    transform: translate(-55%, -50%) rotate(90deg);
    transition: -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: transform .25s cubic-bezier(.165, .84, .44, 1);
    transition: transform .25s cubic-bezier(.165, .84, .44, 1), -webkit-transform .25s cubic-bezier(.165, .84, .44, 1);
}

.m-accordion_toggle.active:before {
    display: none;
}

.m-accordion_toggle.active:after {
    -webkit-transform: translate(-55%, -50%) rotate(180deg);
    transform: translate(-55%, -50%) rotate(180deg);
}






.m-accordion_toggle + .m-accordion_body {
  display: none;
}

.m-accordion_body > * + * {
}



/* [-] .m-list_step
=========================================================================================== */

.m-list_step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    border: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
    .m-list_step {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}



.m-list_step_item {
    -webkit-box-flex: 1 0 33.33333%;
    -ms-flex: 1 0 33.33333%;
    flex: 1 0 33.33333%;
    /*-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
}

@media screen and (max-width: 767px) {
    .m-list_step_item {
        -webkit-box-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}



.m-list_step_item_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    height: 100%;
}

@media screen and (max-width: 767px) {
    .m-list_step_item_container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}



.m-list_step_item_title {
    /*border: 1px solid #c3d4e0;*/
    background: var(--color-secondary);
    color: #1183e4;
    font-weight: 400;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    padding: 12px 25px;

    color: var(--color-white);
}

.m-list_step_item:not(:first-child) .m-list_step_item_title {
    position: relative;
    padding-left: 34px;
    /*border-left: 0;*/
}
.m-list_step_item:not(:last-child) .m-list_step_item_title {
    /*border-right: 0;*/
}

.m-list_step_item:not(:last-child) .m-list_step_item_title {
    /*border-bottom: 0;*/
}

.m-list_step_item:nth-child(4) .m-list_step_item_title {
    padding: 12px 25px;
}


@media screen and (max-width: 767px) {
    .m-list_step_item:nth-child(4) .m-list_step_item_title {
        padding: 0;
    }

    .m-list_step_item_title {
        /*border: 1px solid #c3d4e0;*/

        padding: 0;
        padding-top: 15px;
        /*padding: 10px 1px;*/

        text-align: center;
    }

    .m-list_step_item:not(:first-child) .m-list_step_item_title {
        position: relative;
        /*border-left: 1px solid #c3d4e0;
        border-right: 1px solid #c3d4e0;*/
        /*border-top: 0;*/
        padding-top: 20px;
        padding-left: 0;
    }

    .m-list_step_item:not(:last-child) .m-list_step_item_title {
        /*border-bottom: 0;*/
    }
}



.m-list_step_item:not(:first-child) .m-list_step_item_title::before,
.m-list_step_item:not(:first-child) .m-list_step_item_title::after {
    content: '';
    position: absolute;
    display: block;
    background: var(--color-white);
    left: 0;
    width: 1px;
    height: calc(50% / 0.74329414624716);
}

.m-list_step_item:not(:first-child) .m-list_step_item_title::before {
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-41.98721deg);
    transform: rotate(-41.98721deg);
}

.m-list_step_item:not(:first-child) .m-list_step_item_title::after {
    bottom: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(41.98721deg);
    transform: rotate(41.98721deg);
}

.m-list_step_item:nth-child(4) .m-list_step_item_title::after,
.m-list_step_item:nth-child(4) .m-list_step_item_title::before {
    content: none;
}

@media screen and (max-width: 767px) {
    .m-list_step_item:nth-child(4) .m-list_step_item_title::after,
    .m-list_step_item:nth-child(4) .m-list_step_item_title::before {
        content: '';
    }

    .m-list_step_item:not(:first-child) .m-list_step_item_title::before,
    .m-list_step_item:not(:first-child) .m-list_step_item_title::after {
        /*content: '';
        position: absolute;
        display: block;
        background: #d8dfe4;*/
        left: 0;
        top: -1px;
        width: calc(50% / 0.75257669470687);
        height: 1px;
        bottom: auto
    }

    .m-list_step_item:not(:first-child) .m-list_step_item_title::before {
        top: 0;
        left: 0;
        right: auto;
        -webkit-transform: rotate(41.18593deg);
        transform: rotate(41.18593deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    .m-list_step_item:not(:first-child) .m-list_step_item_title::after {
        bottom: 0;
        right: 0;
        left: auto;
        -webkit-transform: rotate(-41.18593deg);
        transform: rotate(-41.18593deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right
    }
}



.m-list_step_item_content {
    border-right: 1px solid #ddd;
    border-bottom: 0;

    /*border: 1px solid #c3d4e0;*/

    width: 100%;
    /*-webkit-box-sizing: border-box;
    box-sizing: border-box;*/

    height: calc(100% - 0px);
    /*height: calc(100% - 42px);*/

    /*border-top: 0;*/

    padding: 30px;

    background: var(--color-white);
}

@media screen and (max-width: 979px) {
  .m-list_step_item_content {
      padding: 20px;
  }
}

.m-list_step_item:not(:first-child) .m-list_step_item_content {
    /*border-left: 0;*/
}

.m-list_step_item:nth-child(3n) .m-list_step_item_content {
    border-right: 0;
}

@media screen and (max-width: 767px) {
    .m-list_step_item_content {
        padding: 20px;
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }

    .m-list_step_item:last-child .m-list_step_item_content {
        border-bottom: 0;
    }
}



@media screen and (max-width: 767px) {
    .a-step_step {
        font-size: 10px;
        letter-spacing: .7px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        display: block;
    }

    .a-step_num {
        font-size: 16px;
    }
}



/* [-] .m-list_step-2nd
=========================================================================================== */

.m-list_step-2nd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    overflow:hidden;
    width:100%;
    background: var(--color-secondary);
}

@media screen and (max-width: 767px) {
    .m-list_step-2nd{
        display: block;
        width: 80%;
        margin: 0 auto;
    }
}



.m-list_step-2nd_item {
    position:relative;
    /*width: 24%;*/
    padding: 1.5em 2.5em 1.5em 1em;
    text-align: center;
    color: var(--color-white);
}

.m-list_step-2nd_item:not(:first-child) {
    width: 24%;
}

.m-list_step-2nd_item:first-child {
    width: 28%;
}

@media screen and (max-width: 979px) {
    .m-list_step-2nd_item:not(:first-child) {
        width: 23%;
        /*padding: 1.5em 4em 1.5em 2em;*/
    }

    .m-list_step-2nd_item:first-child  {
        width: 31%;
    }
}

@media screen and (max-width: 767px) {
    /*.m-list_step-2nd_item:last-child,*/
    .m-list_step-2nd_item:not(:first-child),
    .m-list_step-2nd_item:first-child,
    .m-list_step-2nd_item {
        width: 100%;
    }

    .m-list_step-2nd_item:first-child {
        padding: 25px 0 70px;
    }

    .m-list_step-2nd_item:nth-child(2) {
        padding: 0px 0 20px;
    }

    .m-list_step-2nd_item:nth-child(3) {
        padding: 60px 0 70px;
    }

    .m-list_step-2nd_item:last-child {
        padding: 0px 0 30px;
    }
}



.m-list_step-2nd_item:not(:last-child):before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 50px;
    height: 200px;
    background: url("../images/common/icon_arw_step_white-pc.svg") 50% 50% no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .m-list_step-2nd_item:not(:last-child):before {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        bottom: -1em;
        width: 750px;
        height: 30px;
        background: url("../images/common/icon_arw_step_white-sp.svg") 50% 0% no-repeat;
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        -o-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
        z-index: 10;
    }
}



/* [-] .m-list_checked-primary
=========================================================================================== */

.m-list_checked-primary ul.a-list-bg-image > li {
    padding-left: 1.75em;
}

.m-list_checked-primary ul.a-list-bg-image > li {
    /*padding-top: 0;*/
    padding-bottom: .5em;
    /*font-weight: 400;*/
}

.m-list_checked-primary ul.a-list-bg-image > li:last-child {
    padding-bottom: 0;
}

.m-list_checked-primary ul.a-list-bg-image > li:before {
    left: 0;
    top: .4em;
    width: 1.2em;
    height: 1.2em;
    background: url("../images/common/icon_list_checked-primary.svg") 50% 50% no-repeat;
    background-size: cover;
}



/* [-] .m-tab
=========================================================================================== */

.m-tab_content > li {
    display: none;
    /*visibility: none;
    opacity: 0;
    -webkit-transition: all .01s ease;
    transition: all .01s ease;*/
}

.m-tab_content > li.js_m-tab-active {
    display: block;
    /*visibility: visible;
    opacity: 1;
    -webkit-transition: all .01s ease;
    transition: all .01s ease;*/
}



.m-tab_primary .m-tab_navi {
    display: flex;
    padding: 0 20px;
    justify-content: center;
    border-bottom: 1px solid var(--color-gray-80per);
}

@media screen and (max-width: 767px) {
    .m-tab_primary .m-tab_navi {
        padding: 0 20px;
    }
}



.m-tab_primary .m-tab_navi_item {
    width: calc(1200px / 3);
    background-color: #f9f9f9;
    border-left: 1px solid var(--color-gray-80per);
    border-right: 1px solid var(--color-gray-80per);
    border-top: 1px solid var(--color-gray-80per);
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .m-tab_primary .m-tab_navi_item {
        width: calc(100% - 30 / 3)
        /*min-width: 158px;*/
    }
}

.m-tab_primary .m-tab_navi_item:not(:first-child) {
    border-left: none;
}



.m-tab_primary .m-tab_navi_item.js_m-tab-active {
    margin-bottom: -1px;
    /*padding: 18px;*/
    background-color: var(--color-white);
    border-top: 2px solid var(--color-secondary);
    color: var(--color-gray-20per);
}

.m-tab_primary .m-tab_navi_item span {
    display: block;
    padding: 19px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-gray-60per);
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .m-tab_primary .m-tab_navi_item span {
        padding: 14px 0;
        font-size: 12px;
    }
}

.m-tab_primary .m-tab_navi_item.js_m-tab-active span {
    color: var(--color-gray-20per);
}

.m-tab_primary .m-tab_navi_item span {
    opacity: 1;
    -webkit-transition: all .025s ease;
    transition: all .025s ease;
}

.m-tab_primary .m-tab_navi_item span:hover {
    opacity: .7;
    /*-webkit-transition: all .025s ease;
    transition: all .025s ease;*/
}



/* [-] .m-figure_bg
=========================================================================================== */

.m-figure_bg {
    position: relative;
    padding-top: 35%;
}



.m-figure_bg:after,
.m-figure_bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.m-figure_bg:before {
    background-color: rgba(0, 0, 0, .2);
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .m-figure_bg:before {
        background-color: rgba(0, 0, 0, .3);
    }
}

.m-figure_bg:after {
    z-index: -2;
    /*background: url("../images/.jpg") 50% 50% no-repeat;
    background-size: cover;*/
}



/* [-] .m-mask_clip-path
------------------------------------------------------------------------------------------- */

/*.m-mask_clip-path {
    clip-path: url(#clip-path);
}*/



/* [-] .m-eyecatch
------------------------------------------------------------------------------------------- */

.m-eyecatch {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2.75em;
    height: 2.75em;
    background: var(--color-gray-20per);
    text-align: center;
    color: var(--color-white);
}

@media screen and (max-width: 979px) {
    .m-eyecatch {
        width: 2.25em;
        height: 2.25em;
    }
}

@media screen and (max-width: 767px) {
    .m-eyecatch {
        width: 2.5em;
        height: 2.5em;
    }
}



.m-eyecatch.m-eyecatch-primary {
    background: var(--color-gray-20per);
}



.m-eyecatch > .m-eyecatch_body-primary {
    display: block;
    padding-top: 0.175em;
    font-size: 32px;
    line-height: 1;
    font-family: Arial, Helvetica;
}

@media screen and (max-width: 979px) {
    .m-eyecatch > .m-eyecatch_body-primary {
        padding-top: 0.2em;
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {
    .m-eyecatch > .m-eyecatch_body-primary {
        padding-top: 0.2em;
        font-size: 28px;
    }
}



.m-eyecatch > .m-eyecatch_body-secondary {
    font-size: 10px;
    line-height: 1;
}



/* [-] .m-button-primary_image-bg
------------------------------------------------------------------------------------------- */

/*.m-button-primary_image-bg {
    padding: 0;
    background: #f7f7f7;
}*/



.m-item__button-primary_image-bg {
}

/*.m-item__button-primary_image-bg {
    position: relative;
    min-height: 270px;
}

@media screen and (max-width: 767px) {
    .m-item__button-primary_image-bg {
        min-height: 170px;
    }
}*/



/*.m-item__button-primary_image-bg a {
    display: block;
}*/



.m-image__button-primary_image-bg {
    position: relative;
    min-height: 230px;
}

@media screen and (max-width: 979px) {
    .m-image__button-primary_image-bg {
        min-height: 150px;
    }
}

@media screen and (max-width: 767px) {
    .m-image__button-primary_image-bg {
        min-height: 110px;
    }
}



.m-image__button-primary_image-bg > span {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.m-image__button-primary_image-bg > span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    z-index: 1;
}

.m-image__button-primary_image-bg > span:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;

    transition: all .35s cubic-bezier(.455, .03, .515, .955);

    /*-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;*/

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.m-item__button-primary_image-bg a:hover .m-image__button-primary_image-bg > span:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

/*.m-item__button-primary_image-bg:nth-of-type(1) a .m-image__button-primary_image-bg >  span:after {
    background: url("../images/common/pic__kv-products-top.jpg") 60% 50% no-repeat;
    background-size: cover;
}*/



/*.m-text__button-primary_image-bg {
    display: block;
    position: relative;
    padding: 0.75em 1.25em;
}

.m-text__button-primary_image-bg .en {
    display: inline-flex;
    margin: 0 .25em;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-white);
}

.m-text__button-primary_image-bg .ja {
    display: inline-flex;
    margin-bottom: .3em;
    font-size: 22px;
    line-height: 1.4;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .m-text__button-primary_image-bg .en {
        font-size: 12px;
    }

    .m-text__button-primary_image-bg .ja {
        margin-bottom: .3em;
        font-size: 18px;
    }
}*/



/*.m-arw__button-primary_image-bg {
    display: block;
    z-index: 10;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}*/

/*.m-arw__button-primary_image-bg:before {
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 55%;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: var(--color-gray-40per);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.m-arw__button-primary_image-bg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: var(--color-white);
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-white);
    border-radius: 50%;
}*/



/* [-] .m-button-secondary_image-bg
------------------------------------------------------------------------------------------- */

.m-button-secondary_image-bg {
    padding: 0;
    background: #f7f7f7;
}



.m-item__button-secondary_image-bg {
    position: relative;
    min-height: 250px;
}

@media screen and (max-width: 767px) {
    .m-item__button-secondary_image-bg {
        min-height: 150px;
    }
}



.m-item__button-secondary_image-bg a {
    display: block;
}



.m-image__button-secondary_image-bg {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.m-image__button-secondary_image-bg:before {
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .15);
}

.m-image__button-secondary_image-bg > span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.m-item__button-secondary_image-bg a:hover .m-image__button-secondary_image-bg > span {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}

/*.m-item__button-secondary_image-bg:nth-of-type(1) a .m-image__button-secondary_image-bg > span {
    background: url("../images/common/pic__kv-products-top.jpg") 60% 50% no-repeat;
    background-size: cover;
}*/



.m-text__button-secondary_image-bg {
    display: block;
    z-index: 10;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.m-text__button-secondary_image-bg .en {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-white);
}

.m-text__button-secondary_image-bg .ja {
    display: block;
    margin-bottom: .3em;
    font-size: 22px;
    line-height: 1.4;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .m-text__button-secondary_image-bg .en {
        font-size: 12px;
    }

    .m-text__button-secondary_image-bg .ja {
        margin-bottom: .3em;
        font-size: 18px;
    }
}



.m-arw__button-secondary_image-bg {
    display: block;
    z-index: 10;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*.m-arw__button-secondary_image-bg:before {
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 55%;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: var(--color-gray-40per);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.m-arw__button-secondary_image-bg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: var(--color-white);
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-white);
    border-radius: 50%;
}*/



/* [-] .sec-introduction
------------------------------------------------------------------------------------------- */

.sec-introduction {
    padding: 100px 0;
    background: var(--color-white);
}

@media screen and (max-width: 767px) {
    .sec-introduction {
        padding: 50px 0;
    }
}

.contents .sec.sec-introduction > .inner {
    padding: 0 20px;
}

.sec-introduction .sec-introduction__ttl-wrap {
    margin-bottom: 40px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec-introduction .sec-introduction__ttl-wrap {
        margin-bottom: 30px;
        text-align: center;
    }
}

.sec-introduction .sec-introduction__ttl-jp {
    display: block;
    margin-bottom: .5em;
    font-size: 45px;
    font-weight: 400;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .sec-introduction .sec-introduction__ttl-jp {
        /*display: block;*/
        margin-bottom: .5em;
        font-size: 34px;
        /*font-weight: 400;
        line-height: 1;*/
    }
}

.sec-introduction .sec-introduction__ttl-en {
    display: block;
    margin-bottom: .5em;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .sec-introduction .sec-introduction__ttl-en {
        /*display: block;
        margin-bottom: .5em;*/
        font-size: 14px;
        /*font-weight: 400;
        line-height: 1;*/
    }
}

.sec-introduction .sec-introduction__lead {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .sec-introduction .sec-introduction__lead {
        text-align: left;
        font-size: 16px;
    }
}



/* [-] .sec-cv
=========================================================================================== */

.sec.sec-cv {
    padding: 70px 0 70px;
    /*border-top: 1px solid #dedede;*/
}

@media screen and (max-width: 767px) {
    .sec.sec-cv {
        padding: 50px 0 50px;
    }
}



.sec.sec-cv .box-content.box-content-tertiary {
    padding: 50px 0;
    border-color: #00ACF1;
}

@media screen and (max-width: 767px) {
    .sec.sec-cv .box-content.box-content-tertiary {
        padding: 30px 0;
    }
}



.sec-cv a,
.sec-cv a:link,
.sec-cv a:visited,
.sec-cv a:hover,
.sec-cv a:active {
    display: block;
    opacity: 1;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.sec-cv a:hover {
    opacity: .7;
}



.sec-cv a .btn-wrap {
}



.sec-cv a .txt-wrap {
    text-align: center;
}

.sec-cv a .txt-wrap .txt {
    display: block;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .sec-cv a .txt-wrap .txt {
        margin-bottom: 20px;
        font-size: 16px;
    }
}

.sec-cv a .logo-wrap {
    text-align: center;
}

.sec-cv a .logo-wrap .logo {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 30px;*/
}

@media screen and (max-width: 767px) {
    .sec-cv a .logo-wrap .logo {
        width: 230px;
        /*margin-top: 30px;*/
    }
}



/* [-] .sec-menu-common
=========================================================================================== */

.sec-menu-common {
    padding: 100px 0 0;
}

@media screen and (max-width: 979px) {
    .sec-menu-common {
        padding: 50px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-menu-common {
        padding: 30px 0 0;
    }
}



.sec-menu-common > .inner {
    padding: 0;
}



.sec-menu-common .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}



.sec-menu-common .item-wrap .item {
    display: block;
    position: relative;
    overflow: hidden;
    width: 25%;
}

@media screen and (max-width: 979px) {
    .sec-menu-common .item-wrap .item {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .sec-menu-common .item-wrap .item {
        width: 100%;
    }
}



.sec-menu-common .item-wrap .item a {
    display: block;
}



.sec-menu-common .item-wrap .item a .pic-wrap {
    display: block;
    position: relative;
    padding-top: 45%;
}

@media screen and (max-width: 979px) {
    .sec-menu-common .item-wrap .item a .pic-wrap {
        padding-top: 40%;
    }
}

@media screen and (max-width: 767px) {
    .sec-menu-common .item-wrap .item a .pic-wrap {
        padding-top: 35%;
    }
}

.sec-menu-common .item-wrap .item a .pic-wrap:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1;
}

.sec-menu-common .item-wrap .item a .pic-wrap .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;

    -webkit-transition: -webkit-transform 4s cubic-bezier(.075,.82,.165,1);
    transition: -webkit-transform 4s cubic-bezier(.075,.82,.165,1);
    transition: transform 4s cubic-bezier(.075,.82,.165,1);
    transition: transform 4s cubic-bezier(.075,.82,.165,1), -webkit-transform 4s cubic-bezier(.075,.82,.165,1);

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.sec-menu-common .item-wrap .item a:hover .pic-wrap .pic {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.sec-menu-common .item-wrap .item:nth-of-type(1) a .pic-wrap .pic {
    background: url("../images/common/pic__sec-menu-common-01-pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

.sec-menu-common .item-wrap .item:nth-of-type(2) a .pic-wrap .pic {
    background: url("../images/common/pic__sec-menu-common-02-pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

.sec-menu-common .item-wrap .item:nth-of-type(3) a .pic-wrap .pic {
    background: url("../images/common/pic__sec-menu-common-03-pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

.sec-menu-common .item-wrap .item:nth-of-type(4) a .pic-wrap .pic {
    background: url("../images/common/pic__sec-menu-common-04-pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .sec-menu-common .item-wrap .item:nth-of-type(1) a .pic-wrap .pic {
        background: url("../images/common/pic__sec-menu-common-01-sp.jpg") 50% 50% no-repeat;
        background-size: cover;
    }

    .sec-menu-common .item-wrap .item:nth-of-type(2) a .pic-wrap .pic {
        background: url("../images/common/pic__sec-menu-common-02-sp.jpg") 50% 50% no-repeat;
        background-size: cover;
    }

    .sec-menu-common .item-wrap .item:nth-of-type(3) a .pic-wrap .pic {
        background: url("../images/common/pic__sec-menu-common-03-sp.jpg") 50% 50% no-repeat;
        background-size: cover;
    }

    .sec-menu-common .item-wrap .item:nth-of-type(4) a .pic-wrap .pic {
        background: url("../images/common/pic__sec-menu-common-04-sp.jpg") 50% 50% no-repeat;
        background-size: cover;
    }
}



.sec-menu-common .item-wrap .item a .txt-wrap .txt {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    font-weight: 400;
    line-height: 1.4;
    color: var(--color-white);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.sec-menu-common .item-wrap .item a .txt-wrap .txt .jp {
    margin-bottom: .1em;
    display: block;
    text-align: center;
    font-size: 22px;
}

@media screen and (max-width: 979px) {
    .sec-menu-common .item-wrap .item a .txt-wrap .txt .jp {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .sec-menu-common .item-wrap .item a .txt-wrap .txt .jp {
        margin-bottom: .1em;
        font-size: 18px;
    }
}

.sec-menu-common .item-wrap .item a .txt-wrap .txt .en {
    display: block;
    text-align: center;
    font-size: 15px;
    letter-spacing: .05em;
}

@media screen and (max-width: 979px) {
    .sec-menu-common .item-wrap .item a .txt-wrap .txt .en {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .sec-menu-common .item-wrap .item a .txt-wrap .txt .en {
        font-size: 12px;
        letter-spacing: .05em;
    }
}



/* [-] .sec-contact-common
=========================================================================================== */

.sec-contact-common {
    padding: 100px 0 0;
}

@media screen and (max-width: 979px) {
    .sec-contact-common {
        padding: 70px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-contact-common {
        padding: 50px 0 0;
    }
}



.sec-contact-common > .inner-wid-100per {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 50px 0 50px;
}

@media screen and (max-width: 979px) {
    .sec-contact-common > .inner-wid-100per {
        padding: 50px 30px 70px;
    }
}

.sec-contact-common > .inner-wid-100per:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(24, 45, 93, .75);
    /*background-color: rgba(20, 47, 107, .65);*/
    /*background-color: rgba(20, 55, 135, .65);*/
    /*background-color: rgba(41, 31, 71, .65);*/
    z-index: -1;
}

.sec-contact-common > .inner-wid-100per:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/common/pic__sec-menu-common-01-pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: -2;
}

@media screen and (max-width: 767px) {
    .sec-contact-common > .inner-wid-100per:after {
        background: url("../images/common/pic__sec-menu-common-01-sp.jpg") 50% 50% no-repeat;
        background-size: cover;
    }
}



@media screen and (min-width: 769px) and (max-width:1279px) {
    .sec-contact-common > .inner-wid-100per > .content-wrap {
        width: 100%;
        padding: 0;
    }
}



.sec-contact-common .sec-contact__ttl-wrap {
    margin-bottom: 50px;
    text-align: center;
}

@media screen and (max-width: 979px) {
    .sec-contact-common .sec-contact__ttl-wrap {
        margin-bottom: 40px;
    }
}



body.en .sec-contact-common .sec-contact__ttl-wrap .ttl .en,
.sec-contact-common .sec-contact__ttl-wrap .ttl .ja {
    display: block;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1.4;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    body.en .sec-contact-common .sec-contact__ttl-wrap .ttl .en,
    .sec-contact-common .sec-contact__ttl-wrap .ttl .ja {
        font-size: 23px;
    }
}

.sec-contact-common .sec-contact__ttl-wrap .ttl .en {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-white);
}



.sec-contact-common .sec-contact__list-link-wrap {
    margin-bottom: 50px;
}

@media screen and (max-width: 979px) {
    .sec-contact-common .sec-contact__list-link-wrap:last-of-type {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-contact-common .sec-contact__list-link-wrap {
        margin-bottom: 0;
    }
}

.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item:first-of-type {
    margin-bottom: 0;
    border-right: 1px solid var(--color-gray-80per);

}

@media screen and (max-width: 979px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item:first-of-type {
        margin-bottom: 50px;
        border-right: none;
    }

    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item:last-of-type {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item:first-of-type {
        border-right: none;    
    }
}



.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap {
    position: relative;
}



.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-item {
    text-align: left;
    padding-left: 20px;
    padding-right: 0;
}

@media screen and (min-width: 768px) and (max-width:1279px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-item {
        padding-left: 10px;
    }
}

@media screen and (max-width: 767px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-item {
        text-align: center;
        padding-left: 0;
    }
}

.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-item:first-of-type {
    text-align: right;
    padding-left: 0;
    padding-right: 20px;
}

@media screen and (min-width: 768px) and (max-width:1279px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-item:first-of-type {
        padding-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-item:first-of-type {
        text-align: center;
        padding-right: 0;
    }
}



.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__form-wrap .ttl,
.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .ttl {
    margin-bottom: 30px;
    text-align: center;
    font-size: 17px;
    line-height: 1.4;
    color: var(--color-white);
}

@media screen and (max-width: 979px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__form-wrap .ttl,
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .ttl {
        margin-bottom: 20px;
    }
}



.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-wrap {
    margin-bottom: 20px;
}

@media screen and (max-width: 979px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-wrap {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-wrap {
        margin-bottom: 0;
        text-align: center;
    }
}

.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-wrap .tel-item > div {
    display: inline-block;
}

.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .type {
    margin-right: 0;
    padding-bottom: 5px;
    font-size: 15px;
    line-height: 1.4;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .type {
        margin-right: 0;
        font-size: 14px;
    }
}

.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-number a {
    text-align: center;
    font-family: var(--font-family-roboto);
    font-size: 29px;
    font-weight: 600;
    /*font-weight: 400;*/
    line-height: 1.4;
    color: var(--color-white);
    letter-spacing: .015em;
}

@media screen and (min-width: 768px) and (max-width:1279px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-number a {
        font-size: 27px;
    }
}

@media screen and (max-width: 767px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-number a {
        font-size: 28px;
    }
}

.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-number a span {
    display: inline-block;
    position: relative;
    padding-left: .25em;
}

/*.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .tel-number a span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    background: url("../images/common/icon__tel-primary.svg") 50% 50% no-repeat;
    background-size: 30px 30px;
    -webkit-transform: translate(10%, -45%);
    -ms-transform: translate(10%, -45%);
    -o-transform: translate(10%, -45%);
    transform: translate(10%, -45%);
}*/

.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .note {
    margin-bottom: 0;
}

.sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .note {
    padding-top: 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .sec-contact-common .sec-contact__list-link-wrap .sec-contact__list-link-item .sec-contact__tel-wrap .note {
        padding-top: 10px;
    }
}

/*.sec-contact-common .note {
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-white);
}*/



/* [-] .sec-nav-contents
=========================================================================================== */

.sec.sec-nav-contents {
    padding: 100px 0;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .sec.sec-nav-contents {
        padding: 50px 0;
    }
}

.sec.sec-nav-contents.sec-nav-contents--bt {
    border-top: 1px solid #dedede;
}

.sec-nav-contents .contents__nav-utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.sec-nav-contents .contents__nav-utility li {
    /*display: inline-block;*/
}

.sec-nav-contents .contents__nav-utility li a {
    display: block;
    padding: 0 20px 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .sec-nav-contents .contents__nav-utility li a {
        padding: 0 10px 5px 10px;
        font-size: 15px;
    }
}

.sec-nav-contents .contents__nav-utility li:first-of-type a {
    margin-left: 0;
}



/* [-] .sec-pic-between
=========================================================================================== */

.sec.sec-pic-between {
    padding: 70px 0;
}

.sec-pic-between > .pic-wrap > .pic {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 20%;
}

.sec-pic-between > .pic-wrap > .pic:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    /*background-color: rgba(41, 31, 71, .8);*/
    z-index: 1;
}

.sec-pic-between > .pic-wrap > .pic:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}



/* [-] .catch
=========================================================================================== */

.sec .catch-wrap {
    margin-bottom: 30px;
    /*text-align: center;*/
}

@media screen and (max-width: 979px) {
    .sec .catch-wrap {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .sec .catch-wrap {
        margin-bottom: 20px;
    }
}



.sec .catch-wrap .catch {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}

@media screen and (max-width: 979px) {
    .sec .catch-wrap .catch {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .sec .catch-wrap .catch {
        font-size: 19px;
    }
}


/* [-] .lead
=========================================================================================== */

.lead-wrap {
    margin-bottom: 50px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .lead-wrap {
        text-align: left;
    }
}

.lead-wrap .lead {
    font-size: 18px;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .lead-wrap .lead {
        font-size: 16px;
    }
}



/* [-] .box__card
=========================================================================================== */

.box__card--wrap {
    padding: 70px 0 0;
}

.box__card--wrap.first {
    padding: 0 0 0;
}

@media screen and (max-width: 979px) {
    .box__card--wrap {
        padding: 50px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .box__card--wrap {
        padding: 30px 0 0;
    }
}



.box__card--wrap.mb {
    padding-bottom: 70px;
}

@media screen and (max-width: 979px) {
    .box__card--wrap.mb {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .box__card--wrap.mb {
        padding-bottom: 10px;
    }
}



.box__card--wrap.gray {
    background-color: #f2f2f2;
    /*background-color: #f9f9f9;*/
    /*padding-bottom: 70px;*/
}

@media screen and (max-width: 979px) {
    .box__card--wrap.gray {
        /*background-color: transparent;*/
        /*padding-bottom: 50px;*/
    }
}

@media screen and (max-width: 767px) {
    .box__card--wrap.gray {
        background-color: transparent;
        /*padding-bottom: 0;*/
    }
}



.box__card--wrap > .box__card {
    display: flex;
    justify-content: left;
    align-items: center;
}

@media screen and (max-width: 979px) {
    .box__card--wrap > .box__card {
        display: block;
    }
}

.box__card--wrap > .box__card.rev {
    justify-content: right;
    flex-direction: row-reverse;
}



.box__card--wrap > .box__card .pic-wrap {
    width: 53%;
    /*max-width: 780px;*/
    /*height: 650px;*/
    /*min-height: 650px;*/
    margin: 0 -3% 0 0;
    position: relative;
    top: 20px;
    z-index: 1;
}

@media screen and (max-width: 979px) {
    .box__card--wrap > .box__card .pic-wrap {
        top: 0;
    }
}

.box__card--wrap > .box__card.rev .pic-wrap {
    margin: 0 0 0 -3%;
}

@media screen and (max-width: 979px) {
    .box__card--wrap > .box__card.rev .pic-wrap,
    .box__card--wrap > .box__card .pic-wrap {
        width: 100%;
        height: 35%;
        margin: 0 0 -6% 0;
    }
}

@media screen and (max-width: 767px) {
    .box__card--wrap > .box__card.rev .pic-wrap,
    .box__card--wrap > .box__card .pic-wrap {
        margin: 0 0 0 0;
    }
}



.box__card--wrap > .box__card > .pic-wrap > .pic {
    position: relative;
    display: block;
    width: 100%;
    min-height: 570px;
    height: 100%;

    /*padding-top: 50%;*/
    overflow: hidden;
}

@media screen and (max-width: 979px) {
    .box__card--wrap > .box__card > .pic-wrap > .pic {
        min-height: 350px;
    }
}

@media screen and (max-width: 767px) {
    .box__card--wrap > .box__card > .pic-wrap > .pic {
        min-height: 250px;
    }
}

.box__card--wrap > .box__card > .pic-wrap > .pic:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/*.box__card--wrap:nth-child(2) > .box__card > .pic-wrap > .pic:before {
    background: url("../images/about/pic__sec-about-01.png") 50% 50% no-repeat;
    background-size: cover;
}

.box__card--wrap:nth-child(3) > .box__card > .pic-wrap > .pic:before {
    background: url("../images/about/pic__sec-about-02.png") 50% 50% no-repeat;
    background-size: cover;
}*/



.box__card--wrap > .box__card .content-wrap {
    position: relative;
    top: 20px;
    padding: 0 6.0% 0 0;
    /*padding: 0 6.0%;*/
    width: 47%;
    flex: 1;
    max-width: 880px;
    min-width: 510px;
    z-index: 2;
}

.box__card--wrap > .box__card.rev .content-wrap {
    padding: 0 0 0 6.0%;
}

@media screen and (max-width: 979px) {
    .box__card--wrap > .box__card.rev .content-wrap,
    .box__card--wrap > .box__card .content-wrap {
        top: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 20px 3% 0;
    }
}

@media screen and (max-width: 767px) {
    .box__card--wrap > .box__card.rev .content-wrap,
    .box__card--wrap > .box__card .content-wrap {
        padding: 0 25px;
    }
}



.box__card--wrap > .box__card .content-wrap .content {
    padding: 50px 40px;
    background: var(--color-white);
}

@media screen and (max-width: 979px) {
    .box__card--wrap > .box__card .content-wrap .content {
        padding: 35px 30px;
    }
}

@media screen and (max-width: 767px) {
    .box__card--wrap > .box__card .content-wrap .content {
        padding: 25px 0 0;
    }
}



/* [+] #top
=========================================================================================== */

/* [-] #top Common
------------------------------------------------------------------------------------------- */

#top .ttl-wrap .ttl {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

@media screen and (max-width: 480px) {
    #top .ttl-wrap .ttl {
        margin-bottom: 20px;
    }
}

#top .lead-wrap .lead {
    text-align: center;
}



#top .sec-content-mv-top {
    position: relative;
    padding-top: 130px;
}

@media screen and (max-width: 767px) {
  #top .sec-content-mv-top {
      padding-top: 35%;
  }
}

#top .sec-content-mv-top:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    padding-top: 15%;
    z-index: -1;
}

@media screen and (max-width: 767px) {
  #top .sec-content-mv-top:before {
      padding-top: 35%;
  }
}

#top .sec-content-mv-top > .o-inner {
    padding-top: 70px;
    background: var(--color-white);
}

@media screen and (max-width: 767px) {
  #top .sec-content-mv-top > .o-inner {
      padding-top: 30px;
  }
}



/* [-] .sec-search-top
=========================================================================================== */

.sec-search-top .body-wrap .body {
    text-align: center;
}



.sec-search-top .pic-wrap .pic {
    width: 750px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .sec-search-top .pic-wrap .pic {
        width: 100%;
        margin: 0 auto;
    }
}



/* [-] .sec-area-top
=========================================================================================== */

#top .sec-area-top.sec-content-mv-top:before {
    background: url("../images/top/pic_sec-area_top.jpg") 50% 50% no-repeat;
    background-size: cover;
}



/* [-] .sec-site-top
=========================================================================================== */

#top .sec-site-top.sec-content-mv-top:before {
    background: url("../images/top/pic_sec-site_top.jpg") 50% 50% no-repeat;
    background-size: cover;
}



/* [-] .index_about
=========================================================================================== */

#top .index_about.sec-content-mv-top:before {
    background: url("../images/top/pic_sec-about_top.jpg") 50% 50% no-repeat;
    background-size: cover;
}






/* [+] (Site Common Parts)
=========================================================================================== */

/* [-] (Font)
=========================================================================================== */



/* [-] (Heading Index)
=========================================================================================== */

.a-heading-02-primary.a-heading-02-primary_index {
    display: inline-block;
    font-size: 48px;
    font-weight: var(--font-weight-normal);
}

@media screen and (max-width: 979px) {
    .a-heading-02-primary.a-heading-02-primary_index {
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-02-primary.a-heading-02-primary_index {
        font-size: 32px;
    }
}






.a-heading-02-primary.a-heading-02-primary_index.a-heading_border-short-t-single {
    padding-top: .45em;
}



.a-heading-02-primary.a-heading-02-primary_index.a-heading_border-short-t-single:before {
    height: 2px;
    background: var(--color-gray-50per);
}






.a-heading-02-primary-sub.a-heading-02-primary-sub_index {
    display: block;
    font-family: var(--font-family-serif);
    font-size: 18px !important;
    font-weight: var(--font-weight-semi-bold);
    /*color: var(--color-primary);*/
    letter-spacing: .05em;
}

@media screen and (max-width: 979px) {
    .a-heading-02-primary-sub.a-heading-02-primary-sub_index {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-02-primary-sub.a-heading-02-primary-sub_index {
        font-size: 15px !important;
        font-weight: var(--font-weight-medium);
    }
}






.a-heading-02-primary-sub.a-heading-02-primary-sub_index.a-heading_border-short_color-primary:after {
    background: var(--color-gradient-primary);
}



.a-heading-02-primary.a-heading-02-primary_index.a-heading_border-short_color-white:after {
    background: var(--color-white);
}






/* Lead (Contents / Index) */
.lead_low_index {
    font-family: var(--font-family-serif);
    font-weight: var(--font-weight-medium);
    color: var(--color-primary);
}


.lead_low_index.__primary {
    font-size: 42px;

    line-height: 1.2;
    /*line-height: 1.4;*/

    letter-spacing: .025em;
}

@media screen and (max-width: 979px) {
    .lead_low_index.__primary {
        font-size: 38px;
    }
}

@media screen and (max-width: 767px) {
    .lead_low_index.__primary {
        font-size: 30px;
    }
}


.lead_low_index.__secondary {
    font-size: 32px;
    line-height: 1.6;
    letter-spacing: .01em;
}

@media screen and (max-width: 979px) {
    .lead_low_index.__secondary {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    .lead_low_index.__secondary {
        font-size: 24px;
    }
}






/* [-] (Heading Lower)
=========================================================================================== */

.a-heading-02-primary {
    font-family: var(--font-family-serif);
}



/*.heading_lower .o-section_bg_image {
    position: relative;
}

.heading_lower .o-section_bg_image:after {
    background: url(../images/common/logo-mark_site-white.svg) -3vw -10vw no-repeat;
    background-size: 52.5vw auto;
    opacity: 0.04;
    z-index: 0;
}

@media screen and (max-width: 979px) {
    .heading_lower .o-section_bg_image:after {
        background: url(../images/common/logo-mark_site-white.svg) -5vw -10vw no-repeat;
        background-size: 85vw auto;
        opacity: 0.035;
    }
}

@media screen and (max-width: 767px) {
    .heading_lower .o-section_bg_image:after {
        background: url(../images/common/logo-mark_site-white.svg) -5vw 0vw no-repeat;
        background-size: 95vw auto;
        opacity: 0.04;
    }

}



.a-heading-03-primary_lower {
    font-size: 36px;
    font-weight: normal;
}



.a-heading-03-primary-sub_lower {
    display: block;
}



.heading_lower .a-heading_border-short-b-single:before {
        width: 3.5em;
        bottom: -0.25em;
}

@media screen and (max-width: 979px) {
    .heading_lower .a-heading_border-short-b-single:before {
            width: 3em;
    }
}

@media screen and (max-width: 767px) {
    .heading_lower .a-heading_border-short-b-single:before {
            width: 2.5em;
    }
}*/






.a-heading_border-b-double:after,
.a-heading_border-b-double:before {
    height: 3px;
}

.a-heading_border-b-double:before {
    background: var(--color-gray-80per);
}

.a-heading_border-b-double:after {
    background: var(--color-gray-20per);
}






.heading-primary_contents .a-heading-02-primary {
    font-size: 44px;
}

@media screen and (max-width: 979px) {
    .heading-primary_contents .a-heading-02-primary {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 767px) {
    .heading-primary_contents .a-heading-02-primary {
        font-size: 32px !important;
    }
}



.heading-primary_contents .a-heading-02-primary-sub {
    font-size: 24px;
}

@media screen and (max-width: 979px) {
    .heading-primary_contents .a-heading-02-primary-sub {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .heading-primary_contents .a-heading-02-primary-sub {
        font-size: 14px;
    }
}






.heading-secondary_contents .a-heading-02-primary {
    padding-bottom: 0.25em;
    font-size: 50px;
    font-weight: var(--font-weight-normal);
    font-family: var(--font-family-roboto);
}

@media screen and (max-width: 979px) {
    .heading-secondary_contents .a-heading-02-primary {
        font-size: 36px;
    }
}

@media screen and (max-width: 767px) {
    .heading-secondary_contents .a-heading-02-primary {
        padding-bottom: 0.25em;
        font-size: 26px;
    }
}



.heading-secondary_contents .a-heading-02-primary-sub {
    padding-bottom: 0.75em;
    font-size: 16px;
}

@media screen and (max-width: 979px) {
    .heading-secondary_contents .a-heading-02-primary-sub {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .heading-secondary_contents .a-heading-02-primary-sub {
        padding-bottom: 0.25em;
        font-size: 12px;
    }
}



.a-heading_border-short-b-single.heading-secondary_contents:before {
    width: 4em;
    height: 3px;
}

@media screen and (max-width: 767px) {
    .a-heading_border-short-b-single.heading-secondary_contents:before {
        width: 4em;
    }
}



.heading-secondary_contents .a-heading-03-primary {
    font-size: 32px !important;
}

@media screen and (max-width: 979px) {
    .heading-secondary_contents .a-heading-03-primary {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 767px) {
    .heading-secondary_contents .a-heading-03-primary {
        font-size: 22px !important;
    }
}



.heading-secondary_contents .a-heading-03-primary-sub {
    font-size: 22px;
    font-weight: bold;
}

@media screen and (max-width: 979px) {
    .heading-secondary_contents .a-heading-03-primary-sub {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .heading-secondary_contents .a-heading-03-primary-sub {
        font-size: 14px;
    }
}






/* [-] (List Ccl)
=========================================================================================== */

ul.a-list_ccl > li:before {
    width: 6px;
    height: 6px;
    background: var(--color-gray-60per);
}






/* [-] (Border / th / Table)
=========================================================================================== */

.a-list_table > dt {
    color: var(--color-gray-40per);
}

.a-list_table > dt:before {
    content: none;
}






/* [-] (Box Border Top Gradation)
=========================================================================================== */

.m-border_gradation {
    position: relative;
}

.m-border_gradation:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /*height: 26px;*/
    /*background: linear-gradient(30deg, #48b3a7 0%, #6cbfa2 70%, #d5e492 100%);*/
}

/*@media screen and (max-width: 979px) {
    .m-border_gradation:before {
        height: 18px;
    }
}

@media screen and (max-width: 767px) {
    .m-border_gradation:before {
        height: 14px;
    }
}*/



.m-border_gradation.m-border_gradation-primary:before {
    background: linear-gradient(30deg, #48b3a7 0%, #6cbfa2 70%, #d5e492 100%);
}

.m-border_gradation.m-border_gradation-secondary:before {
    background: linear-gradient(30deg, #48b3a7 0%, #6cbfa2 70%, #d5e492 100%);
}

.m-border_gradation.m-border_gradation-tertiary:before {
    background: linear-gradient(30deg, #48b3a7 0%, #6cbfa2 70%, #d5e492 100%);
}



.m-border_gradation.m-border_gradation_height-01px:before {
    height: 1px;
}

.m-border_gradation.m-border_gradation_height-02px:before {
    height: 2px;
}

.m-border_gradation.m-border_gradation_height-03px:before {
    height: 3px;
}

.m-border_gradation.m-border_gradation_height-04px:before {
    height: 4px;
}

.m-border_gradation.m-border_gradation_height-05px:before {
    height: 5px;
}

.m-border_gradation.m-border_gradation_height-06px:before {
    height: 6px;
}

.m-border_gradation.m-border_gradation_height-07px:before {
    height: 7px;
}

.m-border_gradation.m-border_gradation_height-08px:before {
    height: 8px;
}

.m-border_gradation.m-border_gradation_height-09px:before {
    height: 9px;
}

.m-border_gradation.m-border_gradation_height-10px:before {
    height: 10px;
}

.m-border_gradation.m-border_gradation_height-12px:before {
    height: 12px;
}

.m-border_gradation.m-border_gradation_height-14px:before {
    height: 14px;
}

.m-border_gradation.m-border_gradation_height-16px:before {
    height: 16px;
}

.m-border_gradation.m-border_gradation_height-18px:before {
    height: 18px;
}

.m-border_gradation.m-border_gradation_height-20px:before {
    height: 20px;
}

.m-border_gradation.m-border_gradation_height-22px:before {
    height: 22px;
}

.m-border_gradation.m-border_gradation_height-24px:before {
    height: 24px;
}

.m-border_gradation.m-border_gradation_height-26px:before {
    height: 26px;
}

.m-border_gradation.m-border_gradation_height-28px:before {
    height: 28px;
}

.m-border_gradation.m-border_gradation_height-30px:before {
    height: 30px;
}

@media screen and (max-width: 979px) {
    .m-border_gradation.m-border_gradation_height-tb-01px:before {
        height: 1px;
    }

    .m-border_gradation.m-border_gradation_height-tb-02px:before {
        height: 2px;
    }

    .m-border_gradation.m-border_gradation_height-tb-03px:before {
        height: 3px;
    }

    .m-border_gradation.m-border_gradation_height-tb-04px:before {
        height: 4px;
    }

    .m-border_gradation.m-border_gradation_height-tb-05px:before {
        height: 5px;
    }

    .m-border_gradation.m-border_gradation_height-tb-06px:before {
        height: 6px;
    }

    .m-border_gradation.m-border_gradation_height-tb-07px:before {
        height: 7px;
    }

    .m-border_gradation.m-border_gradation_height-tb-08px:before {
        height: 8px;
    }

    .m-border_gradation.m-border_gradation_height-tb-09px:before {
        height: 9px;
    }

    .m-border_gradation.m-border_gradation_height-tb-10px:before {
        height: 10px;
    }

    .m-border_gradation.m-border_gradation_height-tb-12px:before {
        height: 12px;
    }

    .m-border_gradation.m-border_gradation_height-tb-14px:before {
        height: 14px;
    }

    .m-border_gradation.m-border_gradation_height-tb-16px:before {
        height: 16px;
    }

    .m-border_gradation.m-border_gradation_height-tb-18px:before {
        height: 18px;
    }

    .m-border_gradation.m-border_gradation_height-tb-20px:before {
        height: 20px;
    }

    .m-border_gradation.m-border_gradation_height-tb-22px:before {
        height: 22px;
    }

    .m-border_gradation.m-border_gradation_height-tb-24px:before {
        height: 24px;
    }

    .m-border_gradation.m-border_gradation_height-tb-26px:before {
        height: 26px;
    }

    .m-border_gradation.m-border_gradation_height-tb-28px:before {
        height: 28px;
    }

    .m-border_gradation.m-border_gradation_height-tb-30px:before {
        height: 30px;
    }
}

@media screen and (max-width: 767px) {
    .m-border_gradation.m-border_gradation_height-sp-01px:before {
        height: 1px;
    }

    .m-border_gradation.m-border_gradation_height-sp-02px:before {
        height: 2px;
    }

    .m-border_gradation.m-border_gradation_height-sp-03px:before {
        height: 3px;
    }

    .m-border_gradation.m-border_gradation_height-sp-04px:before {
        height: 4px;
    }

    .m-border_gradation.m-border_gradation_height-sp-05px:before {
        height: 5px;
    }

    .m-border_gradation.m-border_gradation_height-sp-06px:before {
        height: 6px;
    }

    .m-border_gradation.m-border_gradation_height-sp-07px:before {
        height: 7px;
    }

    .m-border_gradation.m-border_gradation_height-sp-08px:before {
        height: 8px;
    }

    .m-border_gradation.m-border_gradation_height-sp-09px:before {
        height: 9px;
    }

    .m-border_gradation.m-border_gradation_height-sp-10px:before {
        height: 10px;
    }

    .m-border_gradation.m-border_gradation_height-sp-12px:before {
        height: 12px;
    }

    .m-border_gradation.m-border_gradation_height-sp-14px:before {
        height: 14px;
    }

    .m-border_gradation.m-border_gradation_height-sp-16px:before {
        height: 16px;
    }

    .m-border_gradation.m-border_gradation_height-sp-18px:before {
        height: 18px;
    }

    .m-border_gradation.m-border_gradation_height-sp-20px:before {
        height: 20px;
    }

    .m-border_gradation.m-border_gradation_height-sp-22px:before {
        height: 22px;
    }

    .m-border_gradation.m-border_gradation_height-sp-24px:before {
        height: 24px;
    }

    .m-border_gradation.m-border_gradation_height-sp-26px:before {
        height: 26px;
    }

    .m-border_gradation.m-border_gradation_height-sp-28px:before {
        height: 28px;
    }

    .m-border_gradation.m-border_gradation_height-sp-30px:before {
        height: 30px;
    }
}






/* [-] .footer (local)
=========================================================================================== */






/* [-] Hero Lower (Local)
=========================================================================================== */

/* Wrapper (Hero / Lower) */
/*.__hero_lower.kv_lower .o-inner {
    width: 100%;
    max-width: 100%;
    padding: 0;
}*/



/* Position (Hero / Lower) */
.__hero_lower.kv_lower {
    position: relative;
}


/* Paddint Top (Hero / Lower) */
.__hero_lower {
    padding-top: var(--height-header-pc);
}

@media screen and (max-width: 979px) {
    .__hero_lower {
        padding-top: var(--height-header-tb);
    }
}

@media screen and (max-width: 767px) {
    .__hero_lower {
        padding-top: var(--height-header-sp);
    }
}






/* Height (Contents / Hero / Lower) */
.__hero_lower.kv_lower .m-kv {
    position: relative;
    height: var(--height-hero-low-pc);
}

@media screen and (max-width: 979px) {
    .__hero_lower.kv_lower .m-kv {
        height: var(--height-hero-low-tb);
    }
}

@media screen and (max-width: 767px) {
    .__hero_lower.kv_lower .m-kv {
        height: var(--height-hero-low-sp);
    }
}






/* Position (Heading / Hero / Lower) */
.__hero_lower .__pic_hero_lower {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: var(--width-pic-hero-low-pc);
    height: var(--height-pic-hero-low-pc);
    margin-top: 0;
    z-index: var(--z-index-lv-minus-01);
}

@media screen and (max-width: 979px) {
    .__hero_lower .__pic_hero_lower {
        width: var(--width-pic-hero-low-tb);
        height: var(--height-pic-hero-low-tb);
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .__hero_lower .__pic_hero_lower {
        width: var(--width-pic-hero-low-sp);
        margin-top: 0;
        margin-left: auto;
        padding-bottom: 30px;
        height: auto;
        padding-top: 0;
    }
}

/*.__hero_lower .m-kv_content {
    position: absolute;
    left: 50%;
    top: calc(50% - 100px);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 979px) {
    .__hero_lower .m-kv_content {
        top: calc(50% - 75px);
    }
}

@media screen and (max-width: 767px) {
    .__hero_lower .m-kv_content {
        top: calc(50% - 10px);
    }
}*/






/* Width (Pic / Hero / Lower) */
/*.__hero_lower .a-pic_hero {
    position: relative;
    width: 750px;
    margin-right: -140px !important;
    margin-left: auto;
    margin-bottom: -225px;
    z-index: var(--z-index-lv-plus-01);
    pointer-events: none;
}

@media screen and (max-width: 979px) {
    .__hero_lower .a-pic_hero {
        width: 500px;
        margin-right: -80px !important;
        margin-bottom: -160px;
    }
}

@media screen and (max-width: 767px) {
    .__hero_lower .a-pic_hero {
        width: 260px;
        margin-right: -50px !important;
        margin-bottom: -30px;
    }
}*/






/* Pic (Hero / Lower) */
.__hero_lower .m-kv_figure .a-figure {
    overflow: hidden;
    padding-top: var(--height-pic-hero-low-pc);
}

@media screen and (max-width: 979px) {
    .__hero_lower .m-kv_figure .a-figure {
        overflow: hidden;
        padding-top: var(--height-pic-hero-low-tb);
    }
}

@media screen and (max-width: 767px) {
    .__hero_lower .m-kv_figure .a-figure {
        overflow: hidden;
        padding-top: var(--height-pic-hero-low-sp);
    }
}



/* Before K (Pic / Hero / Lower) */
.__hero_lower .m-kv_figure .a-figure {
    position: relative;
}

.__hero_lower .m-kv_figure .a-figure:before {
    content: '';
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100vw;

    height: 100%;
    /*height: 350px;*/

    background: rgba(000, 000, 000, .25);
    z-index: var(--z-index-lv-plus-01);
}

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

}

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

}






/*  Before K (Picture / Hero / Lower) */
/*.m-kv_figure .a-figure:before {
    content: none;
}*/






/* Position (Contents / Hero / Lower) */
.__hero_lower.kv_lower .m-kv_content {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}






/* Width (Inner / Hero / Contents Primary) */
.__hero_lower.kv_lower .o-inner {
    max-width: 100%;
    padding: 0;
}



/* Position (Hero / Contents Primary) */
.m-kv_content-primary {
    display: block;
    position: absolute;
    left: 0;
    right: auto;
    top: auto;

    bottom: 40px;
    /*bottom: 0;*/

    z-index: var(--z-index-lv-plus-02);
}

@media screen and (max-width: 979px) {
    .m-kv_content-primary {
        left: 0;
        top: auto;
        bottom: 0;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_content-primary {

    }
}



/* Inner (Hero / Contents Primary) */
.m-kv_content-primary .m-kv_content_inner {
    position: relative;
    display: block;

    padding: 40px 20vw 10px calc(calc(100vw - var(--width-contents-pc)) / 2);

    /*background: var(--color-white);*/
}

@media screen and (max-width: 979px) {
    .m-kv_content-primary .m-kv_content_inner {
        padding: 26px 20vw 10px var(--gap-left-wrapper-contents-low-tb);
    }
}

@media screen and (max-width: 767px) {
    .m-kv_content-primary .m-kv_content_inner {
        padding: 15px 15vw 10px var(--gap-left-wrapper-contents-low-sp);
    }
}



/*.m-kv_content-primary .m-kv_content_inner:before {
    content: '';
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 350px;
    background: rgba(000, 000, 000, .25);
    z-index: var(--z-index-lv-minus-01);
}*/




.m-kv_content-primary .m-kv_content_inner:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;

    width: 100vw;
    height: var(--height-bg-curv-primary-pc);

    background: url("../images/common/bg_curve_primary_white.svg") no-repeat center 0;
    background-size: 100vw auto;

    z-index: var(--z-index-lv-minus-01);
}

@media screen and (max-width: 979px) {
.m-kv_content-primary .m-kv_content_inner:after {
        height: var(--height-bg-curv-primary-tb);
    }
}

@media screen and (max-width: 767px) {
.m-kv_content-primary .m-kv_content_inner:after {
        height: var(--height-bg-curv-primary-sp);
    }
}






/* Heading (Contents / Hero / Lower) */
.kv_lower .a-heading-01_primary {
    text-align: left !important;
    font-size: 40px !important;
    /*font-weight: var(--font-weight-demi-bold);*/
    /*font-weight: var(--font-weight-medium);*/
    /*color: inherit !important;*/
    /*text-shadow: none !important;*/
}

@media screen and (max-width: 979px) {
    .kv_lower .a-heading-01_primary {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 767px) {
    .kv_lower .a-heading-01_primary {
        font-size: 28px !important;
    }
}



/*.kv_lower .a-heading-01_secondary {
    font-size: 20px !important;
}

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

}

@media screen and (max-width: 767px) {
    .kv_lower .a-heading-01_secondary {
        font-size: 14px !important;
    }
}*/



.kv_lower .o-heading-ss {
    margin-bottom: .25em;
    padding-bottom: .5em;
}

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

}

@media screen and (max-width: 767px) {
    .kv_lower .o-heading-ss {
        margin-bottom: .25em;
        padding-bottom: .35em;
    }
}



.kv_lower .a-heading_border-short-b-single:before {
    width: 3em;
    height: 1px;
}

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

}

@media screen and (max-width: 767px) {
    .kv_lower .a-heading_border-short-b-single:before {
        width: 1.5em;
    }
}






/* [+] .index
=========================================================================================== */

/* [-] (Header)
=========================================================================================== */

.recruiter_index .a-heading-02-2nd_secondary,
.employer_index .a-heading-02-2nd_secondary {
    color: #808080;
}

.recruiter_index .about_title_index .a-heading-02-2nd_secondary,
.employer_index .about_title_index .a-heading-02-2nd_secondary {
    color: var(--color-white);
}

.recruiter_index .contact_content .a-heading-02-2nd_secondary,
.employer_index .contact_content .a-heading-02-2nd_secondary {
    color: var(--color-white);
}



.header__nav-g-pc .list-main > li.contact {
    display: none;
}

.header__nav-g-pc .list-main > li > a.current > span {
    display: block;
    position: relative
}

.header__nav-g-pc .list-main > li > a.current > span:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: .8em;
    width: 100%;
    height: 3px;
    background: var(--color-secondary);
    z-index: 99999;
}



/* [-] .footer
=========================================================================================== */

/*.t-footer {
    background: linear-gradient(-135deg, #5a67a8, var(--color-secondary));
}*/



.o-section_bg_image.t-footer:after {
    background: url(../images/common/logo-mark_site-white.svg) 57.5vw -7.5vw no-repeat;
    background-size: 65vw auto;
    opacity: 0.05;
    z-index: 0;
}

@media screen and (max-width: 767px) {
    .o-section_bg_image.t-footer:after {
        background: url(../images/common/logo-mark_site-white.svg) 50vw 87.5vw no-repeat;
        background-size: 120vw auto;
        opacity: 0.05;
        z-index: 0;
    }

}



.t-footer_address_name {
    width: 150px;
    /*width: 280px;*/
    margin-right: auto;
}

@media screen and (max-width: 979px) {
    .t-footer_address_name {
        width: 130px;
        /*width: 260px;*/
    }
}

@media screen and (max-width: 767px) {
    .t-footer_address_name {
        width: 120px;
        /*width: 260px;*/
        margin: 0 auto;
    }
}



.t-footer_catch-copy {
    width: 400px;
    margin-left: auto;
}

@media screen and (max-width: 979px) {
    .t-footer_catch-copy {
        width: 100%;
        /*margin: 0 auto;*/
    }
}

@media screen and (max-width: 767px) {
    .t-footer_catch-copy {
        /*width: 280px;*/
        max-width: 280px;
        margin: 0 auto;
    }
}



/* [-] .menu_index
=========================================================================================== */

.menu_index.o-section-s {
    padding-top: 35px;
    padding-bottom: 45px;
}

@media screen and (max-width: 979px) {
  .menu_index.o-section-s {
      padding-top: 30px;
      padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .menu_index.o-section-s {
      padding-top: 30px;
      padding-bottom: 25px;
  }
}



.menu_index .a-heading-02-2nd {
    font-size: 30px;
    font-weight: 400;
}

@media screen and (max-width: 979px) {
  .menu_index .a-heading-02-2nd {
      font-size: 26px;
  }
}

@media screen and (max-width: 767px) {
  .menu_index .a-heading-02-2nd {
      font-size: 22px;
  }
}



.menu_index .a-heading-02-2nd_secondary {
    color: #808080;
}



/*.menu_index {
    padding-top: 70px;
}

@media screen and (max-width: 767px) {
    .menu_index {
        padding-top: 50px;
    }
}*/

.menu_index .ttl-wrap .ttl {
    display: block;
    margin-bottom: 1.75em;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .menu_index .ttl-wrap .ttl {
        font-size: 16px;
    }
}



.menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn {
    position: relative;
    max-width: 100%;
    padding-top: 85px;
    padding-bottom: 25px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-secondary);
    /*border-radius: 0 0 6px 6px;*/
    border-radius: 6px;
    /*-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2);*/
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, .05);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, .05);
    /*-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.02);
    box-shadow: 0 3px 10px rgba(0,0,0,.02);*/
}

.menu_index .list-wrap li .a-btn-wrap .a-btn-item > a:hover > .a-btn {
    background: var(--color-secondary);
    border-color: var(--color-secondary);
}

@media screen and (max-width: 979px) {
    .menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn {
        padding-top: 70px;
        padding-bottom: 20px;
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn {
        padding-top: 55px;
        padding-bottom: 10px;
        font-size: 14px;
    }
}



.menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn .lead {
    display: block;
    padding-top: .75em;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-gray-40per);
}

.menu_index .list-wrap li .a-btn-wrap .a-btn-item > a:hover > .a-btn .lead {
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn .lead {
        display: none;
        /*padding-top: .25em;
        font-size: 12px;*/
    }
}



/*.menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    width: calc(100% + 0px);
    height: 6px;
    background: var(--color-secondary);
}*/



.menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn::after {
    top: 20px;
    left: calc(50% + 5px);
    width: 55px;
    height: 55px;
    background-size: 55px 55px;
    border: none;
    -webkit-transform: translate(-50%, 0) rotate(0);
    -ms-transform: translate(-50%, 0) rotate(0);
    -o-transform: translate(-50%, 0) rotate(0);
    transform: translate(-50%, 0) rotate(0);
}

@media screen and (max-width: 979px) {
    .menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn::after {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
    }
}

@media screen and (max-width: 767px) {
    .menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn::after {
        top: 10px;
        left: calc(50% + 5px);
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
}

.employer_index .menu_index .list-wrap li:first-of-type .a-btn-wrap .a-btn-item > a > .a-btn::after {
    background: url("../images/employer/top/icon_range_index.svg") 0 0 no-repeat;
}

.employer_index .menu_index .list-wrap li:nth-of-type(2) .a-btn-wrap .a-btn-item > a > .a-btn::after {
    background: url("../images/employer/top/icon_area_index.svg") 0 0 no-repeat;
}

.employer_index .menu_index .list-wrap li:nth-of-type(3) .a-btn-wrap .a-btn-item > a > .a-btn::after {
    background: url("../images/employer/top/icon_matching_index.svg") 0 0 no-repeat;
}

.employer_index .menu_index .list-wrap li:nth-of-type(4) .a-btn-wrap .a-btn-item > a > .a-btn::after {
    background: url("../images/employer/top/icon_fee_index.svg") 0 0 no-repeat;
}

.employer_index .menu_index .list-wrap li:first-of-type .a-btn-wrap .a-btn-item > a:hover > .a-btn::after {
    background: url("../images/employer/top/icon_range_index-w.svg") 0 0 no-repeat;
}

.employer_index .menu_index .list-wrap li:nth-of-type(2) .a-btn-wrap .a-btn-item > a:hover > .a-btn::after {
    background: url("../images/employer/top/icon_area_index-w.svg") 0 0 no-repeat;
}

.employer_index .menu_index .list-wrap li:nth-of-type(3) .a-btn-wrap .a-btn-item > a:hover > .a-btn::after {
    background: url("../images/employer/top/icon_matching_index-w.svg") 0 0 no-repeat;
}

.employer_index .menu_index .list-wrap li:nth-of-type(4) .a-btn-wrap .a-btn-item > a:hover > .a-btn::after {
    background: url("../images/employer/top/icon_fee_index-w.svg") 0 0 no-repeat;
}



.recruiter_index .menu_index .list-wrap li:first-of-type .a-btn-wrap .a-btn-item > a > .a-btn::after {
    background: url("../images/recruiter/top/icon_direct_index.svg") 0 0 no-repeat;
}

.recruiter_index .menu_index .list-wrap li:first-of-type .a-btn-wrap .a-btn-item > a:hover > .a-btn::after {
    background: url("../images/recruiter/top/icon_direct_index-w.svg") 0 0 no-repeat;
}

.recruiter_index .menu_index .list-wrap li:nth-of-type(2) .a-btn-wrap .a-btn-item > a > .a-btn::after {
    background: url("../images/recruiter/top/icon_knowledge_index.svg") 0 0 no-repeat;
}

.recruiter_index .menu_index .list-wrap li:nth-of-type(2) .a-btn-wrap .a-btn-item > a:hover > .a-btn::after {
    background: url("../images/recruiter/top/icon_knowledge_index-w.svg") 0 0 no-repeat;
}



/*.menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn .number {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-white);

    -webkit-transform: translate(0px, 0px) rotate(-45deg);
    -ms-transform: translate(0px, 0px) rotate(-45deg);
    -o-transform: translate(0px, 0px) rotate(-45deg);
    transform: translate(0px, 0px) rotate(-45deg);
}

.menu_index .list-wrap li .a-btn-wrap .a-btn-item > a > .a-btn .number:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid var(--color-secondary);

    -webkit-transform: translate(-25%, -24%) rotate(0deg);
    -ms-transform: translate(-25%, -24%) rotate(0deg);
    -o-transform: translate(-25%, -24%) rotate(0deg);
    transform: translate(-25%, -24%) rotate(0deg);

    z-index: -1;
}*/



/* [-] .m-kv_index (local)
=========================================================================================== */

/* Position (Hero Index) */
.__hero_index {
    position: relative;
}



/* Padding Top (Hero Index) */
.__hero_index {
    padding-top: var(--height-header-pc);
}

@media screen and (max-width: 979px) {
    .__hero_index {
        padding-top: var(--height-header-tb);
    }
}

@media screen and (max-width: 767px) {
    .__hero_index {
        padding-top: var(--height-header-sp);
    }
}



/* Height (Hero Index) */
.__hero_index {
    position: relative;
    width: 100%;

    height: calc(var(--height-hero-index-pc) + var(--height-header-pc));
    /*height: var(--height-hero-index-pc);*/
}

@media screen and (max-width: 979px) {
    .__hero_index {
        height: calc(var(--height-hero-index-tb) + var(--height-header-tb));
        /*height: var(--height-hero-index-tb);*/
    }
}

@media screen and (max-width: 767px) {
    .__hero_index {
        height: calc(var(--height-hero-index-sp) + var(--height-header-sp));
        /*height: var(--height-hero-index-sp);*/
    }
}





/* Height (Hero Index) */
.__hero_index .m-figure_bg {
    padding-top: var(--height-hero-index-pc);
}

@media screen and (max-width: 979px) {
    .__hero_index .m-figure_bg {
        padding-top: var(--height-hero-index-tb);
    }
}

@media screen and (max-width: 767px) {
    .__hero_index .m-figure_bg {
        padding-top: var(--height-hero-index-sp);
    }
}






/* Position (Hero Index / BG) */
/*.__hero_index .pic_bg_hero_index {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}*/



/* BG Img (Hero Index) */
/*.__hero_index .pic_bg_hero_index .m-figure_bg:after {
    background: url(../images/index/image_hero_index_pc.jpg) 50% 50% no-repeat;
    background-size: cover;
    z-index: var(--z-index-lv-minus-02);
}

@media screen and (max-width: 979px) {
  .__hero_index .pic_bg_hero_index .m-figure_bg:after {
      background: url(../images/index/image_hero_index_sp.png) 50% 50% no-repeat;
      background-size: cover;
      z-index: var(--z-index-lv-minus-02);
  }
}

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

}



.__hero_index .pic_bg_hero_index .m-figure_bg:before {
    background: none;
}*/






/* Margin Left (Hero Index / Slider) */
/*.__hero_index .m-slider-primary {
    margin-left: 16vw;
}

@media screen and (max-width: 979px) {
    .__hero_index .m-slider-primary {
        margin-left: 100px;
    }
}

@media screen and (max-width: 767px) {
    .__hero_index .m-slider-primary {
        margin-left: 30px;
    }
}*/






/* Height (Hero Index / Slider) */
/*@media screen and (max-width: 979px) {

}

@media screen and (max-width: 767px) {
    .m-kv_index .m-slider-primary {
        height: var(--height-hero-index-sp);
    }
}



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

}

@media screen and (max-width: 767px) {
    .m-kv_index .m-slider-primary .slider .slick-list .slick-track .slick-slide > div,
    .m-kv_index .m-slider-primary .slider .slick-list .slick-list .slick-slide > div {
        height: var(--height-hero-index-sp) !important;
    }
}



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

}

@media screen and (max-width: 767px) {
    .m-kv_index .m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div,
    .m-kv_index .m-slider-primary .slider .slick-list .slick-list .slick-slide > div > div {
        height: var(--height-hero-index-sp) !important;
    }
}*/






/* Img Clip SVG (Hero Index) */
.__hero_index .m-pic_clip_svg_figure {
    width: 1280px;
}

@media screen and (max-width: 979px) {
    .__hero_index .m-pic_clip_svg_figure {
        width: 770px;
    }
}

@media screen and (max-width: 767px) {
    .__hero_index .m-pic_clip_svg_figure {
        width: 520px;
    }
}






/* Slider Dots (Top KV) */
.dots-class {
    display: flex;

    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);

    text-align: center;

    z-index: 99999;
}

.dots-class li {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    color: var(--color-white);
}

.dots-class li::before {
    display: block;
    /*background-color: var(--color-white);*/
    /*transition: background-color 0.4s;*/

    /*content: "";
    background-color: var(--color-white);
    -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2332CD32" viewBox="0 0 16 16"><path d="M20 1 A19 19 0 1 1 20 39 A19 19 0 1 1 20 1" stroke="#ccc" stroke-width="2"/></svg>');
    -webkit-mask-size: contain;
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2332CD32" viewBox="0 0 16 16"><path d="M20 1 A19 19 0 1 1 20 39 A19 19 0 1 1 20 1" stroke="#ccc" stroke-width="2"/></svg>');
    mask-size: contain;*/

    content: url( 'data:image/svg+xml;utf-8,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" class="icon-progress-ccl"><path d="M20 1 A19 19 0 1 1 20 39 A19 19 0 1 1 20 1""/></svg>');

    height: 40px;
    width: 40px;

    position: absolute;
    top: 0;
    left: 0;
}

.icon-progress-ccl {
  /*fill: none;
  stroke-width: 25;
  stroke-dasharray: 629;*/
  stroke: var(--color-white);
  /*opacity: .9;
  animation: circle-anime 10s;*/
}

/*.dots-class li svg {
    height: 40px;
    width: 40px;
}*/

/*.dots-class li path {
  fill: none;
  stroke-width: 25;
  stroke-dasharray: 629;
  stroke: var(--color-white);
  opacity: .9;
  animation: circle-anime 10s;
}*/



/*.loading-ccl {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: var(--color-white);
    opacity: .9;
    animation: circle-anime 10s;
}*/

/*.dots-class li::before path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: var(--color-white);
    opacity: .9;
    animation: circle-anime 10s;
}*/

.dots-class li.slick-active::before {
    /*fill: rgba(0, 0, 0, 0);
    stroke: var(--color-white);
    stroke-width: 2;*/
    /* 線を隠す */
    /*stroke-dasharray: 500 500;*/

    /*-webkit-animation: circle-anime 4.5s linear 0s infinite;
    animation: circle-anime 4.5s linear 0s infinite;*/

    /*background-color: var(--color-white);
    animation: progressbar-anime 4s linear forwards;*/
}

@keyframes circle-anime {
    0% {
        stroke-dasharray: 0 500
    }

    20% {
        stroke-dasharray: 0 500
    }

    100% {
        stroke-dasharray: 500 500
    }
}



/* progress bar ok */
/*.dots-class li::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 0;
    height: 2px;
}

.dots-class li.slick-active::before {
    background-color: var(--color-white);
    animation: progressbar-anime 4s linear forwards;
}*/
/* //progress bar ok */

/* progress bar ok */
/* 
cssアニメーションの秒数と、
autoplaySpeedの秒数を同じにしましょう。
js
autoplaySpeed: 4000,
*/
/*@keyframes progressbar-anime {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}*/
/* //progress bar ok */






.slider-dots {
  width: 100%;
  margin: -40px 0 0 0;
  padding: 0;
  text-align: center;
  list-style: none;
}

/* プログレスバーwidth スライドの枚数に合わせて調整 */
.slider-dots li {
    display: inline-block;
    width: calc(9% - 12px);
    margin: 0 4px;
    opacity: .85;
}

.slider-dots button {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #b2b2b2;
    border: 0;

    font-size: 0;
    /*font-size: 10px;
    color: var(--color-white);*/
}

.slider-dots button:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      height: 100%;
}

.slider-dots .slick-active {
    opacity: .85;
}

.slider-dots .slick-active button:after {
    background-color: var(--color-white);
    animation: progress 5.5s linear forwards;
}

@keyframes progress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}






/*.slider-dots {
  width: 100%;
  margin: -40px 0 0 0;
  padding: 0;
  text-align: center;
  list-style: none;

  li {
    display: inline-block;
    width: calc(9% - 12px);

    margin: 0 4px;

    opacity: .85;
  }

  button {
    position: relative;
    width: 100%;
    height: 1px;
    border: 0;
    background-color: #b2b2b2;
    font-size: 0;

    &:after {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      display: block;
      width: 0%;
      height: 100%;
    }
  }

  .slick-active {
    opacity: .85;
  }

  .slick-active {
    button:after {
        background-color: var(--color-white);
        animation: progress 5.5s linear forwards;
    }
  }

}

@keyframes progress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}*/






.dots-class {
    /*-webkit-transition: .75s;
    transition: .75s;

    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.3, 1);

    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s;*/

    opacity: 0;
}
.kv-dots_animation {
    opacity: 1;
    animation: kv-title_animation .75s 2.75s  cubic-bezier(0.76, 0, 0.3, 1);
}

/*.slider-dots button:before {
    content: "";
    position: absolute;
    top: -2em;
    right: 50%;
    font-family: robot;
    font-size: 10px;
    font-weight: 700;
    color: var(--color-white);
}

.slider-dots li:nth-child(1) button:before {
    content: "1";
}

.slider-dots li:nth-child(2) button:before {
    content: "2";
}

.slider-dots li:nth-child(3) button:before {
    content: "3";
}

.slider-dots li:nth-child(4) button:before {
    content: "4";
}*/








/* slider after k */
/*.m-kv_index .m-slider-primary:after {
    content: none;
}*/



/* slider > a > bg  */
.m-kv_index .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
    position: relative;
    padding-top: 550px;
}

@media screen and (max-width: 979px) {
    .m-kv_index .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 400px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 350px;
    }
}



.m-kv_index .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
    padding-top: 550px;
}

@media screen and (max-width: 979px) {
    .m-kv_index .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 400px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 350px;
    }
}



/* slider img hover */
.m-kv_index  .m-item__button-primary_image-bg a:hover .m-image__button-primary_image-bg > span:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}



/* works item border bottom  */
.m-kv_index .wrapper_works .list_item_works_index:after,
.m-kv_index  .wrapper_works .list_item_works_index:before {
    content: none;
}






/* Slider Title (Top KV)  */
.m-kv_index .wrapper_works_index_primary .m-text__button-primary .title_works {
    font-size: 22px !important;
}

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

}

@media screen and (max-width: 767px) {
    .m-kv_index .wrapper_works_index_primary .m-text__button-primary .title_works {
        font-size: 16px !important;
    }
}



.m-kv_index .wrapper_works_index_primary .m-text__button-primary .title_works.secondary {
    font-size: 18px !important;
    /*color: #ccc !important;*/
}

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

}

@media screen and (max-width: 767px) {
    .m-kv_index .wrapper_works_index_primary .m-text__button-primary .title_works.secondary {
        font-size: 14px !important;
    }
}






/* Slider Title Animation (Top KV)  */
.m-kv_index .title_works_slider_index {
    position: relative;
}

/*.title_works_slider_index {
    position: absolute;
     top: 50%;
     height: 50%;
    color: var(--color-white) !important;
    z-index: 99999;
}*/



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

}

@media screen and (max-width: 767px) {
    .m-kv_index .wrapper_works_index_primary .m-text__button-primary {
        bottom: 30px;
        left: 15px;
    }
}






.m-kv_index .slider .note_works,
.m-kv_index .slider .title_works.secondary,
.m-kv_index .slider .title_works.primary {
    opacity: 0;

    -webkit-transition: .75s;
    transition: .75s;

    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.3, 1);
}

.m-kv_index .slider .title_works.primary {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);

    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.m-kv_index .slider .title_works.secondary {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

.m-kv_index .slider .note_works {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s;
}

.m-kv_index .slider .slick-active .note_works,
.m-kv_index .slider .slick-active .title_works.secondary,
.m-kv_index .slider .slick-active .title_works.primary {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}



/*.m-kv_index .slider .slick-active .m-slider-primary_item-01 .note_works,
.m-kv_index .slider .slick-active .m-slider-primary_item-01 .title_works {
    opacity: 0;

    animation-name: kv-title_animation;

    -webkit-transition: 0.75s;
    transition: 0.75s;

    -webkit-transition-delay: 2s;
    transition-delay: 2s;

    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}*/

.kv-title-primary_animation {
    animation: kv-title_animation-horizontal-to-r-15 .75s 1.2s  cubic-bezier(0.76, 0, 0.3, 1);
    transform-origin: left;
}

.kv-title-secondary_animation {
    animation: kv-title_animation-horizontal-to-r-10 .5s 2.5s  cubic-bezier(0.76, 0, 0.3, 1);
    transform-origin: left;
}

.kv-note_animation {
    animation: kv-title_animation-horizontal-to-r-10 .5s 2.75s  cubic-bezier(0.76, 0, 0.3, 1);
    transform-origin: left;
}

@keyframes kv-title_animation-horizontal-to-r-05 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        }
}

@keyframes kv-title_animation-horizontal-to-r-10 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        }
}

@keyframes kv-title_animation-horizontal-to-r-15 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        }
}





/*.m-kv_index .slider .list_item_works_index.m-slider-primary_item-01 .title_works {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);

    -webkit-transition: 0.75s;
    transition: 0.75s;

    -webkit-transition-delay: 2s;
    transition-delay: 2s;

    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;

    animation: kv-title_animation .75s 2.5s cubic-bezier(.175,.885,.32,1.275);
}

@-webkit-keyframes kv-title_animation {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        }

    100% {
        -webkit-transform: translateX(0);
        }
}
@keyframes kv-title_animation {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        }
}*/





/*.m-kv_index_content_button_item .a-btn-wrap .a-btn-item.a-btn-fill > a > .a-btn {
    max-width: 300px;
    padding: 24px;
}

@media screen and (max-width: 979px) {
    .m-kv_index_content_button_item .a-btn-wrap .a-btn-item.a-btn-fill > a > .a-btn {
        max-width: 260px;
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content_button_item .a-btn-wrap .a-btn-item.a-btn-fill > a > .a-btn {
        width: 98.5%;
        max-width: 100%;
        padding: 20px;
    }
}



.m-kv_index_content_button_item .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-quaternary > a > .a-btn {
    color: var(--color-gray-20per);
}

.m-kv_index_content_button_item .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-quaternary > a:hover > .a-btn {
    color: var(--color-white);
}*/






/* [-] .m-kv_index_content-secondary (local)
=========================================================================================== */

/* Position (Hero / Contents Primary) */
.m-kv_index_content-primary {
    display: block;
    position: absolute;
    left: 50px;

    top: 50%;
    /*top: calc(50% - 30px);*/

    width: 100%;

    /*height: 300px;*/
    min-height: var(--height-contents-hero-index-pc);

    transform: translate(0%, -50%);
    z-index: var(--z-index-lv-plus-02);
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-primary {
        left: 36px;

        /*height: 200px;*/
        min-height: var(--height-contents-hero-index-tb);
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-primary {
        left: 15px;
        top: calc(50% - 0px);

        /*height: 150px;*/
        min-height: var(--height-contents-hero-index-sp);
    }
}



/* Inner (Hero / Contents Primary) */
.m-kv_index_content-primary .m-kv_index_content_inner {
    display: block;
    width: 100%;
    max-width: var(--width-contents-pc-xxl);
    margin: 0 auto;
}



/* Heading (Hero / Contents Primary) */
.m-kv_index_content-primary .m-kv_index_content_title-primary {
    text-align: left !important;
    font-family: var(--font-family-serif);
    font-size: 86px !important;
    line-height: 1;
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-primary .m-kv_index_content_title-primary {
        font-size: 64px !important;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-primary .m-kv_index_content_title-primary {
        font-size: 36px !important;
    }
}



/* Heading (Hero / Contents Secondary) */
.m-kv_index_content-primary .m-kv_index_content_title-secondary {
    margin-top: .25em !important;
    text-align: left !important;
    font-family: var(--font-family-serif);
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
}



.m-kv_index_content-primary .m-kv_index_content_title-secondary {
    font-size: 48px !important;
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-primary .m-kv_index_content_title-secondary {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-primary .m-kv_index_content_title-secondary {
        font-size: 22px !important;
    }
}



/* Heading (Hero / Contents Tertiary) */
.m-kv_index_content-primary .m-kv_index_content_title-tertiary {
    display: block;
    margin-top: 1.5em;
    padding-left: .25em;
    line-height: 1.6 !important;
    color: var(--color-white);
}

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

}

@media screen and (max-width: 767px) {
    .m-kv_index_content-primary .m-kv_index_content_title-tertiary {
        margin-top: 1em;
    }
}



.m-kv_index_content-primary .m-kv_index_content_title-tertiary {
    font-size: 18px !important;
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-primary .m-kv_index_content_title-tertiary {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-primary .m-kv_index_content_title-tertiary {
        font-size: 14px !important;
    }
}






/* Position (Hero / Contents Secondary) */
.m-kv_index_content-secondary {
    position: absolute;

    right: 2%;
    /*right: 0;*/
    /*right: var(--gap-right-wrapper-contents-hero-index-pc);*/

    bottom: 40px;
    /*bottom: -25px;*/

    z-index: var(--z-index-lv-plus-02);
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-secondary {
        right: 3%;
        /*right: var(--gap-right-wrapper-contents-low-tb);*/

        bottom: -30px;
        /*bottom: -50px;*/
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-secondary {
        right: 3%;
        /*right: var(--gap-right-wrapper-contents-low-sp);*/

        bottom: -20px;
        /*bottom: -50px;*/
    }
}



/* Padding Right (Hero / Contents Secondary) */
.m-kv_index_content-secondary .m-kv_index_content_inner {
    position: relative;
    display: block;

    /*padding-right: var(--gap-right-wrapper-contents-hero-index-pc);*/
    /*padding-right: 40px;*/
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-secondary .m-kv_index_content_inner {
        /*padding-right: var(--gap-right-wrapper-contents-hero-index-tb);*/
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-secondary .m-kv_index_content_inner {
        /*padding-right: var(--gap-right-wrapper-contents-hero-index-sp);*/
    }
}



/*.m-kv_index_content-secondary .m-kv_index_content_inner:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-white);
    z-index: var(--z-index-lv-minus-01);
}

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

}

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

}*/






/* Width (Hero / Contents Secondary) */
/*.m-kv_index_content-secondary .m-kv_index_content_inner-level-02 {

}

@media screen and (max-width: 979px) {
    .m-kv_index_content-secondary .m-kv_index_content_inner-level-02 {
        width: 300px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-secondary .m-kv_index_content_inner-level-02 {
        width: 280px;
    }
}
*/






/* Hover (Hero / Contents Secondary) */
.m-kv_index_content-secondary .m-kv_index_content_inner-level-02 {
    transform: translateX(0);
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

.m-kv_index_content-secondary .m-kv_index_content_inner-level-02:hover {
    transform: translateX(4px);
}





/* Arrow (Hero / Contents Secondary) */
.m-kv_index_content-secondary .m-kv_index_content_inner-level-02 {
    position: relative;
}

.m-kv_index_content-secondary .m-kv_index_content_inner-level-02:before {
    content: '';
    display: block;
    position: absolute;
    right: 16px;
    top: calc(50% - 0px);
    width: 26px;
    height: 26px;
    z-index: 1;
    opacity: 1;

    background: url(../images/common/icon__arrow_primary__fill.svg);
    background-size: cover;

    /*transform: translateY(-50%);*/

    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}



.m-kv_index_content-secondary .m-kv_index_content_inner-level-02:before {
    transform: translate(0, -50%);
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

.m-kv_index_content-secondary .m-kv_index_content_inner-level-02:hover::before {
    transform: translate(6px, -50%);
}






/* BG (Hero / Contents Secondary) */
.m-kv_index_content-secondary .m-kv_index_content_inner-level-02 {
    margin: 0;
    padding: 10px 40px 10px 20px;
    border-radius: 6px;
    /*background: var(--color-white);*/
    background: rgba(255, 255, 255, .5);
}






/* BG Blur (Hero / Contents Secondary) */
.m-kv_index_content-secondary .m-kv_index_content_inner-level-02 {
    backdrop-filter: blur(8px) saturate(120%);
}






/* Shadow (Hero / Contents Secondary) */
.m-kv_index_content-secondary .m-kv_index_content_inner-level-02.a-box-shadow-strong:after {
    box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-secondary .m-kv_index_content_inner-level-02.a-box-shadow-strong:after {
        width: 65%;
        box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.3);
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-secondary .m-kv_index_content_inner-level-02.a-box-shadow-strong:after {
        width: 70%;
        box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.2);
    }
}






/* Border Radius (Hero / Contents Secondary) */
.m-kv_index_content-secondary .m-figure {
    border-radius: 6px;
    overflow: hidden;
}

@media screen and (max-width: 979px) {
  .m-kv_index_content-secondary .m-figure {

  }
}

@media screen and (max-width: 767px) {
  .m-kv_index_content-secondary .m-figure {

  }
}



/* Img Width (Hero / Contents Secondary) */
.m-kv_index_content-secondary .m-figure {
    width: 130px;
}

@media screen and (max-width: 979px) {
  .m-kv_index_content-secondary .m-figure {
      width: 120px;
  }
}

@media screen and (max-width: 767px) {
  .m-kv_index_content-secondary .m-figure {
      width: 90px;
  }
}



.m-kv_index_content-secondary .m-figure img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}






/* Heading (Hero / Contents Secondary) */
.m-kv_index_content-secondary .a-heading-02-primary {
    display: block;

    /*padding-top: .25em;*/

    font-size: 24px !important;
    text-align: center;
    line-height: 1;
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-secondary .a-heading-02-primary {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-secondary .a-heading-02-primary {
        font-size: 20px !important;
    }
}



/* Heading (Hero / Contents Secondary) */
.m-kv_index_content-secondary h2 {
    padding-left: .5em;
}



.m-kv_index_content-secondary .a-heading-02-primary-sub_index {
    display: block;
    padding-top: .25em;
    /*text-align: center;*/
    font-size: 14px !important;
    font-family: var(--font-family-serif);
    font-weight: var(--font-weight-bold);
    line-height: 1;
}

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

}

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

}



/* Button (Hero / Contents Secondary) */
.m-kv_index_content-secondary .a-btn {
    font-size: 14px !important;
    color: var(--color-secondary);
    line-height: 1;
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-secondary .a-btn {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-secondary .a-btn {
        font-size: 12px !important;
    }
}



.m-kv_index_content-secondary .a-btn_item {
    padding-top: .25em;
    padding-right: .75em;
    text-align: center;
}

.m-kv_index_content-secondary .a-btn_item a {
    display: block;
}



.m-kv_index_content-secondary .a-icon_image-bg.a-icon_image-bg_arw-ccl {

}

.m-kv_index_content-secondary .a-icon_image-bg.a-icon_image-bg_arw-ccl:after {
    width: 20px;
    height: 20px;
    left: 6em;
}

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

}

@media screen and (max-width: 767px) {
    .m-kv_index_content-secondary .a-icon_image-bg.a-icon_image-bg_arw-ccl:after {
        width: 16px;
        height: 16px;
        left: 5.75em;
    }
}






/* [-] .m-kv_index_content-tertiary (local)
=========================================================================================== */

/* Position (Hero / Contents Tertiary) */
.m-kv_index_content-tertiary {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 100%;

    /*margin-top: -35px;*/

    border-right: 1px solid;
    border-color: rgba(255, 255, 255, .25);
    z-index: var(--z-index-lv-plus-01);
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-tertiary {
        width: 20px;
        margin-top: -10px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-tertiary {
        display: none;
    }
}



/* Writing (Hero / Contents Tertiary) */
.m-kv_index_content-tertiary {
    writing-mode: vertical-rl;
}



/* Font (Hero / Contents Tertiary) */
.m-kv_index_content-tertiary {
    display: block;
    font-family: var(--font-family-roboto);
    font-size: 12px;
    line-height: 1;
    color: var(--color-gray-70per);
    letter-spacing: .025em;
    /*opacity: .6;*/
}

@media screen and (max-width: 979px) {
    .m-kv_index_content-tertiary {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index_content-tertiary {
        display: none;
    }
}









/* [-] .corporate_content
=========================================================================================== */

.o-section_bg_image.corporate_content > * {
    color: var(--color-white);
}

.o-section_bg_image.corporate_content:before {
    background-color: rgba(0, 0, 0, 0.4);
}

.o-section_bg_image.corporate_content:after {
    background: url("../images/common/pic_kv_corporate_content-pc.jpg") 50% 50% no-repeat;
      background-size: cover;
}

/*@media screen and (max-width: 767px) {
  .employer_index .o-section_bg_image.corporate_content:after {
      background: url("../images/top/pic_corpo-ate_content_kv-sp.jpg") 50% 50% no-repeat;
      background-size: cover;
  }
}*/



/*.box_service_index.a-box-shadow-strong:after {
    box-shadow: 0 60px 60px -60px rgba(0, 0, 0, 0.4);
}
*/






/* [-] (BG Wrapper Index)
=========================================================================================== */

/* Padding Bottom (Wrapper Stickey) */
.wrapper__section__index--secondary {
    padding-bottom: 80px;
}

@media screen and (max-width: 979px) {
    .wrapper__section__index--secondary {
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper__section__index--secondary {
        padding-bottom: 70px;
        /*padding-bottom: 50px;*/
    }
}



/* Padding Bottom (Contentns Stickey) */
.m-link_text_anchor_fix {
    padding-bottom: 50px;
    /*padding-bottom: 200px;*/
}



/* Padding Top (Contentns Stickey) */
.contents__bg__stickey {
    padding-top: 70px;
}

@media screen and (max-width: 979px) {
    .contents__bg__stickey {
        padding-top: 60px;
    }
}

@media screen and (max-width: 767px) {
    .contents__bg__stickey {
        padding-top: 50px;
        /*padding-top: 70px;*/
    }
}






/* BG Img Stickey */
.wrapper__bg__stickey {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}



.inner__bg__stickey {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /*height: 100%;*/
    height: calc(100% - 100px);
    padding-bottom: 100px;
    pointer-events: none;
}



.pic__bg__stickey {
    position: sticky;
    top: 0;
    width: 100%;
    height: 450px;
    z-index: -1;
}

@media screen and (max-width: 979px) {
    .pic__bg__stickey {
        height: 350px;
    }
}

@media screen and (max-width: 767px) {
    .pic__bg__stickey {
        height: 250px;
    }
}



.pic__bg__stickey {
    /*background: url("../images/recruit/image_cta_recruit_pc.jpg") 60% 50% no-repeat;
    background-size: cover;*/
}



.pic__bg__stickey:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    z-index: -1;
}

/*.pic__bg__stickey:after {
    content: '';
    display: block;
    position: stickey;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 250px;
    height: 100%;
    z-index: -2;
}*/






/* xxxxx */






/* Margin Minus */
/*.m-figure_bg__wrapper-contents_index {
    margin-bottom: -400px;
}

@media screen and (max-width: 979px) {
    .m-figure_bg__wrapper-contents_index {
        margin-bottom: -150px;
    }
}

@media screen and (max-width: 767px) {
    .m-figure_bg__wrapper-contents_index {
        margin-bottom: -125px;
    }
}*/



/* Pic Height */
/*.m-figure_bg__wrapper-contents_index.m-figure_bg {
    padding-top: 27.5%;
}

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

}

@media screen and (max-width: 767px) {
    .m-figure_bg__wrapper-contents_index.m-figure_bg {
        padding-top: 40%;
    }
}*/






/* [-] .__about_index
=========================================================================================== */

/* Padding Bottom (Contents / About Index) */
.__about_index .wrapper__section__index--secondary {
    padding-bottom: 70px;
}

@media screen and (max-width: 979px) {
    .__about_index .wrapper__section__index--secondary {
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 767px) {
    .__about_index .wrapper__section__index--secondary {
        padding-bottom: 30px;
    }
}






/* Margin Top (Contents / About Index) */
.__about_index .contents__bg__stickey {
    /*margin-top: 30px;*/
    padding-top: 70px;
}

@media screen and (max-width: 979px) {
    .__about_index .contents__bg__stickey {
        /*margin-top: -30px;*/
        padding-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .__about_index .contents__bg__stickey {
        /*margin-top: 40px;*/
        padding-top: 50px;
    }
}






/* Img BG Stickey */
/*.__about_index .pic__bg__stickey:after {
    content: 'Meikurakuto Co., Ltd';
    position: absolute;
    position: stickey;
    left: 50%;
    bottom: -100px;
    display: block;
    width: 100%;
    font-family: var(--font-family-roboto);
    font-size: 150px;
    color: var(--color-gray-98per);
    z-index: var(--z-index-lv-minus-02);
    transform: tranlateX(-50%)
}

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

}

@media screen and (max-width: 767px) {
    .__about_index .pic__bg__stickey {

    }
}*/



.__about_index .pic__bg__stickey:before {
    content: none;
}






/* Lead (About Index) */
/*.lead_about_index {
    font-family: var(--font-family-serif);
    font-size: 42px;
    line-height: 1.2;
    font-weight: var(--font-weight-medium);
    color: var(--color-primary);
}

@media screen and (max-width: 979px) {
    .lead_about_index {
        font-size: 38px;
    }
}

@media screen and (max-width: 767px) {
    .lead_about_index {
        font-size: 30px;
    }
}*/






/* Body (About Index) */
.body_about_index .a-paragraph {
    font-size: 18px;
    /*line-height: 2;*/
}

@media screen and (max-width: 979px) {
    .body_about_index .a-paragraph {
        font-size: 16px;
    }
}

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

}






/* [-] .__about_under_index
=========================================================================================== */

/* Margin Top (Scroll Infinity) */
.__about_under_index {
    margin-top: -250px;
}

@media screen and (max-width: 979px) {
    .__about_under_index {
        margin-top: -200px;
    }
}

@media screen and (max-width: 767px) {
    .__about_under_index {
        margin-top: -180px;
    }
}






/* Margin Top (Scroll Infinity) */
.__about_under_index.sec-scroll-infinity {
    padding-top: 0;
    padding-bottom: 0;
}






/* Width (Scroll Infinity) */
.__about_under_index .m-scroll-infinity__item {
    width: 100%;
    /*height: 170px;*/
}

@media screen and (max-width: 979px) {
    .__about_under_index .m-scroll-infinity__item {
        /*height: 140px;*/
    }
}

@media screen and (max-width: 767px) {
    .__about_under_index .m-scroll-infinity__item {
        /*height: 120px;*/
    }
}






/* Font (Scroll Infinity) */
.__about_under_index .m-scroll-infinity__item {
    position: relative;
    overflow: hidden;
}

.__about_under_index .m-scroll-infinity__item {
    width: 100%;
    height: .75em;
    padding-right: .25em;

    font-size: 340px;
    /*font-size: 230px;*/
    font-family: var(--font-family-serif);
    /*font-family: var(--font-family-roboto);*/
    color: var(--color-gray-98per);
    line-height: 1;
    letter-spacing: -.05em;
    white-space: nowrap;

    z-index: var(--z-index-lv-minus-02);
}

@media screen and (max-width: 979px) {
    .__about_under_index .m-scroll-infinity__item {
        font-size: 300px;
    }
}

@media screen and (max-width: 767px) {
    .__about_under_index .m-scroll-infinity__item {
        font-size: 260px;
    }
}

/*.__about_under_index .m-scroll-infinity__item {
    position: relative;
}

.__about_under_index .m-scroll-infinity__item:after {
    content: "Meikurakuto Co., Ltd";
    display: block;
    position: absolute;
    width: 100%;
    height: auto;

    font-size: 230px;
    font-family: var(--font-family-roboto);
    color: var(--color-gray-98per);
    line-height: 1;
    letter-spacing: -.05em;
    white-space: nowrap;

    z-index: var(--z-index-lv-minus-02);
}

@media screen and (max-width: 979px) {
    .__about_under_index .m-scroll-infinity__item:after {
        font-size: 190px;
    }
}

@media screen and (max-width: 767px) {
    .__about_under_index .m-scroll-infinity__item:after {
        font-size: 150px;
    }
}*/






/* BG Bottom (KV / Index) */
.pic_kv.__secondary .m-figure_bg {
    padding-top: 250px;
}

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

}

@media screen and (max-width: 767px) {
  .pic_kv.__secondary .m-figure_bg {
      padding-top: 150px;
  }
}



.pic_kv.__secondary .m-figure_bg:before {
    content: none;
}



/*.__about_index.pic_kv.__secondary .m-figure_bg:after {
    background: url("../images/index/image_about_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
  .__about_index.pic_kv.__secondary .m-figure_bg:after {
      background: url("../images/index/image_about_index_sp.png") 50% 50% no-repeat;
      background-size: cover;
  }
}*/



.__service_index.pic_kv.__secondary .m-figure_bg:after {
    background: url("../images/index/image_service_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
  .__service_index.pic_kv.__secondary .m-figure_bg:after {
      background: url("../images/index/image_service_index_sp.png") 50% 50% no-repeat;
      background-size: cover;
  }
}



.__corporate_index.pic_kv.__secondary .m-figure_bg:after {
    background: url("../images/index/image_corporate_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
  .__corporate_index.pic_kv.__secondary .m-figure_bg:after {
      background: url("../images/index/image_corporate_index_sp.png") 50% 50% no-repeat;
      background-size: cover;
  }
}



.__access_index.pic_kv.__secondary .m-figure_bg:after {
    background: url("../images/index/image_access_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
  .__access_index.pic_kv.__secondary .m-figure_bg:after {
      background: url("../images/index/image_access_index_sp.png") 50% 50% no-repeat;
      background-size: cover;
  }
}



.__recruit_index.pic_kv.__secondary .m-figure_bg:after {
    background: url("../images/index/image_recruit_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
  .__recruit_index.pic_kv.__secondary .m-figure_bg:after {
      background: url("../images/index/image_recruit_index_sp.png") 50% 50% no-repeat;
      background-size: cover;
  }
}






/* [-] .__service_index
=========================================================================================== */

/* Section (Padding Bottom) */
/*.__service_index .wrapper__section__index--secondary {
    padding-bottom: 0;
}
*/





/* Img BG Stickey */
.__service_index .pic__bg__stickey {
    background: url("../images/service/image_service_secondary_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .__service_index .pic__bg__stickey {
        background: url("../images/service/image_service_secondary_index_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.__service_index .pic__bg__stickey:before {
    background: none;
}







/* Clip SVG (Padding Bottom) */
.__service_index .m-link_text_anchor_fix {
    padding-bottom: 50px;
    /*padding-bottom: 200px;*/
}

@media screen and (max-width: 979px) {
    .__service_index .m-link_text_anchor_fix {
        padding-bottom: 0;
    }
}

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

}





/* Clip SVG (Width / Position) */
.__service_index .m-pic_clip_svg {
    position: relative;
}



.__service_index .m-pic_clip_svg_figure {
    position: absolute;
    top: -130px;
    left: -200px;
    width: 775px;
}

@media screen and (max-width: 979px) {
    .__service_index .m-pic_clip_svg_figure {
        position: absolute;
        top: -80px;
        left: -80px;
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    .__service_index .m-pic_clip_svg_figure {
        position: absolute;
        top: -80px;
        left: -40px;
        width: 100%;
    }
}






/*.__service_index .m-pic_clip_svg_figure svg {
    width: 750px;
    height: auto;
}

@media screen and (max-width: 979px) {
    .__service_index .m-pic_clip_svg_figure svg {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .__service_index .m-pic_clip_svg_figure svg {
        width: 100%;
    }
}*/



/*.__service_index .m-pic_clip_svg_figure:after {
    content: none;
}*/






/* Contents (Margin Top) */
.__service_index .service_index_contents {
    margin-top: 30px;
}

@media screen and (max-width: 979px) {
    .__service_index .service_index_contents {
        margin-top: 170px;
    }
}

@media screen and (max-width: 767px) {
    .__service_index .service_index_contents {
        margin-top: 70px;
    }
}






/* [-] .__service_under_index
=========================================================================================== */

/* Margin Bottom (Wrapper) */
.__service_under_index.sec-scroll-infinity {
    padding-bottom: 80px;
}

@media screen and (max-width: 979px) {
  .__service_under_index.sec-scroll-infinity {
      padding-bottom: 70px;
  }
}

@media screen and (max-width: 767px) {
  .__service_under_index.sec-scroll-infinity {
      padding-bottom: 50px;
  }
}






/* [-] .__corporate_index
=========================================================================================== */

/* List Table (Recruit Index) */
/*.__corporate_index .low_contents .a-list_table dt {
    color: var(--color-primary);
}*/



/* Img BG Stickey */
.__corporate_index .pic__bg__stickey {
    background: url("../images/corporate/image_corporate_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .__corporate_index .pic__bg__stickey {
        background: url("../images/corporate/image_corporate_index_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}






/* BG w100p */
/*.m-figure_bg.m-figure_bg__corporate_index:after {
    background: url("../images/corporate/image_corporate_index_pc.jpg") 60% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .m-figure_bg.m-figure_bg__corporate_index:after {
        background: url("../images/corporate/image_corporate_index_sp.png") 60% 50% no-repeat;
        background-size: cover;
    }
}*/






/* [-] .__access_index
=========================================================================================== */

/* Img BG Stickey */
.__access_index .pic__bg__stickey {
    background: url("../images/access/image_access_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .__access_index .pic__bg__stickey {
        background: url("../images/access/image_access_index_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}





/* [-] .recruit_index
=========================================================================================== */

/* List Icon-CCL (Recruit Index) */
.__recruit_index ul.a-list_ccl_bg_color_primary.a-list_ccl > li {
    padding-bottom: .2em;
}



.__recruit_index ul.a-list_ccl_bg_color_primary.a-list_ccl > li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: .1em;
    top: .9em;
    width: 6px;
    height: 6px;
    background: var(--color-primary);
    border-radius: 50%;
}



/* List Table (Recruit Index) */
.__recruit_index .low_contents .a-list_table dt {
    color: var(--color-primary);
}



/* Img BG Stickey */
.__recruit_index .pic__bg__stickey {
    background: url("../images/recruit/image_cta_recruit_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .__recruit_index .pic__bg__stickey {
        background: url("../images/recruit/image_cta_recruit_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}






/* BG w100p */
/*.m-figure_bg.m-figure_bg__recruit_index:after {
    background: url("../images/recruit/image_cta_recruit_pc.jpg") 60% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .m-figure_bg.m-figure_bg__recruit_index:after {
        background: url("../images/recruit/image_cta_recruit_sp.png") 60% 50% no-repeat;
        background-size: cover;
    }
}*/






/*.__recruit_index .inner__bg__stickey:after {
    background: url("../images/recruit/image_cta_recruit_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .__recruit_index .inner__bg__stickey:after {
        background: url("../images/recruit/image_cta_recruit_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}*/






.wrapper__bg__stickey .low_contents.__nest-lv-01.o-section-m:has(.m-link_text_anchor) {
    padding-top: 0;
    padding-bottom: 20px !important;
}

@media screen and (max-width: 979px) {
    .wrapper__bg__stickey .low_contents.__nest-lv-01.o-section-m:has(.m-link_text_anchor) {
        padding-bottom: 0 !important;
    }
}

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

}







/* [-] .contents_index
=========================================================================================== */

/*.contents_index .item_grid_contents_index {
    border-style: solid;
    border-color: var(--color-white);
    border-width: 0 0 1px 0;
}

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

}

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

}



.contents_index .item_grid_contents_index:nth-of-type(2n+1) {
    border-width: 0 1px 1px 0;
}

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

}

@media screen and (max-width: 767px) {
    .contents_index .item_grid_contents_index:nth-of-type(2n+1) {
        border-width: 0 0 1px 0;
    }
}*/






/* 240124---1523---ok */
.m-item__button-primary_image-bg {
    position: relative;
}



/*.m-item__button-primary_image-bg {
    position: relative;
    min-height: 450px;
}

@media screen and (max-width: 979px) {
    .m-item__button-primary_image-bg {
        min-height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .m-item__button-primary_image-bg {
        min-height: 350px;
    }
}



.m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
    position: relative;
    padding-top: 450px;
}

@media screen and (max-width: 979px) {
    .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 400px;
    }
}

@media screen and (max-width: 767px) {
    .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 350px;
    }
}*/
/* //240124---1523---ok */






/*.m-item__button-primary_image-bg a .m-image__button-primary_image-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    width: 300px;
    height: 350px;
    background: none;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media screen and (max-width: 979px) {
    .m-item__button-primary_image-bg a .m-image__button-primary_image-bg:before {
        width: 175px;
        height: 250px;
    }
}

@media screen and (max-width: 767px) {
    .m-item__button-primary_image-bg a .m-image__button-primary_image-bg:before {
        width: 275px;
        height: 250px;
    }
}*/






/* 240124---1523---ok */
/*.m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
    padding-top: 450px;
}

@media screen and (max-width: 979px) {
    .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 400px;
    }
}

@media screen and (max-width: 767px) {
    .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 350px;
    }
}*/
/* //240124---1523---ok */






/* 240124---1523---ok */
.m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span:before {
    background: rgba(0, 0, 0, .3);
}
/* //240124---1523---ok */






/*.m-item__button-primary_image-bg.practical_contents_index a .m-image__button-primary_image-bg > span:after {
    background: url("../images/common/image_practical_index_pc.jpg") 60% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .m-item__button-primary_image-bg.practical_contents_index a .m-image__button-primary_image-bg > span:after {
        background: url("../images/common/image_practical_index_sp.png") 60% 50% no-repeat;
        background-size: cover;
    }
}*/






/*.contents_index .m-item__button-primary_image-bg a .m-text__button-primary_image-bg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}


.contents_index .m-item__button-primary_image-bg a .m-text__button-primary_image-bg:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    width: 250px;
    height: 400px;
    border: 1px solid var(--color-white);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}





.contents_index .m-text__button-primary_image-bg .a-heading_border-b-single:before {
    width: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}



.contents_index .m-text__button-primary_image-bg {
    text-align: center;
}



.contents_index .m-text__button-primary_image-bg .en {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 40px;
}

@media screen and (max-width: 979px) {
    .contents_index .m-text__button-primary_image-bg .en {
        font-size: 34px;
    }
}

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

}



.contents_index .m-text__button-primary_image-bg .ja {
    display: block;
    margin: 0;
    padding: .25em 0 0;
    text-align: center;
    font-size: 20px;
}

@media screen and (max-width: 979px) {
    .contents_index .m-text__button-primary_image-bg .ja {
        font-size: 16px !important;
    }
}

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

}



.contents_index .m-text__button-primary_image-bg .btn {
    display: block;
    margin-top: 2em;
    padding-right: 2em;
    text-align: center;
    font-size: 14px;
    color: #Ffff;
}

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

}

@media screen and (max-width: 767px) {
    .m-text__button-primary_image-bg .btn {
        padding-right: 0;
        font-size: 12px;
    }
}




.contents_index .m-item__button-primary_image-bg a .a-icon_image-bg:before {
    right: calc(50% - 5em);
    left: auto;
    top: 50%;
    width: 20px;
    height: 7px;
    background: url("../images/common/icon_arw_bd-half-top-s_button-white.svg") 50% 50% no-repeat;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    opacity: 1;
    z-index: 20;
    transition: all 0.25s ease;
}

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

}

@media screen and (max-width: 767px) {
    .contents_index .m-item__button-primary_image-bg a .a-icon_image-bg:before {
        width: 20px;
        height: 6px;
    }
}



.contents_index .m-item__button-primary_image-bg a:hover .a-icon_image-bg:before {
    right: calc(50% - 5.15em);
}

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

}

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

}*/



/* [-] .contents_index (works)
=========================================================================================== */

/* Works Primary Index Structure */
.wrapper_works_index_primary.wrapper_works.o-section-s {
    padding: 60px 0;
}

@media screen and (max-width: 979px) {
    .wrapper_works_index_primary.wrapper_works.o-section-s {
        padding: 40px 0;
    }
}

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

}

/*.wrapper_works_index_primary.wrapper_works.o-section-s {
    padding: 100px 0 0;
}

@media screen and (max-width: 979px) {
    .wrapper_works_index_primary.wrapper_works.o-section-s {
        padding: 50px 0 0;
    }
}

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

}*/






/* WORKS INDEX .o-inner */

/*.wrapper_works_index_primary.wrapper_works .o-inner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0;
}*/






/* Works Primary Index Images */

/*.wrapper_works .m-item__button-primary_image-bg {
    position: relative;
    min-height: 450px;
}

@media screen and (max-width: 979px) {
    .wrapper_works .m-item__button-primary_image-bg {
        min-height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg {
        min-height: 250px;
    }
}*/



.wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
    position: relative;
    padding-top: 250px;
}

@media screen and (max-width: 979px) {
    .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 300px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 250px;
    }
}

/*.wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
    position: relative;
    padding-top: 300px;
}

@media screen and (max-width: 979px) {
    .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 300px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 250px;
    }
}*/



.wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
    padding-top: 250px;
}

@media screen and (max-width: 979px) {
    .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 300px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 250px;
    }
}

/*.wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
    padding-top: 300px;
}

@media screen and (max-width: 979px) {
    .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 300px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works_index_primary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 250px;
    }
}*/






/* Works Primary Index Border */
.wrapper_works .list_item_works_index {
    position: relative;
}

.wrapper_works .list_item_works_index:after,
.wrapper_works .list_item_works_index:before {
    content: '';
    display: block;
    position: absolute;
    background: var(--color-white);
    z-index: 10;
}

.wrapper_works .list_item_works_index:before {
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;

    width: 1px;
    height: 100%;
}

.wrapper_works .list_item_works_index:after {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;

    width: 100%;
    height: 1px;
}

@media screen and (max-width: 979px) {
    .wrapper_works .list_item_works_index:before {
        content: none;
    }
}

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

}



.wrapper_works .list_item_works_index:nth-child(3n)::before {
    content: none;
}
/*.wrapper_works .list_item_works_index:nth-child(2n)::before {
    content: none;
}*/






/*.list_item_works {
    border-style: solid;
    border-color: var(--color-white);
    border-width: 1px 0 0 1px;
}

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

}

@media screen and (max-width: 767px) {
    .list_item_works {
        border-width: 1px 0 0 0;
    }
}



.list_item_works:not(:nth-child(2n + 1)) {
    border-style: solid;
    border-color: var(--color-white);
    border-width: 1px 0 0 1px;
}

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

}

@media screen and (max-width: 767px) {
    .list_item_works:not(:nth-child(2n + 1)) {
        border-width: 1px 0 0 0;
    }
}*/






/* Works Primary Index Title */

.m-kv_index .title_works_wrapper *,
.wrapper_works_index_primary .title_works_wrapper * {
    color: var(--color-white) !important;
}






.wrapper_works_index_primary .m-text__button-primary {
    display: block;
    position: absolute;

    bottom: 20px;
    left: 15px;
    /*bottom: 30px;
    left: 40px;*/

    z-index: 1;
}

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

}

@media screen and (max-width: 767px) {
    .wrapper_works_index_primary .m-text__button-primary {
        bottom: 20px;
        left: 15px;
    }
}





.wrapper_works_index_primary .m-text__button-primary .title_works {
    font-size: 16px;
    /*font-size: 20px;*/
}

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

}

@media screen and (max-width: 767px) {
    .wrapper_works_index_primary .m-text__button-primary .title_works {
        font-size: 15px;
        /*font-size: 18px;*/
    }
}



.wrapper_works_index_primary .m-text__button-primary .title_works.secondary {
    font-size: 13px;
    /*font-size: 14px;*/
    color: #ccc !important;
}

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

}

@media screen and (max-width: 767px) {
    .wrapper_works_index_primary .m-text__button-primary .title_works.secondary {
        font-size: 12px;
    }
}



/*.wrapper_works_index_primary .title_works .title_primary {
    margin-top: 0.1em;
}

.wrapper_works_index_primary .title_works .title_primary *[class^="a-heading-"] {
    display: block;
    font-size: 20px;
    line-height: 1.6 !important;
    color: var(--color-white) !important;
}



.wrapper_works_index_primary .title_works .title-secondary {
    margin-top: 0;
}

.wrapper_works_index_primary .title_works .title-secondary .a-paragraph {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    color: var(--color-white);
}



.wrapper_works_index_primary .title_works .tag_primary {
    margin-top: 0;
    line-height: 1;
}*/






/*.wrapper_works_index_secondary .title_works {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 40px;
    z-index: 1;
}

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

}

@media screen and (max-width: 767px) {
    .wrapper_works_index_secondary .title_works {
        bottom: 20px;
        left: 20px;
    }
}*/






/**/
@media screen and (max-width: 979px) {

}

@media screen and (max-width: 767px) {
     .wrapper_works_index_primary .a-btn-wrap .a-btn-item > a > .a-btn {
        width: 300px;
    }
}





/* [-] .contents_index (.menu_low_content)
=========================================================================================== */

/*.menu_low_content.o-section-ss {
    padding: 80px 0 50px;
}

@media screen and (max-width: 979px) {
    .menu_low_content.o-section-ss {
        padding: 50px 0 50px;
    }
}

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

}







.menu_low_content .m-item__button-primary_image-bg {
    min-height: 150px;
}



.menu_low_content .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
    padding-top: 150px;
}



.menu_low_content .m-item__button-primary_image-bg a .m-image__button-primary_image-bg:before {
    width: 250px;
    height: 120px;
}

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

}

@media screen and (max-width: 767px) {
    .menu_low_content .m-item__button-primary_image-bg a .m-image__button-primary_image-bg:before {
        height: 100px;
    }
}



.menu_low_content .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
    padding-top: 150px;
}


.a-bd-gradient-primary-before:before {
    border-image: none;
    border-color: var(--color-white);
}



.menu_low_content.contents_index .m-text__button-primary_image-bg .en {
    font-size: 22px;
}

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

}

@media screen and (max-width: 767px) {
    .menu_low_content.contents_index .m-text__button-primary_image-bg .en {
        font-size: 20px;
    }
}

.menu_low_content.contents_index .m-text__button-primary_image-bg .ja {
    font-size: 14px;
}

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

}

@media screen and (max-width: 767px) {
    .menu_low_content.contents_index .m-text__button-primary_image-bg .ja {
        font-size: 12px;
    }
}



.menu_low_content.contents_index .a-heading_border-b-single {
    margin-bottom: 0;
    padding-bottom: 0;
}

.menu_low_content.contents_index .a-heading_border-b-single:before {
    content: none;
}*/






/*.menu_low_content .m-item__button-primary_image-bg.office_contents_index a .m-image__button-primary_image-bg > span:after {
    background: url("../images/common/image_office_index_pc.jpg") 60% 70% no-repeat;
    background-size: cover;
}

.menu_low_content .m-item__button-primary_image-bg.member_contents_index a .m-image__button-primary_image-bg > span:after {
    background: url("../images/common/image_member_index_pc.jpg") 60% 20% no-repeat;
    background-size: cover;
}*/






/* [-] .recruit_content
=========================================================================================== */

/*.recruit_content {
    margin-top: 70px;
    padding-top: 0;
}

@media screen and (max-width: 979px) {
    .recruit_content {
        margin-top: 50px;
    }
}

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

}*/



.recruit_content .a-heading-02-primary {
    color: var(--color-white);
    background: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-white);
}

/*.recruit_content .a-heading_border-short-b-single:before {
    background: var(--color-white);
}
*/



.recruit_content .a-heading-02-primary {
    display: inline-block;
    font-size: 50px;
    font-weight: 400;
}

@media screen and (max-width: 979px) {
    .recruit_content .a-heading-02-primary {
        display: inline-block;
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    .recruit_content .a-heading-02-primary {
        display: block;
        /*text-align: center;*/
        font-size: 36px;
    }
}



@media screen and (max-width: 767px) {
    .recruit_content:not([class*="low_contents"]) .a-heading-02-primary {
        text-align: center;
    }
}



.recruit_content .a-heading-02-2nd_secondary {
    display: inline-block;
    margin-left: .5em;
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width: 979px) {
    .recruit_content .a-heading-02-2nd_secondary {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .recruit_content .a-heading-02-2nd_secondary {
        display: block;
        margin-top: .25em;
        text-align: center;
        font-size: 16px;
    }
}



.o-section_bg_image.recruit_content > * {
    color: var(--color-white);
}

.o-section_bg_image.recruit_content:before {
    background-color: rgba(0, 0, 0, 0.3);
}

.o-section_bg_image.recruit_content:after {
    background: url("../images/common/image_recruit_content_pc.jpg") 50% 20% no-repeat;
      background-size: cover;
}

@media screen and (max-width: 767px) {
    .o-section_bg_image.recruit_content:after {
        background: url("../images/common/image_recruit_content_sp.png") 50% 50% no-repeat;
          background-size: cover;
    }
}



/*@media screen and (max-width: 767px) {
  .employer_index .o-section_bg_image.recruit_content:after {
      background: url("../images/top/pic_pattern_navy-sp.svg") 50% 50% no-repeat;
      background-size: cover;
  }
}*/



.recruit_content .a-btn-wrap .a-btn-item > a > .a-btn {
    width: 320px;
    padding: 25px 0;
}

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

}

@media screen and (max-width: 767px) {
    .recruit_content .a-btn-wrap .a-btn-item > a > .a-btn {
        width: 100%;
        /*width: 280px;*/
    }
}



@media screen and (max-width: 767px) {
    .recruit_content.contact-secondary_content .a-heading-03-secondary {
        font-size: 16px;
    }
}



@media screen and (max-width: 767px) {
    .recruit_content.contact-secondary_content .a-font-size-xxxl {
        font-size: 32px;
    }
}



/* [-] .contact_content
=========================================================================================== */

.contact_content:not([class*="low_contents"]) {
    margin-top: 0 !important;
}

@media screen and (max-width: 979px) {
    .contact_content:not([class*="low_contents"]) {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .contact_content:not([class*="low_contents"]) {
        margin-top: 0 !important;
    }
}

/*.contact_content:not([class*="low_contents"]) {
    margin-top: 70px;
}

@media screen and (max-width: 979px) {
    .contact_content:not([class*="low_contents"]) {
        margin-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .contact_content:not([class*="low_contents"]) {
        margin-top: 50px;
    }
}*/



.__cta_contact.o-section-s {
    padding: 100px 0;
}

@media screen and (max-width: 979px) {
    .__cta_contact.o-section-s {
        padding: 70px 0;
    }
}

@media screen and (max-width: 767px) {
    .__cta_contact.o-section-s {
        padding: 50px 0;
    }
}



.contact_content:not([class*="low_contents"]) .a-heading-02-primary {
    color: var(--color-white);
    background: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-white);
}

.contact_content:not([class*="low_contents"]) .a-heading_border-short-b-single:before {
    background: var(--color-white);
}



@media screen and (max-width: 767px) {
    .contact_content .a-heading-03-secondary {
        font-size: 20px;
        line-height: 20px;
    }
}



.o-section_bg_image.contact_content > * {
    color: var(--color-white);
}

.o-section_bg_image.contact_content:before {
    background-color: rgba(0, 0, 0, 0.4);
}

.o-section_bg_image.contact_content:after {
    background: url("../images/index/image_cta_contact_pc.jpg") 50% 60% no-repeat;
      background-size: cover;
}

@media screen and (max-width: 767px) {
    .o-section_bg_image.contact_content:after {
        background: url("../images/index/image_cta_contact_sp.png") 50% 80% no-repeat;
          background-size: cover;
    }
}



/*@media screen and (max-width: 767px) {
  .employer_index .o-section_bg_image.contact_content:after {
      background: url("../images/top/pic_pattern_navy-sp.svg") 50% 50% no-repeat;
      background-size: cover;
  }
}*/



.contact_content .number_phone_contact_content {
    margin-top: 0.25em;
    font-size: 38px;
    line-height: 38px;
}

@media screen and (max-width: 767px) {
    .contact_content .number_phone_contact_content {
        font-size: 36px;
        line-height: 36px;
    }
}



.contact_content .a-btn-wrap .a-btn-item > a > .a-btn {
    width: 280px;
    padding: 25px 0;
}



@media screen and (max-width: 767px) {
    .contact_content.contact-secondary_content .a-heading-03-secondary {
        font-size: 16px;
    }
}



@media screen and (max-width: 767px) {
    .contact_content.contact-secondary_content .a-font-size-xxxl {
        font-size: 32px;
    }
}






/* [+] (Lower)
=========================================================================================== */

/* [-] .o-wrapper_contents (local)
=========================================================================================== */

/* Wrapper Bg */
/*.o-wrapper_contents {
    background: var(--color-gray-98per);
}



.o-wrapper_contents > .o-inner {
    background: var(--color-white);
}*/





/* Wrapper Bg (After) */
/*.o-wrapper_contents {
    position: relative;
}



.o-wrapper_contents:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: var(--gap-top-wrapper-contents-low-pc);
    width: 50%;
    height: calc(100% - var(--gap-top-wrapper-contents-child-low-pc));
    background: var(--color-white);
}

@media screen and (max-width: 979px) {
    .o-wrapper_contents:after {
        top: var(--gap-top-wrapper-contents-low-tb);
        height: calc(100% - var(--gap-top-wrapper-contents-child-low-tb));
    }
}

@media screen and (max-width: 767px) {
    .o-wrapper_contents:after {
        top: var(--gap-top-wrapper-contents-low-sp);
        height: calc(100% - var(--gap-top-wrapper-contents-child-low-sp));
    }
}*/



/* Wrapper Width / Padding Top */
/*.o-wrapper_contents {
    padding-top: var(--gap-top-wrapper-contents-low-pc);
}

@media screen and (max-width: 979px) {
    .o-wrapper_contents {
        padding-top: var(--gap-top-wrapper-contents-low-tb);
    }
}

@media screen and (max-width: 767px) {
    .o-wrapper_contents {
        padding-top: var(--gap-top-wrapper-contents-low-sp);
    }
}*/



/* Wrapper Width / Padding Right */
/*.o-wrapper_contents > .o-inner {
    width: calc(var(--width-contents-pc) - var(--gap-right-wrapper-contents-low-pc));
}

@media screen and (max-width: 979px) {
    .o-wrapper_contents > .o-inner {
        width: calc(var(--width-contents-tb) - var(--gap-right-wrapper-contents-low-tb));
    }
}

@media screen and (max-width: 767px) {
    .o-wrapper_contents > .o-inner {
        width: calc(var(--width-contents-sp) - var(--gap-right-wrapper-contents-low-sp));
    }
}*/







/* Wrapper Width / Padding Top */
/*.o-wrapper_contents > .o-inner {
    padding-top: var(--gap-top-wrapper-contents-child-low-pc);
}

@media screen and (max-width: 979px) {
    .o-wrapper_contents > .o-inner {
        padding-top: var(--gap-top-wrapper-contents-child-low-tb);
    }
}

@media screen and (max-width: 767px) {
    .o-wrapper_contents > .o-inner {
        padding-top: var(--gap-top-wrapper-contents-child-low-sp);
    }
}*/




/* [-] .o-section (local)
=========================================================================================== */

.low_contents .o-section-m {
    padding: 100px 0 0;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents .o-section-m {
        padding: 70px 0 0;
    }
}



.low_contents .o-section-m:first-child {
    padding: 50px 0 0;
}






.low_contents.o-section-m:first-child {
    padding: 0 0 0;
}






/*.wrapper_low_contents.o-section-m {
    background: #f9f9f9;
}*/



.wrapper_low_contents.o-section-m {
    padding: 70px 0 70px;
}

@media screen and (max-width: 979px) {
    .wrapper_low_contents.o-section-m {
        padding: 30px 0 70px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_low_contents.o-section-m {
        padding: 50px 0 70px;
    }
}

/*.wrapper_low_contents.o-section-m {
    padding: 100px 0 70px;
}

@media screen and (max-width: 979px) {
    .wrapper_low_contents.o-section-m {
        padding: 70px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_low_contents.o-section-m {
        padding: 70px 0 50px;
    }
}*/



.wrapper_member_detail.wrapper_low_contents.o-section-m {
    padding: 70px 0 0;
}

@media screen and (max-width: 979px) {
    .wrapper_member_detail.wrapper_low_contents.o-section-m {
        padding: 70px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_member_detail.wrapper_low_contents.o-section-m {
        padding: 70px 0 0;
    }
}






/* [-] .a-heading (local)
=========================================================================================== */

*[class^="a-heading"] {
    font-family: var(--font-family-serif);
}

/**[class^="a-heading"] {
    font-family: YakuHanMP, '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'NotoSerifCJKjp', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;

     font-family: YakuHanMP, 'NotoSerifCJKjp', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;

     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}*/






*[class^="a-heading"] {
    /*font-weight: 400 !important;*/
}






/* Heading Icon */
/*h2.heading-primary_contents,
h1.heading-primary_contents {
    position: relative;
    padding-left: 1.25em;
}

h1.heading-primary_contents {
    padding-left: .75em;
}



h2.heading-primary_contents::after,
h1.heading-primary_contents::after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: calc(50% + 2px);
    width: 8px;
    height: 8px;
    background: transparent;
    border-radius: 50%;

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    opacity: 0;
}

h1.heading-primary_contents::after {
    width: 10px;
    height: 10px;
}

h2.a-effect_active.heading-primary_contents::after,
h1.a-effect_active.heading-primary_contents::after {
    opacity: 1;
    animation: heading_animation .5s .35s cubic-bezier(.075,.82,.165,1) forwards;
}

@keyframes heading_animation {
    0% {
        left: 10px;
        background: transparent;
        opacity: 0;
        }

    100% {
        left: 0;
        background: #ff0000;
        opacity: 1;
        }
}*/






/*.low_contents .a-heading_border-b-double:before {
    background: var(--color-gray-90per);
}



.low_contents .a-heading_border-b-double:after {
    background: linear-gradient(30deg, #80bc85 0%,#64c98d 50%,#cff169 100%);
}*/






/*.low_contents .a-heading_border-short-l-single:before {
    background: linear-gradient(180deg, #80bc85 0%,#64c98d 50%,#cff169 100%);
}*/






/*.low_contents .a-heading-02-primary {
    display: block;
    font-size: 46px !important;
}

@media screen and (max-width: 979px) {
    .low_contents .a-heading-02-primary {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 767px) {
    .low_contents .a-heading-02-primary {
        font-size: 28px !important;
    }
}



.low_contents .a-heading-02-primary-sub {
    display: block;
    padding: .5em 0;
    font-size: 18px !important;
}

@media screen and (max-width: 979px) {
    .low_contents .a-heading-02-primary-sub {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) {
    .low_contents .a-heading-02-primary-sub {
        padding: 0;
        font-size: 15px !important;
    }
}*/






.low_contents .a-heading-03-primary {
    display: block;
    font-size: 26px !important;
}

@media screen and (max-width: 979px) {
    .low_contents .a-heading-03-primary {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 767px) {
    .low_contents .a-heading-03-primary {
        font-size: 22px !important;
    }
}



.low_contents .a-heading-03-primary_index.a-heading-03-primary {
    display: block;
    font-size: 38px !important;
    font-weight: var(--font-weight-medium);
}

@media screen and (max-width: 979px) {
    .low_contents .a-heading-03-primary_index.a-heading-03-primary {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 767px) {
    .low_contents .a-heading-03-primary_index.a-heading-03-primary {
        font-size: 26px !important;
    }
}



.low_contents .a-heading-03-primary_index.a-heading-03-primary.a-heading_border-short-l-single {
    padding-left: .5em;
}



.low_contents .a-heading-03-primary_index.a-heading-03-primary.a-heading_border-short-l-single:before {
    width: 2px;
}






.low_contents .a-heading-04-primary {
    display: block;
    font-size: 22px !important;
}

@media screen and (max-width: 979px) {
    .low_contents .a-heading-04-primary {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 767px) {
    .low_contents .a-heading-04-primary {
        font-size: 18px !important;
    }
}



.low_contents h4.a-heading_border-b-double:after,
.low_contents h4.a-heading_border-b-double:before {
    height: 2px;
}



.low_contents h4.a-heading_border-b-double:after {
    width: 70px;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents h4.a-heading_border-b-double:after {
        width: 30px;
    }
}






/* [-] .a-heading_border-b-double (local / service / business)
=========================================================================================== */

/*.contents_business h4.a-heading_border-b-double.heading-secondary_contents,
.contents_service h4.a-heading_border-b-double.heading-secondary_contents {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .contents_business h4.a-heading_border-b-double.heading-secondary_contents,
    .contents_service h4.a-heading_border-b-double.heading-secondary_contents {
        margin-bottom: 0;
    }
}



.contents_business h4.a-heading_border-b-double.heading-secondary_contents .a-heading-04-primary,
.contents_service h4.a-heading_border-b-double.heading-secondary_contents .a-heading-04-primary {
    font-size: 22px !important;
}

@media screen and (max-width: 979px) {
    .contents_business h4.a-heading_border-b-double.heading-secondary_contents .a-heading-04-primary,
    .contents_service h4.a-heading_border-b-double.heading-secondary_contents .a-heading-04-primary {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 767px) {
    .contents_business h4.a-heading_border-b-double.heading-secondary_contents .a-heading-04-primary,
    .contents_service h4.a-heading_border-b-double.heading-secondary_contents .a-heading-04-primary {
        font-size: 18px !important;
    }
}



.contents_business h4.a-heading_border-b-double.heading-secondary_contents:after,
.contents_service h4.a-heading_border-b-double.heading-secondary_contents:after {
    width: 7.5em;
}

.contents_business h4.a-heading_border-b-double.heading-secondary_contents:after,
.contents_business h4.a-heading_border-b-double.heading-secondary_contents:before,
.contents_service h4.a-heading_border-b-double.heading-secondary_contents:after,
.contents_service h4.a-heading_border-b-double.heading-secondary_contents:before {
    height: 1px;
}



.contents_business h5.a-heading_border-short-l-single,
.contents_service h5.a-heading_border-short-l-single {
    margin-bottom: 10px;
    padding-left: 15px;
}

.contents_business h5.a-heading_border-short-l-single:before,
.contents_service h5.a-heading_border-short-l-single:before {
    width: 2px;
}*/






/* [-] .a-list (local)
=========================================================================================== */

ul.a-list_ccl > li {
    padding-top: 0;
    padding-bottom: .75em;
}

ul.a-list_ccl > li:last-child {
    padding-bottom: 0;
}



ul.a-list_ccl > li:before {
    width: 6px;
    height: 6px;
    background: var(--color-gray-70per);
}






.low_contents .a-list_default dt,
.low_contents .a-list_table dt {
    font-size: 15px !important;
    font-weight: 400 !important;
    /*color: var(--color-gray-40per) !important;*/
}



/*.low_contents .a-list_default dd,
.low_contents .a-list_table dd {
    font-size: 15px !important;
}
*/






.low_contents .a-list_default > dd,
.low_contents .a-list_default > dt {
    padding: 30px 0;
    /*padding: 24px 20px 24px 10px;*/
}

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

}

@media screen and (max-width: 767px) {
    .low_contents .a-list_default > dt {
        padding: 0 0 0;
    }

    .low_contents .a-list_default > dd {
        padding: 5px 0 40px;
        /*padding: 0 15px 20px 0;*/
    }
}






/* [-] .a-bg (local)
=========================================================================================== */

.a-bg-gray-transparent {
    position: relative;
}

.a-bg-gray-transparent:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(204, 204, 204, .65);
    z-index: -2;
}






.a-bg-gradation-primary {
    background: linear-gradient(to right,var(--color-gray-20per) 0%,#00b4ff 50%,var(--color-gray-20per) 100%);
}

@media screen and (max-width: 767px) {
    .a-bg-gradation-primary {
        background: linear-gradient(to right,var(--color-gray-20per) 0%,#00b4ff 40%,var(--color-gray-20per) 100%);
    }
}



.a-bg-gradation-secondary {
    background: linear-gradient(30deg, var(--color-secondary) 0%, #3d9e98 70%, #3fffc0 100%);
}

@media screen and (max-width: 767px) {
    .a-bg-gradation-secondary {
        background: linear-gradient(30deg, var(--color-secondary) 0%, #3d9e98 60%, #3fffc0 100%);
    }
}



.a-bg-gradation-tertiary {
    background: linear-gradient(30deg, var(--color-secondary) 0%, #3d9e98 70%, #3fffc0 100%);
}

@media screen and (max-width: 767px) {
    .a-bg-gradation-tertiary {
        background: linear-gradient(30deg, var(--color-secondary) 0%, #3d9e98 70%, #3fffc0 100%);
    }
}



.a-bg-gradation-quaternary {
    background: linear-gradient(45deg, var(--color-secondary) 60%, #62aeae 100%);
}

@media screen and (max-width: 767px) {
    .a-bg-gradation-quaternary {
         background: linear-gradient(45deg, var(--color-secondary) 50%, #62aeae 100%);
    }
}






/* [-] .a-btn (local)
=========================================================================================== */

.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary.a-bg-gradation-green-dark > a > .a-btn {
    min-width: 100%;
    background: none;
    z-index: 0;
}

.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary.a-bg-gradation-green-dark > a > .a-btn:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(-135deg, #5a67a8 0%, var(--color-secondary) 60%);
    opacity: 1;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary.a-bg-gradation-green-dark > a > .a-btn:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: linear-gradient(-135deg, #fff 0%, #fff 60%);
}

.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary.a-bg-gradation-green-dark > a:hover > .a-btn:before {
    opacity: 0;
}






/*.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img > a > .a-btn:after {
    right: 1.25em;
    width: 24px;
    height: 10px;
}

.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img > a:hover > .a-btn:after {
    right: 1em;
    transition: all 0.4s ease;
}



.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img.a-btn-tertiary > a > .a-btn:after,
.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img.a-btn-secondary > a > .a-btn:after,
.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img.a-btn-primary > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-primary.svg") 50% 50% no-repeat;
    background-size: cover;
    transition: all 0.4s ease;
}

.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img.a-btn-tertiary > a:hover > .a-btn:after,
.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img.a-btn-secondary > a:hover > .a-btn:after,
.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img.a-btn-primary > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-quaternary.svg") 50% 50% no-repeat;
    background-size: cover;
}

.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img.a-btn-tertiary > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-tertiary.svg") 50% 50% no-repeat;
    background-size: cover;
}



.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img.a-btn-quaternary > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-quaternary.svg") 50% 50% no-repeat;
    background-size: cover;
    transition: all 0.4s ease;
}

.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img.a-btn-quaternary > a:hover > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-primary.svg") 50% 50% no-repeat;
    background-size: cover;
}*/






.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-fill.a-btn-tertiary > .a-btn,
.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-tertiary > a > .a-btn {
    background: #b2b2b2;
    border-color: #b2b2b2;
    color: var(--color-white);
}

.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-fill.a-btn-tertiary > .a-btn:hover,
.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-tertiary > a > .a-btn:hover {
    background: var(--color-white);
    color: #b2b2b2;
}



/* [-] .m-button-secondary_image-bg (local)
=========================================================================================== */

.a-bg-gray-98 + .menu_low_content.a-bg-gray-98 {
    background: var(--color-white);
}



.m-item__button-secondary_image-bg {
    position: relative;
    min-height: 150px;
}

@media screen and (max-width: 979px) {
    .m-item__button-secondary_image-bg {
        min-height: 150px;
    }
}

@media screen and (max-width: 767px) {
    .m-item__button-secondary_image-bg {
        min-height: 100px;
    }
}



.m-image__button-secondary_image-bg:before {
    background: rgba(0, 0, 0, .2);
}



.m-item__button-secondary_image-bg:nth-of-type(1) a .m-image__button-secondary_image-bg > span {
    background: url("../images/common/image_corporate_index_sp.png") 50% 50% no-repeat;
    background-size: cover;
}

.m-item__button-secondary_image-bg:nth-of-type(2) a .m-image__button-secondary_image-bg > span {
    background: url("../images/common/image_service_index_sp.png") 50% 50% no-repeat;
    background-size: cover;
}

.m-item__button-secondary_image-bg:nth-of-type(3) a .m-image__button-secondary_image-bg > span {
    background: url("../images/common/image_business_index_sp.png") 50% 50% no-repeat;
    background-size: cover;
}

.m-item__button-secondary_image-bg:nth-of-type(4) a .m-image__button-secondary_image-bg > span {
    background: url("../images/common/image_sustainability_index_sp.png") 50% 50% no-repeat;
    background-size: cover;
}

/*@media screen and (max-width: 767px) {
    .m-item__button-secondary_image-bg:nth-of-type(4) a .m-image__button-secondary_image-bg > span {
        background: url("../images/common/image_bg_menu_content-bottom_corporate_pc.jpg") 50% 0% no-repeat;
        background-size: cover;
    }
}*/




.m-text__button-secondary_image-bg .ja {
    display: block;
    margin-bottom: .3em;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    .m-text__button-secondary_image-bg .ja {
        margin-bottom: .3em;
        font-size: 18px;
    }
}



.m-arw__button-secondary_image-bg:before {
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 28px;
    height: 28px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    /*background: url("../images/common/icon_arw_bd-half-top-s_button-white.svg") 50% 50% no-repeat;
    background-size: 100% auto;*/
}

.m-arw__button-secondary_image-bg:before {
    background: url("../images/common/icon_arw_ccl_white.svg") 50% 50% no-repeat;
    background-size: 100% auto;
}

/*@media screen and (max-width: 767px) {
    .m-arw__button-secondary_image-bg:before {
        width: 28px;
        height: 28px;
        background-size: 100% auto;
    }
}*/



/* [-] .a-icon (local)
=========================================================================================== */

.a-icon_arrow-ccl_image-bg {
    position: relative;
    display: inline-block;
    width: auto;
    padding: .75em 1.5em 0 0;
}

.a-icon_arrow-ccl_image-bg:after {
    top: 1em;
    right: .1em;
    width: 18px;
    height: 18px;

    background: url("../images/common/icon_arw-ccl_blue-l.svg") 50% 50% no-repeat;
    background-size: 18px auto;
}



.a-icon_arrow-bd-half-top_image-bg {
    position: relative;
    display: inline-block;
    width: auto;
    padding: .75em 1.5em 0 0;
}

.a-icon_arrow-bd-half-top_image-bg:after {
    top: 1em;
    right: .1em;
    width: 18px;
    height: 18px;

    background: url("../images/common/icon_arw_bd-half-top-s_button-white.svg") 50% 50% no-repeat;
    background-size: 18px auto;
}






/*.a-icon_image-bg_arw-ccl-s:hover::after {
    right: 0;
    transition: all 0.4s ease;
}


.a-icon_image-bg_arw-ccl-s:hover::after {
    right: -.5em;
}*/






/* [-] .a-box (local)
=========================================================================================== */

.m-box_lower_primary {
    padding: 100px 70px;
}

@media screen and (max-width: 979px) {
    .m-box_lower_primary {
        padding: 70px 50px;
    }
}

@media screen and (max-width: 767px) {
    .m-box_lower_primary {
        padding: 50px 20px;
    }
}



.m-box_lower_primary {
    background: var(--color-white);
}






/* [-] .m-link_text_anchor (local)
=========================================================================================== */

/* Position (Page Anchor Low) */
.m-link_text_anchor {
    position: relative;
    /*z-index: var(--z-index-lv-plus-02);*/
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor {
        justify-content: center;
    }
}

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

}



/* Wrapper Width (Page Anchor Low) */
.m-link_text_anchor {

    width: 100%;
    /*width: 60%;*/
    /*width: calc(100% - var(--width-pic-hero-low-pc));*/

    padding-right: 40px;
}

@media screen and (max-width: 979px) {
  .m-link_text_anchor {
      width: 100%;
      padding-right: 0;
  }
}

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

}



/* Padding (Page Anchor Low) */
.m-link_text_anchor {
    padding: 0 0 0;
    /*padding: 30px 0 10px;*/
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor {
        /*padding: 30px 0 40px;*/
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor {
        /*padding: 30px 0 30px;*/
    }
}



.m-link_text_anchor .o-inner {
    padding: 0 !important;
}






/* List Item (Page Anchor Low) */
.m-link_text_anchor > li {
    width: auto;

    min-width: 12em;
    /*min-width: 10em;*/
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor > li {
        min-width: 10.5em;
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor > li {
        min-width: 50%;
        /*min-width: auto;*/
    }
}



/*.__row-02_sp.m-link_text_anchor > li,
.m-link_text_anchor > li {
    width: auto;
}

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

@media screen and (max-width: 767px) {
    .__row-02_sp.m-link_text_anchor > li,
    .m-link_text_anchor > li {
        width: 100%;
    }
}



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

@media screen and (max-width: 767px) {
    .__row-02_sp.m-link_text_anchor > li,
    .m-link_text_anchor > li {
        width: 50%;
    }
}*/



.m-link_text_anchor > li {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

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

}

@media screen and (max-width: 767px) {
    /*.m-link_text_anchor > li {
        margin-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }*/
}



.m-link_text_anchor > li > a {

    width: 100% !important;
    /*min-width: 160px !important;*/
    /*width: auto;*/

    padding: .5em 1em .5em 1em;
    /*padding: .5em 3em .5em 1em;*/

    /*width: 11em;
    padding: .5em 1em .5em  0;*/

    font-size: 16px;
    /*font-size: 14px;*/

    line-height: 1.4;
    color: var(--color-body);
    border: 1px solid var(--color-gray-80per);

    border-radius: 20em;
    /*border-radius: 20px;*/
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor > li > a {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor > li > a {
        margin: 0 auto;
        text-align: center;
        font-size: 14px;
    }
}

/*.m-link_text_anchor > li > a {
    font-size: 16px !important;
    color: var(--color-gray-20per);
}*/



.m-link_text_anchor > li > a > span {
    display: block;
    text-align: left;
}



.m-link_text_anchor > li > a > span.a-icon_image-bg.a-icon_image-bg_arw-ccl-s.a-icon_image-bg_arw-ccl.__color-gray-80per:after {
    right: -.4em;
}



.a-icon_arw:before {
    top: .3em;
    left: auto;
    right: -1.25em;
    border-color: var(--color-primary) var(--color-primary) transparent transparent;
}






/* [-] .m-link_text_anchor_fix (local)
=========================================================================================== */

/*.m-link_text_anchor_fix .heading-secondary_contents .a-heading-02-primary {
    font-size: 24px !important;
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor_fix .heading-secondary_contents .a-heading-02-primary {
        font-size: 22px !important;
    }
}

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

}



.m-link_text_anchor_fix .heading-secondary_contents .a-heading-02-primary-sub {
    font-size: 16px !important;
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor_fix .heading-secondary_contents .a-heading-02-primary-sub {
        font-size: 14px !important;
    }
}

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

}


.a-heading_border-short-b-single.heading-secondary_contents:before {
    width: 200px;
    height: 1px;
}*/






.wrapper__bg__stickey .low_contents.__nest-lv-01.o-section-m {
    padding: 40px 0;
}

@media screen and (max-width: 979px) {
    .wrapper__bg__stickey .low_contents.__nest-lv-01.o-section-m {
        padding: 40px 0;
    }
}

@media screen and (max-width: 767px) {
    .wrapper__bg__stickey .low_contents.__nest-lv-01.o-section-m {
        padding: 30px 0;
    }
}






/* [-] .m-kv (local)
=========================================================================================== */

/*.m-kv_figure .a-figure {
    position: relative;
    display: block;
    padding-top: 300px;
}

@media screen and (max-width: 979px) {
    .m-kv_figure .a-figure {
        padding-top: 230px;
    }
}


@media screen and (max-width: 767px) {
    .m-kv_figure .a-figure {
        padding-top: 180px;
    }
}*/




.m-kv_figure .a-figure:before {
    content: none;
}

/*.m-kv_figure .a-figure:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
}*/



/*.m-kv_figure .a-figure span {
    z-index: -1;
}*/



.kv_lower .m-kv_figure .a-figure span {
    content: none;
}

/*.kv_lower .m-kv_figure .a-figure span {
    background: url("../images/common/image_kv_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .kv_lower .m-kv_figure .a-figure span {
        background: url("../images/common/image_kv_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}*/



/*.kv_contact .m-kv_figure .a-figure span,
.kv_download .m-kv_figure .a-figure span,
.kv_product .m-kv_figure .a-figure span,
.kv_association .m-kv_figure .a-figure span,
.kv_about .m-kv_figure .a-figure span {
    background: url("../images/common/image_kv-01_content_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .kv_contact .m-kv_figure .a-figure span,
    .kv_download .m-kv_figure .a-figure span,
    .kv_product .m-kv_figure .a-figure span,
    .kv_association .m-kv_figure .a-figure span,
    .kv_about .m-kv_figure .a-figure span {
        background: url("../images/common/image_kv-01_content_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}*/






/*.kv_lower .m-kv_content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    max-width: 1200px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 1px solid;
}*/



.kv_lower .a-heading-01_primary {
    text-align: left !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    /*color: inherit !important;*/
    /*text-shadow: none !important;*/
}

@media screen and (max-width: 979px) {
    .kv_lower .a-heading-01_primary {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 767px) {
    .kv_lower .a-heading-01_primary {
        font-size: 28px !important;
    }
}



/*.kv_lower .a-heading-01_secondary {
    font-size: 20px !important;
}

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

}

@media screen and (max-width: 767px) {
    .kv_lower .a-heading-01_secondary {
        font-size: 14px !important;
    }
}*/



.kv_lower .o-heading-ss {
    margin-bottom: .25em;
    padding-bottom: .5em;
}

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

}

@media screen and (max-width: 767px) {
    .kv_lower .o-heading-ss {
        margin-bottom: .25em;
        padding-bottom: .35em;
    }
}



.kv_lower .a-heading_border-short-b-single:before {
    width: 3em;
    height: 1px;
}

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

}

@media screen and (max-width: 767px) {
    .kv_lower .a-heading_border-short-b-single:before {
        width: 1.5em;
    }
}






/* [-] .m-kv .a-heading (local)
=========================================================================================== */

.m-kv .a-heading-01_primary {
    /*display: block;*/
    display: inline-block;
    text-align: center;
    font-family: var(--font-family-serif);
    font-size: 66px !important;
    font-weight: 700;

    line-height: 1.2;
    /*line-height: 1.4;*/

    /*background: var(--color-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: var(--color-white);
    letter-spacing: .01em;
    /*text-shadow: 0 0 15px rgba(0, 0, 0, .6);*/
}

@media screen and (max-width: 979px) {
    .m-kv .a-heading-01_primary {
        font-size: 54px !important;
    }
}

@media screen and (max-width: 767px) {
    .m-kv .a-heading-01_primary {
        font-size: 34px !important;
        /*letter-spacing: .025em;*/
        /*text-shadow: 0 0 8px rgba(0, 0, 0, .2);*/
    }
}



.m-kv .a-heading-01_primary-sub {
    display: block;
    padding-left: .1em;
    font-family: var(--font-family-serif);
    font-size: 18px;
    font-weight: 700;
    color: var(--color-white);
}

@media screen and (max-width: 979px) {
    .m-kv .a-heading-01_primary-sub {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv .a-heading-01_primary-sub {
        font-size: 14px;
    }
}



.m-kv .a-heading-01_secondary {
    display: block;
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
    color: var(--color-white);
    letter-spacing: .05em;
    text-shadow: 0 0 15px rgba(0, 0, 0, .4);
}

@media screen and (max-width: 979px) {
    .m-kv .a-heading-01_secondary {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv .a-heading-01_secondary {
        font-size: 16px;
        /*font-weight: 400;*/
        letter-spacing: .05em;
        text-shadow: 0 0 15px rgba(0, 0, 0, .4);
    }
}






/* [-] .recruit_content (local)
=========================================================================================== */

.cta_recruit.o-section-s {
    padding: 70px 0;
}

@media screen and (max-width: 979px) {
    .cta_recruit.o-section-s {
        padding: 50px 0;
    }
}

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

}






/*.o-section_bg_image.cta_recruit:after,
.o-section_bg_image.cta_recruit:before {
    content: none;
}*/






.cta_recruit:not([class*="low_contents"]) .m-figure_bg {
    margin-bottom: -375px;
    padding-top: 450px;
}

@media screen and (max-width: 979px) {
    .cta_recruit:not([class*="low_contents"]) .m-figure_bg {
        margin-bottom: -275px;
        padding-top: 350px;
    }
}

@media screen and (max-width: 767px) {
    .cta_recruit:not([class*="low_contents"]) .m-figure_bg {
        margin-bottom: -150px;
        padding-top: 200px;
    }
}



.cta_recruit_primary.o-section_bg_image.m-link_image_bg_cta_recruit:before {
    background-color: rgba(0, 0, 0, .3);
}



.cta_recruit_primary.o-section_bg_image.m-link_image_bg_cta_recruit:after {
    background: url(../images/recruit/image_cta_recruit_pc.jpg) 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .cta_recruit_primary.o-section_bg_image.m-link_image_bg_cta_recruit:after {
        background: url(../images/recruit/image_cta_recruit_sp.png) 50% 50% no-repeat;
        background-size: cover;
    }
}



/*.cta_recruit .m-figure_bg:after {
    background: url("../images/common/image_recruit_content_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .cta_recruit .m-figure_bg:after {
        background: url("../images/common/image_recruit_content_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}*/






.cta_recruit .m-box_lower_primary {
    padding: 60px 60px;
}

@media screen and (max-width: 979px) {
    .cta_recruit .m-box_lower_primary {
        padding: 40px 40px;
    }
}

@media screen and (max-width: 767px) {
    .cta_recruit .m-box_lower_primary {
        padding: 30px 30px;
    }
}






.cta_recruit.o-section_bg_image > * {
    color: inherit;
}



.cta_recruit:not([class*="low_contents"]) .a-heading-02-primary {
    display: inline-block;

    /*background: var(--color-white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

.cta_recruit.low_contents .a-heading-02-primary {
    color: inherit;
    -webkit-text-fill-color: inherit;
}



.cta_recruit .a-heading-02-2nd_secondary {
    margin-top: 0.5em;
}



.cta_recruit .a-heading_border-short-single_align-l:before {
    width: 75px;
}






.cta_recruit .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a {
    position: relative;
    display: inline-block;
    z-index: 1;
}

@media screen and (max-width: 979px) {
    .cta_recruit .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a {
        display: block;
    }
}

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

}




.cta_recruit .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a > .a-btn {
    padding: 20px 0;

    background: linear-gradient(30deg, #80bc85 0%,#64c98d 50%,#cff169 100%);
    border-image: linear-gradient(30deg, #80bc85 0%,#64c98d 50%,#cff169 100%) 1;

    transition: all 0.4s ease;
}

@media screen and (max-width: 979px) {
    .cta_recruit .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a > .a-btn {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .cta_recruit .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a > .a-btn {
        padding: 20px 0;
    }
}



.cta_recruit .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a:hover > .a-btn {
    background: linear-gradient(30deg, #fff 0%,#fff 50%,#fff 100%);

    color: var(--color-gray-20per);
}






/* DUST */
/*.recruit_content.o-section-s {
    padding: 30px 0 0;
}

@media screen and (max-width: 979px) {
    .recruit_content.o-section-s {
        padding: 10px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .recruit_content.o-section-s {
        padding: 10px 0 0;
    }
}






.o-section_bg_image.recruit_content:after,
.o-section_bg_image.recruit_content:before {
    content: none;
}






.recruit_content:not([class*="low_contents"]) .m-figure_bg {
    margin-bottom: -375px;
    padding-top: 450px;
}

@media screen and (max-width: 979px) {
    .recruit_content:not([class*="low_contents"]) .m-figure_bg {
        margin-bottom: -275px;
        padding-top: 350px;
    }
}

@media screen and (max-width: 767px) {
    .recruit_content:not([class*="low_contents"]) .m-figure_bg {
        margin-bottom: -150px;
        padding-top: 200px;
    }
}



.recruit_content .m-figure_bg:after {
    background: url("../images/common/image_recruit_content_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .recruit_content .m-figure_bg:after {
        background: url("../images/common/image_recruit_content_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}





.recruit_content .m-box_lower_primary {
    padding: 60px 60px;
}

@media screen and (max-width: 979px) {
    .recruit_content .m-box_lower_primary {
        padding: 40px 40px;
    }
}

@media screen and (max-width: 767px) {
    .recruit_content .m-box_lower_primary {
        padding: 30px 30px;
    }
}






.recruit_content.o-section_bg_image > * {
    color: inherit;
}



.recruit_content:not([class*="low_contents"]) .a-heading-02-primary {
    display: inline-block;

    background: linear-gradient(30deg, #80bc85 0%,#64c98d 50%,#cff169 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.recruit_content.low_contents .a-heading-02-primary {
    color: inherit;
    -webkit-text-fill-color: inherit;
}



.recruit_content .a-heading-02-2nd_secondary {
    margin-top: 0.5em;
}



.recruit_content .a-heading_border-short-single_align-l:before {
    width: 75px;
}






.recruit_content .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a {
    position: relative;
    display: inline-block;
    z-index: 1;
}

@media screen and (max-width: 979px) {
    .recruit_content .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a {
        display: block;
    }
}

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

}




.recruit_content .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a > .a-btn {
    padding: 20px 0;

    background: linear-gradient(30deg, #80bc85 0%,#64c98d 50%,#cff169 100%);
    border-image: linear-gradient(30deg, #80bc85 0%,#64c98d 50%,#cff169 100%) 1;

    transition: all 0.4s ease;
}

@media screen and (max-width: 979px) {
    .recruit_content .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a > .a-btn {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .recruit_content .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a > .a-btn {
        padding: 20px 0;
    }
}



.recruit_content .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a:hover > .a-btn {
    background: linear-gradient(30deg, #fff 0%,#fff 50%,#fff 100%);

    color: var(--color-gray-20per);
}*/
/* DUST */






/* [-] .contact_content (local)
=========================================================================================== */

.contact_content:not([class*="low_contents"]) {
    margin-top: 50px;
}

@media screen and (max-width: 979px) {
    .contact_content:not([class*="low_contents"]) {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .contact_content:not([class*="low_contents"]) {
        margin-top: 20px;
    }
}






.contact_content *[class^="a-heading-03"] {
    font-family: inherit;
}



.contact_content .number_phone_contact_content {
    font-size: 46px;
}

@media screen and (max-width: 979px) {
    .contact_content .number_phone_contact_content {
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    .contact_content .number_phone_contact_content {
        font-size: 40px;
    }
}



.contact_content .a-btn-wrap .a-btn-item > a > .a-btn {
    width: 320px;
    padding: 25px 0;
}

@media screen and (max-width: 979px) {
    .contact_content .a-btn-wrap .a-btn-item > a > .a-btn {
        width: 270px;
    }
}

@media screen and (max-width: 767px) {
    .contact_content .a-btn-wrap .a-btn-item > a > .a-btn {
        width: 100%;
    }
}



.contact_content .a-btn-wrap .a-btn-item.a-btn-bd.a-btn-quaternary > a:hover > .a-btn {
    border-color: var(--color-white);
}






/*.contact_content .number_phone_contact_content {
    padding-left: 1.25em;
}

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

}

@media screen and (max-width: 767px) {
    .contact_content .number_phone_contact_content {

    }
}*/







.contact_content .a-icon_smartphone {
    margin-left: -.5em;
}

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

}

@media screen and (max-width: 767px) {
    .contact_content .a-icon_smartphone {
        margin-left: -.25em;
    }
}







/* Heading Border */
.__cta_contact .a-heading_border-short-t-single {
    display: flex;
    justify-content: start;
}

@media screen and (max-width: 979px) {
    .__cta_contact .a-heading_border-short-t-single {
        display: flex;
        justify-content: center;
    }
}

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

}






/* Btn Width */
.__cta_contact .a-btn {
    width: 320px;
}

@media screen and (max-width: 979px) {
    .__cta_contact .a-btn {
        width: 300px;
    }
}

@media screen and (max-width: 767px) {
    .__cta_contact .a-btn {
        width: 100%;
    }
}



/* Btn Arw */
.__cta_contact .number_phone_contact_content {
}

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

}

@media screen and (max-width: 767px) {
    .__cta_contact .number_phone_contact_content {
        padding-left: .5em;
    }
}



.__cta_contact .a-icon_smartphone {
    margin-left: 0;
    /*margin-left: -.5em;*/
}

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

}

@media screen and (max-width: 767px) {
    .__cta_contact .a-icon_smartphone {
        /*margin-left: .25em;*/
        /*margin-left: -.25em;*/
    }
}






/* Z-Index (Title / Contact / CTA) */
.__cta_contact div[class^="a-heading-"]::after,
.__cta_contact div[class^="a-heading-"]::before {
    z-index: var(--z-index-lv-plus-01);
}






/* [-] .access_content (local)
=========================================================================================== */

.__trafic_access.a-list_ccl > li:before {
    content: '' !important;
}






/* [+] (Corporate)
=========================================================================================== */






/* [+] (Contact)
=========================================================================================== */

/* Section (Contact) */
.wrapper_low_contents.contents_contact.o-section-m {

}

@media screen and (max-width: 767px) {
    .wrapper_low_contents.contents_contact.o-section-m {
        padding: 30px 0 50px;
    }
}




.wrapper_low_contents.introduction_contact.o-section-m {
    padding: 50px 0 0;
}

@media screen and (max-width: 767px) {
    .wrapper_low_contents.introduction_contact.o-section-m {
        padding: 30px 0 0;
    }
}




.wrapper_low_contents.wrapper_phone_contact.o-section-m {
    padding: 70px 0 0;
}

@media screen and (max-width: 979px) {
    .wrapper_low_contents.wrapper_phone_contact.o-section-m {
        padding: 50px 0 0;
    }
}

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

}




.wrapper_low_contents.wrapper_form_contact.o-section-m {
    margin-bottom: 70px;

    padding: 70px 0 0;
    /*padding: 100px 0 0;*/
}

@media screen and (max-width: 979px) {
    .wrapper_low_contents.wrapper_form_contact.o-section-m {
        padding: 70px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_low_contents.wrapper_form_contact.o-section-m {
        padding: 70px 0 0;
    }
}






/*.introduction_contact {
    padding-bottom: 50px;
}

@media screen and (max-width: 979px) {
    .introduction_contact {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .introduction_contact {
        padding-bottom: 30px;
    }
}*/



/*.introduction_contact .a-icon_smartphone-333.a-icon_smartphone:before {
    background: url("../images/common/icon_smartphone-333.svg") 50% 50% no-repeat;
    background-size: .525em auto;
}*/



.introduction_contact .heading-primary_contents .a-heading-02-primary {
    font-size: 40px;
}

@media screen and (max-width: 979px) {
    .introduction_contact .heading-primary_contents .a-heading-02-primary {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 767px) {
    .introduction_contact .heading-primary_contents .a-heading-02-primary {
        font-size: 22px !important;
    }
}



.introduction_contact .heading-primary_contents .a-heading-02-primary-sub {
    font-size: 20px;
}

@media screen and (max-width: 979px) {
    .introduction_contact .heading-primary_contents .a-heading-02-primary-sub {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) {
    .introduction_contact .heading-primary_contents .a-heading-02-primary-sub {
        font-size: 12px !important;
    }
}



/*.introduction_contact .a-heading-02-primary_lower {
    font-size: 30px;
}

@media screen and (max-width: 979px) {
    .introduction_contact .a-heading-02-primary_lower {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    .introduction_contact .a-heading-02-primary_lower {
        font-size: 22px;
    }
}



.introduction_contact .a-heading-02-primary-sub {
    display: block;
    padding-top: .75em;
    padding-bottom: 0.25em;
}

.introduction_contact .a-heading_border-short-b-single:before {
    width: 3em;
}*/



.introduction_contact .a-heading-03-primary {
    font-size: 20px !important;
}

@media screen and (max-width: 979px) {
    .introduction_contact .a-heading-03-primary {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 767px) {
    .introduction_contact .a-heading-03-primary {
        font-size: 16px !important;
    }
}



.introduction_contact .lead_introduction_contact {
    font-size: 20px;
    line-height: 1.6;
}

@media screen and (max-width: 979px) {
    .introduction_contact .lead_introduction_contact {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .introduction_contact .lead_introduction_contact {
        font-size: 16px;
    }
}






/*  Padding Bottom (Stickey / Phone / Contact / low) */
.low_contents.wrapper_phone_contact .m-link_text_anchor_fix {
    padding-bottom: 70px;
}






/* Pic (Hero / Contact / Lower) */
.__hero_contact.kv_lower .m-kv_figure .a-figure span {
    background: url("../images/contact/image_hero_contact_low_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .__hero_contact.kv_lower .m-kv_figure .a-figure span {
        background: url("../images/contact/image_hero_contact_low_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}






/* [+] (Contact Form)
=========================================================================================== */

.form_contact input[type="reset"],
.form_contact input[type="submit"],
.form_contact input[type="text"], 
.form_contact input[type="email"], 
.form_contact input[type="date"], 
.form_contact input[type="number"], 
.form_contact input[type="tel"], 
.form_contact select, 
.form_contact textarea {
    font-family: var(--font-family-default);
    /*font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;*/
    font-weight: 400;
}

dl.a-list_checkbox dt .txt .required,
dl.a-list_table.a-list_table-form dt .required {
    font-family: var(--font-family-default);
    /*font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;*/
    font-weight: 400;
}






.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
    border: none;
    border-radius: 0;
    box-shadow: none;
    /*padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;*/
}






.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev {
    border-radius: 0;
    padding: 0;
    border: none;
    background: none;
    text-shadow: none;
    font-size: inherit;
    cursor: pointer;
    outline: none;
}

.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover,button.mfp_next:hover,button.mfp_prev:hover {
    background: none;
    box-shadow: none;
}






.div.mfp_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



div.mfp_buttons button#mfp_button_cancel,
div.mfp_buttons button#mfp_button_send {
    font-family: var(--font-family-default);
    /*font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;*/
    font-weight: 400;
}

div.mfp_buttons button#mfp_button_cancel,
div.mfp_buttons button#mfp_button_send {
    height: 60px;
    /*margin: 0 20px;*/
    margin-bottom: 0;
    padding: 10px 20px !important;
    /*padding: 0 20px;*/
}

@media screen and (max-width: 767px) {
    div.mfp_buttons button#mfp_button_cancel,
    div.mfp_buttons button#mfp_button_send {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }
}

div.mfp_buttons button#mfp_button_cancel,
div.mfp_buttons button#mfp_button_send {
    width: 250px;
    margin: 0 20px;
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 50em;

    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}


div.mfp_buttons button#mfp_button_cancel {
    background-color: var(--color-gray-70per);
    border: 1px solid var(--color-gray-70per);
}



div.mfp_buttons button#mfp_button_cancel:hover,
div.mfp_buttons button#mfp_button_send:hover {
    background-color: var(--color-white);
}

div.mfp_buttons button#mfp_button_send:hover {
    color: var(--color-primary);
}

div.mfp_buttons button#mfp_button_cancel:hover {
    color: var(--color-gray-70per);
}

/*div.mfp_buttons button#mfp_button_cancel:hover,
div.mfp_buttons button#mfp_button_send:hover {
    color: var(--color-gray-20per);
    background-color: var(--color-white);
}*/



@media screen and (max-width: 979px) {
    div.mfp_buttons button#mfp_button_cancel,
    div.mfp_buttons button#mfp_button_send {
        width: 250px;
        /*margin: 0;*/
    }
}

@media screen and (max-width: 767px) {
    div.mfp_buttons button#mfp_button_cancel,
    div.mfp_buttons button#mfp_button_send {
        width: 100%;
        margin: 0;
        /*margin-bottom: 20px;*/
        padding: 0;
    }
}






div#mfp_phase_confirm div#mfp_phase_confirm_inner {
    
}




div#mfp_phase_confirm h4 {
    padding-bottom: 20px;
    /*border-bottom: 1px solid var(--color-gray-70per);*/
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
}

@media screen and (max-width: 979px) {
    div#mfp_phase_confirm h4 {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    div#mfp_phase_confirm h4 {
        font-size: 20px;
    }
}

/*div#mfp_phase_confirm h4 {
    font-size: 36px;
    padding: 10px 0px 0px 0px;
    text-align: center;
}

div#mfp_phase_confirm h4 {
    font-size: 18px;
}*/



table#mfp_confirm_table {
    margin: 30px 0;
}

@media screen and (max-width: 767px) {
    table#mfp_confirm_table {
        margin: 20px 0;
    }
}

table#mfp_confirm_table tr td {
    font-family: var(--font-family-default);
    /*font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;*/
    font-weight: 400;
}

.mfp_colored,
.mfp_achroma {
    background: transparent;
}

table#mfp_confirm_table tr.mfp_colored,
table#mfp_confirm_table tr.mfp_achroma {
    background: transparent;
}

table#mfp_confirm_table tr td,
table#mfp_confirm_table tr th {
    padding-top: 26px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--color-gray-85per);
    font-size: 15px;
}

@media screen and (max-width: 767px) {
    table#mfp_confirm_table tr th {
        display: block;
        width: 100%;
        padding-top: 26px;
        padding-bottom: 10px;
        border: none;
    }

    table#mfp_confirm_table tr td {
        display: block;
        padding-top: 0;
        padding-bottom: 24px;
        border-top: none;
    }
}

table#mfp_confirm_table tr th {
    width: 16em;
}

@media screen and (max-width: 979px) {
    table#mfp_confirm_table tr th {
        width: 14.5em;
    }
}

@media screen and (max-width: 767px) {
    table#mfp_confirm_table tr th {
        width: 100%;
    }
}

/*table#mfp_confirm_table {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

.mfp_achroma {
    background-color: var(--color-white);
}
table#mfp_confirm_table tr.mfp_achroma {
    background-color: var(--color-white);
}

table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td {
    text-align: left;
    font-size: 12px;
    border-top: solid 1px var(--color-gray-80per);
    padding: 5px 10px;
}*/







.form_contact input[type="text"], 
.form_contact input[type="email"], 
.form_contact input[type="date"], 
.form_contact input[type="number"], 
.form_contact input[type="tel"], 
.form_contact select, 
.form_contact textarea {
    width: 90% !important;
    max-width: 90% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form_contact input[type="text"], 
.form_contact input[type="email"], 
.form_contact input[type="date"], 
.form_contact input[type="number"], 
.form_contact input[type="tel"], 
.form_contact select, 
.form_contact textarea {
    background: var(--color-white);
}



.form_contact textarea {
    display: block;
    padding: 0 20px;
    height: 56px;
    color: var(--color-body);
    width: 100%;
    height: 150px;
}



/*.a-label_privacy {
  cursor: pointer;
  font-size: 12pt;
  display: block;
  overflow: hidden;
  padding-top: 20px;
  position: relative;
  min-height:40px;
}

.form_contact input[type="checkbox"] {
    appearance: checkbox;
}

.a-checkbox_privacy {
  border: 2px solid #5a5a5a;
  color: #1d1d1d;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 14px;
  margin: 0 20px 20px 20px;
  outline-color: #eaeaea;
  padding: 0;
  position:relative;
  width: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index:1;
}

.a-checkbox_privacy.checked {
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid rgba(0,0,0,0);
  border-right: 1px solid rgba(0,0,0,0);
  -webkit-transform: rotate(-45deg) scaleY(0.5);
  -moz-transform: rotate(-45deg) scaleY(0.5);
  -ms-transform: rotate(-45deg) scaleY(0.5);
  -o-transform: rotate(-45deg) scaleY(0.5);
  transform: rotate(-45deg) scaleY(0.5);
}

input[type='checkbox'].a-checkbox_privacy {
   display: none;
}*/





form#mailformpro dl dt {
    float: none;
    width: auto;
    clear: none;
    font-size: inherit;
    padding: 0;
    text-align: left;
    border-top: none;
    margin: 0px;
}

form#mailformpro dl dd {
    border-top: none;
    margin: 0px;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
}

form#mailformpro dl dd,
form#mailformpro dl dt {
    padding-top: 26px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--color-gray-85per);
    font-size: 15px;
}

@media screen and (max-width: 767px) {
    form#mailformpro dl dt {
        padding-top: 26px;
        padding-bottom: 10px;
        border-bottom: none;
    }

    form#mailformpro dl dd {
        padding-top: 0;
        padding-bottom: 24px;
    }
}

form#mailformpro dl dt {
    font-weight: 700;
}






form#mailformpro dl,
dl.a-list_table.a-list_table-form {
    display: table;
    width: 100%;
}

@media screen and (max-width: 767px) {
    form#mailformpro dl,
    dl.a-list_table.a-list_table-form {
        display: block;
    }
}

form#mailformpro dl.a-list_table.a-list_table-form dd,
form#mailformpro dl.a-list_table.a-list_table-form dt,
dl.a-list_table.a-list_table-form dd,
dl.a-list_table.a-list_table-form dt {
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    form#mailformpro dl.a-list_table.a-list_table-form dd,
    form#mailformpro dl.a-list_table.a-list_table-form dt,
    dl.a-list_table.a-list_table-form dd,
    dl.a-list_table.a-list_table-form dt {
        display: block;
    }
}



form#mailformpro dl.a-list_table.a-list_table-form dt,
dl.a-list_table.a-list_table-form dt {
    width: 16em;
}

@media screen and (max-width: 979px) {
    form#mailformpro dl.a-list_table.a-list_table-form dt,
    dl.a-list_table.a-list_table-form dt {
        width: 14.5em;
    }
}

@media screen and (max-width: 767px) {
    form#mailformpro dl.a-list_table.a-list_table-form dt,
    dl.a-list_table.a-list_table-form dt {
        width: 100%;
    }
}



form#mailformpro dl.a-list_table.a-list_table-form dd,
dl.a-list_table.a-list_table-form dd {
    padding-left: 4em;
}

@media screen and (max-width: 979px) {
    form#mailformpro dl.a-list_table.a-list_table-form dd,
    dl.a-list_table.a-list_table-form dd {
        padding-left: 3em;
    }
}

@media screen and (max-width: 767px) {
    form#mailformpro dl.a-list_table.a-list_table-form dd,
    dl.a-list_table.a-list_table-form dd {
        padding-left: 0;
    }
}






dl.a-list_checkbox dt .txt,
dl.a-list_table.a-list_table-form dt .txt {
    display: block;
    position: relative;
}



dl.a-list_checkbox dt .required,
dl.a-list_table.a-list_table-form dt .required {
    position: absolute;
    right: 0;
    top: .35em;
    display: inline-block;
    margin-left: .6em;
    padding: 6px 10px;
    background: #ff0000;
    border-radius: 2px;
    font-size: 10px;
    line-height: 1;
    color: var(--color-white);
}

@media screen and (max-width: 767px) {
    dl.a-list_checkbox dt .required,
    dl.a-list_table.a-list_table-form dt .required {
        position: relative;
        left: 0;
        right: 0;
        top: 50%;
        bottom: 0;
    }
}



.form_contact dl.a-list_table.a-list_table-form dt span.note {
    margin-left: 0.5em;
    font-size: 12px;
    font-weight: 400;
}







.a-btn_form-wrap {
    padding-top: 50px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.a-btn_form-wrap .a-btn_form {
    margin-bottom: 0;
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
    .a-btn_form-wrap .a-btn_form {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
        text-align: center;
    }
}






/* Button Gradation START */
.a-btn_form-wrap .a-btn_form input[type="reset"],
.a-btn_form-wrap .a-btn_form input[type="submit"] {
    width: 250px;
    cursor: pointer;
}

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

}

@media screen and (max-width: 767px) {
    .a-btn_form-wrap .a-btn_form input[type="reset"],
    .a-btn_form-wrap .a-btn_form input[type="submit"] {
        width: 100%;
    }
}



.a-btn_form-wrap .a-btn_form input[type="reset"],
.a-btn_form-wrap .a-btn_form input[type="submit"] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: 50em;
}

.a-btn_form-wrap .a-btn_form input[type="reset"] {
    background: var(--color-gray-70per);
    border-color: var(--color-gray-70per);
}

.a-btn_form-wrap .a-btn_form input[type="reset"]:hover,
.a-btn_form-wrap .a-btn_form input[type="submit"]:hover {
    background: linear-gradient(-135deg, var(--color-white) 0%, var(--color-white) 60%);
    color: var(--color-gray-70per);
}

.a-btn_form-wrap .a-btn_form input[type="submit"]:hover {
    color: var(--color-primary);
}
/* Button Gradation END */






/* Button Gradation START */
/*.a-btn_form-wrap .a-btn_form input[type="reset"],
.a-btn_form-wrap .a-btn_form input[type="submit"] {
    position: relative;
    min-width: 100%;
    background: none;
    z-index: 0;
}

.a-btn_form-wrap .a-btn_form input[type="reset"]::before,
.a-btn_form-wrap .a-btn_form input[type="submit"]::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: var(--color-gradient-primary);
    opacity: 1;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);

    border: 5px solid var(--color-body);
}

.a-btn_form-wrap .a-btn_form input[type="reset"]::after,
.a-btn_form-wrap .a-btn_form input[type="submit"]::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-image: linear-gradient(-135deg, var(--color-white) 0%, var(--color-white) 60%);
}

.a-btn_form-wrap .a-btn_form input[type="reset"]:hover::before,
.a-btn_form-wrap .a-btn_form input[type="submit"]:hover::before {
    opacity: 0;
}*/
/* Button Gradation END */






div#mfp_thanks {
    text-align: center;
    font-size: 16px;
    padding: 20px 0px;
}

div#mfp_thanks strong {
    color: var(--color-gray-20per);
    font-size: 24px;
    display: block;
}






/*form#mailformpro dl.a-list_checkbox,
dl.a-list_checkbox {
    display: block;
    width: 100%;
    margin-top: 50px;
}

form#mailformpro dl.a-list_checkbox dd,
form#mailformpro dl.a-list_checkbox dt,
dl.a-list_checkbox dd,
dl.a-list_checkbox dt {
    display: block;
    width: 100%;
    border: none;
    text-align: center;
}



dl.a-list_checkbox dt .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

dl.a-list_checkbox dt .txt .required {
    position: relative;
}*/






/*.form_contact .sec-form .ttl-wrap .box-content {
    margin-bottom: 0;
}*/






/*.form_contact .a-list_table dd .link-text__contact--zip a {
    font-size: 14px;
    line-height: 1;
    text-decoration: underline;
}



.form_contact .a-list_table dd .ttl-address {
    width: 4em;
}



.form_contact select {
    display: inline-block;
    padding: 0 40px 0 0;
}
.form_contact select {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

    background-color: var(--color-gray-95per);
    border: none;

    vertical-align: top;
}



.form_contact .inquiry-select-wrap {
    display: inline-block;
    position: relative;
    width: 300px;
}

.form_contact .inquiry-select-wrap:after {
    content: '';
    display: block;
    position: absolute;
    right: 3em;
    top: 2em;
    width: 8px;
    height: 8px;
    padding: 0;
    border-width: 2px;
    border-style: solid;
    border-color: var(--color-gray-50per) var(--color-gray-50per) transparent transparent;

    z-index: 1;
    pointer-events: none;

    -webkit-transform: translate(0, -50%) rotate(135deg);
    -ms-transform: translate(0, -50%) rotate(135deg);
    -o-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg);
}



.form_contact .mfp_buttons {
    margin-top: 50px;
}

.form_contact .mfp_buttons > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
}

.form_contact .mfp_buttons > ul > li {
    width: auto;
}

.form_contact .mfp_buttons > ul > li:first-of-type {
    margin-right: 40px;
}

@media screen and (max-width: 979px) {
    .form_contact .mfp_buttons > ul > li {
        width: 100%;
    }

    .form_contact .mfp_buttons > ul > li:first-of-type {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .form_contact .mfp_buttons > ul > li:first-of-type {
        margin-right: 0;
    }
}*/






/*.form_contact .sec-tel .tel-wrap .txt-wrap {
    margin-bottom: .5em;
}



.form_contact .sec-tel .tel-wrap h3.ttl > span {
    margin-bottom: 20px;
}

.form_contact .sec-tel .tel-wrap .txt-wrap .item {
    margin-bottom: 20px;
}

.form_contact .sec-tel .tel-wrap .txt-wrap .item .txt {
    display: inline-block;
    margin-bottom: .25em;
    font-size: 42px;
    font-weight: 300;
    line-height: 1;
}

@media screen and (max-width: 979px) {
    .form_contact .sec-tel .tel-wrap .txt-wrap .item .txt {
        display: block;
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    .form_contact .sec-tel .tel-wrap .txt-wrap .item .txt {
        display: block;
        font-size: 36px;
    }
}


.form_contact .sec-tel .tel-wrap .txt-wrap .item .txt + .note {
    display: inline-block;
    padding-left: .25em;
    font-size: 14px;
    line-height: 1;
}

@media screen and (max-width: 979px) {
    .form_contact .sec-tel .tel-wrap .txt-wrap .item .txt + .note {
        display: block;
        padding-left: 0;
    }
}

.form_contact .sec-tel .tel-wrap .txt-wrap > .note {
    font-size: 16px;
    line-height: 1.4;
}*/






.form_contact .a-list_table > dt:before {
    content: none;
}



form#mailformpro dl dd, form#mailformpro dl dd,
form#mailformpro dl dd, form#mailformpro dl dt {
    border-bottom: none;
}






/* [+] #
=========================================================================================== */

/* [-] #
=========================================================================================== */

/* [ ] .
------------------------------------------------------------------------------------------- */



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

}

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

}