@charset "utf-8";

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

// (Color)

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

/*
key-color-primary
gray
#363636

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


key-color-secondary
beige
#a8894a


key-color-tertiary
wine-red
#8a0033

*/



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

// Reset
// Reset Form

// Base Style
// Base Style Form

[-] (Other)
[-] (Display)
[-] (Margin)
[-] (Padding)
[-] (Align)
[-] (Font)
[-] (Width)
[-] (Color)
[-] (Background Color)
[-] (Gradient)
[-] (shadow)
[-] (Border)
[-] (Glid)



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

[-] (Form)

[-] .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

[-] .m-cursor-stalker



// Parts Style
[-] .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

[-] .m-accordion

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

[-] .m-figure_bg

[-] .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



// Site Style
[+] (Site Common Parts)
[+] (Site Common Parts)(Works)



[+] .index
[-] .m-kv_index (local)
...
[-] .mission_index
[-] .service_index
[-] .strength_index
[-] .contents_index
[-] .contents_index (works)
[-] .recruit_content
[-] .contact_content

[-] CTA (Recruit / Page Top)



[+] (Lower)
[-] .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)



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

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

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

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

[+] (Recruit)   +++
[+] (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: #fff;
    /*font-family: YakuHanMP, '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'NotoSerifCJKjp', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;*/
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: #333;
    -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: #fff;
    text-shadow: none;
}

::selection {
    background: #f27490;
    color: #fff;
    text-shadow: none;
}*/

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #333;
    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;
}



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

// 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: #fff;
    background-color: #363636;
    border: 1px solid #363636;

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

input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #363636;
    background-color: #fff;
}

@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;
}



/* [-] (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: Arial, Helvetica, sans-serif !important;
}
/*.a-ff-sans-serif {
    font-family: Verdana, Arial, Helvetica;
}*/

.a-ff-robot {
    font-family: 'Roboto', sans-serif;
}



/*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: 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: #333 !important;
}

.a-font-color-white {
    color: #fff !important;
}

.a-font-color-gray-97 {
    color: #f7f7f7 !important;
}

.a-font-color-gray-95 {
    color: #f2f2f2 !important;
}

.a-font-color-gray-93 {
    color: #ededed !important;
}

.a-font-color-gray-90 {
    color: #e6e6e6 !important;
}

.a-font-color-gray-87 {
    color: #dedede !important;
}

.a-font-color-gray-85 {
    color: #d9d9d9 !important;
}

.a-font-color-gray-83 {
    color: #d4d4d4 !important;
}

.a-font-color-gray-80 {
    color: #ccc !important;
}

.a-font-color-gray-70 {
    color: #b3b3b3 !important;
}

.a-font-color-gray-60 {
    color: #999 !important;
}

.a-font-color-gray-50 {
    color: #808080 !important;
}

.a-font-color-gray-40 {
    color: #666 !important;
}

.a-font-color-primary {
    color: #363636 !important;
}

.a-font-color-secondary {
    color: #a8894a !important;
}

.a-font-color-tertiary {

}



.a-fs-line {
  -webkit-font-feature-settings: "pkna";
          font-feature-settings: "pkna";
  text-align: justify;
  display: inline-block;
  border: 1px solid #333;
  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;
    }
}



/* [-] (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-gray-999 {
    color: #999;
}

.a-color-primary {
    color: #363636;
}

.a-color-secondary {
    color: #a8894a;
}

/*.a-color-tertiary {
    color: #999;
}*/



/*.a-color-gradient-primary {
    background: linear-gradient(30deg, #363636 0%,#0b5ed6 60%,#00b4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.a-color-gradient-secondary {
    background: linear-gradient(30deg, #a8894a 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 {
    background: #fff;
}

.a-bg-gray {
    background: #f6f6f6;
}

.a-bg-gray-98 {
    background: #fafafa;
}

.a-bg-gray-95 {
    background: #f2f2f2;
}

.a-bg-gray-93 {
    background: #ededed;
}

.a-bg-gray-90 {
    background: #e6e6e6;
}

.a-bg-gray-85 {
    background: #d9d9d9;
}

.a-bg-gray-80 {
    background: #ccc;
}



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

.a-bg-gradient-primary-after:after,
.a-bg-gradient-primary-before:before,
.a-bg-gradient-primary {
    background: linear-gradient(30deg, #80bc85 0%,#64c98d 70%,#cff169 100%);
}

.a-bg-gradient-secondary-after:after,
.a-bg-gradient-secondary-before:before,
.a-bg-gradient-secondary {
    background: linear-gradient(30deg, #a8894a 0%, #3d9e98 70%, #3fffc0 100%);
}

.a-bg-gradient-tertiary-after:after,
.a-bg-gradient-tertiary-before:before,
.a-bg-gradient-tertiary {
    background: linear-gradient(30deg, #48b3a7 0%, #6cbfa2 70%, #d5e492 100%);
}

.a-bg-gradient-quaternary-after:after,
.a-bg-gradient-quaternary-before:before,
.a-bg-gradient-quaternary {
    background: linear-gradient(30deg, #94d1c8 0%, #b3daaf 70%, #d5e492 100%);
}



.a-color-gradient-primary {
    background: linear-gradient(30deg, #80bc85 0%,#64c98d 50%,#cff169 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.a-color-gradient-secondary {
    background: linear-gradient(30deg, #a8894a 0%, #3d9e98 50%, #3fffc0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.a-color-gradient-tertiary {
    background: linear-gradient(30deg, #48b3a7 0%, #6cbfa2 50%, #d5e492 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.a-color-gradient-quaternary {
    background: linear-gradient(30deg, #94d1c8 0%, #b3daaf 50%, #d5e492 100%);
    -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: linear-gradient(30deg, #80bc85 0%,#64c98d 70%,#cff169 100%) 1;
}

.a-bd-gradient-secondary-after:after,
.a-bd-gradient-secondary-before:before,
.a-bd-gradient-secondary {
    border-style: solid;
    border-width: 1px;
    border-image: linear-gradient(30deg, #a8894a 0%, #3d9e98 70%, #3fffc0 100%) 1;
}

.a-bd-gradient-tertiary-after:after,
.a-bd-gradient-tertiary-before:before,
.a-bd-gradient-tertiary {
    border-style: solid;
    border-width: 1px;
    border-image: linear-gradient(30deg, #48b3a7 0%, #6cbfa2 70%, #d5e492 100%) 1;
}

.a-bd-gradient-quaternary-after:after,
.a-bd-gradient-quaternary-before:before,
.a-bd-gradient-quaternary {
    border-style: solid;
    border-width: 1px;
    border-image: linear-gradient(30deg, #94d1c8 0%, #b3daaf 70%, #d5e492 100%) 1;
}



/* [-] (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 #ccc;
}*/



.a-border {
    border-style: solid;
}



.a-border_c-white {
    border-color: #fff;
}

.a-border_c-gray-98 {
    border-color: #fafafa;
}

.a-border_c-gray-95 {
    border-color: #f2f2f2;
}

.a-border_c-gray-93 {
    border-color: #ededed;
}

.a-border_c-gray-90 {
    border-color: #e6e6e6;
}

.a-border_c-gray-85 {
    border-color: #d9d9d9;
}

.a-border_c-gray-80 {
    border-color: #ccc;
}

.a-border_c-gray-75 {
    border-color: #bfbfbf;
}

.a-border_c-gray-70 {
    border-color: #b3b3b3;
}

.a-border_c-gray-65 {
    border-color: #a5a5a5;
}

.a-border_c-gray-60 {
    border-color: #999;
}

.a-border_c-gray-40 {
    border-color: #666;
}

.a-border_c-gray-33 {
    border-color: #545454;
}

.a-border_c-gray-20 {
    border-color: #333;
}





.a-border_c-primary {
    border-color: #a8894a;
}

.a-border_c-secondary {
    border-color: #a8894a;
}

.a-border_c-tertiary {
    border-color: #8a0033;
}






.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;
}

@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;
    }
}

@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;
    }
}



/* [-] (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 20px;
}

@media screen and (max-width: 767px) {
  .o-inner {
      padding: 0 15px;
  }
}



.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: #a8894a;
}

.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: .025em;*/
}

@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 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}

@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: 28px;
    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.5em;
    height: 2px;
    /*background: #666;*/
    /*-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: #666;*/
    /*-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
}



.a-heading_border-short-b_color-white:before {
    background: #fff;
}



.a-heading_border-short-b_color-90:before {
    background: #e5e5e5;
}

.a-heading_border-short-b_color-999:before {
    background: #999;
}

.a-heading_border-short-b_color-ccc:before {
    background: #ccc;
}

.a-heading_border-short-b_color-545454:before {
    background: #545454;
}

.a-heading_border-short-b_color-666:before {
    background: #666;
}



.a-heading_border-short-b_color-primary:before {
    background: #363636;
}

.a-heading_border-short-b_color-secondary:before {
    background: #a8894a;
}



.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: #666;*/
    -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 #ccc;*/
}

.a-heading_border-b-single:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ccc;
    /*-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: #ccc;
    -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: #666;
}



.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: #ccc;
    -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: #666;
    -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: #999;
    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: #999;
    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 #b3b3b3;
    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: 1em;
}

.a-icon_smartphone:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: .75em;
    height: 1em;
    -webkit-transform: translate(0%, -45%);
    -ms-transform: translate(0%, -45%);
    -o-transform: translate(0%, -45%);
    transform: translate(0%, -45%);
}

.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-s.a-icon_image-bg_arw-ccl:after {
    width: 24px;
    height: 24px;
    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;
    }
}



.a-icon_image-bg.a-icon_image-bg_arw-ccl-s.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-s.svg") 50% 50% no-repeat;
    background-size: cover;
}






.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: #fff;
}



.a-tag_bg-fill.a-tag_primary {
    background: #302184;
    border: #302184;
    color: #fff;
}



.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: #fff;
    color: #fff;
}






/* [-] (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: #999;
}

@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: #333;
}*/

.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: #666;
    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: #ccc;
}

.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: #333;
    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: #363636;
}






.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)
=========================================================================================== */

.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;*/

    -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%;
    }
}



.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;
}



/*.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-align-l,
.a-btn-wrap .a-btn-item.a-btn-align-l > a {
    text-align: left;
}*/

.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-wrap .a-btn-item.a-btn-align-c > a {
    margin: 0 auto;
    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-wrap .a-btn-item.a-btn-align-r > a {
    text-align: right;
}*/

.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;
}



.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: 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: #fff;
}






.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-fill.a-btn-primary > .a-btn,
.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a > .a-btn {
    background: #363636;
    border-color: #363636;
    color: #fff;
}

.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-fill.a-btn-primary > .a-btn:hover,
.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-primary > a > .a-btn:hover {
    background: #fff;
    border-color: #363636;
    color: #363636;
}



.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-gradient.a-btn-primary > .a-btn,
.a-btn-wrap .a-btn-item.a-btn-gradient.a-btn-primary > a > .a-btn {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    /*background-image: -webkit-gradient(linear,left top,right top,from(#363636),color-stop(50%,#00b4ff),to(#363636));*/
    background-image: linear-gradient(to right,#363636 0%,#00b4ff 50%,#363636 100%);
    background-size: 200% auto;
    background-position: left center;

    /*background: linear-gradient(30deg, #363636 0%, #00b4ff 90%);
    border-color: background: linear-gradient(30deg, #363636 0%, #00b4ff 90%);*/

    border: none;
    /*border-color: transparent;*/
    color: #fff;
}

.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-gradient.a-btn-primary > .a-btn:hover,
.a-btn-wrap .a-btn-item.a-btn-gradient.a-btn-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 #363636;*/
    /*color: #363636;*/
}






.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-fill.a-btn-secondary > .a-btn,
.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-secondary > a > .a-btn {
    background: #a8894a;
    border-color: #a8894a;
    color: #fff;
}

.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-fill.a-btn-secondary > .a-btn:hover,
.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-secondary > a > .a-btn:hover {
    background: #fff;
    color: #666;
}






.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: #666;
    border-color: #666;
    color: #fff;
}

.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: #fff;
    color: #666;
}






.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-fill.a-btn-quaternary > .a-btn,
.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-quaternary > a > .a-btn {
    background: #fff;
    border-color: #fff;
    color: #363636;
}

.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-fill.a-btn-quaternary > .a-btn:hover,
.a-btn-wrap .a-btn-item.a-btn-fill.a-btn-quaternary > a > .a-btn:hover {
    background: #363636;
    border-color: #363636;
    color: #fff;
}



.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: #fff;
}

.a-btn-wrap .a-btn-item.a-btn-bd > a > .a-btn:hover {
    color: #fff;
}


.a-btn-wrap .a-btn-item.a-btn-bd.a-btn-primary > a > .a-btn {
    border-color: #a8894a;
    color: #a8894a;
}

.a-btn-wrap .a-btn-item.a-btn-bd.a-btn-primary > a > .a-btn:after {
    border-color: #a8894a;
}

.a-btn-wrap .a-btn-item.a-btn-bd.a-btn-primary > a > .a-btn:hover {
    background: #a8894a;
    color: #fff;
}



.a-btn-wrap .a-btn-item.a-btn-bd.a-btn-tertiary > a > .a-btn:after {
    border-color: #666;
}

.a-btn-wrap .a-btn-item.a-btn-bd.a-btn-tertiary > a > .a-btn:hover {
    background: #7f7f7f;
}

.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-bd.a-btn-quaternary > .a-btn,
.a-btn-wrap .a-btn-item.a-btn-bd.a-btn-quaternary > a > .a-btn {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-bd.a-btn-quaternary > .a-btn:after,
.a-btn-wrap .a-btn-item.a-btn-bd.a-btn-quaternary > a > .a-btn:after {
    border-color: #fff;
}

.a-btn-wrap .a-btn-item.a-btn-no-link.a-btn-bd.a-btn-quaternary > .a-btn:hover,
.a-btn-wrap .a-btn-item.a-btn-bd.a-btn-quaternary > a > .a-btn:hover {
    background: #fff;
    border-color: #a8894a;
    color: #a8894a;
}



.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);
}

.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: #fff;
}

.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-bd.a-btn-tertiary > a > .a-btn {
    border-color: #ccc;
}






.a-btn-wrap .a-btn-item.a-btn-arw.a-btn-arw-img > a > .a-btn:after {
    top: 50%;

    right: 1.25em;
    width: 24px;
    height: 10px;
    /*right: -2em;
    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: 1em;
    /*right: -2.25em;*/
    
    transition: all 0.4s ease;
    
    /*background-blend-mode: exclusion;*/
    /*mix-blend-mode: exclusion;*/
}



.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-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-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;
}






.a-btn-wrap .a-btn-item.a-btn-bd.a-btn-arw.a-btn-arw-img.a-btn-tertiary > a > .a-btn:after {
    background: url("../images/common/icon_arw_bd-half-top_button-tertiary.svg") 50% 50% no-repeat;
    background-size: cover;
    transition: all 0.4s ease;
}






.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;
}



.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;
    }
}



.a-btn-effect-wrap .a-btn-effect.a-btn-effect-fill.a-btn-effect-primary .a-btn {
    background: #a8894a;
    border: 1px solid #a8894a;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-fill.a-btn-effect-tertiary .a-btn {
    background: #7f7f7f;
    border: 1px solid #7f7f7f;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-primary .a-btn {
    background: none;
    border: 1px solid #a8894a;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-tertiary .a-btn {
    background: none;
    border: 1px solid #7f7f7f;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-quaternary .a-btn {
    background: none;
    border: 1px solid #fff;
}



.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: #fff;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-primary .a-btn:after {
    background: #a8894a;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-tertiary .a-btn:after {
    background: #7f7f7f;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-quaternary .a-btn:after {
    background: #fff;
}



.a-btn-effect-wrap .a-btn-effect.a-btn-effect-fill .a-btn {
    color: #fff;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-primary .a-btn {
    color: #333;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-tertiary .a-btn {
    color: #333;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-quaternary .a-btn {
    color: #fff;
}



.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-primary .a-btn:hover {
    color: #a8894a;
}

.a-btn-effect.a-btn-effect-fill.a-btn-effect-tertiary .a-btn:hover {
    color: #7f7f7f;
}

.a-btn-effect.a-btn-effect-fill.a-btn-effect-quaternary .a-btn:hover {
    color: #fff;
}



.a-btn-effect.a-btn-effect-bd.a-btn-effect-primary .a-btn:hover {
    color: #fff;
}

.a-btn-effect.a-btn-effect-bd.a-btn-effect-tertiary .a-btn:hover {
    color: #fff;
}

.a-btn-effect.a-btn-effect-bd.a-btn-effect-quaternary .a-btn:hover {
    color: #a8894a;
}






.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;
}



.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;
    }
}



.a-btn-effect-wrap .a-btn-effect.a-btn-effect-fill.a-btn-effect-primary .a-btn {
    background: #a8894a;
    border: 1px solid #a8894a;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-fill.a-btn-effect-tertiary .a-btn {
    background: #7f7f7f;
    border: 1px solid #7f7f7f;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-fill.a-btn-effect-quaternary .a-btn {
    background: #fff;
    border: 1px solid #fff;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-primary .a-btn {
    background: none;
    border: 1px solid #a8894a;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-tertiary .a-btn {
    background: none;
    border: 1px solid #7f7f7f;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-quaternary .a-btn {
    background: none;
    border: 1px solid #fff;
}



.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: #fff;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-primary .a-btn:after {
    background: #a8894a;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-tertiary .a-btn:after {
    background: #7f7f7f;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-quaternary .a-btn:after {
    background: #7f7f7f;
}



.a-btn-effect-wrap .a-btn-effect.a-btn-effect-fill .a-btn {
    color: #fff;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-primary .a-btn {
    color: #333;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-tertiary .a-btn {
    color: #333;
}

.a-btn-effect-wrap .a-btn-effect.a-btn-effect-bd.a-btn-effect-quaternary .a-btn {
    color: #fff;
}



.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-primary .a-btn:hover {
    color: #a8894a;
}

.a-btn-effect.a-btn-effect-fill.a-btn-effect-tertiary .a-btn:hover {
    color: #7f7f7f;
}

.a-btn-effect.a-btn-effect-fill.a-btn-effect-quaternary .a-btn:hover {
    color: #fff;
}



.a-btn-effect.a-btn-effect-bd.a-btn-effect-primary .a-btn:hover {
    color: #fff;
}

.a-btn-effect.a-btn-effect-bd.a-btn-effect-tertiary .a-btn:hover {
    color: #fff;
}

.a-btn-effect.a-btn-effect-bd.a-btn-effect-quaternary .a-btn:hover {
    color: #a8894a;
}











.circleButton {
    height: 56px;
    max-width: 100%;
    position: relative;
    text-decoration: none;
    width: auto;
}

@media screen and (max-width: 979px) {
    .circleButton {
        height: 46px;
    }
}

@media screen and (max-width: 767px) {    .circleButton {
        height: 36px;
    }
}



.circleButton__label {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}



.circleButton__circle {
    display: block;
    border: 1px solid rgba(255,255,255,1);
    border-radius: 50%;
    width: 56px;
    height: 56px;
}

@media screen and (max-width: 979px) {
    .circleButton__circle {
        height: 46px;
        width: 46px;
    }
}

@media screen and (max-width: 767px) {
    .circleButton__circle {
        height: 36px;
        width: 36px;
    }
}

.circleButton__circle:hover {
    border: 1px solid rgba(255,255,255,.2);
}



.circleButton__circle__arc {
    height: 56px;
    left: -1px;
    position: absolute;
    top: -1px;
    transform: scaleX(-1) rotate(-90deg);
    transform-origin: center;
    width: 56px;
    z-index: 1;
}

@media screen and (max-width: 979px) {
    .circleButton__circle__arc {
        height: 46px;
        width: 46px;
    }
}

@media screen and (max-width: 767px) {
    .circleButton__circle__arc {
        height: 36px;
        width: 36px;
    }
}



.circleButton__circle__arc circle {
    stroke: #fff;
    stroke-dasharray: 176px;
    stroke-dashoffset: 176px;
    transition: stroke-dashoffset .75s cubic-bezier(.19,1,.22,1)
}

.circleButton__circle__arrow {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
}

@media screen and (max-width: 979px) {
    .circleButton__circle__arrow {
        width: 46px;
        height: 46px;
    }
}

@media screen and (max-width: 767px) {
    .circleButton__circle__arrow {        width: 36px;
        height: 36px;
    }
}

.circleButton__circle__arrow:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: url("../images/common/icon_arw_bd-half-top-s_button-white.svg") 50% 46% no-repeat;
    background-size: 26px auto;
    z-index: 2
}

@media screen and (max-width: 979px) {
    .circleButton__circle__arrow:after {
        background: url("../images/common/icon_arw_bd-half-top-s_button-white.svg") 50% 46% no-repeat;
        background-size: 21px auto;
    }
}

@media screen and (max-width: 767px) {
    .circleButton__circle__arrow:after {
        background: url("../images/common/icon_arw_bd-half-top-s_button-white.svg") 50% 46% no-repeat;
        background-size: 16px auto;
    }
}



.circleButton--wh .circleButton__circle__arc circle {
    stroke: #fff
}

.circleButton--wh .circleButton__circle__arrow {
    background-image: url("../images/common/icon_arw_bd-half-top-s_button-white.svg");
    background-size: cover;

    opacity: 1;
    transition: .2s ease;
}

.circleButton--wh .circleButton__circle__anchor {
    border-color: #fff
}



body:not(.touch) .circleButton:hover .circleButton__circle__arc circle {
    stroke-dashoffset: 0px
}

@media screen and (max-width: 979px) {
    .circleButton:hover .circleButton__circle__arc circle {
        display: none;
    }
}






/*.m-kv_index .circleButton__circle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}



.m-kv_index .circleButton {
    display: inline-block;
    height: 56px;
    padding: 0 73px 0 0;
}
@media screen and (max-width: 979px) {
    .m-kv_index .circleButton {
        padding: 0 63px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index .circleButton {
        padding: 0 53px 0 0;
    }
}



.m-kv_index .circleButton__label {
    height: 56px;
    font-size: 18px;
    font-weight: 400;
    line-height: 56px;
    color: #fff;
    letter-spacing: .1em;

}

@media screen and (max-width: 979px) {
    .m-kv_index .circleButton__label {
        height: 46px;
        font-size: 16px;
        line-height: 46px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index .circleButton__label {
        height: 36px;
        font-size: 15px;
        line-height: 36px;
    }
}*/






.m-kv_index .circleButton__circle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}



.m-kv_index .circleButton {
    display: inline-block;
    height: 36px;
    padding: 0 73px 0 0;
}
@media screen and (max-width: 979px) {
    .m-kv_index .circleButton {
        padding: 0 30px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index .circleButton {
        padding: 0 26px 0 0;
    }
}



.m-kv_index .circleButton__label {
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    color: #fff;
    letter-spacing: .1em;

}

@media screen and (max-width: 979px) {
    .m-kv_index .circleButton__label {
        height: 30px;
        font-size: 16px;
        line-height: 46px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv_index .circleButton__label {
        height: 26px;
        font-size: 15px;
        line-height: 26px;
    }
}






.heading_card_products_index .circleButton__circle {
    display: block;
    position: absolute;
    left: 50%;
    top: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}






/* [-] (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: #fff;
}

.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:#666;
}

@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:#666;
}

@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:#666;
    }
}*/



/* [-] (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;*/
}



/* [-] (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: #333;
}






/* [-] .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



Color
blue
2ca6e0

pc bd 
c5cbe0
cad0e6
c8cee3

sp bd gray
d9d9d9

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

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

/*.t-wrapper {
    width: 100%;
    height: 100%;
}*/

#cate_adsaku,
.cate_img,
#main_img {
    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: 100px;
  /*height: 70px;*/

  /*background: transparent;*/
  background: #fff;
}

.header:before {
  content: '';
  display: table;
}

.header:after {
  content: '';
  display: table;
  clear: both;
}

.header-inner {
  position: relative;
  width: 100%;
  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: 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: 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: 100px;
  /*height: 70px;*/
  padding: 0 20px;
  /*padding: 0 15px;*/
  font-size: 15px;
  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: #fff;*/
  color: #333;
}

.header__nav-g-pc .list-main > li > a.search {
  position: relative;
  display: block;
  width: 70px;
  /*height: 100px;*/
  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: #444;
}

.header__nav-g-pc .list-main > li > a.search {
  background: #333;
}*/

.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: #ccc;
    -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: #999;
}

.header__nav-g-pc .list-language > li > :not([href]) {
    margin-left: 0;
    color: #333;
}



/*.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 #fff;
    font-size: 12px;
    color: #999;
}

.header__nav-g-pc .list-language li.active  {
    background: #fff;
}

.header__nav-g-pc .list-language li.active > a {
    display: block;
    margin: 0;
    padding: 0;
    font-size: inherit;
    color: #fff;
}*/



/* [-] .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: #fff;
}

.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: #758fa0;
    letter-spacing: 0.05em;
}

.search-inner {
    position: relative;
}

/*.search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    font-size: 18px;
    background: #333;
    border-style: solid;
    border-color: #777;
    border-width: 1px 1px 1px 0;
    color: #fff;
}

.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 #ccc;
    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: #333;
    border-style: solid;
    border-color: #777;
    border-width: 1px 1px 1px 0;
    color: #fff;
}*/

.header__nav-g-search-sub .search-btn {
    position: absolute;
    right: 0px;
    top: 36px;
    width: 60px;
    height: 60px;

    font-size: 18px;
    background: #333;
    border-style: solid;
    border-color: #777;
    border-width: 1px 1px 1px 0;
    color: #fff;

    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: #fff;
}

.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: #fff;
    opacity: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.header:after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    /*height: 100px;*/
    height: 70px;
    background: #fff;
    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: #fff;

    -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: #333;
}






/* [-] .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: #fff;*/
    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: #a8894a;
    -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: 70px;
    /*visibility: visible;*/
    height: auto;
    opacity: 1;

    display: none;
}

.header__nav-g-pc .header__nav-g-low-pc a {
    color: #fff;
}

.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: #cad0e6;
}

.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: #fff;
}

.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: #fff;
}

.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: #fff;
    -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: #fff;
}

.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: #fff;
    -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: #c8cee3;
    -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 #969696;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
}

.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 #969696;
    font-size: 12px;
    color: #fff;
}

.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 #cad0e6;
    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: #fff;
    border-color: #fff;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a {
    background: none;
    border-color: #cad0e6;
}

.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: #a8894a;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a > span {
    color: #fff;
}

.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: #a8894a;
}

.header__nav-g-pc .contact .header__nav-g-low-pc .list-sub01 .btn-utility-wrap .btn-secondary-bd a > span:before {
    border-color: #c8cee3;
}



/* [-] @media screen and (max-width: 979px) {
=========================================================================================== */

/*@media screen and (max-width: 1024px) {*/
@media screen and (max-width: 979px) {

    .header {
        height: 50px;
    }

    .header:after {
        height: 50px;
    }

    .header-inner {
      width: 100%;
      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: #363636;
    }

    .header__trigger span:before {
      content: '';
      display: block;
      width: 25px;
      height: 2px;
      position: absolute;
      left: 0;
      top: 0;
      background: #363636;
      -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: #363636;
      -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: #363636;
      border-right: none;
      text-align: left;
    }

    .header__nav-g-sp .list-main {
      border-top: 1px solid #969696;
    }

    .header__nav-g-sp li a {
      display: block;
      position: relative;
      padding: 20px 20px;
      background: #363636;
      border-left: none;
      border-bottom: 1px solid #969696;
    }

    .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: #fff;
    }

    .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: #fff;
    }

    .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: #a8894a;
      border-left: none;
      border-bottom: 1px solid #cad0e6;
      /*font-weight: 700;*/
      color: #fff;
      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: #fff;
        -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: #737373;
      border-bottom: 1px solid #cad0e6;
      font-weight: 400;
      color: #fff;
    }

    .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: #fff;
    }

    .header__nav-g-sp .accordion-body {
      display: none;
    }

    .header__nav-g-sp .accordion-body li a {
      background: #f2f2f2;
      border-bottom: 1px solid #a6a6a6;
      color: #333;
    }



    /* [-] .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: #fff;
    }

    .header__nav-g-sp .list-tel .emphasis-wrap .emphasis-primary {
        margin-bottom: 10px;
        padding: 10px 20px;
        border: 1px solid #969696;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }

    .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 #969696;
        font-size: 12px;
        color: #fff;
    }

    .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: #363636;
      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: #fff;
    }

    .header__nav-g-sp .list-tel li a span.area {
      display: inline-block;
      margin-bottom: 3px;
      padding: 2px 20px;
      border: 1px solid #cad0e6;
      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-left: 26px;
      padding-right: 15px;
      font-size: 30px;
      /*font-size: 22px;*/
      font-weight: 700;
    }

    .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 #fff;
        border-radius: 2px;
        /*border-radius: 50px;*/
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        color: #fff;
    }

    .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 #fff;
        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 #fff #fff;
        -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: #e5e5e5;
        -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: #fff;
    }

    .header__nav-g-sp .list-language li.off > a > span {
        color: #ccc;
    }



    /* [-] .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: #666;
}



.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: #fff;
}

.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 #ccc;
    }
}



@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: #333!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 #ccc;
      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: #545454;
}



@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: #ccc #ccc 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: #999;
    -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 #7f7f7f;
      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: #8c8c8c !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: #999 #999 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: #fff;
}

.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 #666;
    color: #8c8c8c;
}

.t-footer_bottom_item:last-of-type a {
  border-right: none;
}



.t-footer_copyright {
    background: #fff;
    border-top: 1px solid #e5e5e5;
}

.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: #7f7f7f !important;
}






.t-footer_address {
    background: #fff;
}

.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;
    }
}


.t-footer_address_tel-number,
.t-footer_address_address,
.t-footer_address_name {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    color: #333 !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: #7f7f7f !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: #a8894a;
    border-right: none;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #fff;
}

.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: #999;
}

.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: #fff;
    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: #a8894a;
    border-right: none;
    border-bottom: 1px solid #fff;
}

.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 #fff;
        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: #fff;

    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-bottom: 1px solid #ededed;
}



.m-breadcrumb ul {
    overflow: hidden;
    padding: 15px;
}

.m-breadcrumb ul:after {
    content: "";
    display: block;
    clear: both;
}



.m-breadcrumb ul li {
    position: relative;
    float: left;
    margin-left: 5px;
    font-size: 11px;
    color: #636365;
}

.m-breadcrumb ul li:first-child {
    margin-left: 0;
}

.m-breadcrumb ul li a {
    color: #636365;
    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: #999;
    -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: #545454;
}

#sec-topicpath .topicpath-wrap #breadCrumb li > strong {
    font-weight: 400;
}

#sec-topicpath .topicpath-wrap #breadCrumb li a {
    text-decoration: underline;
    color: #545454;
}

#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: #545454;
    }

    #sec-topicpath .topicpath-wrap #breadCrumb li > strong {
        font-weight: 400;
    }

    #sec-topicpath .topicpath-wrap #breadCrumb li a {
        text-decoration: underline;
        color: #545454;
    }

    #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: #666;
}

@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: #ccc;
    border-radius: 50%;

    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.m-link_text_anchor_fix a:hover::before {
    background: #363636 !important;
}

.m-link_text_anchor_fix a.is-current::before {
    background: #363636 !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: #fff;
    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-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: #fff;
    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
=========================================================================================== */

.gmap{
    width: 100%;
    /*height:400px;*/
    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%;
    }
}






/* [-] .m-cursor-stalker
=========================================================================================== */

/* 240314---1119---ok */
:root {
    --cursor-size: 8px;
    --cursor-color: #ff0000;
    --chaser-size: 40px;
    --chaser-color: 255, 203, 203;
    --chaser-color-opacity: .2;
    --chaser-easing-speed: .3s;
    --chaser-active-color-opacity: .4;
    --chaser-active-magnification: 1.5;
}

/*:root {
    --cursor-size: 8px;
    --cursor-color: #ff0000;
    --chaser-size: 40px;
    --chaser-color: 82, 0, 0;
    --chaser-color-opacity: .3;
    --chaser-easing-speed: .3s;
    --chaser-active-color-opacity: .5;
    --chaser-active-magnification: 2;
}*/

/*$cursor-size: 8px;
$cursor-color: #292929;
$chaser-size: 40px;
$chaser-color: #d1d1e0;
$chaser-color-opacity: .3;
$chaser-easing-speed: .3s;
$chaser-active-color-opacity: .5;
$chaser-active-magnification: 2;*/



body {
    position: relative;
    cursor: none;
    /*font-family: 'Quicksand', sans-serif;*/
}

@media screen and (max-width: 979px) {
    body {
        cursor: default;
    }
}

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

}



.m-cursor_item,
.m-cursor_chaser {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

@media screen and (max-width: 979px) {
    .m-cursor_item,
    .m-cursor_chaser {
        display: none;
    }
}

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

}



.m-cursor_item {
    width: var(--cursor-size);
    height:  var(--cursor-size);
    background-color: var(--cursor-color);
    z-index: 99999;
    cursor: none;
}
#js-chaser,
.m-cursor_chaser {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--chaser-size);
    height:  var(--chaser-size);
    background-color: rgba(var(--chaser-color), var(--chaser-color-opacity));
    z-index: 1000;
    transition: transform ease var(--chaser-easing-speed);
    text-align: center;

    z-index: 99999;
}
#js-chaser.is-active,
.m-cursor_chaser.is-active {
    background-color: rgba(var(--chaser-color), var(--chaser-active-color-opacity));
    transform: scale(var(--chaser-active-magnification));
  }

/*.m-cursor_chaser {
  display: flex;
  justify-content: center;
  align-items: center;
  width: $chaser-size;
  height:  $chaser-size;
  background-color: rgba($chaser-color, $chaser-color-opacity);
  z-index: 1000;
  transition: transform ease $chaser-easing-speed;
  text-align: center;
  &.is-active {
    background-color: rgba($chaser-color, $chaser-active-color-opacity);
    transform: scale($chaser-active-magnification);
  }
}*/



.m-cursor_block {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}



.m-cursor_block .m-cursor_button {
    display: inline-block;
    width: 300px;
    margin: 16px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.075em;
    line-height: 1;
}

.m-cursor_block .m-cursor_button .m-cursor_button_anchor {
    display: block;
    color: #5a5ae3;
    text-decoration: none;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #5a5ae3;
    cursor: none;
    transition: all .5s;
}

/*.m-cursor_block .m-cursor_button:hover {
    color: #ffffff;
    background-color: #5a5ae3;
}*/

/*.m-cursor_button {
  display: inline-block;
  width: 300px;
  margin: 16px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.075em;
  line-height: 1;
  &__anchor {
    display: block;
    color: #5a5ae3;
    text-decoration: none;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #5a5ae3;
    cursor: none;
    transition: all .5s;
    &:hover {
      // color: #ffffff;
      // background-color: #5a5ae3;
    }
  }
}*/



body.contact_page {
    cursor: auto;
}

body.contact_page .m-cursor_block .m-cursor_button .m-cursor_button_anchor,
body.contact_page .m-cursor_block .m-cursor_button,
body.contact_page .m-cursor_block,
body.contact_page .m-cursor_chaser,
body.contact_page .m-cursor_item {
    display: none;
}
/* 240314---1119---ok   END */






/* 240313---1755---ok */
/*.mouse-stalker {
  background: rgba(255, 0, 0, .8);
  border-radius: 50%;
  position: fixed;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  transition:
    transform 0.25s,
    width .5s, height .5s,
    background-color .5s;
  transition-timing-function: ease-out;
  z-index: 99999;
}

@media screen and ( max-width: 599px ) {
    display: none;
}



.mouse-stalkersub {
  background: rgba(255, 0, 0, .2);
  border-radius: 50%;

  position: fixed;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;

  transition:
    transform .9s,
    width .9s, height .9s,
    background-color .9s;
  transition-timing-function: ease-out;
  z-index: 99999;
}*/
/* 240313---1755---ok   END */






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

// Page Style

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



/* [-] .header (page)
------------------------------------------------------------------------------------------- */

/* BG */
.__index .header {
    background: transparent;
}



.__index .change-header.header {
    background: #fff;
}






/* logo */
.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;
}






@media screen and (max-width: 979px) {
    .change-header.header .header__logo img,
    .header__logo img {
        width: 100px;
        height: auto;
    }
}

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

}



@media screen and (max-width: 979px) {
    .change-header.header .header__logo,
    .header__logo {
        top: 2px;
    }
}

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

}






/* Nav */
.__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: #fff;
}






/* SP Menu */
.__index .header__trigger span:after,
.__index .header__trigger span:before,
.__index .header__trigger span {
    background: #fff;
}



.__index .change-header.header .header__trigger span:after,
.__index .change-header.header .header__trigger span:before,
.__index .change-header.header .header__trigger span {
    background: #363636;
}



.__index.is-active .change-header.header .header__trigger span {
    background: #fff;
    /*background-color: rgba(252, 255, 255, 0);*/
}






/* 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: .25em;
    width: .8em;
    height: .8em;
    background: url(../images/common/icon-nav-g-smartphone.svg) 0 0 no-repeat;
    background-size: auto .8em;
}






/* 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;
    }
}



.t-footer_nav {
    padding: 0 25px;
}

@media screen and (max-width: 979px) {
    .t-footer_nav {
        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;
}*/












.t-footer_sitemap_inner {
    width: 1200px;
    padding: 70px 20px 10px;
}

@media screen and (max-width: 979px) {
    .t-footer_sitemap_inner {
        width: 100%;
        padding: 70px 20px 30px;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_sitemap_inner {
        padding: 60px 20px 30px;
    }
}






.t-footer_link-primary {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
}

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

}

@media screen and (max-width: 767px) {
    .t-footer_link-primary {
        font-size: 16px;
    }
}



.t-footer_nav {
    padding: 0 0 0 2em;
}

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

}

@media screen and (max-width: 767px) {
    .t-footer_nav {
        padding: 0 0 0 0;
    }
}



.t-footer_grid {
    border-top: none;
}



.t-footer_grid_item:first-child .t-footer_nav {
    padding: 0 0 0 0;
}



.t-footer_link-primary {
    border: none;
    padding: 0;
}

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

}

@media screen and (max-width: 767px) {
    .t-footer_link-primary {
        padding: .5em 0 .5em;
    }
}



.t-footer_link-primary:after,
.t-footer_link-primary:before {
    content: none;
}






.t-footer_copyright_inner {
    width: 1200px;
    padding: 40px 20px 50px;
}

@media screen and (max-width: 979px) {
    .t-footer_copyright_inner {
        width: 100%;
        padding: 30px 20px 40px;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_copyright_inner {
        padding: 25px 20px 30px;
    }
}




.t-footer_copyright {
    border: none;
}



.t-footer_copyright {
    font-size: 15px !important;
    color: #363636 !important;
}

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

}

@media screen and (max-width: 767px) {
    .t-footer_copyright {
        font-size: 14px !important;
    }
}






/* [-] .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: 650px;*/
    margin: 0 auto;
}

@media screen and (max-width: 979px) {
    .m-kv_index {
        /*max-height: 350px;*/
        /*padding-top: 50px;*/
    }
}



.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.1;
    color: #fff;

    /*transform: skewX(-10deg);*/

    /*border-bottom: 1px solid #fff;*/
}

@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: #fff;
    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: #fff;
    -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: #fff;
    -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: #fff;

    -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: #fff;
}

@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: #fff;
    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: #fff;
}



.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: #fff;
    -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: #fff;
}*/



.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: #545454;
}

.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: #a8894a;
    font-size: 13px;
    line-height: 1.2;
    color: #fff;
}

@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: #fff;
}

@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: #fff;
    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: #333;
}*/

/*.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: #333;
    border-radius: 50%;
    opacity: 1;

    background: #333;
    opacity: .2;
    color: #333;
}

.slick-dots li.slick-active button::before {
    background: #333;
    opacity: 1;
    color: #333;
}



.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: #999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/



/* [-] .m-slider-primary
------------------------------------------------------------------------------------------- */

.m-slider-primary {
    position: relative;
    overflow: visible;
    /*overflow: hidden;*/
    width: 100%;
    /*height: 0;*/
    height: 550px;
    /*padding-top: 34.7%;*/
}

.m-slider-primary .slider {
    height: 550px !important;
}

.m-slider-primary .slider .slick-list {
    height: 550px !important;
}

.m-slider-primary .slider .slick-list .slick-track,
.m-slider-primary .slider .slick-list .slick-list {
    height: 550px !important;
}

.m-slider-primary .slider .slick-list .slick-track .slick-slide,
.m-slider-primary .slider .slick-list .slick-list .slick-slide {
    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: 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: 550px !important;
}

.m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div > a {
    height: 550px !important;
}

@media screen and (max-width: 979px) {
    .m-slider-primary {
        height: 400px;
    }

    .m-slider-primary .slider {
        height: 400px !important;
    }

    .m-slider-primary .slider .slick-list {
        height: 400px !important;
    }

    .m-slider-primary .slider .slick-list .slick-track,
    .m-slider-primary .slider .slick-list .slick-list {
        height: 400px !important;
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide,
    .m-slider-primary .slider .slick-list .slick-list .slick-slide {
        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: 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: 400px !important;
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div > a {
        height: 400px !important;
    }
}

@media screen and (max-width: 767px) {
    .m-slider-primary {
        height: 400px;
        /*height: 370px;*/
        /*height: 250px;*/
        /*padding-top: 51.020408%;*/
    }

    .m-slider-primary .slider {
        height: 400px;
    }

    .m-slider-primary .slider .slick-list {
        height: 400px;
    }

    .m-slider-primary .slider .slick-list .slick-track,
    .m-slider-primary .slider .slick-list .slick-list {
        height: 400px;
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide,
    .m-slider-primary .slider .slick-list .slick-list .slick-slide {
        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: 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: 400px;
    }

    .m-slider-primary .slider .slick-list .slick-track .slick-slide > div > div > a {
        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, .35);
    
    z-index: 0;
}

@media screen and (max-width: 767px) {
    .m-slider-primary:after {
        background-color: rgba(0, 0, 0, .2);
    }
}



.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_kv-01_index_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_kv-01_index_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_kv-02_index_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_kv-02_index_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: #fff;
    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 #999;
    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;
}



/* [-] .m-accordion
=========================================================================================== */

.m-accordion_toggle {
  position: relative;
  display: block;
  width: 100%;
  background: #999;
  border-left: none;
  border-bottom: 1px solid #999;
  color: #fff;
  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: #fff;
    -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: #a8894a;
    color: #1183e4;
    font-weight: 400;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    padding: 12px 25px;

    color: #fff;
}

.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: #fff;
    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: #fff;
}

@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: #a8894a;
}

@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: #fff;
}

.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 #ccc;
}

@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 #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    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: #fff;
    border-top: 2px solid #a8894a;
    color: #333;
}

.m-tab_primary .m-tab_navi_item span {
    display: block;
    padding: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    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: #333;
}

.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-eyecatch
------------------------------------------------------------------------------------------- */

.m-eyecatch {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2.75em;
    height: 2.75em;
    background: #363636;
    text-align: center;
    color: #fff;
}

@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: #363636;
}



.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: #fff;
}

.m-text__button-primary_image-bg .ja {
    display: inline-flex;
    margin-bottom: .3em;
    font-size: 22px;
    line-height: 1.4;
    color: #fff;
}

@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: #666;
    -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: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    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: #fff;
}

.m-text__button-secondary_image-bg .ja {
    display: block;
    margin-bottom: .3em;
    font-size: 22px;
    line-height: 1.4;
    color: #fff;
}

@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: #666;
    -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: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 50%;
}*/



/* [-] .sec-introduction
------------------------------------------------------------------------------------------- */

.sec-introduction {
    padding: 100px 0;
    background: #fff;
}

@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: #fff;
    -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: #fff;
}

@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: #fff;
}



.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 #ccc;

}

@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: #fff;
}

@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: #fff;
}

@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: 'Roboto', sans-serif;
    font-size: 29px;
    font-weight: 600;
    /*font-weight: 400;*/
    line-height: 1.4;
    color: #fff;
    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: #fff;
}

@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: #fff;
}*/



/* [-] .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: #fff;
}

@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: #fff;
}

@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: block;
    font-size: 34px;
    font-weight: 400;
}

@media screen and (max-width: 979px) {
    .a-heading-02-primary.a-heading-02-primary_index {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-02-primary.a-heading-02-primary_index {
        font-size: 24px;
    }
}



.a-heading-02-primary-sub.a-heading-02-primary-sub_index {
    display: block;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .025em;
}

@media screen and (max-width: 979px) {
    .a-heading-02-primary-sub.a-heading-02-primary-sub_index {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .a-heading-02-primary-sub.a-heading-02-primary-sub_index {
        font-size: 14px;
    }
}






/* [-] (Heading Lower)
=========================================================================================== */

/*.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: #ccc;
}

.a-heading_border-b-double:after {
    background: #363636;
}






.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: 26px !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: 20px;
    }
}

@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: 36px;
}

@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: 20px;
}

@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: #999;
}


/* [-] (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;
    }
}



/* [-] .image_bg_gap-primary_content
=========================================================================================== */

/*.m-figure_bg.image_bg_gap-secondary_content,
.m-figure_bg.image_bg_gap-primary_content {
    padding-top: 100px;
}

@media screen and (max-width: 979px) {
    .m-figure_bg.image_bg_gap-secondary_content,
    .m-figure_bg.image_bg_gap-primary_content {
        padding-top: 70px;
    }
}

@media screen and (max-width: 767px) {
    .m-figure_bg.image_bg_gap-secondary_content,
    .m-figure_bg.image_bg_gap-primary_content {
        padding-top: 50px;
    }
}



.image_bg_gap-primary_content:after {
    background: url("../images/common/image_bg_gap-primary_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .image_bg_gap-primary_content:after {
        background: url("../images/common/image_bg_gap-primary_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.image_bg_gap-secondary_content:after {
    background: url("../images/common/image_bg_gap-secondary_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .image_bg_gap-secondary_content:after {
        background: url("../images/common/image_bg_gap-secondary_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}*/






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

.a-border_horizontalrule {
    /*display: block;
    width: 100%;
    height: 1px;*/
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #363636;
}






/* [+] (Site Common Parts)(Works)
=========================================================================================== */

/* Works Images */
.wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
    position: relative;
    padding-top: 450px;
}

@media screen and (max-width: 979px) {
    .wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 450px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 250px;
    }
}



.wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
    padding-top: 450px;
}

@media screen and (max-width: 979px) {
    .wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 450px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 250px;
    }
}

/*.wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
    position: relative;
    padding-top: 150px;
}

@media screen and (max-width: 979px) {
    .wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 200px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg {
        padding-top: 200px;
    }
}



.wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
    padding-top: 150px;
}

@media screen and (max-width: 979px) {
    .wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 175px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works_secondary.wrapper_works .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span {
        padding-top: 175px;
    }
}*/






.wrapper_works_secondary .m-item__button-primary_image-bg a .m-image__button-primary_image-bg > span:before {
    /*content: none;*/
    background: rgba(0, 0, 0, .125);
}






/* Works Title */
.title_works_wrapper {
    margin-top: 1em;
    line-height: 1.2;
}



.title_works_wrapper-nest-lv-02 {
    display: -webkit-box;
    display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-align: center;
    align-items: center;
}



.title_works.primary {
    display: block;

    /*width: 100%;*/

    margin-bottom: .25em;
    font-size: 16px;
    line-height: 1.6;
}

.title_works.secondary {
    display: block;
    /*display: inline;*/

    padding-left: .5em;
    padding-bottom: .25em;
    font-size: 12px;
    line-height: 1.6;
    color: #999;
}



/* 非表示 */
.tag_works {
    display: none;
    /*display: inline;*/

    margin-top: 0;
    font-size: 12px;
    line-height: 1.6;
}



.note_works {
    position: relative;
    display: inline;
    padding-left: 1em;
    font-size: 12px;
}

.note_works.primary {
    padding-left: 0;
}



.note_works::before {
    content: '';
    display: block;
    position: absolute;
    left: .25em;
    top: 0;
    width: 1px;
    height: 1em;
    background: #999;

    -webkit-transform: translate(0%, .35em);
    transform: translate(0%, .35em);
}

.note_works.primary::before {
    content: none;
}



/* 非表示 */
.note_works.primary {
/*.note_works.primary:not(.title_works ~ span) {*/

    /*display: none;*/
    display: inline;

    padding-bottom: .5em;
}






/*.works_content.low_contents .title_works .title_primary .title_primary_main,
.wrapper_works_index_secondary .title_works .title_primary .title_primary_main {
    display: block;
    margin-top: .25em;
    font-size: 16px;
    line-height: 1.6;
}

.works_content.low_contents .title_works .title_primary .title_primary_sub,
.wrapper_works_index_secondary .title_works .title_primary .title_primary_sub {
    display: inline-block;
    padding-left: 0.5em;
    font-size: 14px;
    line-height: 1.6;
}



.works_content.low_contents .title_works .title-secondary,
.wrapper_works_index_secondary .title_works .title-secondary {
    display: block;
    margin-top: .75em;
    font-size: 12px;
    line-height: 1.6;
}


.works_content.low_contents .title_works .title-tertiary,
.wrapper_works_index_secondary .title_works .title-tertiary {
    margin-top: 0.5em;
    font-size: 12px;
    line-height: 1.6;
}*/






/* Works Images Credit */
/* Low / Works Top / Secondary Top / Primary Top  */
.contents-detail_works .item_contents-detail_works > div:before,
.works_content.low_contents .m-image__button-primary_image-bg:before,
.wrapper_works_index_secondary .m-image__button-primary_image-bg:before,
.wrapper_works_index_primary .m-image__button-primary_image-bg:before {

    content: '';
    /*content: '©SATOSHI ASAKAWA';*/

    display: block;
    position: absolute;
    right: .75em;
    bottom: .5em;
    font-size: 10px;
    line-height: 1.4;
    color: #fff;
    z-index: 1;
    opacity: .75;
}



/* .__none_none */
.contents-detail_works .__none_none.item_contents-detail_works > div:before,
.works_content.low_contents .__none_none.m-image__button-primary_image-bg:before,
.wrapper_works_index_secondary .__none_none.m-image__button-primary_image-bg:before,
.wrapper_works_index_primary .__none_none.m-image__button-primary_image-bg:before {
    content: none;
    right: .75em;
}



/* .__satoshi_asakawa */
.contents-detail_works .__satoshi_asakawa.item_contents-detail_works > div:before,
.works_content.low_contents .__satoshi_asakawa.m-image__button-primary_image-bg:before,
.wrapper_works_index_secondary .__satoshi_asakawa.m-image__button-primary_image-bg:before,
.wrapper_works_index_primary .__satoshi_asakawa.m-image__button-primary_image-bg:before {
    content: '©SATOSHI ASAKAWA';
    right: .75em;
}



/* .__design_atelier_rondo */
/* Design Atelier 円舞 */
.contents-detail_works .__design_atelier_rondo.item_contents-detail_works > div:before,
.works_content.low_contents .__design_atelier_rondo.m-image__button-primary_image-bg:before,
.wrapper_works_index_secondary .__design_atelier_rondo.m-image__button-primary_image-bg:before,
.wrapper_works_index_primary .__design_atelier_rondo.m-image__button-primary_image-bg:before {
    content: '©Design Atelier 円舞';
    right: .75em;
}a



/* .__hoge_hoge */
.contents-detail_works .__hoge_hoge.item_contents-detail_works > div:before,
.works_content.low_contents .__hoge_hoge.m-image__button-primary_image-bg:before,
.wrapper_works_index_secondary .__hoge_hoge.m-image__button-primary_image-bg:before,
.wrapper_works_index_primary .__hoge_hoge.m-image__button-primary_image-bg:before {
    content: '©hoge hoge';
    right: .75em;
}






/* Works Tag */
/*.works_content.low_contents .a-tag,
.wrapper_works_index_secondary .a-tag {
    margin-bottom: 1px;
}



.works_content.low_contents .a-tag.a-tag_sss.a-tag_primary,
.wrapper_works_index_secondary .a-tag.a-tag_sss.a-tag_primary {
    color: #363636;
    border-color: #363636;
}*/







/* [+] .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: #fff;
}

.recruiter_index .contact_content .a-heading-02-2nd_secondary,
.employer_index .contact_content .a-heading-02-2nd_secondary {
    color: #fff;
}



.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: #a8894a;
    z-index: 99999;
}



/* [-] .footer
=========================================================================================== */

/*.t-footer {
    background: linear-gradient(-135deg, #5a67a8, #a8894a);
}*/



.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: 280px;
    margin-right: auto;
}

@media screen and (max-width: 979px) {
    .t-footer_address_name {
        width: 260px;
    }
}

@media screen and (max-width: 767px) {
    .t-footer_address_name {
        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: #a8894a;
    /*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: #a8894a;
    border-color: #a8894a;
}

@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: #666;
}

.menu_index .list-wrap li .a-btn-wrap .a-btn-item > a:hover > .a-btn .lead {
    color: #fff;
}

@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: #a8894a;
}*/



.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: #fff;

    -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 #a8894a;

    -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)
=========================================================================================== */

/* slider */
@media screen and (max-width: 979px) {

}

@media screen and (max-width: 767px) {
    .m-kv_index .m-slider-primary {
        height: 350px;
    }
}



@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: 350px !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: 350px !important;
    }
}






/* 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: #fff;
}

.dots-class li::before {
    display: block;
    /*background-color: #fff;*/
    /*transition: background-color 0.4s;*/

    /*content: "";
    background-color: #fff;
    -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: #fff;
  /*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: #fff;
  opacity: .9;
  animation: circle-anime 10s;
}*/



/*.loading-ccl {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: #fff;
    opacity: .9;
    animation: circle-anime 10s;
}*/

/*.dots-class li::before path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: #fff;
    opacity: .9;
    animation: circle-anime 10s;
}*/

.dots-class li.slick-active::before {
    /*fill: rgba(0, 0, 0, 0);
    stroke: #fff;
    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: #fff;
    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: #fff;
    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: #fff;*/
}

.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: #fff;
    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: #fff;
        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: #fff;
}

.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: #fff !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);
        }
}*/








/* slider credit */
.m-kv_index .credit_works_slider_index {
    content: '©SATOSHI ASAKAWA';
    display: block;
    position: absolute;
    right: 1.5%;
    bottom: 1em;
    font-size: 10px;
    line-height: 1.4;
    color: #fff;
    z-index: 1;
    opacity: .5;
}

.m-kv_index .wrapper_works_index_primary .m-image__button-primary_image-bg:before {
    content: none;
}





/*.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: #363636;
}

.m-kv_index_content_button_item .a-btn-wrap .a-btn-item.a-btn-fill.a-btn-quaternary > a:hover > .a-btn {
    color: #fff;
}*/






/* [-] .mission_index
=========================================================================================== */

/*.mission_index .m-figure_bg {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 70px;
    position: relative;
    background: #fff;
    z-index: -1;
}

@media screen and (max-width: 979px) {
    .mission_index .m-figure_bg {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .mission_index .m-figure_bg {
        padding-bottom: 40px;
    }
}




.mission_index .m-figure_bg:after,
.mission_index .m-figure_bg:before {
    display: inline-block;
    position: absolute;
    width: unset;
    height: unset;
    background: none;

    font-size: 215px;
    font-weight: 400;
    line-height: 1;
    color: #f7faf6;
    letter-spacing: -.04em;

    opacity: .5;
    z-index: -1;
}

@media screen and (max-width: 979px) {
    .mission_index .m-figure_bg:before {
        font-size: 175px;
    }
}

@media screen and (max-width: 767px) {
    .mission_index .m-figure_bg:before {
        font-size: 175px !important;
    }
}



.mission_index .m-figure_bg:before {
    content: 'HOGE';
    right: -1em;
    left: auto;
    bottom: auto;
    top: -.15em;
}

@media screen and (max-width: 979px) {
    .mission_index .m-figure_bg:before {
        right: -2.25em;
        top: -.15em;
    }
}

@media screen and (max-width: 767px) {
    .mission_index .m-figure_bg:before {
        right: -3.25em;
        top: -.15em;
    }
}



.mission_index .m-figure_bg:after {
    content: 'FUGA';
    right: auto;
    left: -2em;
    bottom: -.15em;
    top: auto;
}

@media screen and (max-width: 979px) {
    .mission_index .m-figure_bg:after {
        left: -3.75em;
    }
}

@media screen and (max-width: 767px) {
    .mission_index .m-figure_bg:after {
        left: -4.5em;
    }
}*/






/*.bg-logo-w_title_mission_index {
    display: block;
    position: absolute;
    left: -75px;
    top: -100px;
    bottom: auto;
    width: 90vw;
    max-width: 800px;
    height: auto;
    opacity: .05;
    z-index: -1;
}

@media screen and (max-width: 979px) {
    .bg-logo-w_title_mission_index {
        left: -70px;
        top: -20px;
        width: 90vw;
    }
}

@media screen and (max-width: 767px) {
    .bg-logo-w_title_mission_index {
        left: -35px;
        top: -20px;
        width: 100vw;
        max-width: 350px;
        opacity: .06;
    }
}*/






.heading-l_mission_index {
    display: block;
    font-size: 60px;
    line-height: 1.2;
}

@media screen and (max-width: 979px) {
    .heading-l_mission_index {
        font-size: 42px;
    }
}

@media screen and (max-width: 767px) {
    .heading-l_mission_index {
        font-size: 36px;
    }
}



.heading-s_mission_index {
    display: block;
    font-size: 18px;
}

@media screen and (max-width: 979px) {
    .heading-s_mission_index {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .heading-s_mission_index {
        font-size: 14px;
    }
}



.content_mission_index {
    margin-top: 6vw;
}

@media screen and (max-width: 979px) {
    .content_mission_index {
        margin-top: 10vw;
    }
}

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

}



.card_content_mission_index {
    margin-left: 0;
    padding: 50px 50px 70px 100px;
}

@media screen and (max-width: 979px) {
    .card_content_mission_index {
        margin-left: 0px;
        padding: 40px 20px 60px 70px;
    }
}

@media screen and (max-width: 767px) {
    .card_content_mission_index {
        margin-left: 20px;
        padding: 30px 20px 40px 40px;
    }
}



/*.card_content_mission_index.a-box-shadow-strong:after {
    box-shadow: 0 70px 70px -70px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 979px) {
    .card_content_mission_index.a-box-shadow-strong:after {
        box-shadow: 0 70px 70px -70px rgba(0, 0, 0, 0.7);
    }
}

@media screen and (max-width: 767px) {
    .card_content_mission_index.a-box-shadow-strong:after {
        box-shadow: 0 60px 60px -60px rgba(0, 0, 0, 0.7);
    }
}*/






.mission_index .a-heading-02-primary.a-heading-02-primary_index {
    display: inline-block;
    font-size: 28px !important;
    /*font-size: 38px !important;*/
    font-weight: 400;
}

@media screen and (max-width: 979px) {
    .mission_index .a-heading-02-primary.a-heading-02-primary_index {
        font-size: 24px !important;
        /*font-size: 34px !important;*/
    }
}

@media screen and (max-width: 767px) {
    .mission_index .a-heading-02-primary.a-heading-02-primary_index {
        font-size: 22px !important;
        /*font-size: 28px !important;*/
    }
}






.mission_index .a-heading-03-primary {
    font-size: 24px !important;
    /*font-size: 40px !important;*/
}

@media screen and (max-width: 979px) {
    .mission_index .a-heading-03-primary {
        font-size: 22px !important;
        /*font-size: 36px !important;*/
    }
}

@media screen and (max-width: 767px) {
    .mission_index .a-heading-03-primary {
        font-size: 22px !important;
        /*font-size: 34px !important;*/
    }
}






/*.catch_content_mission_index {
    font-size: 70px;
    line-height: 1.6;
    font-style: italic;
}

@media screen and (max-width: 979px) {
    .catch_content_mission_index {
        font-size: 58px;
    }
}

@media screen and (max-width: 767px) {
    .catch_content_mission_index {
        font-size: 38px;
    }
}*/






/*.mission_index .a-heading_border-short-b-single:before {
    width: 3.5em;
    left: 0.25em;
    bottom: -.25em;
}

@media screen and (max-width: 979px) {
    .mission_index .a-heading_border-short-b-single:before {
        width: 3.0em;
    }
}

@media screen and (max-width: 767px) {
    .mission_index .a-heading_border-short-b-single:before {
        width: 2.5em;
    }
}



.button_content_mission_index .a-btn-wrap .a-btn-item > a > .a-btn {
    max-width: 16em;
    padding: 1em 0;
    font-size: 14px;

    z-index: 10;
}*/






/* [-] .service_index
=========================================================================================== */

.contents_index.o-section-ss {
    padding: 0 0 50px;
}

@media screen and (max-width: 767px) {
  .contents_index.o-section-ss {
      padding: 0 0 30px;
  }
}

.contents_index.o-section-sss {
    padding: 0 0 30px;
}






.service_index {
    position: relative;
}

.service_index:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fafafa;
    z-index: -3;
}



.o-section-s.service_index {
    margin-top: 70px;
    padding-top: 0;
}

@media screen and (max-width: 979px) {
    .o-section-s.service_index {
        margin-top: 50px;
    }
}

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

}



.service_index .m-figure_bg {
    padding-top: 0;
}

.service_index .m-figure_bg:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/common/image_service_index_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}



.service_index .a-heading_border-short-b-single:before {
    width: 3.5em;
    bottom: -.25em;
}

@media screen and (max-width: 979px) {
    .service_index .a-heading_border-short-b-single:before {
        width: 3.0em;
    }
}

@media screen and (max-width: 767px) {
    .service_index .a-heading_border-short-b-single:before {
        width: 2.5em;
    }
}



/*.box_service_index: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) {
    .box_service_index:before {
        height: 18px;
    }
}

@media screen and (max-width: 767px) {
    .box_service_index:before {
        height: 14px;
    }
}*/



.heading-03-secondary_service_index {
    font-size: 20px !important;
}

@media screen and (max-width: 979px) {
    .heading-03-secondary_service_index {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) {
    .heading-03-secondary_service_index {
        font-size: 16px !important;
    }
}



.heading-03-primary_service_index > h3 {
    font-size: 38px !important;
}

@media screen and (max-width: 979px) {
    .heading-03-primary_service_index > h3 {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 767px) {
    .heading-03-primary_service_index > h3 {
        font-size: 24px !important;
    }
}



.button_content_service_index .a-btn-wrap .a-btn-item > a > .a-btn {
    max-width: 16em;
    padding: 1em 0;
    font-size: 14px;
    
    z-index: 10;
}



/*.o-section_bg_image.image_bg_gap-primary_content:after {
    background: url("../images/common/image_bg_gap-primary_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .o-section_bg_image.image_bg_gap-primary_content:after {
        background: url("../images/common/image_bg_gap-primary_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}
*/

/* [-] .corporate_content
=========================================================================================== */

.o-section_bg_image.corporate_content > * {
    color: #fff;
}

.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);
}
*/



/* [-] .strength_index
=========================================================================================== */

.o-section-s.strength_index {
    padding-top: 0;
}



/*.a-box-shadow-strong.card_strength_index:after {
    width: 50%;
    box-shadow: 0 40px 40px -40px rgba(0, 0, 0, 0.2);
}*/



.strength_index .a-box-shadow-strong:after {
    width: 70%;
    box-shadow: 0 50px 50px -50px rgb(0 0 0 / 20%);
    /*box-shadow: 0 40px 40px -40px rgb(0 0 0 / 25%);*/
}

@media screen and (max-width: 979px) {
    .strength_index .a-box-shadow-strong:after {
        /*width: 70%;*/
        box-shadow: 0 40px 40px -40px rgb(0 0 0 / 20%);
    }
}

@media screen and (max-width: 767px) {
    .strength_index .a-box-shadow-strong:after {
        width: 80%;
        /*box-shadow: 0 40px 40px -40px rgb(0 0 0 / 20%);*/
    }
}



.strength_index .m-figure_bg {
    padding-top: 0;
}

.strength_index .m-figure_bg:after,
.strength_index .m-figure_bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 100px;
    width: 100%;
    height: 200px;
}

@media screen and (max-width: 979px) {
    .strength_index .m-figure_bg:after,
    .strength_index .m-figure_bg:before {
        bottom: 70px;
        height: 140px;
    }
}

@media screen and (max-width: 767px) {
    .strength_index .m-figure_bg:after,
    .strength_index .m-figure_bg:before {
        bottom: 70px;
        height: 140px;
    }
}

.strength_index .m-figure_bg:before {
    background: linear-gradient(30deg, #94d1c8 0%, #b3daaf 80%, #d5e492 100%);
    z-index: -1;
    opacity: .3;
}

@media screen and (max-width: 767px) {
    .strength_index .m-figure_bg:before {
        content: none;
    }
}

.strength_index .m-figure_bg:after {
    content: none;
}



/*.eyecatch_strength_content_index {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3em;
    height: 3em;
    background: #363636;
    text-align: center;
    color: #fff;
}

.eyecatch_strength_content_index > .primary {
    display: block;
    padding-top: 0.2em;
    font-size: 34px;
    line-height: 1;
    font-family: Arial, Helvetica;
}

.eyecatch_strength_content_index > .secondary {
    font-size: 10px;
    line-height: 1;
}*/



.strength_index .a-heading_border-short-b-single:before {
    width: 3.5em;
    bottom: -.25em;
}

@media screen and (max-width: 979px) {
    .strength_index .a-heading_border-short-b-single:before {
        width: 3.0em;
    }
}

@media screen and (max-width: 767px) {
    .strength_index .a-heading_border-short-b-single:before {
        width: 2.5em;
    }
}



.heading-03-secondary_strength_index {
    font-size: 46px !important;
}

@media screen and (max-width: 979px) {
    .heading-03-secondary_strength_index {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 767px) {
    .heading-03-secondary_strength_index {
        font-size: 38px !important;
    }
}



.heading-03-primary_strength_index {
    font-size: 18px !important;
}

@media screen and (max-width: 979px) {
    .heading-03-primary_strength_index {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) {
    .heading-03-primary_strength_index {
        font-size: 16px !important;
    }
}



.button_content_strength_index .a-btn-wrap .a-btn-item > a > .a-btn {
    max-width: 16em;
    padding: 1em 0;
    font-size: 14px;

    z-index: 10;
}






/* [-] .contents_index
=========================================================================================== */

/*.contents_index .item_grid_contents_index {
    border-style: solid;
    border-color: #fff;
    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 #fff;
    -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: #fff;
    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: #fff;
    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: #fff;
    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: #fff !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: #fff !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: #fff;
}



.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: #fff;
}



.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: #fff;
    background: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
}

/*.recruit_content .a-heading_border-short-b-single:before {
    background: #fff;
}
*/



.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: #fff;
}

.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: 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;
    }
}



.contact_content:not([class*="low_contents"]) .a-heading-02-primary {
    color: #fff;
    background: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
}

.contact_content:not([class*="low_contents"]) .a-heading_border-short-b-single:before {
    background: #fff;
}



@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: #fff;
}

.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/common/image_contact_content_pc.jpg") 50% 50% no-repeat;
      background-size: cover;
}

@media screen and (max-width: 767px) {
    .o-section_bg_image.contact_content:after {
        background: url("../images/common/image_contact_content_sp.png") 50% 50% 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;
    }
}






/* [-] CTA (Recruit / Page Top)
=========================================================================================== */

/* Gap (contents / Page Top / CTA) */
.__cta_page--top .cta__contact--primary {
    padding-bottom: 30px;
}

@media screen and (max-width: 979px) {
    .__cta_page--top .cta__contact--primary {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .__cta_page--top .cta__contact--primary {
        padding-bottom: 30px;
    }
}






/* Display (contents / Page Top / CTA) */
.__cta_page--top .__cta_contact,
.__cta_page--top .__cta_partner {
    display: none;
}






/* [+] (Lower)
=========================================================================================== */

/* [-] .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: 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: #e5e5e5;
}



.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: 28px !important;
}

@media screen and (max-width: 979px) {
    .low_contents .a-heading-02-primary {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 767px) {
    .low_contents .a-heading-02-primary {
        font-size: 22px !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: 14px !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-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: #b3b3b3;
}






.low_contents .a-list_default dt,
.low_contents .a-list_table dt {
    /*font-size: 14px !important;*/
    font-weight: 400 !important;
    color: #363636 !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,#363636 0%,#00b4ff 50%,#363636 100%);
}

@media screen and (max-width: 767px) {
    .a-bg-gradation-primary {
        background: linear-gradient(to right,#363636 0%,#00b4ff 40%,#363636 100%);
    }
}



.a-bg-gradation-secondary {
    background: linear-gradient(30deg, #a8894a 0%, #3d9e98 70%, #3fffc0 100%);
}

@media screen and (max-width: 767px) {
    .a-bg-gradation-secondary {
        background: linear-gradient(30deg, #a8894a 0%, #3d9e98 60%, #3fffc0 100%);
    }
}



.a-bg-gradation-tertiary {
    background: linear-gradient(30deg, #a8894a 0%, #3d9e98 70%, #3fffc0 100%);
}

@media screen and (max-width: 767px) {
    .a-bg-gradation-tertiary {
        background: linear-gradient(30deg, #a8894a 0%, #3d9e98 70%, #3fffc0 100%);
    }
}



.a-bg-gradation-quaternary {
    background: linear-gradient(45deg, #a8894a 60%, #62aeae 100%);
}

@media screen and (max-width: 767px) {
    .a-bg-gradation-quaternary {
         background: linear-gradient(45deg, #a8894a 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%, #a8894a 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: #fff;
}

.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: #fff;
    color: #b2b2b2;
}



/* [-] .m-button-secondary_image-bg (local)
=========================================================================================== */

.a-bg-gray-98 + .menu_low_content.a-bg-gray-98 {
    background: #fff;
}



.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: #fff;
}

@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: #fff;
}






/* [-] .m-link_text_anchor (local)
=========================================================================================== */

.m-link_text_anchor {
    padding: 0 0 0;
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor {
        padding: 0 0 0;
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor {
        padding: 0 0 0;
    }
}

/*.m-link_text_anchor {
    padding: 20px 0 0;
}*/






.m-link_text_anchor > li {
    padding-left: 40px;
    padding-right: 40px;
}

@media screen and (max-width: 979px) {
    .m-link_text_anchor > li {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 767px) {
    .m-link_text_anchor > li {
        padding-left: 15px;
        padding-right: 15px;
    }
}



.m-link_text_anchor > li > a {
    font-size: 14px;
    line-height: 1.4;
    color: #363636;
}

@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 {
        font-size: 13px;
    }
}

/*.m-link_text_anchor > li > a {
    font-size: 16px !important;
    color: #363636;
}*/



.a-icon_arw:before {
    top: .3em;
    border-color: #363636 #363636 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;
}






/* [-] .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 {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    letter-spacing: .05em;
    text-shadow: 0 0 15px rgba(0, 0, 0, .6);
}

@media screen and (max-width: 979px) {
    .m-kv .a-heading-01_primary {
        font-size: 38px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv .a-heading-01_primary {
        font-size: 28px;
        letter-spacing: .025em;
        text-shadow: 0 0 8px rgba(0, 0, 0, .2);
    }
}



.m-kv .a-heading-01_primary-sub {
    font-size: 30px;
}

@media screen and (max-width: 979px) {
    .m-kv .a-heading-01_primary-sub {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {
    .m-kv .a-heading-01_primary-sub {
        font-size: 20px;
    }
}



.m-kv .a-heading-01_secondary {
    display: block;
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
    color: #fff;
    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)
=========================================================================================== */

.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 {
        display: block;
    }*/
}




.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: #363636;
}






/* [-] .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: 10px;
    }
}






.contact_content *[class^="a-heading-03"] {
    font-family: inherit;
}



.contact_content .number_phone_contact_content {
    font-size: 44px;
}

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

}

@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: #fff;
}






/* [+] (Corporate)
=========================================================================================== */

/* Padding Bottom ( Main / Corporate / Low) */
.contents_corporate.wrapper_low_contents.o-section-m {
    padding: 70px 0 0;
}

@media screen and (max-width: 979px) {
    .contents_corporate.wrapper_low_contents.o-section-m {
        padding: 30px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .contents_corporate.wrapper_low_contents.o-section-m {
        padding: 50px 0 0;
    }
}

/*.contents_corporate.wrapper_low_contents.o-section-m {
    padding: 50px 0 70px;
}

@media screen and (max-width: 979px) {
    .contents_corporate.wrapper_low_contents.o-section-m {
        padding: 30px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .contents_corporate.wrapper_low_contents.o-section-m {
        padding: 30px 0 50px;
    }
}*/






/*.philosophy_corporate.o-section-m {
    padding: 30px 0 70px;
}

@media screen and (max-width: 979px) {
    .philosophy_corporate.o-section-m {
        padding: 30px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .philosophy_corporate.o-section-m {
        padding: 0px 0 50px;
    }
}*/







.low_contents.contents_corporate.outline_corporate .a-list_default dt {
    width: 15em;
}

@media screen and (max-width: 979px) {
    .low_contents.contents_corporate.outline_corporate .a-list_default dt {
        width: 10em;
    }
}

@media screen and (max-width: 767px) {
    .low_contents.contents_corporate.outline_corporate .a-list_default dt {
        width: 100%;
    }
}






.low_contents.contents_corporate.career_corporate .a-list_default dt {
    width: 12.5em;
}

@media screen and (max-width: 979px) {
    .low_contents.contents_corporate.career_corporate .a-list_default dt {
        width: 10em;
    }
}

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

}






/*.contents_corporate.outline_corporate .list_history .a-list_table {
    display: block;
}



.contents_corporate.outline_corporate .list_history .a-list_table > dd,
.contents_corporate.outline_corporate .list_history .a-list_table > dt {
    width: 100%;
    padding-bottom: 0.5em;
    border: none;
}

.contents_corporate.outline_corporate .list_history .a-list_table > dt {
        padding-top: 10px;
}

.contents_corporate.outline_corporate .list_history .a-list_table:first-child > dt {
        padding-top: 0;
}

.contents_corporate.outline_corporate .list_history .a-list_table > dd {
    padding: 0 0 10px 0;
}



.contents_corporate.outline_corporate .list_history .a-list_table > dt:before {
    content: none;
}



.contents_corporate.outline_corporate .list_history .a-list_table > dt {
    font-weight: 400 !important;
}*/






/*.contents_corporate.outline_corporate .m-figure_bg:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/corporate/image_outline_office_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 979px) {
    .contents_corporate.outline_corporate .m-figure_bg:before {
        background: url("../images/corporate/image_outline_office_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}

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

}

.contents_corporate.outline_corporate .m-figure_bg:before {
    z-index: 1;
}*/






/*.contents_corporate.organization_corporate .m-figure_bg:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/corporate/image_organization_office_lower_pc.png") 50% 50% no-repeat;
    background-size: cover;
}

.contents_corporate.organization_corporate .m-figure_bg:before {
    z-index: 1;
}*/






/* [-] (Corporate Works)
=========================================================================================== */

/* Accordion */
.m-accordion_toggle {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 2em;
    padding: .75em 0 .75em .75em;
    background: #fafafa;
    border-left: none;
    border-bottom: none;
    font-weight: normal;
    color: inherit;
    cursor: pointer;
}



.m-accordion_toggle.active:after,
.m-accordion_toggle.active:before,
.m-accordion_toggle:after,
.m-accordion_toggle:before {
    width: 18px;
    height: 1px;
    background: #999;
}



.m-accordion_toggle_note.on,
.m-accordion_toggle_note.off {
    display: none;
    position: absolute;
    top: 50%;
    right: 3.5em;
    font-size: 12px;
    line-height: 1;
    color: #999;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    transition: all 3s ease-in-out;
    opacity: 0;
}



.m-accordion_toggle .m-accordion_toggle_note.off {
    display: block;
    opacity: 1;
}



.m-accordion_toggle.active .m-accordion_toggle_note.off {
    display: none;
    opacity: 0;
}

.m-accordion_toggle.active .m-accordion_toggle_note.on {
    display: block;
    opacity: 1;
}






/* List */
.list_works_corporate {
    padding-top: .75em;
    padding-bottom: .75em;
}

.list_works_corporate.a-list_ccl > li:before {
    top: .7em;
}






/* List col-2 */
.list_works_corporate.a-list_ccl {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
}

@media screen and (max-width: 979px) {
    .list_works_corporate.a-list_ccl {
        display: block;
    }
}

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

}



.list_works_corporate.a-list_ccl > li {
    width: calc(50% - 20px);
}

@media screen and (max-width: 979px) {
    .list_works_corporate.a-list_ccl > li {
        width: 100%;
    }
}

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

}



.list_works_corporate.a-list_ccl > li:before {
    top: 1.7em;
}

@media screen and (max-width: 979px) {
    .list_works_corporate.a-list_ccl > li:before {
        top: .7em;
    }
}

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

}



.list_works_corporate .title_works_wrapper-nest-lv-02 {
    display: block;
}



.list_works_corporate .title_works.primary {
    display: inline;
}



.list_works_corporate .title_works.secondary {
    display: inline;
}






/*.list_works_corporate.a-list_default > dt {
    width: 10em;
}

@media screen and (max-width: 979px) {
.list_works_corporate.a-list_default > dt {
    width: 5em;
}
}

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

}*/






/* Link */
.low_contents.works_corporate a {
    display: block;
    position: relative;
}

/*.low_contents.works_corporate a::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    background: url(../images/common/icon_arw-ccl_bd-half-top_button-999-s.svg) 50% 50% no-repeat;
    background-size: cover;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    transition: all 0.4s ease;
}

.low_contents.works_corporate a:hover::after {
    -webkit-transform: translate(5%, -50%);
    transform: translate(5%, -50%);
}*/






/* Title */
.low_contents.works_corporate a .title_works.primary {
    text-decoration: underline;
}





/*.wrapper_works_index_secondary .title_works_corporate {
    display: block;
    width: 100%;
    margin-top: .25em;
    font-size: 16px !important;
    line-height: 1.6;
}



.wrapper_works_index_secondary .note_works_corporate {
    display: block;
    margin-top: 1.25em;
    margin-left: 0;
    padding: 0;
    font-size: 12px !important;
    line-height: 1;
}



.wrapper_works_index_secondary .tag_works_corporate {
    display: block;
    margin-top: 0.25em;
    margin-left: 0;
    padding: 0;
    font-size: 12px !important;
    line-height: 1;
    color: #333;
}*/






/*.wrapper_works_index_primary .title_works_corporate {
    display: block;
    width: 100%;
    margin-top: .15em;
    font-size: 20px !important;
    color: #fff;
    line-height: 1.6;
}



.wrapper_works_index_primary .note_works_corporate {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    color: #fff;
    line-height: 1;
}



.wrapper_works_index_primary .tag_works_corporate {
    display: block;
    margin-top: 0.25em;
    margin-left: 0;
    padding: 0;
    font-size: 12px !important;
    color: #fff;
    line-height: 1;
}*/






/* Link Outer */
.outer-link_works {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    /*display: inline-block;*/
}

.outer-link_works a {
    display: inline-block;
    position: relative;
    margin-top: 0.75em !important;
    /*padding-right: 1.5em;*/
    font-size: 12px !important;
    text-decoration: underline;
}

.outer-link_works a:after {
    content: '';
    display: block;
    position: absolute;
    right: -1.35em;
    top: calc(50% - .45em);
    /*top: .15em;*/
    width: 12px;
    height: 12px;
    background: url(../images/common/icon_link_outer.svg) 50% 50% no-repeat;
    background-size: cover;
}





/* [-] .president_corporate
=========================================================================================== */

/*.president_corporate .m-figure_bg {
    padding-top: 250px;
}

@media screen and (max-width: 979px) {
    .president_corporate .m-figure_bg {
        padding-top: 250px;
    }
}

@media screen and (max-width: 767px) {
    .president_corporate .m-figure_bg {
        padding-top: 350px;
    }
}

.president_corporate .m-figure_bg:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .president_corporate .m-figure_bg:before {
        background: url("../images/.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.president_corporate .m-figure_bg:before {
    z-index: 0;
}






.president_corporate .a-paragraph span {
    display: block;
}



.president_corporate .a-paragraph span:nth-child(2) {
    padding-top: .5em;
}

.president_corporate .a-paragraph span:nth-child(3) {
    padding-top: .25em;
}



.president_corporate .a-paragraph span:nth-child(1) {
    font-size: 14px !important;
}

.president_corporate .a-paragraph span:nth-child(2) {
    font-size: 22px !important;
}

.president_corporate .a-paragraph span:nth-child(3) {
    font-size: 11px !important;
}*/






/* [-] .history_corporate
=========================================================================================== */

.history_corporate .a-list-ccl-bd-wrap:after {
    right: auto;
    left: 180px;
    width: 2px;
    background: #363636;
}

@media screen and (max-width: 979px) {
    .history_corporate .a-list-ccl-bd-wrap:after {
        height: calc(100% - 5.5em);
    }
}

@media screen and (max-width: 767px) {
    .history_corporate .a-list-ccl-bd-wrap:after {
        height: calc(100% - 10em);
        left: 15px;
    }
}



.history_corporate .a-list-ccl-bd:nth-of-type(2n+1) {
    background: #ededed;
}



.history_corporate .a-list-ccl-bd:before {
    border: none;
}

.history_corporate .a-list-ccl-bd:after {
    border: none;
}



.history_corporate .a-list-ccl-bd > dt {
    width: 230px;
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

@media screen and (max-width: 767px) {
    .history_corporate .a-list-ccl-bd > dt {
        width: 100%;
    }
}



.history_corporate .a-list-ccl-bd > dt:before {
    background: #fff;
    border: 2px solid #363636;
    right: 43px;
    left: auto;
    top: 30px;
}

@media screen and (max-width: 767px) {
    .history_corporate .a-list-ccl-bd > dt:before {
        right: auto;
        left: 10px;
        top: 28px;
    }
}



.history_corporate .a-list-ccl-bd > dd {
    width: calc(100% - 230px);
    padding: 20px 15px 20px 0;
}

@media screen and (max-width: 767px) {
    .history_corporate .a-list-ccl-bd > dd {
        width: 100%;
        padding: 0 15px 20px 30px;
    }
}






/* [+] (Works)
=========================================================================================== */

/* Structure */
.wrapper_works_lower.o-section-s {
    padding-top: 130px;
}

@media screen and (max-width: 979px) {
    .wrapper_works_lower.o-section-s {
        padding-top: 70px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_works_lower.o-section-s {
        padding-top: 70px;
    }
}



.wrapper_works_lower .low_contents .o-section-m[class*="year_"] {
    padding: 40px 0 0;
}

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

}

@media screen and (max-width: 767px) {
    .wrapper_works_lower .low_contents .o-section-m[class*="year_"] {
        padding: 50px 0 0;
    }
}

.wrapper_works_lower .low_contents .o-section-m[class*="year_"]:first-of-type {
    padding: 0 0 0;
}






/* Images */
/*.wrapper_works_lower.wrapper_works .m-item__button-primary_image-bg a {
    pointer-events: none;
}*/



.wrapper_works .m-item__button-primary_image-bg.works_kv.azabu-juban-asagoya a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.azabu-juban-asagoya a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.italian-bar-romano-azabu-juban a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2022/italian-bar-romano-azabu-juban/image_works_italian-bar-romano-azabu-juban_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.italian-bar-romano-azabu-juban a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2022/italian-bar-romano-azabu-juban/image_works_italian-bar-romano-azabu-juban_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.italian-cafe-restaurant-romano-due a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2023/italian-cafe-restaurant-romano-due/image_works_italian-cafe-restaurant-romano-due_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.italian-cafe-restaurant-romano-due a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2023/italian-cafe-restaurant-romano-due/image_works_italian-cafe-restaurant-romano-due_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.ginza-soba-izakaya-sobagoya a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2024/ginza-soba-izakaya-sobagoya/image_works_ginza-soba-izakaya-sobagoya_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.ginza-soba-izakaya-sobagoya a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2024/ginza-soba-izakaya-sobagoya/image_works_ginza-soba-izakaya-sobagoya_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.hamamoto-kougei-yokohama a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2023/hamamoto-kougei-yokohama/image_works_hamamoto-kougei-yokohama_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.hamamoto-kougei-yokohama a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2023/hamamoto-kougei-yokohama/image_works_hamamoto-kougei-yokohama_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.azabu-juban-bulls-bettei a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2023/azabu-juban-bulls-bettei/image_works_azabu-juban-bulls-bettei_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.azabu-juban-bulls-bettei a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2023/azabu-juban-bulls-bettei/image_works_azabu-juban-bulls-bettei_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.arigato-living-kagurazaka a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2023/arigato-living-kagurazaka/image_works_arigato-living-kagurazaka_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.arigato-living-kagurazaka a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2023/arigato-living-kagurazaka/image_works_arigato-living-kagurazaka_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.the-conran-shop-daikanyama a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2023/the-conran-shop-daikanyama/image_works_the-conran-shop-daikanyama_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.the-conran-shop-daikanyama a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2023/the-conran-shop-daikanyama/image_works_the-conran-shop-daikanyama_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.hamamoto-kougei-saitama a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2022/hamamoto-kougei-saitama/image_works_hamamoto-kougei-saitama_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.hamamoto-kougei-saitama a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2022/hamamoto-kougei-saitama/image_works_hamamoto-kougei-saitama_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.hamamoto-kougei-tokyo a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2022/hamamoto-kougei-tokyo/image_works_hamamoto-kougei-tokyo_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.hamamoto-kougei-tokyo a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2022/hamamoto-kougei-tokyo/image_works_hamamoto-kougei-tokyo_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.nihon-ryori-wakabayashi a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2017/nihon-ryori-wakabayashi/image_works_nihon-ryori-wakabayashi_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.nihon-ryori-wakabayashi a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2017/nihon-ryori-wakabayashi/image_works_nihon-ryori-wakabayashi_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.dr-vranjes-marunouchi a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2017/dr-vranjes-marunouchi/image_works_dr-vranjes-marunouchi_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.dr-vranjes-marunouchi a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2017/dr-vranjes-marunouchi/image_works_dr-vranjes-marunouchi_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.andiamo a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2013/andiamo/image_works_andiamo_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.andiamo a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2013/andiamo/image_works_andiamo_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.caffe-sicilia a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2020/caffe-sicilia/image_works_caffe-sicilia_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.caffe-sicilia a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2020/caffe-sicilia/image_works_caffe-sicilia_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.dr-vranjes-tokyo a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2016/dr-vranjes-tokyo/image_works_dr-vranjes-tokyo_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.dr-vranjes-tokyo a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2016/dr-vranjes-tokyo/image_works_dr-vranjes-tokyo_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.tonkatsu-pin-kinshicho-termina a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2014/tonkatsu-pin-kinshicho-termina/image_works_tonkatsu-pin-kinshicho-termina_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.tonkatsu-pin-kinshicho-termina a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2014/tonkatsu-pin-kinshicho-termina/image_works_tonkatsu-pin-kinshicho-termina_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.tonkatsu-pin-musashi-shinjo a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2014/tonkatsu-pin-musashi-shinjo/image_works_tonkatsu-pin-musashi-shinjo_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.tonkatsu-pin-musashi-shinjo a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2014/tonkatsu-pin-musashi-shinjo/image_works_tonkatsu-pin-musashi-shinjo_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.kushitei-hamamatucho a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2014/kushitei-hamamatucho/image_works_kushitei-hamamatucho_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.kushitei-hamamatucho a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2014/kushitei-hamamatucho/image_works_kushitei-hamamatucho_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.tsukishima-bulls a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2020/tsukishima-bulls/image_works_tsukishima-bulls_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.tsukishima-bulls a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2020/tsukishima-bulls/image_works_tsukishima-bulls_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.suzuhiro-kamaboko-okuru a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2014/suzuhiro-kamaboko-okuru/image_works_suzuhiro-kamaboko-okuru_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.suzuhiro-kamaboko-okuru a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2014/suzuhiro-kamaboko-okuru/image_works_suzuhiro-kamaboko-okuru_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.suzuhiro-kamaboko-shiokaze a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2014/suzuhiro-kamaboko-shiokaze/image_works_suzuhiro-kamaboko-shiokaze_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.suzuhiro-kamaboko-shiokaze a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2014/suzuhiro-kamaboko-shiokaze/image_works_suzuhiro-kamaboko-shiokaze_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.yorozutei-yokohama-landmark a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2013/yorozutei-yokohama-landmark/image_works_yorozutei-yokohama-landmark_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.yorozutei-yokohama-landmark a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2013/yorozutei-yokohama-landmark/image_works_yorozutei-yokohama-landmark_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.sandaime-uogashi-aoki-seigyo a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2015/sandaime-uogashi-aoki-seigyo/image_works_sandaime-uogashi-aoki-seigyo_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.sandaime-uogashi-aoki-seigyo a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2015/sandaime-uogashi-aoki-seigyo/image_works_sandaime-uogashi-aoki-seigyo_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.roppongi-bizarre a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2014/roppongi-bizarre/image_works_roppongi-bizarre_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.roppongi-bizarre a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2014/roppongi-bizarre/image_works_roppongi-bizarre_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.wakan-ishinabe-wakasa-bettei a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2014/wakan-ishinabe-wakasa-bettei/image_works_wakan-ishinabe-wakasa-bettei_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.wakan-ishinabe-wakasa-bettei a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2014/wakan-ishinabe-wakasa-bettei/image_works_wakan-ishinabe-wakasa-bettei_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.wrapper_works .m-item__button-primary_image-bg.works_kv.wakan-ishinabe-wakasa a .m-image__button-primary_image-bg > span:after {
    background: url("../images/works/2013/wakan-ishinabe-wakasa/image_works_wakan-ishinabe-wakasa_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .wrapper_works .m-item__button-primary_image-bg.works_kv.wakan-ishinabe-wakasa a .m-image__button-primary_image-bg > span:after {
        background: url("../images/works/2013/wakan-ishinabe-wakasa/image_works_wakan-ishinabe-wakasa_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}






/* [+] (Works Detail)
=========================================================================================== */

/* KV */
.kv_detail_works.kv_lower .m-kv_figure .a-figure {
    padding-top: 250px;
}

@media screen and (max-width: 979px) {
    .kv_detail_works.kv_lower .m-kv_figure .a-figure {
        padding-top: 200px;
    }
}

@media screen and (max-width: 767px) {
    .kv_detail_works.kv_lower .m-kv_figure .a-figure {
        padding-top: 150px;
    }
}

/*.kv_detail_works.kv_lower .m-kv_figure .a-figure {
    padding-top: 425px;
}

@media screen and (max-width: 979px) {
    .kv_detail_works.kv_lower .m-kv_figure .a-figure {
        padding-top: 325px;
    }
}

@media screen and (max-width: 767px) {
    .kv_detail_works.kv_lower .m-kv_figure .a-figure {
        padding-top: 375px;
    }
}
*/



/* KV Padding Top */
.kv_detail_works.kv_lower .m-kv_content {
    top: 75%;
}

@media screen and (max-width: 979px) {
    .kv_detail_works.kv_lower .m-kv_content {
        top: 65%;
    }
}

@media screen and (max-width: 767px) {
    .kv_detail_works.kv_lower .m-kv_content {
        top: 75%;
    }
}





/* KV Title */
.kv_detail_works .title_works.primary {
    font-size: 30px !important;
}

@media screen and (max-width: 979px) {
    .kv_detail_works .title_works.primary {
        display: block;
        width: 100%;
        margin-bottom: 0 !important;
        font-size: 24px !important;
    }
}

@media screen and (max-width: 767px) {
    .kv_detail_works .title_works.primary {
        font-size: 20px !important;
    }
}



.kv_detail_works .title_works.secondary {
    font-size: 18px !important;
}

@media screen and (max-width: 979px) {
    .kv_detail_works .title_works.secondary {
        display: block;
        padding-left: 0;
        font-size: 16px !important;
    }
}

@media screen and (max-width: 767px) {
    .kv_detail_works .title_works.secondary {
        font-size: 13px !important;
    }
}



.kv_detail_works .note_works {
    font-size: 15px !important;
}

@media screen and (max-width: 979px) {
    .kv_detail_works .note_works {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 767px) {
    .kv_detail_works .note_works {
        font-size: 12px !important;
    }
}



/*.kv_detail_works .a-heading-01_primary {
    font-size: 30px !important;
}

@media screen and (max-width: 979px) {
    .kv_detail_works .a-heading-01_primary {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 767px) {
    .kv_detail_works .a-heading-01_primary {
        font-size: 22px !important;
    }
}



.kv_detail_works h1.heading-primary_contents::after {
    top: calc(0% + 0.75em);
}

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

}

@media screen and (max-width: 767px) {
    .kv_detail_works h1.heading-primary_contents::after {
        top: calc(0% + 0.85em);
        width: 8px;
        height: 8px;
    }
}*/





/* KV List */
/*.kv_detail_works .a-list_table {
    display: block;
}




.kv_detail_works .a-list_table > dt {
    width: 100%;
    padding: 20px 0 10px;
    border-bottom: 1px solid #d7d7d5;
    font-size: 14px;
    color: #999 !important;
    font-weight: 400!important;
}



.kv_detail_works .a-list_table > dd {
    width: 100%;
    padding: 10px 0 0;
    border-bottom: none;
    font-size: 14px;
    font-weight: 400!important;
}*/






/* Images WORKS */
.contents-detail_works .item_contents-detail_works a {
    pointer-events: none;
}



.contents-detail_works .item_contents-detail_works .m-figure_bg {
    padding-top: 550px;
}

@media screen and (max-width: 979px) {
    .contents-detail_works .item_contents-detail_works .m-figure_bg {
        padding-top: 500px;
    }
}

@media screen and (max-width: 767px) {
    .contents-detail_works .item_contents-detail_works .m-figure_bg {
        padding-top: 350px;
    }
}






.contents-detail_works .item_contents-detail_works .m-figure_bg:before {
    content: none;
}






.contents-detail_works .item_contents-detail_works:not(:first-child) {
    padding-top: 70px;
}

@media screen and (max-width: 979px) {
    .contents-detail_works .item_contents-detail_works:not(:first-child) {
        padding-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .contents-detail_works .item_contents-detail_works:not(:first-child) {
        padding-top: 30px;
    }
}






/* Images WORKS Credit */
.contents-detail_works .item_contents-detail_works > div {
    position: relative;
}






/* Images WORKS Aspect */
.contents-detail_works .item_contents-detail_works .m-figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}



.contents-detail_works .item_contents-detail_works .m-figure.__aspect--vertical {
    display: flex;
    justify-content: center;
}

.contents-detail_works .item_contents-detail_works .m-figure.__aspect--vertical img {
    width: 50%;
    aspect-ratio: 3 / 4;
}

@media screen and (max-width: 767px) {
    .contents-detail_works .item_contents-detail_works .m-figure.__aspect--vertical img {
        width: 60%;
    }
}

.contents-detail_works .item_contents-detail_works > div:has(.__aspect--vertical)::before {
    right: 26%;
}

@media screen and (max-width: 767px) {
    .contents-detail_works .item_contents-detail_works > div:has(.__aspect--vertical)::before {
        right: 22%;
    }
}






/* azabu-juban-asagoya */
.contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-01.m-figure_bg:after {
    background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-01.m-figure_bg:after {
        background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-02.m-figure_bg:after {
    background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya-02_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-02.m-figure_bg:after {
        background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya-02_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-03.m-figure_bg:after {
    background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya-03_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-03.m-figure_bg:after {
        background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya-03_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-04.m-figure_bg:after {
    background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya-04_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-04.m-figure_bg:after {
        background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya-04_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-05.m-figure_bg:after {
    background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya-05_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .contents-detail_works .item_contents-detail_works .azabu-juban-asagoya-05.m-figure_bg:after {
        background: url("../images/works/2022/azabu-juban-asagoya/image_works_azabu-juban-asagoya-05_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}
/* //azabu-juban-asagoya */





/* [+] (Member)   +++
=========================================================================================== */

.name-member {
    display: inline-block;
    padding-right: 1.75em;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.name-member .a-icon_image-bg_arw-ccl-s:after {
    right: 0;
}



/* [+] (Member Detail)   +++
=========================================================================================== */

.contents_member_name.o-section-m {
    padding: 0;
}






.contents_member_name .comp-content {
    position: relative;
    z-index: 1;
}






.contents_member_name .a-heading-02-primary {
    font-size: 42px !important;
}

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

}

@media screen and (max-width: 767px) {
    .contents_member_name .a-heading-02-primary {
        font-size: 28px !important;
    }
}



.contents_member_name .a-heading-02-primary-sub {
    margin-top: .25em;
    padding-bottom: 1.25em;
    font-size: 20px !important;
}

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

}

@media screen and (max-width: 767px) {
    .contents_member_name .a-heading-02-primary-sub {
        padding-bottom: .5em;
        font-size: 18px !important;
    }
}






.contents_member_name .a-heading_border-short-b-single:before {
    width: 150px;
}

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

}

@media screen and (max-width: 767px) {
    .contents_member_name .a-heading_border-short-b-single:before {
        width: 75px;
    }
}






.contents_member_detail_title.o-section-s {
    padding: 40px 0 120px;
}

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

}

@media screen and (max-width: 767px) {
    .contents_member_detail_title.o-section-s {
        padding: 30px 0 60px;
    }
}



.contents_member_detail_title {
    margin-bottom: -100px;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
    .contents_member_detail_title {
        margin-bottom: -50px;
    }
}



.contents_member_detail_title.o-section_bg_image:after {
    background: url("../images/member/common/image_bg_detail_member_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}






.contents_member_detail_title .a-heading-02-primary {
    padding-bottom: 0;
    font-size: 24px !important;
}

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

}

@media screen and (max-width: 767px) {
    .contents_member_detail_title .a-heading-02-primary {padding-bottom: .15em;
        font-size: 18px !important;
    }
}



.contents_member_detail_title .a-heading-02-primary-sub {
    padding-bottom: 0;
    font-size: 15px !important;
}

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

}

@media screen and (max-width: 767px) {
    .contents_member_detail_title .a-heading-02-primary-sub {
        font-size: 13px !important;
    }
}



.contents_member_detail_title .a-heading_border-short-b-single.heading-secondary_contents:before {
    width: 3em;
}





/* [-] (Member Detail Picture)   +++
=========================================================================================== */

.contents_member_name .m-figure_bg {
    padding-top: 650px;
}

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

}

@media screen and (max-width: 767px) {
    .contents_member_name .m-figure_bg {
        padding-top: 350px;
    }
}



.yanagida-masashi.contents_member_name .m-figure_bg:before {
    background: url("../images/member/yanagida-masashi/image_pic_masashi-yanagida_member_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .yanagida-masashi.contents_member_name .m-figure_bg:before {
        background: url("../images/member/yanagida-masashi/image_pic_masashi-yanagida_member_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}



.contents_member_name .m-figure_bg:before {
    background: url("../images/common/image_kv-01_index_sp.png") 50% 50% no-repeat;
    background-size: cover;
}

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

}

@media screen and (max-width: 767px) {
    .contents_member_name .m-figure_bg:before {
        background: url("../images/common/image_kv-01_index_sp.png") 50% 50% no-repeat;
        background-size: cover;
    }
}






/* [+] (Search)   +++
=========================================================================================== */

.low_contents.search_content .m-figure_bg {
    position: relative;
    padding-top: 25%;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents.search_content .m-figure_bg {
        position: relative;
        padding-top: 35%;
    }
}






.low_contents.electronics_search .m-figure_bg:after {
    background: url("../images/search/image_electronics_member_search_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents.electronics_search .m-figure_bg:after {
        background: url("../images/search/image_electronics_member_search_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}



.low_contents.physics_search .m-figure_bg:after {
    background: url("../images/search/image_physics_member_search_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents.physics_search .m-figure_bg:after {
        background: url("../images/search/image_physics_member_search_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}



.low_contents.mechanics_search .m-figure_bg:after {
    background: url("../images/search/image_mechanics_member_search_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents.mechanics_search .m-figure_bg:after {
        background: url("../images/search/image_mechanics_member_search_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}



.low_contents.software_search .m-figure_bg:after {
    background: url("../images/search/image_software_member_search_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents.software_search .m-figure_bg:after {
        background: url("../images/search/image_software_member_search_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}



.low_contents.biotechnology_search .m-figure_bg:after {
    background: url("../images/search/image_biotechnology_member_search_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents.biotechnology_search .m-figure_bg:after {
        background: url("../images/search/image_biotechnology_member_search_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}



.low_contents.chemistry_search .m-figure_bg:after {
    background: url("../images/search/image_chemistry_member_search_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents.chemistry_search .m-figure_bg:after {
        background: url("../images/search/image_chemistry_member_search_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}



.low_contents.design_search .m-figure_bg:after {
    background: url("../images/search/image_design_member_search_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
     .low_contents.design_search .m-figure_bg:after {
        background: url("../images/search/image_design_member_search_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}



 .low_contents.trademark_search .m-figure_bg:after {
    background: url("../images/search/image_trademark_member_search_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
     .low_contents.trademark_search .m-figure_bg:after {
        background: url("../images/search/image_trademark_member_search_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}






/* [+] (Practical)   +++
=========================================================================================== */

.low_contents.practical_content .a-heading-02-primary_about {
    font-size: 40px !important;
}

@media screen and (max-width: 979px) {
    .low_contents.practical_content .a-heading-02-primary_about {
        font-size: 38px !important;
    }
}

@media screen and (max-width: 767px) {
    .low_contents.practical_content .a-heading-02-primary_about {
        font-size: 28px !important;
    }
}



.low_contents.practical_content .a-heading-02-primary_about-sub {
    font-size: 22px !important;
}

@media screen and (max-width: 979px) {
    .low_contents.practical_content .a-heading-02-primary_about-sub {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 767px) {
    .low_contents.practical_content .a-heading-02-primary_about-sub {
        font-size: 18px !important;
    }
}






.low_contents.practical_content .m-figure_bg_how_practical.m-figure_bg:after {
    background: url("../images/practical/image_howto_practical_lower_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents.practical_content .m-figure_bg_how_practical.m-figure_bg:after {
        background: url("../images/practical/image_howto_practical_lower_sp.png") 50% 50% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}



/* [+] (Service)
=========================================================================================== */

.o-section-s.contents_service {
    padding: 0px 0 50px;
}

@media screen and (max-width: 979px) {
    .o-section-s.contents_service {
        padding: 0px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .o-section-s.contents_service {
        padding: 0px 0 30px;
    }
}



.o-section-s.pm-business_service {
    padding: 50px 0 50px;
}

@media screen and (max-width: 979px) {
    .o-section-s.pm-business_service {
        padding: 10px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .o-section-s.pm-business_service {
        padding: 30px 0 30px;
    }
}



.o-section-s.bm-business_service {
    padding: 20px 0 50px;
}

@media screen and (max-width: 979px) {
    .o-section-s.bm-business_service {
        padding: 10px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .o-section-s.bm-business_service {
        padding: 30px 0 30px;
    }
}



.o-section-s.proceeds_pm-business_service {
    padding: 0px 0 50px;
}

@media screen and (max-width: 979px) {
    .o-section-s.proceeds_pm-business_service {
        padding: 0px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .o-section-s.proceeds_pm-business_service {
        padding: 0px 0 30px;
    }
}



.o-section-s.equipment_bm-business_service {
    padding: 0px 0 50px;
}

@media screen and (max-width: 979px) {
    .o-section-s.equipment_bm-business_service {
        padding: 0px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .o-section-s.equipment_bm-business_service {
        padding: 0px 0 30px;
    }
}



.pm-business_service .m-link_text_anchor_fix {
    margin-bottom: 50px;
}

@media screen and (max-width: 979px) {
    .pm-business_service .m-link_text_anchor_fix {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .pm-business_service .m-link_text_anchor_fix {
        margin-bottom: 30px;
    }
}



.bm-business_service .m-link_text_anchor_fix {
    margin-bottom: 50px;
}

@media screen and (max-width: 979px) {
    .bm-business_service .m-link_text_anchor_fix {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .bm-business_service .m-link_text_anchor_fix {
        margin-bottom: 30px;
    }
}



ul.a-list_ccl.list_contents_service {
    display: block;
}

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

}

@media screen and (max-width: 767px) {
    ul.a-list_ccl.list_contents_service {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*display: grid;*/
    }
}



/*ul.a-list_ccl.list_contents_service > li {
    width: 100%;
}

@media screen and (max-width: 767px) {
    ul.a-list_ccl.list_contents_service > li {
        width: 50%;
    }
}*/



.m-figure_bg.pic_proceeds_bm_business_corporate:before {
    content: none;
}

.m-figure_bg.pic_proceeds_bm_business_corporate:after {
    background: url("../images/service/image_proceeds_pm_service_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_equipment_bm-business_service:before {
    content: none;
}

.m-figure_bg.pic_equipment_bm-business_service:after {
    background: url("../images/service/image_equipment_bm_service_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_building_bm-business_service:before {
    content: none;
}

.m-figure_bg.pic_building_bm-business_service:after {
    background: url("../images/service/image_building_bm_service_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_cleaning_bm-business_service:before {
    content: none;
}

.m-figure_bg.pic_cleaning_bm-business_service:after {
    background: url("../images/service/image_cleaning_bm_service_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_environmental_bm-business_service:before {
    content: none;
}

.m-figure_bg.pic_environmental_bm-business_service:after {
    background: url("../images/service/image_environmental_bm_service_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_planting_bm-business_service:before {
    content: none;
}

.m-figure_bg.pic_planting_bm-business_service:after {
    background: url("../images/service/image_planting_bm_service_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_environmental_bm-business_service:before {
    content: none;
}

.m-figure_bg.pic_environmental_bm-business_service:after {
    background: url("../images/service/image_environmental_bm_service_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



/* [+] (Business)
=========================================================================================== */

.o-section-s.contents_business {
    padding: 0px 0 50px;
}

@media screen and (max-width: 979px) {
    .o-section-s.contents_business {
        padding: 0px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .o-section-s.contents_business {
        padding: 0px 0 30px;
    }
}



.o-section-s.wrapper_business {
    padding: 50px 0 70px;
}

@media screen and (max-width: 979px) {
    .o-section-s.wrapper_business {
        padding: 30px 0 70px;
    }
}

@media screen and (max-width: 767px) {
    .o-section-s.wrapper_business {
        padding: 30px 0 50px;
    }
}



.o-section-s.office_business {
    padding: 0px 0 50px;
}

@media screen and (max-width: 979px) {
    .o-section-s.office_business {
        padding: 0px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .o-section-s.office_business {
        padding: 0px 0 30px;
    }
}



.property_business ul.a-list_ccl > li:before {
    top: .5em;
}



.property_business  .m-accordion_toggle {
  background: #363636;
  border-bottom: 1px solid #363636;
  color: #fff;
}



.m-figure_bg.pic_office_business:before {
    content: none;
}

.m-figure_bg.pic_office_business:after {
    background: url("../images/business/image_office_business_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_apartment_business:before {
    content: none;
}

.m-figure_bg.pic_apartment_business:after {
    background: url("../images/business/image_apartment_business_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_hospital_business:before {
    content: none;
}

.m-figure_bg.pic_hospital_business:after {
    background: url("../images/business/image_hospital_business_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_elderly_business:before {
    content: none;
}

.m-figure_bg.pic_elderly_business:after {
    background: url("../images/business/image_elderly_business_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_commercial_business:before {
    content: none;
}

.m-figure_bg.pic_commercial_business:after {
    background: url("../images/business/image_commercial_business_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_learning_business:before {
    content: none;
}

.m-figure_bg.pic_learning_business:after {
    background: url("../images/business/image_learning_business_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_etc_business:before {
    content: none;
}

.m-figure_bg.pic_etc_business:after {
    background: url("../images/business/image_etc_business_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



.m-figure_bg.pic_property_business:before {
    content: none;
}

.m-figure_bg.pic_property_business:after {
    background: url("../images/business/image_property_business_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}



/* [+] (Sustainability)
=========================================================================================== */






/* [+] (Service)
=========================================================================================== */






/* [+] (Recruit)
=========================================================================================== */

.low_contents.message_recruit .m-figure_bg_message_recruit.m-figure_bg:after {
    background: url("../images/common/image_recruit_content_pc.jpg") 50% 50% no-repeat;
    background-size: cover;
    z-index: 0;
}

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

}

@media screen and (max-width: 767px) {
    .low_contents.message_recruit .m-figure_bg_message_recruit.m-figure_bg:after {
        background: url("../images/common/image_recruit_content_sp.png") 50% 0% no-repeat;
        background-size: cover;
        z-index: 0;
    }
}





/* [+] (Contact)
=========================================================================================== */

.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: 24px !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;
    }
}



/* [+] (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: "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: "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: "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: 300px;
    margin: 0 20px;
    text-align: center;
    color: #fff;
    background-color: #363636;
    border: 1px solid #363636;

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

div.mfp_buttons button#mfp_button_cancel:hover,
div.mfp_buttons button#mfp_button_send:hover {
    color: #363636;
    background-color: #fff;
}

@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 #b3b3b3;*/
    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: "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 #d7d7d5;
    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: #FFF;
}
table#mfp_confirm_table tr.mfp_achroma {
    background-color: #FFF;
}

table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td {
    text-align: left;
    font-size: 12px;
    border-top: solid 1px #CCC;
    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: #fff;
}



.form_contact textarea {
    display: block;
    padding: 0 20px;
    height: 56px;
    color: #333;
    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 #d7d7d5;
    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: #363636;
    /*background: #ff0000;*/
    border-radius: 2px;
    font-size: 10px;
    line-height: 1;
    color: #fff;
}

@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: linear-gradient(30deg, #80bc85 0%,#64c98d 70%,#cff169 100%);
    border-color: #64c98d;
}

.a-btn_form-wrap .a-btn_form input[type="reset"] {
    background: linear-gradient(30deg, #b2b2b2 0%,#b2b2b2 70%,#b2b2b2 100%);
    border-color: #b2b2b2;
}

.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, #fff 0%, #fff 60%);
}*/
/* 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: linear-gradient(-135deg, #5a67a8 0%, #a8894a 60%);
    opacity: 1;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);

    border: 5px solid #000;
}

.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, #fff 0%, #fff 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: #363636;
    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: #f0f0f0;
    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: #808080 #808080 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) {

}