@charset "UTF-8";/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */html {
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default
}

body,nav,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block
}

figure {
    margin: 0 0 1rem
}

audio,canvas,progress,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

template,[hidden] {
    display: none
}

:before,:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    background-repeat: no-repeat
}

:before,:after {
    vertical-align: inherit;
    text-decoration: inherit
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

hr {
    overflow: visible;
    height: 0
}

nav ol,nav ul {
    list-style: none
}

abbr[title] {
    text-decoration: none;
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

cite {
    font-style: normal
}

mark {
    color: #000;
    background-color: #ff0
}

progress {
    vertical-align: baseline
}

small {
    font-size: 83.3333%
}

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

sup {
    top: -.5em
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    outline-width: 0
}

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

button,input,select,textarea {
    font-size: 1em;
    margin: 0;
    color: inherit;
    border-style: none;
    background-color: transparent
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],[type=radio] {
    padding: 0
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-cancel-button,::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    opacity: .54;
    color: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[hidden][aria-hidden=false] {
    position: absolute;
    display: inherit;
    clip: rect(0,0,0,0)
}

[hidden][aria-hidden=false]:focus {
    clip: auto
}

@font-face {
    font-family:Yu Gothic;font-weight:100;src:local("Yu Gothic Medium")
}

@font-face {
    font-family:Yu Gothic;font-weight:200;src:local("Yu Gothic Medium")
}

@font-face {
    font-family:Yu Gothic;font-weight:300;src:local("Yu Gothic Medium")
}

@font-face {
    font-family:Yu Gothic;src:local("Yu Gothic Medium")
}

@font-face {
    font-family:Yu Gothic;font-weight:700;src:local("Yu Gothic Bold")
}

@font-face {
    font-family:Helvetica Neue;font-weight:100;src:local("Helvetica Neue Regular")
}

@font-face {
    font-family:Helvetica Neue;font-weight:200;src:local("Helvetica Neue Regular")
}

.content,.content--flex,.counselling-index--btnmenu__wrapper,.series__row,.content--wide,.content--primary,.lineup,.data--main,.content--masonry,.movie__content,.main-banner,.news-updates--nav__wrapper,.navbar,.navbar__nav--primary__wrapper,.navbar__nav--secondary__wrapper,#Footer .share__row,#Footer .footer-brands__row,#Footer .footer-category__row,#Footer .footer-nav__nav,#Footer .footer-bottom__nav,#Footer .footer-bottom__list,.breadcrumb__list,.main__wrapper {
    width: 980px;
    margin: 0 auto
}

.navbar__items--logo h1,.navbar__items--logo_splash h1,#Footer .footer-brands__list__items,#Footer .footer-brands__item__link,.move-page-top,#modal-content #modal-close,#modal-content .js-modal__close,.js-modal__content #modal-close,.js-modal__content .js-modal__close,.search--primary__box__button,.slider__items a,.history__title h2,.history__title h3,.history__title h4,.history__title h5,.history__title h6 {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%
}

.header:after,.is-collapsed:after,.header_splash:after,.company__title:after,.counselling--main__title:after,.kametsu-index__title:after,.news-updates--main__title:after,.knowledge--main__title:after,.campaign--main__wrapper .campaign__title:after,.safety--main__title:after,.h2:after,.company__main-title:after,.counselling__main-title:after,.kametsu__main-title:after,.search__title:after,.search__title--primary:after,.kametsu-index__subtitle:after,.detail__title:after,.company__sub-title:after,.h5:after,.allergy__title:after,.h6:after,.message__heading:after,.boxcontent__heading:after,.boxcontent--ir-financial__heading:after,.sns__inner iframe:after,.mega-menu__title:after,.mega-menu__title--primary:after,.data-divider--primary:after,.data-divider--main:after,.lineup__title:after,.news__title:after,.movie__title:after,.data--main__title:after,.new-item__title:after,.lineup-index__title:after,.category-index__title:after,.series__title:after,.brand-head__title:after,.brand-head__title--primary:after,.detail__row:after {
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.'
}

#Footer .footer-brands__list__items__img,#Footer .footer-category__list__items__link,.h2:before,.accordion__title:after,.is-opened:after,.play-button,.history__title img,.history__content__img__figure__caption,.feature__body__media img,.new-item__row__box__body__media img,.new-item__row__box__button,.new-item__row__box__button--hidden-sp,.new-item__row__box__button--hidden-pc,.detail__row__box__category-box__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.pos-ab-0,#sidebar .sidebar__title--primary a:after,#sidebar .sidebar__title--secondary a:after,.sidebutton--primary:after,.sidebutton--primary--m-bottom:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

#Footer .footer-category__list,#Footer .footer-nav__list,.card__row,.movie__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body {
    font-family: Helvetica Neue,Helvetica,Arial,roboto,'游ゴシック Medium',Yu Gothic Medium,'游ゴシック体',YuGothic,'メイリオ',Meiryo,Sans-Serif
}

@media screen and (max-width:834px) {
    html,body {
        overflow: auto;
        -webkit-overflow-scrolling: touch!important
    }
}

body {
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    overflow-x: hidden;
    color: #666;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media screen and (max-width:834px) {
    body {
        font-size: 14px;
        min-height: 100%
    }
}

.body--is-scrolled {
    margin-top: 145px
}

#body-en {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-top: 78px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

@media screen and (max-width:834px) {
    #body-en {
        margin-top: 0
    }
}

p {
    font-size: 16px;
    margin-bottom: 2.5rem;
    color: #666
}

@media screen and (max-width:834px) {
    p {
        font-size: 14px;
        margin-bottom: 1.5rem
    }
}

a {
    cursor: pointer;
    text-decoration: underline;
    color: #ff7c00
}

a:focus,a:hover {
    text-decoration: none
}

@media screen and (max-width:834px) {
    .content,.content--flex,.counselling-index--btnmenu__wrapper,.series__row,.content--wide,.content--primary,.lineup,.data--main,.content--masonry,.movie__content,.main-banner,.news-updates--nav__wrapper {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px
    }

    .content .free-space,.content--flex .free-space,.counselling-index--btnmenu__wrapper .free-space,.series__row .free-space,.content--wide .free-space,.content--primary .free-space,.lineup .free-space,.data--main .free-space,.content--masonry .free-space,.movie__content .free-space,.main-banner .free-space,.news-updates--nav__wrapper .free-space,.content .free-space--primary,.content--flex .free-space--primary,.counselling-index--btnmenu__wrapper .free-space--primary,.series__row .free-space--primary,.content--wide .free-space--primary,.content--primary .free-space--primary,.lineup .free-space--primary,.data--main .free-space--primary,.content--masonry .free-space--primary,.movie__content .free-space--primary,.main-banner .free-space--primary,.news-updates--nav__wrapper .free-space--primary {
        padding-right: 0;
        padding-left: 0
    }
}

.content--flex,.counselling-index--btnmenu__wrapper,.series__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:834px) {
    .content--flex,.counselling-index--btnmenu__wrapper,.series__row {
        display: block
    }
}

@media screen and (min-width:835px) {
    .content--wide {
        display: inline;
        width: 1160px
    }
}

@media screen and (max-width:834px) {
    .content--wide {
        width: 100%;
        padding: 0
    }
}

@media screen and (max-width:834px) {
    .content--primary,.lineup,.data--main {
        width: 100%;
        padding: 0
    }
}

.content--2col {
    width: 100%;
    margin: 20px 0
}

#main,#main2,.main {
    z-index: 0;
    width: 680px;
    padding-bottom: 100px
}

@media screen and (max-width:834px) {
    #main,#main2,.main {
        width: 100%;
        padding-bottom: 60px
    }
}

#main--single-column {
    width: 100%;
    padding-bottom: 100px
}

@media screen and (max-width:834px) {
    #main--single-column {
        padding-bottom: 60px
    }
}

.hidden--pc {
    display: none
}

@media screen and (max-width:834px) {
    .hidden--pc {
        display: block
    }
}

.hidden--sp {
    display: block
}

@media screen and (max-width:834px) {
    .hidden--sp {
        display: none
    }
}

.hidden--xs {
    display: block
}

@media screen and (max-width:414px) {
    .hidden--xs {
        display: none
    }
}

.is--target-blank:after {
    width: 10px;
    height: 10px;
    margin-left: .5rem;
    background-position: -276px -81px
}

a.hashlink {
    position: relative;
    display: block;
    visibility: hidden;
    height: 160px;
    margin-top: -160px
}

a.has-external-link:after {
    width: 9px;
    height: 10px;
    margin-left: 5px;
    background-position: -9px -76px
}

a.has-external-link--primary:after {
    display: inline-block;
    width: 9px;
    height: 10px;
    margin-left: 5px;
    background-position: -276px -81px
}

.header {
    position: relative;
    z-index: 10;
    top: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100vw;
    height: 143px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-bottom: 2px solid #ecf1f7;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100vw;
        height: 55px
    }
}

.header .is-hidden {
    display: none
}

.is-collapsed {
    position: fixed;
    width: 100%;
    height: 55px;
    border-bottom: 2px solid #ecf1f7
}

.navbar {
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 142px;
    margin: auto;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .navbar {
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        left: 0;
        width: 100vw;
        height: 55px;
        margin: 0
    }
}

.navbar__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .navbar__nav {
        position: absolute;
        top: 57px;
        right: -100%;
        display: block;
        overflow: hidden;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        background-color: #f8d100
    }
}

.navbar__nav--primary__wrapper,.navbar__nav--secondary__wrapper {
    position: absolute;
    top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:834px) {
    .navbar__nav--primary__wrapper,.navbar__nav--secondary__wrapper {
        top: 0
    }
}

.navbar__nav--secondary__wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.navbar__nav--primary,.navbar__nav--secondary,.is-scrolled .navbar__nav--secondary {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .navbar__nav--primary,.navbar__nav--secondary,.is-scrolled .navbar__nav--secondary {
        top: 0;
        left: 0;
        height: 55px;
        border-bottom: 2px solid #ecf1f7;
        background-color: #fff
    }
}

.navbar__nav--sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    margin-right: -20px;
    margin-left: -20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width:835px) {
    .navbar__nav--sub {
        display: none
    }
}

.navbar__items {
    line-height: 50px;
    z-index: 1;
    display: inline-block;
    width: 155px;
    margin-right: 10px
}

.navbar__items:nth-last-child(3) {
    margin-right: 0
}

.navbar__items:last-child {
    display: none
}

.navbar__items:hover,.navbar__items.is-active {
    -webkit-transition: border .1s!important;
    transition: border .1s!important;
    border-bottom: solid 5px #ff9531
}

@media screen and (max-width:834px) {
    .navbar__items {
        font-size: 14px;
        line-height: 45px;
        width: 100vw;
        padding: 0 20px;
        border-bottom: 1px solid #fff
    }

    .navbar__items:hover,.navbar__items:active {
        border-bottom: solid 1px #fff
    }
}

.navbar__items.is-hovered {
    border-bottom: solid 5px #ff9531
}

@media screen and (max-width:834px) {
    .is-opened {
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

    .is-opened .navbar__nav {
        z-index: 1;
        right: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .is-opened .navbar__items {
        display: block;
        margin-right: 0;
        text-align: left;
        border-bottom: 1px solid #fff
    }

    .is-opened .navbar__nav--sub .navbar__items {
        border-bottom: 0
    }

    .is-opened .navbar__nav--sub .navbar__items:last-child {
        border-left: 1px solid #fff
    }
}

.navbar__items--primary,.navbar__items--secondary,.navbar__items--hidden,.is-scrolled .navbar__items--hidden {
    height: 37px;
    padding-top: 6px
}

@media screen and (max-width:834px) {
    .navbar__items--primary,.navbar__items--secondary,.navbar__items--hidden,.is-scrolled .navbar__items--hidden {
        display: none
    }
}

.navbar__items--secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar__items--hidden {
    display: none
}

@media screen and (max-width:834px) {
    .navbar__items--hidden {
        display: block
    }
}

.navbar__items__link,.navbar__items__link--news,.navbar__items__link--campaign,.navbar__items__link--product,.navbar__items__link--knowledge,.navbar__items__link--company,.navbar__items__link--shop,.navbar__items__link--mailmag,.navbar__items__link--security--sub,.navbar__items__link--cs--sub {
    display: block;
    height: 45px;
    text-align: center;
    text-decoration: none;
    color: #333
}

@media screen and (max-width:834px) {
    .navbar__items__link,.navbar__items__link--news,.navbar__items__link--campaign,.navbar__items__link--product,.navbar__items__link--knowledge,.navbar__items__link--company,.navbar__items__link--shop,.navbar__items__link--mailmag,.navbar__items__link--security--sub,.navbar__items__link--cs--sub {
        position: relative;
        padding-left: 27px;
        text-align: left
    }

    .navbar__items__link:before,.navbar__items__link--news:before,.navbar__items__link--campaign:before,.navbar__items__link--product:before,.navbar__items__link--knowledge:before,.navbar__items__link--company:before,.navbar__items__link--shop:before,.navbar__items__link--mailmag:before,.navbar__items__link--security--sub:before,.navbar__items__link--cs--sub:before,.navbar__items__link:after,.navbar__items__link--news:after,.navbar__items__link--campaign:after,.navbar__items__link--product:after,.navbar__items__link--knowledge:after,.navbar__items__link--company:after,.navbar__items__link--shop:after,.navbar__items__link--mailmag:after,.navbar__items__link--security--sub:after,.navbar__items__link--cs--sub:after {
        position: absolute;
        content: '';
        background: url(/cs/img/common/spritesheet.png) no-repeat;
        background-size: 358px 208px
    }

    .navbar__items__link:before,.navbar__items__link--news:before,.navbar__items__link--campaign:before,.navbar__items__link--product:before,.navbar__items__link--knowledge:before,.navbar__items__link--company:before,.navbar__items__link--shop:before,.navbar__items__link--mailmag:before,.navbar__items__link--security--sub:before,.navbar__items__link--cs--sub:before {
        top: 13px
    }

    .navbar__items__link:after,.navbar__items__link--news:after,.navbar__items__link--campaign:after,.navbar__items__link--product:after,.navbar__items__link--knowledge:after,.navbar__items__link--company:after,.navbar__items__link--shop:after,.navbar__items__link--mailmag:after,.navbar__items__link--security--sub:after,.navbar__items__link--cs--sub:after {
        top: 17px;
        right: 8px;
        width: 5px;
        height: 10px;
        background-position: -43px -76px
    }
}

@media screen and (max-width:834px) {
    .navbar__items__link--news:before,.navbar__items__link--campaign:before,.navbar__items__link--product:before,.navbar__items__link--knowledge:before,.navbar__items__link--company:before,.navbar__items__link--shop:before,.navbar__items__link--mailmag:before,.navbar__items__link--security--sub:before,.navbar__items__link--cs--sub:before {
        left: 4px;
        width: 15px;
        height: 20px;
        background-position: -9px -48px
    }
}

.navbar__items__link--shop:after {
    width: 10px;
    height: 10px;
    margin-left: .5rem;
    background-position: -276px -81px
}

@media screen and (max-width:834px) {
    .navbar__items__link--campaign:before {
        left: -1px;
        width: 22px;
        background-position: -33px -48px
    }

    .navbar__items__link--product:before {
        left: 4px;
        width: 17px;
        background-position: -65px -48px
    }

    .navbar__items__link--knowledge:before {
        top: 15px;
        left: 2px;
        width: 20px;
        background-position: -91px -48px
    }

    .navbar__items__link--company:before {
        top: 11px;
        left: 4px;
        width: 19px;
        background-position: -121px -47px
    }

    .navbar__items__link--shop:before {
        top: 12px;
        left: 4px;
        width: 19px;
        background-position: -151px -47px
    }

    .navbar__items__link--shop:after {
        position: absolute;
        right: 8px;
        width: 9px;
        height: 10px;
        background-position: -9px -76px
    }

    .navbar__items__link--mailmag:before {
        top: 16px;
        left: 3px;
        width: 19px;
        background-position: -176px -48px
    }

    .navbar__items__link--security--sub:before {
        top: 14px;
        left: 5px;
        width: 16px;
        background-position: -203px -48px
    }

    .navbar__items__link--security--sub:after {
        right: 0
    }

    .navbar__items__link--cs--sub {
        padding-left: 16px
    }

    .navbar__items__link--cs--sub:before {
        top: 14px;
        left: -5px;
        width: 16px;
        background-position: -229px -48px
    }

    .navbar__items__link--cs--sub:after {
        right: 8px
    }
}

.navbar__items__link--security,.navbar__items__link--cs,.navbar__items__link--search {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    height: 38px;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
    text-decoration: none;
    border-left: dotted 1px #ff9531
}

.navbar__items__link--security:hover,.navbar__items__link--cs:hover,.navbar__items__link--search:hover,.navbar__items__link--security:active,.navbar__items__link--cs:active,.navbar__items__link--search:active {
    color: #ffcb99
}

.navbar__items__link--security:hover:before,.navbar__items__link--cs:hover:before,.navbar__items__link--search:hover:before,.navbar__items__link--security:hover:after,.navbar__items__link--cs:hover:after,.navbar__items__link--search:hover:after,.navbar__items__link--security:active:before,.navbar__items__link--cs:active:before,.navbar__items__link--search:active:before,.navbar__items__link--security:active:after,.navbar__items__link--cs:active:after,.navbar__items__link--search:active:after {
    opacity: .5
}

@media screen and (max-width:834px) {
    .navbar__items__link--security,.navbar__items__link--cs,.navbar__items__link--search {
        border: 0
    }
}

.navbar__items__link--security:before,.navbar__items__link--cs:before,.navbar__items__link--search:before {
    width: 16px;
    height: 17px;
    margin-right: 8px;
    vertical-align: sub;
    background-position: -225px -80px
}

@media screen and (max-width:834px) {
    .navbar__items__link--security,.navbar__items__link--cs,.navbar__items__link--search {
        display: none
    }
}

.navbar__items__link--cs {
    border-right: dotted 1px #ff9531
}

.navbar__items__link--cs:before {
    background-position: -250px -80px
}

.navbar__items__link--search {
    cursor: pointer;
    border-right: dotted 1px #ff9531;
    border-left: 0
}

.navbar__items__link--search:before {
    position: absolute;
    top: 8px;
    left: 13px;
    width: 17px;
    height: 18px;
    margin: auto;
    content: '';
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    background-image: url(/cs/img/common/spritesheet.png);
    background-repeat: no-repeat;
    background-position: -254px -48px;
    background-size: 212px 123px
}

.navbar__items__link--search:hover,.navbar__items__link--search:active {
    color: #ffcb99
}

.navbar__items__link--search:hover:before,.navbar__items__link--search:hover:after,.navbar__items__link--search:active:before,.navbar__items__link--search:active:after {
    opacity: .5
}

@media screen and (max-width:834px) {
    .navbar__items__link--search:hover:before,.navbar__items__link--search:hover:after,.navbar__items__link--search:active:before,.navbar__items__link--search:active:after {
        opacity: 1
    }
}

.navbar__items__link--search .is-hidden {
    visibility: hidden
}

@media screen and (max-width:834px) {
    .navbar__items__link--search {
        position: absolute;
        top: 8px;
        left: 7px;
        display: block;
        width: 40px;
        border: 0
    }

    .navbar__items__link--search:before {
        width: 24px;
        height: 24px;
        background-position: -211px -39px;
        background-size: 298px 173px!important
    }
}

.navbar__search2 {
    font-weight: 700;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 93px;
    height: 40px;
    cursor: pointer;
    text-decoration: none;
    border-right: dotted 1px #ff9531;
    border-left: dotted 1px #ff9531;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar__search2:before {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 3px;
    content: '';
    background-image: url(/cs/img/common/spritesheet.png);
    background-repeat: no-repeat;
    background-position: -150px -26px;
    background-size: 212px 123px
}

.navbar__search2:hover,.navbar__search2:active {
    color: #ffcb99
}

.navbar__search2:hover:before,.navbar__search2:hover:after,.navbar__search2:active:before,.navbar__search2:active:after {
    opacity: .5
}

@media screen and (max-width:834px) {
    .navbar__search2:hover:before,.navbar__search2:hover:after,.navbar__search2:active:before,.navbar__search2:active:after {
        opacity: 1
    }
}

.navbar__search2 .is-hidden {
    visibility: hidden
}

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

.navbar__items--logo,.navbar__items--logo_splash {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 88px;
    height: 67px;
    margin: auto;
    margin-bottom: 26px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.navbar__items--logo:before,.navbar__items--logo_splash:before {
    position: absolute;
    top: 20px;
    width: 88px;
    height: 67px;
    margin: auto;
    background-position: -12px -101px
}

@media screen and (max-width:834px) {
    .navbar__items--logo,.navbar__items--logo_splash {
        display: block
    }
}

@media screen and (max-width:834px) {
    .navbar__items--logo {
        width: 52px
    }

    .navbar__items--logo:before {
        z-index: 10;
        top: 8px;
        width: 52px;
        height: 40px;
        background-position: -7px -59px;
        background-size: 212px 123px!important
    }
}

.navbar__items--logo a {
    position: absolute;
    z-index: 11;
    display: block;
    width: 100%;
    height: 67px;
    margin-top: 20px
}

@media screen and (max-width:834px) {
    .navbar__items--logo a {
        width: 52px;
        height: 40px;
        margin-top: 10px
    }
}

.navbar__items--logo_splash {
    top: 20px;
    width: 59px;
    height: 46px
}

.navbar__items--logo_splash:before {
    top: 0;
    width: 59px;
    height: 46px;
    background-position: -5px -60px;
    background-size: 222px 124px!important
}

@media screen and (max-width:834px) {
    .navbar__items--logo_splash {
        top: 8px;
        width: 52px;
        height: 40px;
        margin: auto
    }

    .navbar__items--logo_splash:before {
        width: 52px;
        height: 40px;
        background-position: -7px -59px;
        background-size: 212px 123px!important
    }
}

.navbar__items--logo_splash a {
    position: absolute;
    width: 100%
}

.navbar__items--logo_splash h1 {
    font-size: 16px
}

.is-scrolled.navbar {
    height: 55px
}

.is-scrolled .navbar__nav {
    width: 630px
}

@media screen and (max-width:834px) {
    .is-scrolled .navbar__nav {
        width: 100%
    }
}

.is-scrolled .navbar__nav--primary__wrapper,.is-scrolled .navbar__nav--secondary__wrapper {
    top: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.is-scrolled .navbar__nav--secondary__wrapper {
    display: none
}

.is-scrolled .navbar__nav--primary,.is-scrolled .navbar__nav--secondary {
    top: 15px;
    height: 30px
}

.is-scrolled .navbar__nav .navbar__items {
    width: auto;
    height: 55px;
    margin-right: 28px
}

.is-scrolled .navbar__nav .navbar__items:last-child {
    margin-right: 0
}

.is-scrolled .navbar__nav .navbar__items--primary,.is-scrolled .navbar__nav .navbar__items--secondary,.is-scrolled .navbar__nav .navbar__items--hidden {
    line-height: 40px
}

.is-scrolled .navbar__items--primary,.is-scrolled .navbar__items--secondary,.is-scrolled .navbar__items--hidden {
    height: 30px
}

.is-scrolled .navbar__items--hidden {
    line-height: 0;
    display: block;
    margin: -2px 0 0;
    padding-top: 0
}

.is-scrolled .navbar__items__link,.is-scrolled .navbar__items__link--news,.is-scrolled .navbar__items__link--campaign,.is-scrolled .navbar__items__link--product,.is-scrolled .navbar__items__link--knowledge,.is-scrolled .navbar__items__link--company,.is-scrolled .navbar__items__link--shop,.is-scrolled .navbar__items__link--mailmag,.is-scrolled .navbar__items__link--security--sub,.is-scrolled .navbar__items__link--cs--sub {
    font-size: 14px;
    font-weight: 400;
    height: 55px;
    padding-top: 3px
}

.is-scrolled .navbar__items__link--security,.is-scrolled .navbar__items__link--cs,.is-scrolled .navbar__items__link--search {
    font-size: 11px;
    height: 30px;
    padding-top: 15px;
    padding-bottom: 1px
}

.is-scrolled .navbar__items__link--security:before,.is-scrolled .navbar__items__link--cs:before,.is-scrolled .navbar__items__link--search:before {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    background-size: 313px 182px
}

.is-scrolled .navbar__items__link--security:before,.is-scrolled .navbar__items__link--cs:before,.is-scrolled .navbar__items__link--search:before {
    top: 0;
    background-position: -197px -71px
}

.is-scrolled .navbar__items__link--cs:before {
    top: -1px;
    background-position: -219px -70px
}

.is-scrolled .navbar__items__link--search {
    height: 30px;
    padding-top: 9px;
    padding-right: 25px;
    padding-bottom: 7px
}

.is-scrolled .navbar__items__link--search:before {
    top: 5px;
    background-position: -150px -28px;
    background-size: 212px 123px
}

@media screen and (max-width:834px) {
    .is-scrolled .navbar__items__link--search {
        height: 38px;
        margin-top: -15px;
        padding-top: 10px;
        padding-right: 28px;
        padding-bottom: 10px;
        padding-left: 22px;
        text-decoration: none
    }

    .is-scrolled .navbar__items__link--search:before {
        position: absolute;
        top: 2px;
        right: 0;
        left: 0;
        width: 30px;
        height: 30px;
        margin: auto;
        background-position: -209px -36px;
        background-size: 313px 182px
    }
}

.is-scrolled .navbar__items--logo {
    display: inline-block;
    float: left;
    width: 50px;
    height: 100%;
    margin-right: 40px;
    margin-bottom: 0;
    margin-left: 0
}

.is-scrolled .navbar__items--logo:before {
    top: 9px;
    width: 50px;
    height: 38px;
    content: '';
    background-image: url(/cs/img/common/spritesheet.png);
    background-repeat: no-repeat;
    background-position: -7px -57px;
    background-size: 203px 118px
}

.is-scrolled .navbar__items--logo a {
    height: auto;
    margin-top: 10px
}

.btn--menu-trigger {
    position: relative;
    z-index: 1000;
    float: right;
    width: 45px;
    height: 45px;
    margin-top: 6px;
    margin-right: 10px
}

.btn--menu-trigger span {
    position: absolute;
    right: 0;
    left: 0;
    width: 25px;
    height: 3px;
    margin: auto;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    background-color: #333
}

.btn--menu-trigger span:nth-of-type(1) {
    top: 9px
}

.btn--menu-trigger span:nth-of-type(2) {
    top: 19px
}

.btn--menu-trigger span:nth-of-type(3) {
    bottom: 13px
}

.btn--menu-trigger.is-active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg)
}

.btn--menu-trigger.is-active span:nth-of-type(2) {
    opacity: 0
}

.btn--menu-trigger.is-active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg)
}

@media screen and (min-width:835px) {
    .btn--menu-trigger {
        display: none
    }
}

#Footer .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 55px;
    border-top: 2px solid #ecf1f7;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#Footer .share a {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#Footer .share a:hover {
    opacity: .5
}

#Footer .share__row {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:834px) {
    #Footer .share__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#Footer .footer-sns {
    position: relative;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    #Footer .footer-sns {
        bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

#Footer .footer-sns-icon {
    width: 58px;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 50%;
    background: #fff
}

#Footer .footer-sns-icon a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 58px;
    padding-top: 13px;
    padding-left: 13px
}

#Footer .footer-sns-icon a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#Footer .footer-sns-icon a img {
    -webkit-transition: -webkit-transform .1s ease-out;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out,-webkit-transform .1s ease-out
}

#Footer .footer-sns-icon:nth-child(1) img {
    width: 32px;
    height: auto
}

#Footer .footer-sns-icon:nth-child(2) img {
    width: 30px;
    height: auto;
    margin-top: 1px;
    margin-left: 1px
}

#Footer .footer-sns-icon:nth-child(3) img {
    width: 31px;
    height: auto;
    margin-top: 4px;
    margin-left: 2px
}

#Footer .footer-sns-icon:nth-child(4) img {
    width: 32px;
    height: auto;
    margin-left: 1px
}

#Footer .footer-brands {
    width: 100%;
    padding: 40px 0 26px;
    background-color: #ecf1f7
}

@media screen and (max-width:834px) {
    #Footer .footer-brands {
        padding: 0
    }
}

@media screen and (max-width:834px) {
    #Footer .footer-brands__row,#Footer .footer-category__row {
        width: 100%
    }
}

#Footer .footer-brands__title,#Footer .footer-category__title {
    position: relative;
    color: #333
}

@media screen and (max-width:834px) {
    #Footer .footer-brands__title h2,#Footer .footer-category__title h2,#Footer .footer-brands__title h3,#Footer .footer-category__title h3,#Footer .footer-brands__title h4,#Footer .footer-category__title h4,#Footer .footer-brands__title h5,#Footer .footer-category__title h5,#Footer .footer-brands__title h6,#Footer .footer-category__title h6 {
        font-weight: 400;
        padding: 10px 0 10px 20px
    }
}

#Footer .footer-brands__title:after,#Footer .footer-category__title:after {
    content: none
}

@media screen and (max-width:834px) {
    #Footer .footer-brands__title,#Footer .footer-category__title {
        cursor: pointer
    }

    #Footer .footer-brands__title:after,#Footer .footer-category__title:after {
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        width: 19px;
        height: 19px;
        margin: auto;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
        border-radius: 50%;
        background-color: #fff;
        background-position: -83px -71px
    }
}

#Footer .footer-brands__title.is-opened:after,#Footer .is-opened.footer-category__title:after {
    margin-right: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    background-position: -102px -71px
}

@media screen and (max-width:834px) {
    #Footer .footer-brands__list {
        display: none
    }
}

#Footer .footer-brands__list li {
    list-style: none
}

#Footer .footer-brands__list__inner,#Footer .footer-category__list__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: auto;
    padding-top: 10px;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:834px) {
    #Footer .footer-brands__list__inner,#Footer .footer-category__list__inner {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#Footer .footer-brands__list__items {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 68px;
    margin: 17px 10px 17px 0;
    -webkit-transition: .1s ease;
    transition: .1s ease
}

#Footer .footer-brands__list__items:hover .footer-brands__list__items__img {
    opacity: .6
}

#Footer .footer-brands__list__items:hover .footer-brands__item__link {
    color: #ff7c00
}

@media screen and (max-width:834px) {
    #Footer .footer-brands__list__items {
        overflow: visible;
        width: 80px;
        height: 84px;
        margin: 17px 10px
    }

    #Footer .footer-brands__list__items:last-child {
        margin-bottom: 35px
    }
}

#Footer .footer-brands__list__items__img {
    width: 60px;
    height: 63px
}

@media screen and (max-width:834px) {
    #Footer .footer-brands__list__items__img {
        overflow: visible;
        width: 80px;
        height: 84px
    }
}

#Footer .footer-brands__item__link {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    margin: auto
}

@media screen and (max-width:834px) {
    #Footer .footer-brands__item__link {
        font-size: 11px;
        overflow: visible;
        width: 100%;
        height: auto;
        padding-top: 85px;
        text-align: center;
        white-space: normal;
        text-decoration: none;
        text-indent: 0;
        color: #333
    }
}

#Footer .footer-category {
    width: 100%;
    padding: 40px 0;
    border-top: 2px solid #fff;
    background-color: #ecf1f7
}

@media screen and (max-width:834px) {
    #Footer .footer-category {
        position: relative;
        padding: 0;
        border-bottom: 2px solid #fff
    }
}

@media screen and (max-width:834px) {
    #Footer .footer-category__row {
        display: none
    }
}

#Footer .footer-category__title {
    width: 980px;
    margin: auto;
    margin-bottom: 14px
}

@media screen and (max-width:834px) {
    #Footer .footer-category__title {
        width: 100vw;
        margin-bottom: 0
    }
}

@media screen and (max-width:834px) {
    #Footer .footer-category__title.is-opened:after {
        margin-right: 0;
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        background-position: -102px -71px
    }
}

#Footer .footer-category__list {
    list-style: none
}

@media screen and (max-width:834px) {
    #Footer .footer-category__list {
        display: inline-block;
        width: 100%
    }
}

#Footer .footer-category__list__items {
    margin-bottom: 5px
}

@media screen and (max-width:834px) {
    #Footer .footer-category__list__items:last-child {
        margin-bottom: 27px
    }
}

#Footer .footer-category__list__items__img--1 {
    background-image: url(/cs/img/common/footer/category/category_1.jpg)
}

#Footer .footer-category__list__items__img--2 {
    background-image: url(/cs/img/common/footer/category/category_2.jpg)
}

#Footer .footer-category__list__items__img--3 {
    background-image: url(/cs/img/common/footer/category/category_3.jpg)
}

#Footer .footer-category__list__items__img--4 {
    background-image: url(/cs/img/common/footer/category/category_4.jpg)
}

#Footer .footer-category__list__items__img--5 {
    background-image: url(/cs/img/common/footer/category/category_5.jpg)
}

#Footer .footer-category__list__items__img--7 {
    background-image: url(/cs/img/common/footer/category/category_7.jpg)
}

#Footer .footer-category__list__items__img--8 {
    background-image: url(/cs/img/common/footer/category/category_8.jpg)
}

#Footer .footer-category__list__items__img--9 {
    background-image: url(/cs/img/common/footer/category/category_9.jpg)
}

#Footer .footer-category__list__items__img--10 {
    background-image: url(/cs/img/common/footer/category/category_10.jpg)
}

#Footer .footer-category__list__items__img--11 {
    background-image: url(/cs/img/common/footer/category/category_11.jpg);
    background-position: top left!important;
    background-size: contain!important
}

#Footer .footer-category__list__items__img--12 {
    background-image: url(/cs/img/common/footer/category/category_12.jpg)
}

#Footer .footer-category__list__items__img--13 {
    background-image: url(/cs/img/common/footer/category/category_13.jpg)
}

#Footer .footer-category__list__items__img--14 {
    background-image: url(/cs/img/common/footer/category/category_14.jpg)
}

#Footer .footer-category__list__items__img--15 {
    background-image: url(/cs/img/common/footer/category/category_15.jpg)
}

#Footer .footer-category__list__items__img--16 {
    background-image: url(/cs/img/common/footer/category/category_16.jpg)
}

#Footer .footer-category__list__items__img--17 {
    background-image: url(/cs/img/common/footer/category/category_17.jpg)
}

#Footer .footer-category__list__items__img--18 {
    background-image: url(/cs/img/common/footer/category/category_18.jpg)
}

#Footer .footer-category__list__items__img--19 {
    background-image: url(/cs/img/common/footer/category/category_19.jpg)
}

#Footer .footer-category__list__items__img--20 {
    background-image: url(/cs/img/common/footer/category/category_20.jpg)
}

#Footer .footer-category__list__items__img--21 {
    background-image: url(/cs/img/common/footer/category/category_21.jpg)
}

#Footer .footer-nav__wrapper {
    background-color: #f8d100
}

#Footer .footer-nav__nav {
    padding-top: 50px;
    padding-bottom: 55px
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__nav {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list {
        display: block;
        overflow: hidden
    }
}

#Footer .footer-nav__list__items,#Footer .footer-nav__list__items--primary,#Footer .footer-nav__list__items--mailmag {
    line-height: 2.5
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items,#Footer .footer-nav__list__items--primary,#Footer .footer-nav__list__items--mailmag {
        line-height: 45px;
        display: inline-block;
        width: 100vw;
        padding: 0 20px;
        border-bottom: 1px solid #fff
    }
}

#Footer .footer-nav__list__items--primary,#Footer .footer-nav__list__items--mailmag {
    line-height: 1.8;
    padding-top: 5px
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items--primary,#Footer .footer-nav__list__items--mailmag {
        padding-top: 0
    }
}

@media screen and (min-width:835px) {
    #Footer .footer-nav__list__items--mailmag {
        margin-bottom: 1rem
    }
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__nav--parent {
        margin-right: -20px;
        margin-left: -20px;
        border-top: 1px solid #fff
    }
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__nav--parent .footer-nav__list__items:last-of-type,#Footer .footer-nav__nav--parent .footer-nav__list__items--primary:last-of-type,#Footer .footer-nav__nav--parent .footer-nav__list__items--mailmag:last-of-type {
        border-bottom: none
    }
}

#Footer .footer-nav__list__items__link--news,#Footer .footer-nav__list__items__link--campaign,#Footer .footer-nav__list__items__link--product,#Footer .footer-nav__list__items__link--knowledge,#Footer .footer-nav__list__items__link--company,#Footer .footer-nav__list__items__link--shop,#Footer .footer-nav__list__items__link--mailmag,#Footer .footer-nav__list__items__link--security--sub,#Footer .footer-nav__list__items__link--cs--sub {
    line-height: 1.8;
    position: relative;
    text-decoration: none;
    color: #333
}

#Footer .footer-nav__list__items__link--news:hover,#Footer .footer-nav__list__items__link--campaign:hover,#Footer .footer-nav__list__items__link--product:hover,#Footer .footer-nav__list__items__link--knowledge:hover,#Footer .footer-nav__list__items__link--company:hover,#Footer .footer-nav__list__items__link--shop:hover,#Footer .footer-nav__list__items__link--mailmag:hover,#Footer .footer-nav__list__items__link--security--sub:hover,#Footer .footer-nav__list__items__link--cs--sub:hover {
    text-decoration: underline
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items__link--news,#Footer .footer-nav__list__items__link--campaign,#Footer .footer-nav__list__items__link--product,#Footer .footer-nav__list__items__link--knowledge,#Footer .footer-nav__list__items__link--company,#Footer .footer-nav__list__items__link--shop,#Footer .footer-nav__list__items__link--mailmag,#Footer .footer-nav__list__items__link--security--sub,#Footer .footer-nav__list__items__link--cs--sub {
        display: block;
        padding: 10px 0
    }

    #Footer .footer-nav__list__items__link--news:hover,#Footer .footer-nav__list__items__link--campaign:hover,#Footer .footer-nav__list__items__link--product:hover,#Footer .footer-nav__list__items__link--knowledge:hover,#Footer .footer-nav__list__items__link--company:hover,#Footer .footer-nav__list__items__link--shop:hover,#Footer .footer-nav__list__items__link--mailmag:hover,#Footer .footer-nav__list__items__link--security--sub:hover,#Footer .footer-nav__list__items__link--cs--sub:hover {
        text-decoration: none
    }
}

#Footer .footer-nav__list__items__link--news:before,#Footer .footer-nav__list__items__link--campaign:before,#Footer .footer-nav__list__items__link--product:before,#Footer .footer-nav__list__items__link--knowledge:before,#Footer .footer-nav__list__items__link--company:before,#Footer .footer-nav__list__items__link--shop:before,#Footer .footer-nav__list__items__link--mailmag:before,#Footer .footer-nav__list__items__link--security--sub:before,#Footer .footer-nav__list__items__link--cs--sub:before {
    width: 15px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 1px;
    vertical-align: middle;
    background-position: -9px -48px
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items__link--news:after,#Footer .footer-nav__list__items__link--campaign:after,#Footer .footer-nav__list__items__link--product:after,#Footer .footer-nav__list__items__link--knowledge:after,#Footer .footer-nav__list__items__link--company:after,#Footer .footer-nav__list__items__link--shop:after,#Footer .footer-nav__list__items__link--mailmag:after,#Footer .footer-nav__list__items__link--security--sub:after,#Footer .footer-nav__list__items__link--cs--sub:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: inline-block;
        width: 5px;
        height: 10px;
        margin: auto;
        content: '';
        background-image: url(/cs/img/common/spritesheet.png);
        background-repeat: no-repeat;
        background-position: -43px -76px;
        background-size: 358px 208px
    }
}

#Footer .footer-nav__list__items__link--campaign:before {
    width: 22px;
    margin-bottom: 0;
    background-position: -33px -48px
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items__link--campaign:before {
        margin-top: 1px;
        margin-bottom: -1px;
        margin-left: -6px
    }
}

#Footer .footer-nav__list__items__link--product:before {
    width: 17px;
    background-position: -65px -48px
}

#Footer .footer-nav__list__items__link--knowledge:before {
    width: 20px;
    margin-bottom: -1px;
    background-position: -91px -48px
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items__link--knowledge:before {
        margin-left: -1px
    }
}

#Footer .footer-nav__list__items__link--company:before {
    width: 19px;
    background-position: -121px -47px
}

#Footer .footer-nav__list__items__link--shop:before {
    width: 19px;
    margin-left: -2px;
    background-position: -151px -47px
}

#Footer .footer-nav__list__items__link--shop:after {
    width: 9px;
    height: 10px;
    margin-left: 5px;
    background-position: -9px -76px
}

#Footer .footer-nav__list__items__link--mailmag:before {
    width: 19px;
    margin-bottom: -4px;
    margin-left: -2px;
    background-position: -176px -48px
}

#Footer .footer-nav__list__items__link--security--sub:before {
    width: 16px;
    margin-bottom: -1px;
    background-position: -203px -48px
}

#Footer .footer-nav__list__items__link--cs--sub:before {
    width: 16px;
    margin-bottom: -1px;
    background-position: -229px -48px
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__nav--child {
        display: none
    }
}

#Footer .footer-nav__list__items--child {
    font-size: 14px;
    line-height: 1.8;
    position: relative
}

#Footer .footer-nav__list__items--child__link {
    text-decoration: none;
    color: #333
}

#Footer .footer-nav__list__items--child__link:before {
    width: 5px;
    height: 10px;
    margin-right: 8px;
    background-position: -43px -76px
}

#Footer .footer-nav__list__items--child__link:hover {
    text-decoration: underline
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__nav--sub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

#Footer .footer-nav__list__items--sub {
    line-height: 1.8
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items--sub {
        width: 50%
    }

    #Footer .footer-nav__list__items--sub:first-child {
        margin-right: 0;
        padding-right: 20px;
        border-right: solid 1px #fff
    }

    #Footer .footer-nav__list__items--sub:last-child {
        padding-left: 20px
    }
}

#Footer .footer-nav--sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    #Footer .footer-nav--sns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#Footer .footer-nav--sns .icon--sns:before,#Footer .footer-nav--sns .icon--twitter:before,#Footer .footer-nav--sns .icon--facebook:before,#Footer .footer-nav--sns .icon--twitter--primary:before,#Footer .footer-nav--sns .icon--facebook--primary:before,#Footer .footer-nav--sns .icon--twitter--secondary:before,#Footer .footer-nav--sns .icon--facebook--secondary:before,#Footer .footer-nav--sns .icon--twitter--tertiary:before,#Footer .footer-nav--sns .icon--facebook--tertiary:before {
    margin-right: 0
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items--sns-wrapper {
        height: 55px
    }
}

#Footer .footer-nav__list__items--sns {
    width: 40px;
    margin-right: -5px
}

#Footer .footer-nav__list__items--sns span {
    visibility: hidden
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items--sns {
        margin: 0 10px
    }
}

#Footer .footer-nav__list__items--sns__link {
    position: absolute;
    width: 30px;
    height: 30px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#Footer .footer-nav__list__items--sns__link:hover {
    opacity: .5
}

@media screen and (max-width:834px) {
    #Footer .footer-nav__list__items--sns__link {
        width: 40px;
        height: 40px
    }
}

#Footer .footer-bottom {
    border-top: 1px solid #fff;
    background-color: #f8d100
}

@media screen and (max-width:834px) {
    #Footer .footer-bottom {
        padding-bottom: 24px
    }
}

#Footer .footer-bottom__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:834px) {
    #Footer .footer-bottom__nav {
        display: block;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center
    }
}

#Footer .footer-bottom__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 580px;
    height: 75px;
    margin-right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    #Footer .footer-bottom__list {
        display: table;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 20px
    }
}

#Footer .footer-bottom__list__items {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    height: 12px;
    margin: auto
}

#Footer .footer-bottom__list__items:not(:last-child) {
    padding-right: 26px;
    border-right: solid 1px #e60012
}

@media screen and (max-width:834px) {
    #Footer .footer-bottom__list__items:not(:last-child) {
        padding-right: 0;
        border: 0
    }
}

#Footer .footer-bottom__list__items:last-child {
    margin-right: 0
}

@media screen and (max-width:834px) {
    #Footer .footer-bottom__list__items:last-child {
        float: left
    }
}

@media screen and (max-width:834px) {
    #Footer .footer-bottom__list__items {
        line-height: 20px;
        width: 50%;
        padding: .8rem 0;
        text-align: left;
        border-right: 0
    }
}

#Footer .footer-bottom__list__items__link {
    text-decoration: none;
    color: #333
}

#Footer .footer-bottom__list__items__link:hover {
    text-decoration: underline
}

@media screen and (max-width:834px) {
    #Footer .footer-bottom__list__items__link {
        display: block
    }
}

#Footer .footer-bottom__copyright {
    font-size: 10px;
    width: 343px;
    margin: auto 0;
    padding-right: 26px;
    color: #666
}

@media screen and (max-width:834px) {
    #Footer .footer-bottom__copyright {
        font-size: 8px;
        width: 100%;
        padding-right: 0;
        text-align: center
    }
}

.sidebar {
    width: 220px;
    margin-left: 80px
}

@media screen and (max-width:834px) {
    .sidebar {
        width: 100vw;
        margin: 0 -20px
    }
}

#sidebar .sidebar__title,#sidebar .sidebar__title.is-opened,#sidebar .sidebar__title--primary,#sidebar .sidebar__title--secondary {
    font-size: 20px;
    line-height: 50px;
    z-index: 1;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    background-color: #fff7dd
}

#sidebar .sidebar__title:after,#sidebar .sidebar__title.is-opened:after,#sidebar .sidebar__title--primary:after,#sidebar .sidebar__title--secondary:after {
    position: absolute;
    content: none
}

#sidebar .sidebar__title h2,#sidebar .sidebar__title.is-opened h2,#sidebar .sidebar__title--primary h2,#sidebar .sidebar__title--secondary h2,#sidebar .sidebar__title h3,#sidebar .sidebar__title.is-opened h3,#sidebar .sidebar__title--primary h3,#sidebar .sidebar__title--secondary h3,#sidebar .sidebar__title h4,#sidebar .sidebar__title.is-opened h4,#sidebar .sidebar__title--primary h4,#sidebar .sidebar__title--secondary h4,#sidebar .sidebar__title h5,#sidebar .sidebar__title.is-opened h5,#sidebar .sidebar__title--primary h5,#sidebar .sidebar__title--secondary h5,#sidebar .sidebar__title h6,#sidebar .sidebar__title.is-opened h6,#sidebar .sidebar__title--primary h6,#sidebar .sidebar__title--secondary h6 {
    font-weight: 400;
    padding-left: 20px;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    #sidebar .sidebar__title,#sidebar .sidebar__title.is-opened,#sidebar .sidebar__title--primary,#sidebar .sidebar__title--secondary {
        font-size: 16px;
        position: relative;
        height: 53px;
        margin-bottom: 0;
        border-bottom: 2px solid #fff;
        background-color: #ff9531
    }

    #sidebar .sidebar__title:after,#sidebar .sidebar__title.is-opened:after,#sidebar .sidebar__title--primary:after,#sidebar .sidebar__title--secondary:after {
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        width: 19px;
        height: 19px;
        margin: auto;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        border-radius: 50%;
        background-color: #fff;
        background-position: -83px -71px
    }

    #sidebar .sidebar__title h2,#sidebar .sidebar__title.is-opened h2,#sidebar .sidebar__title--primary h2,#sidebar .sidebar__title--secondary h2,#sidebar .sidebar__title h3,#sidebar .sidebar__title.is-opened h3,#sidebar .sidebar__title--primary h3,#sidebar .sidebar__title--secondary h3,#sidebar .sidebar__title h4,#sidebar .sidebar__title.is-opened h4,#sidebar .sidebar__title--primary h4,#sidebar .sidebar__title--secondary h4,#sidebar .sidebar__title h5,#sidebar .sidebar__title.is-opened h5,#sidebar .sidebar__title--primary h5,#sidebar .sidebar__title--secondary h5,#sidebar .sidebar__title h6,#sidebar .sidebar__title.is-opened h6,#sidebar .sidebar__title--primary h6,#sidebar .sidebar__title--secondary h6 {
        color: #fff
    }
}

@media screen and (max-width:834px) {
    #sidebar .is-opened.sidebar__title:after,#sidebar .is-opened.sidebar__title--primary:after,#sidebar .is-opened.sidebar__title--secondary:after {
        margin-right: 0;
        background-position: -102px -71px
    }
}

@media screen and (min-width:835px) {
    #sidebar .is-opened.sidebar__title:after,#sidebar .is-opened.sidebar__title--primary:after,#sidebar .is-opened.sidebar__title--secondary:after {
        content: none
    }
}

#sidebar .sidebar__title--primary,#sidebar .sidebar__title--secondary {
    position: relative;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    background-color: #ff9531
}

#sidebar .sidebar__title--primary:hover,#sidebar .sidebar__title--secondary:hover {
    opacity: .6
}

#sidebar .sidebar__title--primary a,#sidebar .sidebar__title--secondary a {
    position: relative;
    display: block;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    text-decoration: none;
    color: #fff
}

#sidebar .sidebar__title--primary a:after,#sidebar .sidebar__title--secondary a:after {
    right: 20px;
    left: auto;
    width: 18px;
    height: 19px;
    background-position: -113px -152px
}

@media screen and (min-width:835px) {
    #sidebar .sidebar__title--primary a:after,#sidebar .sidebar__title--secondary a:after {
        content: none
    }
}

#sidebar .sidebar__title--primary .sidebar__title--primary__link,#sidebar .sidebar__title--secondary .sidebar__title--primary__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 50px;
    color: #fff
}

@media screen and (max-width:834px) {
    #sidebar .sidebar__title--primary .sidebar__title--primary__link,#sidebar .sidebar__title--secondary .sidebar__title--primary__link {
        display: none
    }
}

#sidebar .sidebar__title--primary h2,#sidebar .sidebar__title--secondary h2,#sidebar .sidebar__title--primary h3,#sidebar .sidebar__title--secondary h3,#sidebar .sidebar__title--primary h4,#sidebar .sidebar__title--secondary h4,#sidebar .sidebar__title--primary h5,#sidebar .sidebar__title--secondary h5,#sidebar .sidebar__title--primary h6,#sidebar .sidebar__title--secondary h6 {
    color: #fff
}

#sidebar .sidebar__title--secondary:after {
    content: none
}

@media screen and (max-width:834px) {
    #sidebar .sidebar__title--secondary:after {
        content: '';
        background-position: -83px -71px
    }
}

@media screen and (max-width:834px) {
    #sidebar .is-opened+.sidenav__wrapper--is-opened .sidenav__list__items:last-child {
        border-bottom: 0
    }
}

@media screen and (min-width:835px) {
    #sidebar .icon--pamphlet:before {
        top: 5px
    }
}

.header_splash {
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 80px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-bottom: 2px solid #ecf1f7;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .header_splash {
        height: 55px
    }
}

.splash__main-wrapper {
    margin: 75px auto
}

@media screen and (max-width:834px) {
    .splash__main-wrapper {
        margin: 25px 20px
    }
}

.splash__main-wrapper .splash__title h2 {
    font-size: 16px;
    font-weight: 400;
    display: block;
    max-width: 600px;
    margin: 0 auto 30px;
    text-align: center
}

@media screen and (max-width:834px) {
    .splash__main-wrapper .splash__title h2 {
        font-size: 14px;
        max-width: 100%;
        margin: 0 auto 10px
    }
}

.splash__main-wrapper p {
    line-height: 1.9;
    max-width: 800px;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .splash__main-wrapper p {
        line-height: 1.8;
        max-width: 100%
    }
}

#Footer_splash {
    width: 100%;
    border-top: 2px solid #ecf1f7
}

#Footer_splash .button-hex__wrapper,#Footer_splash .button-hex__wrapper--company,#Footer_splash .lineup__button__wrapper {
    margin: 40px auto 55px
}

@media screen and (max-width:834px) {
    #Footer_splash .button-hex__wrapper,#Footer_splash .button-hex__wrapper--company,#Footer_splash .lineup__button__wrapper {
        margin: 0 auto 10px
    }
}

#Footer_splash .footer-bottom__copyright {
    font-size: 10px;
    display: block;
    margin: 0 auto 55px;
    text-align: center;
    color: #aaa
}

@media screen and (max-width:834px) {
    #Footer_splash .footer-bottom__copyright {
        font-size: 8px;
        margin: 0 auto 50px
    }
}

.breadcrumb {
    position: relative;
    margin-top: -2px;
    border-top: 2px solid #ecf1f7;
    border-bottom: 2px solid #ecf1f7;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .breadcrumb {
        z-index: 1;
        display: none;
        margin-top: 0
    }
}

.breadcrumb__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.breadcrumb__list__item {
    font-size: 11px;
    padding-right: 20px
}

.breadcrumb__list__item:after {
    width: 5px;
    height: 10px;
    margin-bottom: -1px;
    margin-left: 20px;
    background-position: -28px -76px
}

.breadcrumb__list__item:last-child:after {
    display: none
}

.breadcrumb__list__item:last-child a {
    cursor: default;
    pointer-events: none;
    color: #666
}

.breadcrumb__list__item__link {
    text-decoration: none
}

.breadcrumb__list__item__link:hover {
    text-decoration: underline
}

.nav-prev-sp {
    display: none
}

.nav-prev-sp:before {
    width: 5px;
    height: 10px;
    margin-right: .5rem;
    padding-bottom: 12px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: text-top;
    background-position: -73px -76px
}

@media screen and (max-width:834px) {
    .nav-prev-sp {
        font-size: 13px;
        display: block;
        padding: 70px 20px 0
    }
}

.nav-prev-sp__link {
    text-decoration: none;
    color: #aaa
}

#Footer .footer-category__list__items,.detail__row__box__category-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 154px;
    margin-right: 10px;
    padding-bottom: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#Footer .footer-category__list__items:hover,.detail__row__box__category-box:hover {
    text-decoration: underline;
    color: #ff7c00
}

#Footer .footer-category__list__items:hover .circle__img,.detail__row__box__category-box:hover .circle__img {
    opacity: .5
}

@media screen and (max-width:834px) {
    #Footer .footer-category__list__items,.detail__row__box__category-box {
        display: inline-block;
        width: 80px;
        margin-right: 9px;
        margin-bottom: 15px;
        padding-top: 25px
    }
}

#Footer .footer-category__items__title {
    font-size: 11px;
    line-height: 1.4;
    display: inline-block;
    margin-left: .3rem
}

@media screen and (max-width:834px) {
    #Footer .footer-category__items__title {
        font-size: 10px;
        position: absolute;
        right: 0;
        left: 0;
        display: block;
        margin: auto;
        margin-top: 5px;
        text-align: center
    }
}

.brand-body,.new-info-body,.data--main__wrapper {
    position: relative;
    width: 100%;
    background-color: #fff
}

.brand-body:before,.new-info-body:before,.data--main__wrapper:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7px;
    content: '';
    background: url(/cs/img/common/triangle.svg) repeat-x;
    background-repeat: repeat;
    background-size: 14px 7px
}

.brand-body,.new-info-body {
    padding-top: 40px;
    background-color: #ecf1f7;
    background-image: none
}

.feature__wrapper,.sns__wrapper,.knowledge--main__wrapper .knowledge,.new-item {
    position: relative;
    width: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJUlEQVQoU2P8vzXvP6P3JEYGKEDnwyVgCtBpnDphJhE2YRC4AQC62iAJlTMpCgAAAABJRU5ErkJggg==) repeat
}

.feature__wrapper:before,.sns__wrapper:before,.knowledge--main__wrapper .knowledge:before,.new-item:before,.feature__wrapper:after,.sns__wrapper:after,.knowledge--main__wrapper .knowledge:after,.new-item:after {
    position: absolute;
    right: 0;
    left: 0;
    height: 7px;
    content: '';
    background: url(/cs/img/common/triangle.svg) repeat-x;
    background-size: 14px 7px
}

.feature__wrapper:before,.sns__wrapper:before,.knowledge--main__wrapper .knowledge:before,.new-item:before {
    top: 0
}

@media(max-width:834px) {
    .feature__wrapper:before,.sns__wrapper:before,.knowledge--main__wrapper .knowledge:before,.new-item:before {
        top: -1px
    }
}

.feature__wrapper:after,.sns__wrapper:after,.knowledge--main__wrapper .knowledge:after,.new-item:after {
    bottom: -1px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.is--target-blank:after,a.has-external-link:after,a.has-external-link--primary:after,.company__title h1:before,.counselling--main__title h1:before,.kametsu-index__title h1:before,.news-updates--main__title h1:before,.knowledge--main__title h1:before,.campaign--main__wrapper .campaign__title h1:before,.safety--main__title h1:before,.company__title h2:before,.counselling--main__title h2:before,.kametsu-index__title h2:before,.news-updates--main__title h2:before,.knowledge--main__title h2:before,.campaign--main__wrapper .campaign__title h2:before,.safety--main__title h2:before,.company__title h3:before,.counselling--main__title h3:before,.kametsu-index__title h3:before,.news-updates--main__title h3:before,.knowledge--main__title h3:before,.campaign--main__wrapper .campaign__title h3:before,.safety--main__title h3:before,.company__title h4:before,.counselling--main__title h4:before,.kametsu-index__title h4:before,.news-updates--main__title h4:before,.knowledge--main__title h4:before,.campaign--main__wrapper .campaign__title h4:before,.safety--main__title h4:before,.company__title h5:before,.counselling--main__title h5:before,.kametsu-index__title h5:before,.news-updates--main__title h5:before,.knowledge--main__title h5:before,.campaign--main__wrapper .campaign__title h5:before,.safety--main__title h5:before,.company__title h6:before,.counselling--main__title h6:before,.kametsu-index__title h6:before,.news-updates--main__title h6:before,.knowledge--main__title h6:before,.campaign--main__wrapper .campaign__title h6:before,.safety--main__title h6:before,.table__td__link:before,.button--eco-make:before,.counselling-index--btnmenu__btn:before,.button--midcareer:before,.button--part-timer:before,.ir-index--btnmenu__btn:before,.ir-index--btnmenu__btn--external:before,.button--primary:after,.button--secondary:after,.search-bottom__button:after,.button--secondary:before,.button-nav__list__items__link:before,.sitemap--button-nav__list__items__link:before,.kametsu--button-nav__list__items__link:before,.button-nav__list__items__link:hover:before,.sitemap--button-nav__list__items__link:hover:before,.kametsu--button-nav__list__items__link:hover:before,.icon--new:before,.icon--limited:before,.accordion__title:after,.is-opened:after,.play-button,.search--primary__box__button,.slick-prev:hover:before,.slick-next:hover:before,.slick-prev:before,.slick-next:before,.table__td--company-feed:before,.table__td--result:before,.table--cnews__td:before,.table--company-feed--pdf:before,.counselling-index--btnmenu__btn em:after,.detail--new:before,.detail--limited:before,.detail--new-limited:before,.overview__sub-menu__link:before,.overview__sub-menu__link--primary:before {
    display: inline-block;
    content: '';
    background-image: url(/cs/img/common/spritesheet.png);
    background-repeat: no-repeat;
    background-size: 358px 208px
}

.icon--investor:before,.icon--financial:before,.icon--library:before,.icon--information:before,.icon--faq:before,.icon--cal:before,.icon--public:before,.icon--disclosure:before,.icon--case:before,.icon--freshman:before,.icon--mid-career:before,.icon--part-timer--primary:before,.icon--intern:before,.icon--recruit-info:before,.icon--greeting:before,.icon--aboutus:before,.icon--directors:before,.icon--history:before,.icon--group:before,.icon--compliance:before,.icon--business:before,.icon--eco:before,.icon--research:before,.icon--action:before,.icon--news-release:before,.icon--policy:before {
    display: inline-block;
    content: '';
    background-image: url(/admin/image_file/ir/cs/icon_ir-index.png);
    background-repeat: no-repeat;
    background-size: 420px 60px
}

.icons_before,.navbar__items__link--shop:after,.navbar__items__link--security:before,.navbar__items__link--cs:before,.navbar__items__link--search:before,.navbar__items--logo:before,.navbar__items--logo_splash:before,#Footer .footer-brands__title:after,#Footer .footer-category__title:after,#Footer .footer-nav__list__items__link--news:before,#Footer .footer-nav__list__items__link--campaign:before,#Footer .footer-nav__list__items__link--product:before,#Footer .footer-nav__list__items__link--knowledge:before,#Footer .footer-nav__list__items__link--company:before,#Footer .footer-nav__list__items__link--shop:before,#Footer .footer-nav__list__items__link--mailmag:before,#Footer .footer-nav__list__items__link--security--sub:before,#Footer .footer-nav__list__items__link--cs--sub:before,#Footer .footer-nav__list__items__link--shop:after,#Footer .footer-nav__list__items--child__link:before,#sidebar .sidebar__title:after,#sidebar .sidebar__title.is-opened:after,#sidebar .sidebar__title--primary:after,#sidebar .sidebar__title--secondary:after,#sidebar .sidebar__title--primary a:after,#sidebar .sidebar__title--secondary a:after,.breadcrumb__list__item:after,.nav-prev-sp:before,.textlink:before,.textlink--primary:before,.textlink--secondary:before,.sidebutton--primary:after,.sidebutton--primary--m-bottom:after,.icon--search--small:before,.icon--video:before,.icon--chev-left:before,.icon--chev-right:before,.icon--book:before,.icon--pamphlet:before,.icon--pamphlet-side:before,.icon--arrow-right:before,.icon--arrow-right--secondary:before,.icon--arrow-right--tertiary:before,.icon--sns:before,.icon--twitter:before,.icon--facebook:before,.icon--twitter--primary:before,.icon--facebook--primary:before,.icon--twitter--secondary:before,.icon--facebook--secondary:before,.icon--twitter--tertiary:before,.icon--facebook--tertiary:before,.icon--external-link:after,a .panel__textlink:after,a .company__banner__textlink:after,a .main-panel__title:after,a .series__figure__title h2:after,.series__figure__title a h2:after,a .series__figure__title h3:after,.series__figure__title a h3:after,a .series__figure__title h4:after,.series__figure__title a h4:after,a .series__figure__title h5:after,.series__figure__title a h5:after,a .series__figure__title h6:after,.series__figure__title a h6:after,.move-page-top,.mega-menu__title a:after,.mega-menu__title--primary a:after,.mega-menu__row__list__items:before,.mega-menu__row__list__items--primary:before,.mega-menu__row__list__items--disclosure:before,.mega-menu__row__list__items--secondary:before,.mega-menu__row__list__items--parent:before,.mega-menu__row__list--child__items:before,.slider--main .slick-prev:before,.slider--main .slick-next:before,.lineup__title h2:before,.news__title h2:before,.lineup__title h3:before,.news__title h3:before,.lineup__title h4:before,.news__title h4:before,.lineup__title h5:before,.news__title h5:before,.lineup__title h6:before,.news__title h6:before,.feature__body__title h2:before,.feature__body__title h2:after,.feature__body__title h3:before,.feature__body__title h3:after,.feature__body__title h4:before,.feature__body__title h4:after,.feature__body__title h5:before,.feature__body__title h5:after,.feature__body__title h6:before,.feature__body__title h6:after,.news__title__button:after,.pr--main__title__button:after,.movie__title h2:before,.movie__title h3:before,.movie__title h4:before,.movie__title h5:before,.movie__title h6:before,.data--main__title h2:before,.data--main__title h3:before,.data--main__title h4:before,.data--main__title h5:before,.data--main__title h6:before {
    display: inline-block;
    content: '';
    background-image: url(/cs/img/common/spritesheet.png);
    background-repeat: no-repeat;
    background-size: 358px 208px
}

.company__title,.counselling--main__title,.kametsu-index__title,.news-updates--main__title,.knowledge--main__title,.campaign--main__wrapper .campaign__title,.safety--main__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.company__title h1,.counselling--main__title h1,.kametsu-index__title h1,.news-updates--main__title h1,.knowledge--main__title h1,.campaign--main__wrapper .campaign__title h1,.safety--main__title h1,.company__title h2,.counselling--main__title h2,.kametsu-index__title h2,.news-updates--main__title h2,.knowledge--main__title h2,.campaign--main__wrapper .campaign__title h2,.safety--main__title h2,.company__title h3,.counselling--main__title h3,.kametsu-index__title h3,.news-updates--main__title h3,.knowledge--main__title h3,.campaign--main__wrapper .campaign__title h3,.safety--main__title h3,.company__title h4,.counselling--main__title h4,.kametsu-index__title h4,.news-updates--main__title h4,.knowledge--main__title h4,.campaign--main__wrapper .campaign__title h4,.safety--main__title h4,.company__title h5,.counselling--main__title h5,.kametsu-index__title h5,.news-updates--main__title h5,.knowledge--main__title h5,.campaign--main__wrapper .campaign__title h5,.safety--main__title h5,.company__title h6,.counselling--main__title h6,.kametsu-index__title h6,.news-updates--main__title h6,.knowledge--main__title h6,.campaign--main__wrapper .campaign__title h6,.safety--main__title h6 {
    font-size: 30px;
    font-weight: 400;
    margin: 1.5rem auto;
    color: #333
}

.company__title h1:before,.counselling--main__title h1:before,.kametsu-index__title h1:before,.news-updates--main__title h1:before,.knowledge--main__title h1:before,.campaign--main__wrapper .campaign__title h1:before,.safety--main__title h1:before,.company__title h2:before,.counselling--main__title h2:before,.kametsu-index__title h2:before,.news-updates--main__title h2:before,.knowledge--main__title h2:before,.campaign--main__wrapper .campaign__title h2:before,.safety--main__title h2:before,.company__title h3:before,.counselling--main__title h3:before,.kametsu-index__title h3:before,.news-updates--main__title h3:before,.knowledge--main__title h3:before,.campaign--main__wrapper .campaign__title h3:before,.safety--main__title h3:before,.company__title h4:before,.counselling--main__title h4:before,.kametsu-index__title h4:before,.news-updates--main__title h4:before,.knowledge--main__title h4:before,.campaign--main__wrapper .campaign__title h4:before,.safety--main__title h4:before,.company__title h5:before,.counselling--main__title h5:before,.kametsu-index__title h5:before,.news-updates--main__title h5:before,.knowledge--main__title h5:before,.campaign--main__wrapper .campaign__title h5:before,.safety--main__title h5:before,.company__title h6:before,.counselling--main__title h6:before,.kametsu-index__title h6:before,.news-updates--main__title h6:before,.knowledge--main__title h6:before,.campaign--main__wrapper .campaign__title h6:before,.safety--main__title h6:before {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto;
    background-position: -150px -9px
}

@media screen and (max-width:834px) {
    .company__title h1,.counselling--main__title h1,.kametsu-index__title h1,.news-updates--main__title h1,.knowledge--main__title h1,.campaign--main__wrapper .campaign__title h1,.safety--main__title h1,.company__title h2,.counselling--main__title h2,.kametsu-index__title h2,.news-updates--main__title h2,.knowledge--main__title h2,.campaign--main__wrapper .campaign__title h2,.safety--main__title h2,.company__title h3,.counselling--main__title h3,.kametsu-index__title h3,.news-updates--main__title h3,.knowledge--main__title h3,.campaign--main__wrapper .campaign__title h3,.safety--main__title h3,.company__title h4,.counselling--main__title h4,.kametsu-index__title h4,.news-updates--main__title h4,.knowledge--main__title h4,.campaign--main__wrapper .campaign__title h4,.safety--main__title h4,.company__title h5,.counselling--main__title h5,.kametsu-index__title h5,.news-updates--main__title h5,.knowledge--main__title h5,.campaign--main__wrapper .campaign__title h5,.safety--main__title h5,.company__title h6,.counselling--main__title h6,.kametsu-index__title h6,.news-updates--main__title h6,.knowledge--main__title h6,.campaign--main__wrapper .campaign__title h6,.safety--main__title h6 {
        font-size: 24px
    }

    .company__title h1:before,.counselling--main__title h1:before,.kametsu-index__title h1:before,.news-updates--main__title h1:before,.knowledge--main__title h1:before,.campaign--main__wrapper .campaign__title h1:before,.safety--main__title h1:before,.company__title h2:before,.counselling--main__title h2:before,.kametsu-index__title h2:before,.news-updates--main__title h2:before,.knowledge--main__title h2:before,.campaign--main__wrapper .campaign__title h2:before,.safety--main__title h2:before,.company__title h3:before,.counselling--main__title h3:before,.kametsu-index__title h3:before,.news-updates--main__title h3:before,.knowledge--main__title h3:before,.campaign--main__wrapper .campaign__title h3:before,.safety--main__title h3:before,.company__title h4:before,.counselling--main__title h4:before,.kametsu-index__title h4:before,.news-updates--main__title h4:before,.knowledge--main__title h4:before,.campaign--main__wrapper .campaign__title h4:before,.safety--main__title h4:before,.company__title h5:before,.counselling--main__title h5:before,.kametsu-index__title h5:before,.news-updates--main__title h5:before,.knowledge--main__title h5:before,.campaign--main__wrapper .campaign__title h5:before,.safety--main__title h5:before,.company__title h6:before,.counselling--main__title h6:before,.kametsu-index__title h6:before,.news-updates--main__title h6:before,.knowledge--main__title h6:before,.campaign--main__wrapper .campaign__title h6:before,.safety--main__title h6:before {
        width: 25px;
        height: 25px;
        background-position: -125px -7px;
        background-size: 298px 173px
    }
}

.h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.h2:before {
    border-bottom: 1px solid #333
}

.h2 h1,.h2 h2,.h2 h3,.h2 h4,.h2 h5,.h2 h6 {
    font-size: 30px;
    font-weight: 400;
    position: relative;
    margin: 1.5rem auto;
    color: #333
}

@media screen and (max-width:834px) {
    .h2 h1,.h2 h2,.h2 h3,.h2 h4,.h2 h5,.h2 h6 {
        font-size: 24px
    }
}

.h2 h1:after,.h2 h2:after,.h2 h3:after,.h2 h4:after,.h2 h5:after,.h2 h6:after {
    display: block;
    width: 20px;
    height: 5px;
    margin: 5px auto 0;
    content: '';
    background-color: #333
}

@media screen and (max-width:834px) {
    .h2 h1:after,.h2 h2:after,.h2 h3:after,.h2 h4:after,.h2 h5:after,.h2 h6:after {
        top: 45px
    }
}

.company__main-title h1,.counselling__main-title h1,.kametsu__main-title h1,.search__title h1,.search__title--primary h1,.kametsu-index__subtitle h1,.detail__title h1,.company__main-title h2,.counselling__main-title h2,.kametsu__main-title h2,.search__title h2,.search__title--primary h2,.kametsu-index__subtitle h2,.detail__title h2,.company__main-title h3,.counselling__main-title h3,.kametsu__main-title h3,.search__title h3,.search__title--primary h3,.kametsu-index__subtitle h3,.detail__title h3,.company__main-title h4,.counselling__main-title h4,.kametsu__main-title h4,.search__title h4,.search__title--primary h4,.kametsu-index__subtitle h4,.detail__title h4,.company__main-title h5,.counselling__main-title h5,.kametsu__main-title h5,.search__title h5,.search__title--primary h5,.kametsu-index__subtitle h5,.detail__title h5,.company__main-title h6,.counselling__main-title h6,.kametsu__main-title h6,.search__title h6,.search__title--primary h6,.kametsu-index__subtitle h6,.detail__title h6 {
    font-size: 34px;
    font-weight: 400;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #333
}

@media screen and (max-width:834px) {
    .company__main-title h1,.counselling__main-title h1,.kametsu__main-title h1,.search__title h1,.search__title--primary h1,.kametsu-index__subtitle h1,.detail__title h1,.company__main-title h2,.counselling__main-title h2,.kametsu__main-title h2,.search__title h2,.search__title--primary h2,.kametsu-index__subtitle h2,.detail__title h2,.company__main-title h3,.counselling__main-title h3,.kametsu__main-title h3,.search__title h3,.search__title--primary h3,.kametsu-index__subtitle h3,.detail__title h3,.company__main-title h4,.counselling__main-title h4,.kametsu__main-title h4,.search__title h4,.search__title--primary h4,.kametsu-index__subtitle h4,.detail__title h4,.company__main-title h5,.counselling__main-title h5,.kametsu__main-title h5,.search__title h5,.search__title--primary h5,.kametsu-index__subtitle h5,.detail__title h5,.company__main-title h6,.counselling__main-title h6,.kametsu__main-title h6,.search__title h6,.search__title--primary h6,.kametsu-index__subtitle h6,.detail__title h6 {
        font-size: 22px
    }
}

.company__sub-title h1,.company__sub-title h2,.company__sub-title h3,.company__sub-title h4,.company__sub-title h5,.company__sub-title h6 {
    font-size: 26px;
    font-weight: 400;
    color: #333
}

@media screen and (max-width:834px) {
    .company__sub-title h1,.company__sub-title h2,.company__sub-title h3,.company__sub-title h4,.company__sub-title h5,.company__sub-title h6 {
        font-size: 18px
    }
}

.h5 h1,.allergy__title h1,.h5 h2,.allergy__title h2,.h5 h3,.allergy__title h3,.h5 h4,.allergy__title h4,.h5 h5,.allergy__title h5,.h5 h6,.allergy__title h6 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 5px 0 5px 1rem;
    text-align: left;
    color: #333;
    border-left: solid 5px #ff9531
}

@media screen and (max-width:834px) {
    .h5 h1,.allergy__title h1,.h5 h2,.allergy__title h2,.h5 h3,.allergy__title h3,.h5 h4,.allergy__title h4,.h5 h5,.allergy__title h5,.h5 h6,.allergy__title h6 {
        font-size: 18px
    }
}

.h6 h1,.h6 h2,.h6 h3,.h6 h4,.h6 h5,.h6 h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .h6 h1,.h6 h2,.h6 h3,.h6 h4,.h6 h5,.h6 h6 {
        font-size: 18px
    }
}

table {
    width: 100%
}

.table-free,.allergy-table,.manufacturer-table,.rice-table,.table--company,.table--company--m-bottom,.table--company--m-bottom-sp-40,.table--recruit,.table--cnews,.table--c-faq,.table--kametsu-index,.detail__row__box__table,.nutrition-facts__table {
    font-size: 16px;
    display: table;
    width: 100%;
    margin: auto
}

@media screen and (max-width:834px) {
    .table-free,.allergy-table,.manufacturer-table,.rice-table,.table--company,.table--company--m-bottom,.table--company--m-bottom-sp-40,.table--recruit,.table--cnews,.table--c-faq,.table--kametsu-index,.detail__row__box__table,.nutrition-facts__table {
        font-size: 14px;
        width: 100vw;
        margin-left: -20px
    }
}

.table__tr,.table--eco-registration tr,.table--cnews__tr,.table--ir-dividend-sche tr,.table--kametsu-index__tr,.detail__row__box__table__tr,.nutrition-facts__table__tr {
    border-collapse: collapse;
    border-bottom: 1px solid #ffca98
}

.table__tr:first-child,.table--eco-registration tr:first-child,.table--cnews__tr:first-child,.table--ir-dividend-sche tr:first-child,.table--kametsu-index__tr:first-child,.detail__row__box__table__tr:first-child,.nutrition-facts__table__tr:first-child {
    border-top: 1px solid #ffca98
}

@media screen and (max-width:834px) {
    .table__tr,.table--eco-registration tr,.table--cnews__tr,.table--ir-dividend-sche tr,.table--kametsu-index__tr,.detail__row__box__table__tr,.nutrition-facts__table__tr {
        border-bottom: 2px solid #ffca98
    }

    .table__tr:first-child,.table--eco-registration tr:first-child,.table--cnews__tr:first-child,.table--ir-dividend-sche tr:first-child,.table--kametsu-index__tr:first-child,.detail__row__box__table__tr:first-child,.nutrition-facts__table__tr:first-child {
        border-top: 2px solid #ffca98
    }
}

.table--cnews__th,.table-free__th,.table-free__th--primary,.table-free__th--horizontal,.allergy-table__th,.manufacturer-table__th,.rice-table__th,.allergy-table__th--primary,.manufacturer-table__th--primary,.rice-table__th--primary,.table__th--company,.table__th--directors,.table--c-faq__th,.table--kametsu-index__th,.detail__row__box__table__th,.nutrition-facts__table__th,.nutrition-facts__table__th--primary,.nutrition-facts__table__th--horizontal {
    width: 220px;
    padding: .9rem 0 .9rem 1rem;
    text-align: left;
    vertical-align: top;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .table--cnews__th,.table-free__th,.table-free__th--primary,.table-free__th--horizontal,.allergy-table__th,.manufacturer-table__th,.rice-table__th,.allergy-table__th--primary,.manufacturer-table__th--primary,.rice-table__th--primary,.table__th--company,.table__th--directors,.table--c-faq__th,.table--kametsu-index__th,.detail__row__box__table__th,.nutrition-facts__table__th,.nutrition-facts__table__th--primary,.nutrition-facts__table__th--horizontal {
        line-height: 1.5;
        width: 40%;
        padding-bottom: 1rem;
        padding-left: 20px
    }
}

.table--cnews__th {
    font-weight: 400;
    display: inline-block;
    color: #999
}

@media screen and (max-width:834px) {
    .table--cnews__th {
        font-size: 13px;
        display: block;
        width: 100vw;
        padding-bottom: 10px
    }
}

.table__th__caption--is-small {
    font-size: 80%
}

@media screen and (max-width:834px) {
    .table__th__caption--is-small {
        display: block
    }
}

.table-free__td,.table-free__td--primary,.allergy-table__td,.manufacturer-table__td,.rice-table__td,.table__td--company,.table__td--directors,.table__td--officers,.table--c-faq__td,.table--kametsu-index__td,.detail__row__box__table__td,.nutrition-facts__table__td,.nutrition-facts__table__td--primary,.nutrition-facts__table__td--80,.nutrition-facts__table__td--60,.nutrition-facts__table__td--40,.nutrition-facts__table__td--40--default {
    line-height: 1.9;
    position: relative;
    padding-top: .7rem;
    padding-bottom: .7rem
}

@media screen and (max-width:834px) {
    .table-free__td,.table-free__td--primary,.allergy-table__td,.manufacturer-table__td,.rice-table__td,.table__td--company,.table__td--directors,.table__td--officers,.table--c-faq__td,.table--kametsu-index__td,.detail__row__box__table__td,.nutrition-facts__table__td,.nutrition-facts__table__td--primary,.nutrition-facts__table__td--80,.nutrition-facts__table__td--60,.nutrition-facts__table__td--40,.nutrition-facts__table__td--40--default {
        line-height: 1.5;
        width: 100%;
        width: 60%;
        padding-top: .9rem;
        padding-bottom: .9rem;
        padding-left: 1.4rem
    }
}

.table__td__link {
    margin-left: 1rem;
    color: #ff7c00
}

.table__td__link:before {
    width: 5px;
    margin-right: .3rem;
    padding-bottom: 12px;
    vertical-align: middle;
    background-position: -28px -76px
}

@media screen and (max-width:834px) {
    .table__td__link {
        display: block;
        margin-left: 0
    }
}

.table__text--name {
    display: table
}

.table__text--ruby {
    font-size: 12px;
    display: inline;
    padding-left: .8rem;
    color: #999
}

@media screen and (max-width:834px) {
    .table__text--ruby {
        font-size: x-small;
        display: table
    }
}

.table-feed__nav {
    display: block;
    width: 100%;
    margin: 40px auto;
    text-align: center
}

@media screen and (max-width:834px) {
    .table-feed__nav {
        display: none
    }
}

.table-feed__nav__list {
    width: 100%;
    list-style: none
}

.table-feed__nav__list__items {
    display: inline-block;
    height: 30px;
    margin: 0 0 10px 20px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    color: #ff7c00
}

.table-feed__nav__list__items:first-child {
    margin-left: 0
}

.table-feed__nav__list__items.item--is-active,.table-feed__nav__list__items:hover {
    padding-bottom: 20px;
    text-decoration: none;
    color: #333;
    border-bottom: 4px solid #ff7c00
}

.table-feed__nav__list__items.item--is-active a {
    color: #333
}

.table-feed__nav__list__items a {
    text-decoration: none
}

.table-feed__nav__list__items a:hover {
    color: #333
}

.table-feed__nav__sp {
    margin: 30px auto 0
}

.table-feed__nav__sp .table-feed__nav__select-box {
    display: none
}

@media screen and (max-width:834px) {
    .table-feed__nav__sp .table-feed__nav__select-box {
        position: relative;
        display: block;
        overflow: hidden;
        width: 75%;
        margin: 0 auto;
        border-radius: 20px;
        background-color: #ecf1f7
    }
}

.table-feed__nav__sp .table-feed__nav__select {
    display: none
}

.table-feed__nav__sp .table-feed__nav__select:focus {
    outline: 0
}

@media screen and (max-width:834px) {
    .table-feed__nav__sp .table-feed__nav__select {
        font-size: 16px;
        position: relative;
        display: block;
        width: 100%;
        height: 40px;
        margin: 0 0 0 -5px;
        padding: 5px 0 5px 43%;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        color: #333;
        border: 0;
        background: none;
        background-image: url(/cs/img/common/icon_feed_nav_sp.png);
        background-repeat: no-repeat;
        background-position: 98% center;
        background-size: 12px 8px;
        -webkit-appearance: none
    }

    .table-feed__nav__sp .table-feed__nav__select::-ms-expand {
        display: none
    }
}

.table-feed__wrapper {
    margin-top: 40px
}

.table-feed__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 40px auto 0;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width:834px) {
    .table-feed__pagination {
        margin: 20px 0 0
    }
}

.table-feed__pagination .button-hex__wrapper,.table-feed__pagination .button-hex__wrapper--company,.table-feed__pagination .lineup__button__wrapper {
    width: 100%;
    padding: 0 0 0 70px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media screen and (max-width:834px) {
    .table-feed__pagination .button-hex__wrapper,.table-feed__pagination .button-hex__wrapper--company,.table-feed__pagination .lineup__button__wrapper {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.table-feed__pagination .button-hex__wrapper:last-child,.table-feed__pagination .button-hex__wrapper--company:last-child,.table-feed__pagination .lineup__button__wrapper:last-child {
    padding: 0 70px 0 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:834px) {
    .table-feed__pagination .button-hex__wrapper:last-child,.table-feed__pagination .button-hex__wrapper--company:last-child,.table-feed__pagination .lineup__button__wrapper:last-child {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:834px) {
    .table-feed__pagination .button-hex__wrapper a,.table-feed__pagination .button-hex__wrapper--company a,.table-feed__pagination .lineup__button__wrapper a {
        width: 60%
    }
}

.table-feed__pagination .button-hex__wrapper .button-hex,.table-feed__pagination .button-hex__wrapper--company .button-hex,.table-feed__pagination .lineup__button__wrapper .button-hex,.table-feed__pagination .button-hex__wrapper .button--map,.table-feed__pagination .button-hex__wrapper--company .button--map,.table-feed__pagination .lineup__button__wrapper .button--map,.table-feed__pagination .button-hex__wrapper .lineup__button,.table-feed__pagination .button-hex__wrapper--company .lineup__button,.table-feed__pagination .lineup__button__wrapper .lineup__button,.table-feed__pagination .button-hex__wrapper .news__button,.table-feed__pagination .button-hex__wrapper--company .news__button,.table-feed__pagination .lineup__button__wrapper .news__button,.table-feed__pagination .button-hex__wrapper .new-item__row__box__button,.table-feed__pagination .button-hex__wrapper--company .new-item__row__box__button,.table-feed__pagination .lineup__button__wrapper .new-item__row__box__button,.table-feed__pagination .button-hex__wrapper .new-item__row__box__button--hidden-sp,.table-feed__pagination .button-hex__wrapper--company .new-item__row__box__button--hidden-sp,.table-feed__pagination .lineup__button__wrapper .new-item__row__box__button--hidden-sp,.table-feed__pagination .button-hex__wrapper .new-item__row__box__button--hidden-pc,.table-feed__pagination .button-hex__wrapper--company .new-item__row__box__button--hidden-pc,.table-feed__pagination .lineup__button__wrapper .new-item__row__box__button--hidden-pc,.table-feed__pagination .button-hex__wrapper .brand-head__row__button,.table-feed__pagination .button-hex__wrapper--company .brand-head__row__button,.table-feed__pagination .lineup__button__wrapper .brand-head__row__button,.table-feed__pagination .button-hex__wrapper .item-foot__button,.table-feed__pagination .button-hex__wrapper--company .item-foot__button,.table-feed__pagination .lineup__button__wrapper .item-foot__button {
    margin: 0
}

.table-feed-link--acrobat {
    margin: 40px 0 0;
    text-align: center
}

@media screen and (max-width:834px) {
    .table-feed-link--acrobat {
        display: block;
        margin: 30px 0 0
    }
}

.table--feed--1col--nofeed {
    padding: .9rem 0;
    border-top: 1px solid #ffca98;
    border-bottom: 1px solid #ffca98
}

@media screen and (max-width:834px) {
    .table--feed--1col--nofeed {
        border-top: 2px solid #ffca98;
        border-bottom: 2px solid #ffca98
    }
}

.table--feed--1col--nofeed p {
    margin: 0 auto;
    text-align: center
}

.message,.boxcontent,.boxcontent--company-expert,.boxcontent--company-action,.boxcontent--company-new {
    padding: 50px 80px;
    background-color: #fff7dd
}

@media screen and (max-width:834px) {
    .message,.boxcontent,.boxcontent--company-expert,.boxcontent--company-action,.boxcontent--company-new {
        padding: 30px 20px
    }
}

.message__divider,.boxcontent__divider {
    margin: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #fff;
    border-left: 0
}

.message__heading,.boxcontent__heading,.boxcontent--ir-financial__heading {
    margin-bottom: 1.2rem;
    text-align: center;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .message__heading,.boxcontent__heading,.boxcontent--ir-financial__heading {
        margin-bottom: .7rem
    }
}

.message__heading h1,.boxcontent__heading h1,.boxcontent--ir-financial__heading h1,.message__heading h2,.boxcontent__heading h2,.boxcontent--ir-financial__heading h2,.message__heading h3,.boxcontent__heading h3,.boxcontent--ir-financial__heading h3,.message__heading h4,.boxcontent__heading h4,.boxcontent--ir-financial__heading h4,.message__heading h5,.boxcontent__heading h5,.boxcontent--ir-financial__heading h5,.message__heading h6,.boxcontent__heading h6,.boxcontent--ir-financial__heading h6 {
    font-size: 22px
}

@media screen and (max-width:834px) {
    .message__heading h1,.boxcontent__heading h1,.boxcontent--ir-financial__heading h1,.message__heading h2,.boxcontent__heading h2,.boxcontent--ir-financial__heading h2,.message__heading h3,.boxcontent__heading h3,.boxcontent--ir-financial__heading h3,.message__heading h4,.boxcontent__heading h4,.boxcontent--ir-financial__heading h4,.message__heading h5,.boxcontent__heading h5,.boxcontent--ir-financial__heading h5,.message__heading h6,.boxcontent__heading h6,.boxcontent--ir-financial__heading h6 {
        font-size: 18px;
        font-weight: 400
    }
}

.message__body__list--ol,.message__body__list--ul,.message__body__list--ul--primary {
    position: relative;
    margin: 0 -.7rem 0 .7rem
}

@media screen and (max-width:834px) {
    .message__body__list--ol,.message__body__list--ul,.message__body__list--ul--primary {
        margin: 0 0 0 1rem
    }
}

.message__body__list--ul--primary {
    margin: 0;
    text-align: center
}

.message__body__list__items {
    padding-bottom: 1rem
}

.message__body__list__items--primary {
    padding-bottom: .5rem;
    list-style: none
}

.message__text {
    margin-bottom: 0;
    text-align: center
}

.message__text--primary {
    margin-bottom: 0;
    text-align: left
}

.message__text--secondary {
    margin-bottom: 25px;
    text-align: left
}

.textlink:before,.textlink--primary:before,.textlink--secondary:before {
    width: 10px;
    height: 10px;
    margin-right: .2rem;
    background-position: -28px -76px
}

.textlink--secondary {
    margin-bottom: 4rem
}

@media screen and (max-width:834px) {
    .textlink--secondary {
        margin-bottom: 3rem
    }
}

.textlink__link {
    text-decoration: none;
    color: #333
}

.textlink__link:hover,.textlink__link:active {
    text-decoration: underline;
    color: #ff7c00
}

.textlink--company-tel {
    text-decoration: none;
    pointer-events: none;
    color: #666
}

@media screen and (max-width:834px) {
    .textlink--company-tel {
        text-decoration: underline;
        pointer-events: all;
        color: #ff7c00
    }
}

.label--ir,.label--card,.label--product,.news__title__button,.pr--main__title__button,.label--cnews,.label--campaign,.label--news,.label--recruit,.label--other {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.7;
    display: inline-block;
    padding: 0 25px;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    border-radius: 5rem
}

@media screen and (max-width:834px) {
    .label--ir,.label--card,.label--product,.news__title__button,.pr--main__title__button,.label--cnews,.label--campaign,.label--news,.label--recruit,.label--other {
        font-size: 10px;
        line-height: 1.5;
        padding: 0 10px
    }
}

.label--ir {
    margin-left: 1rem;
    background-color: #ff9531
}

@media screen and (max-width:834px) {
    .label--ir {
        margin-left: .3rem
    }
}

.label--card {
    font-size: 11px;
    display: block;
    float: left;
    margin: 1px 13px 0 0;
    padding: 3px 10px 2px;
    background-color: #ff9531
}

@media screen and (max-width:834px) {
    .label--card {
        margin: 1px 8px 0 0
    }
}

.label--card.end {
    background-color: #999
}

.label--product,.news__title__button,.pr--main__title__button,.label--cnews,.label--campaign,.label--news,.label--ir,.label--recruit,.label--other {
    width: 95px;
    margin: -1px 0 0 1.2rem;
    padding: 2px 0 1px;
    text-align: center
}

@media screen and (max-width:834px) {
    .label--product,.news__title__button,.pr--main__title__button,.label--cnews,.label--campaign,.label--news,.label--ir,.label--recruit,.label--other {
        width: 80px;
        margin: 0 0 0 .7rem
    }
}

.label--product,.news__title__button,.pr--main__title__button {
    background-color: #ff9531
}

@media screen and (max-width:834px) {
    .label--cnews {
        margin-left: .3rem
    }
}

.label--campaign {
    background-color: #f72121
}

.label--news {
    background-color: #85c8e2
}

.label--ir {
    background-color: #6282eb
}

.label--recruit {
    background-color: #6bc267
}

.label--other {
    background-color: #f297cc
}

.button--eco-make,.counselling-index--btnmenu__btn,.button--midcareer,.button--part-timer,.ir-index--btnmenu__btn,.ir-index--btnmenu__btn--external,.button--primary,.button--secondary,.search-bottom__button {
    font: inherit;
    line-height: 38px;
    display: inline-block;
    overflow: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: .4rem 1.2rem;
    cursor: pointer;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-transform: none;
    color: #333;
    border: 0
}

.button,.sidebutton--primary,.sidebutton--primary--m-bottom {
    font: inherit;
    line-height: 38px;
    display: inline-block;
    overflow: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: .4rem 1.2rem;
    cursor: pointer;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-transform: none;
    color: #333;
    border: 0
}

.button--eco-make,.counselling-index--btnmenu__btn,.button--midcareer,.button--part-timer,.ir-index--btnmenu__btn,.ir-index--btnmenu__btn--external {
    font-size: 20px;
    position: relative;
    width: 480px;
    height: 100px;
    padding-top: 32px;
    border: solid 2px #ecf1f7;
    background-color: #ecf1f7
}

.button--eco-make:before,.counselling-index--btnmenu__btn:before,.button--midcareer:before,.button--part-timer:before,.ir-index--btnmenu__btn:before,.ir-index--btnmenu__btn--external:before {
    position: absolute;
    top: 0;
    right: 1.3rem;
    bottom: 0;
    width: 18px;
    height: 19px;
    margin: auto;
    background-position: -113px -152px
}

.button--eco-make:hover,.counselling-index--btnmenu__btn:hover,.button--midcareer:hover,.button--part-timer:hover,.ir-index--btnmenu__btn:hover,.ir-index--btnmenu__btn--external:hover {
    background-color: #fff
}

.button--eco-make:hover:before,.counselling-index--btnmenu__btn:hover:before,.button--midcareer:hover:before,.button--part-timer:hover:before,.ir-index--btnmenu__btn:hover:before,.ir-index--btnmenu__btn--external:hover:before {
    background-position: -136px -152px
}

@media screen and (max-width:834px) {
    .button--eco-make,.counselling-index--btnmenu__btn,.button--midcareer,.button--part-timer,.ir-index--btnmenu__btn,.ir-index--btnmenu__btn--external {
        width: 100%
    }
}

.button-hex__wrapper,.button-hex__wrapper--company,.lineup__button__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button-hex,.button--map,.lineup__button,.news__button,.new-item__row__box__button,.new-item__row__box__button--hidden-sp,.new-item__row__box__button--hidden-pc,.brand-head__row__button,.item-foot__button {
    font-size: 14px;
    font-weight: 700;
    line-height: 42px;
    position: relative;
    z-index: 1;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 228px;
    height: 42px;
    padding: 0;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-top: 2px solid #ff9531;
    border-bottom: 2px solid #ff9531;
    background-color: #ff9531
}

.button-hex:before,.button--map:before,.lineup__button:before,.news__button:before,.new-item__row__box__button:before,.new-item__row__box__button--hidden-sp:before,.new-item__row__box__button--hidden-pc:before,.brand-head__row__button:before,.item-foot__button:before,.button-hex:after,.button--map:after,.lineup__button:after,.news__button:after,.new-item__row__box__button:after,.new-item__row__box__button--hidden-sp:after,.new-item__row__box__button--hidden-pc:after,.brand-head__row__button:after,.item-foot__button:after {
    position: absolute;
    z-index: -1;
    top: 5px;
    width: 30px;
    height: 30px;
    content: '';
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    border: 0;
    background-color: #ff9531
}

.button-hex:before,.button--map:before,.lineup__button:before,.news__button:before,.new-item__row__box__button:before,.new-item__row__box__button--hidden-sp:before,.new-item__row__box__button--hidden-pc:before,.brand-head__row__button:before,.item-foot__button:before {
    left: -16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #ff9531;
    border-left: 2px solid #ff9531
}

.button-hex:after,.button--map:after,.lineup__button:after,.news__button:after,.new-item__row__box__button:after,.new-item__row__box__button--hidden-sp:after,.new-item__row__box__button--hidden-pc:after,.brand-head__row__button:after,.item-foot__button:after {
    right: -16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #ff9531;
    border-right: 2px solid #ff9531
}

.button-hex:hover,.button--map:hover,.lineup__button:hover,.news__button:hover,.new-item__row__box__button:hover,.new-item__row__box__button--hidden-sp:hover,.new-item__row__box__button--hidden-pc:hover,.brand-head__row__button:hover,.item-foot__button:hover {
    color: #ff9531;
    background-color: #fff
}

.button-hex:hover:before,.button--map:hover:before,.lineup__button:hover:before,.news__button:hover:before,.new-item__row__box__button:hover:before,.new-item__row__box__button--hidden-sp:hover:before,.new-item__row__box__button--hidden-pc:hover:before,.brand-head__row__button:hover:before,.item-foot__button:hover:before,.button-hex:hover:after,.button--map:hover:after,.lineup__button:hover:after,.news__button:hover:after,.new-item__row__box__button:hover:after,.new-item__row__box__button--hidden-sp:hover:after,.new-item__row__box__button--hidden-pc:hover:after,.brand-head__row__button:hover:after,.item-foot__button:hover:after {
    background-color: #fff
}

.button-hex:hover>.icon--chev-left:before,.button--map:hover>.icon--chev-left:before,.lineup__button:hover>.icon--chev-left:before,.news__button:hover>.icon--chev-left:before,.new-item__row__box__button:hover>.icon--chev-left:before,.new-item__row__box__button--hidden-sp:hover>.icon--chev-left:before,.new-item__row__box__button--hidden-pc:hover>.icon--chev-left:before,.brand-head__row__button:hover>.icon--chev-left:before,.item-foot__button:hover>.icon--chev-left:before,.button-hex:hover>.icon--chev-right:before,.button--map:hover>.icon--chev-right:before,.lineup__button:hover>.icon--chev-right:before,.news__button:hover>.icon--chev-right:before,.new-item__row__box__button:hover>.icon--chev-right:before,.new-item__row__box__button--hidden-sp:hover>.icon--chev-right:before,.new-item__row__box__button--hidden-pc:hover>.icon--chev-right:before,.brand-head__row__button:hover>.icon--chev-right:before,.item-foot__button:hover>.icon--chev-right:before {
    margin-top: -3px;
    background-position: -28px -75px
}

.button-hex:hover>.icon--chev-right:before,.button--map:hover>.icon--chev-right:before,.lineup__button:hover>.icon--chev-right:before,.news__button:hover>.icon--chev-right:before,.new-item__row__box__button:hover>.icon--chev-right:before,.new-item__row__box__button--hidden-sp:hover>.icon--chev-right:before,.new-item__row__box__button--hidden-pc:hover>.icon--chev-right:before,.brand-head__row__button:hover>.icon--chev-right:before,.item-foot__button:hover>.icon--chev-right:before {
    margin-top: -4px;
    background-position: -28px -74px
}

@media screen and (max-width:834px) {
    .button-hex,.button--map,.lineup__button,.news__button,.new-item__row__box__button,.new-item__row__box__button--hidden-sp,.new-item__row__box__button--hidden-pc,.brand-head__row__button,.item-foot__button {
        margin: 20px 30px 30px
    }

    .button-hex:before,.button--map:before,.lineup__button:before,.news__button:before,.new-item__row__box__button:before,.new-item__row__box__button--hidden-sp:before,.new-item__row__box__button--hidden-pc:before,.brand-head__row__button:before,.item-foot__button:before,.button-hex:after,.button--map:after,.lineup__button:after,.news__button:after,.new-item__row__box__button:after,.new-item__row__box__button--hidden-sp:after,.new-item__row__box__button--hidden-pc:after,.brand-head__row__button:after,.item-foot__button:after {
        width: 30px!important
    }
}

.button--map {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    position: absolute;
    top: 0;
    right: 15px;
    width: 36px;
    height: 24px;
    margin-top: 12px
}

.button--map:before,.button--map:after {
    position: absolute;
    z-index: -1;
    top: 2px;
    width: 18px;
    height: 18px
}

.button--map:before {
    left: -10px
}

.button--map:after {
    right: -10px
}

@media screen and (max-width:834px) {
    .button--map {
        position: relative;
        display: block;
        margin: 5px 30px
    }

    .button--map:before,.button--map:after {
        width: 20px!important
    }
}

.item-foot__button__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .item-foot__button__wrapper {
        flex-direction: column;
        margin: 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.button--primary,.button--secondary,.search-bottom__button {
    font-weight: 700;
    line-height: 42px;
    width: 280px;
    height: 59px;
    margin-right: 10px;
    margin-left: 10px;
    color: #fff;
    border: 2px solid #ff9531;
    border-radius: 2px;
    background-color: #ff9531
}

.button--primary:after,.button--secondary:after,.search-bottom__button:after {
    width: 6px;
    height: 12px;
    margin: 0 0 2px 10px;
    vertical-align: center;
    background-position: -58px -76px
}

.button--primary:hover,.button--secondary:hover,.search-bottom__button:hover {
    color: #ff9531;
    background-color: #fff
}

.button--primary:hover:after,.button--secondary:hover:after,.search-bottom__button:hover:after {
    background-position: -28px -76px
}

@media screen and (max-width:834px) {
    .button--primary,.button--secondary,.search-bottom__button {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0
    }
}

.button--secondary {
    color: #ff9531;
    background-color: #fff
}

.button--secondary:after {
    display: none
}

.button--secondary:before {
    width: 6px;
    height: 12px;
    margin: 0 10px 3px 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: center;
    background-position: -28px -74px
}

.button--secondary:hover {
    color: #fff;
    background-color: #ff9531
}

.button--secondary:hover:before {
    background-position: -58px -74px
}

.sidebutton__wrapper {
    padding-bottom: 100px
}

@media screen and (max-width:834px) {
    .sidebutton__wrapper {
        padding-bottom: 50px
    }
}

.sidebutton--primary,.sidebutton--primary--m-bottom {
    font-size: 20px;
    position: relative;
    margin-bottom: 5px;
    text-align: left;
    color: #fff;
    background-color: #ff9531
}

.sidebutton--primary:after,.sidebutton--primary--m-bottom:after {
    right: 20px;
    left: auto;
    width: 18px;
    height: 19px;
    background-position: -113px -152px
}

.sidebutton--primary:hover,.sidebutton--primary--m-bottom:hover {
    opacity: .6
}

@media screen and (max-width:834px) {
    .sidebutton--primary,.sidebutton--primary--m-bottom {
        font-size: 16px;
        margin-bottom: 2px
    }
}

.sidebutton--primary--m-bottom {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .sidebutton--primary--m-bottom {
        margin-bottom: 20px
    }
}

.sidebutton--secondary,.sidebutton--secondary-side,.sidebutton--pamphlet,.company__button--movie,.company__button--pamphlet,.main-button--pamphlet,.main-button--movie,.sns__button--twitter--sp,.sns__button--facebook--sp {
    font-size: 14px;
    line-height: 58px;
    position: relative;
    display: inline-block;
    width: 175px;
    height: 58px;
    margin-bottom: 10px;
    margin-left: 15px;
    padding-left: 14px;
    text-decoration: none;
    color: #333;
    background: #ecf1f7
}

.sidebutton--secondary:before,.sidebutton--secondary-side:before,.sidebutton--pamphlet:before,.company__button--movie:before,.company__button--pamphlet:before,.main-button--pamphlet:before,.main-button--movie:before,.sns__button--twitter--sp:before,.sns__button--facebook--sp:before,.sidebutton--secondary:after,.sidebutton--secondary-side:after,.sidebutton--pamphlet:after,.company__button--movie:after,.company__button--pamphlet:after,.main-button--pamphlet:after,.main-button--movie:after,.sns__button--twitter--sp:after,.sns__button--facebook--sp:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: '';
    border: 29px solid transparent;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent
}

.sidebutton--secondary:before,.sidebutton--secondary-side:before,.sidebutton--pamphlet:before,.company__button--movie:before,.company__button--pamphlet:before,.main-button--pamphlet:before,.main-button--movie:before,.sns__button--twitter--sp:before,.sns__button--facebook--sp:before {
    right: 100%;
    border-right-color: #ecf1f7
}

.sidebutton--secondary:after,.sidebutton--secondary-side:after,.sidebutton--pamphlet:after,.company__button--movie:after,.company__button--pamphlet:after,.main-button--pamphlet:after,.main-button--movie:after,.sns__button--twitter--sp:after,.sns__button--facebook--sp:after {
    left: 100%;
    border-left-color: #ecf1f7
}

.sidebutton--secondary:hover,.sidebutton--secondary-side:hover,.sidebutton--pamphlet:hover,.company__button--movie:hover,.company__button--pamphlet:hover,.main-button--pamphlet:hover,.main-button--movie:hover,.sns__button--twitter--sp:hover,.sns__button--facebook--sp:hover {
    background-color: rgba(236,241,247,.6)
}

.sidebutton--secondary:hover:before,.sidebutton--secondary-side:hover:before,.sidebutton--pamphlet:hover:before,.company__button--movie:hover:before,.company__button--pamphlet:hover:before,.main-button--pamphlet:hover:before,.main-button--movie:hover:before,.sns__button--twitter--sp:hover:before,.sns__button--facebook--sp:hover:before {
    border-right-color: rgba(236,241,247,.6)
}

.sidebutton--secondary:hover:after,.sidebutton--secondary-side:hover:after,.sidebutton--pamphlet:hover:after,.company__button--movie:hover:after,.company__button--pamphlet:hover:after,.main-button--pamphlet:hover:after,.main-button--movie:hover:after,.sns__button--twitter--sp:hover:after,.sns__button--facebook--sp:hover:after {
    border-left-color: rgba(236,241,247,.6)
}

@media screen and (max-width:834px) {
    .sidebutton--secondary,.sidebutton--secondary-side,.sidebutton--pamphlet,.company__button--movie,.company__button--pamphlet,.main-button--pamphlet,.main-button--movie,.sns__button--twitter--sp,.sns__button--facebook--sp {
        font-size: 13px;
        line-height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 270px;
        height: 50px;
        margin-right: auto;
        margin-left: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sidebutton--secondary:before,.sidebutton--secondary-side:before,.sidebutton--pamphlet:before,.company__button--movie:before,.company__button--pamphlet:before,.main-button--pamphlet:before,.main-button--movie:before,.sns__button--twitter--sp:before,.sns__button--facebook--sp:before,.sidebutton--secondary:after,.sidebutton--secondary-side:after,.sidebutton--pamphlet:after,.company__button--movie:after,.company__button--pamphlet:after,.main-button--pamphlet:after,.main-button--movie:after,.sns__button--twitter--sp:after,.sns__button--facebook--sp:after {
        border-top-width: 25px;
        border-bottom-width: 25px
    }
}

.sidebutton--secondary .icon--arrow-right:before,.sidebutton--secondary-side .icon--arrow-right:before,.sidebutton--pamphlet .icon--arrow-right:before,.company__button--movie .icon--arrow-right:before,.company__button--pamphlet .icon--arrow-right:before,.main-button--pamphlet .icon--arrow-right:before,.main-button--movie .icon--arrow-right:before,.sns__button--twitter--sp .icon--arrow-right:before,.sns__button--facebook--sp .icon--arrow-right:before,.sidebutton--secondary .icon--arrow-right--secondary:before,.sidebutton--secondary-side .icon--arrow-right--secondary:before,.sidebutton--pamphlet .icon--arrow-right--secondary:before,.company__button--movie .icon--arrow-right--secondary:before,.company__button--pamphlet .icon--arrow-right--secondary:before,.main-button--pamphlet .icon--arrow-right--secondary:before,.main-button--movie .icon--arrow-right--secondary:before,.sns__button--twitter--sp .icon--arrow-right--secondary:before,.sns__button--facebook--sp .icon--arrow-right--secondary:before,.sidebutton--secondary .icon--arrow-right--tertiary:before,.sidebutton--secondary-side .icon--arrow-right--tertiary:before,.sidebutton--pamphlet .icon--arrow-right--tertiary:before,.company__button--movie .icon--arrow-right--tertiary:before,.company__button--pamphlet .icon--arrow-right--tertiary:before,.main-button--pamphlet .icon--arrow-right--tertiary:before,.main-button--movie .icon--arrow-right--tertiary:before,.sns__button--twitter--sp .icon--arrow-right--tertiary:before,.sns__button--facebook--sp .icon--arrow-right--tertiary:before {
    top: 19px;
    right: 5px
}

@media screen and (max-width:834px) {
    .sidebutton--secondary .icon--arrow-right:before,.sidebutton--secondary-side .icon--arrow-right:before,.sidebutton--pamphlet .icon--arrow-right:before,.company__button--movie .icon--arrow-right:before,.company__button--pamphlet .icon--arrow-right:before,.main-button--pamphlet .icon--arrow-right:before,.main-button--movie .icon--arrow-right:before,.sns__button--twitter--sp .icon--arrow-right:before,.sns__button--facebook--sp .icon--arrow-right:before,.sidebutton--secondary .icon--arrow-right--secondary:before,.sidebutton--secondary-side .icon--arrow-right--secondary:before,.sidebutton--pamphlet .icon--arrow-right--secondary:before,.company__button--movie .icon--arrow-right--secondary:before,.company__button--pamphlet .icon--arrow-right--secondary:before,.main-button--pamphlet .icon--arrow-right--secondary:before,.main-button--movie .icon--arrow-right--secondary:before,.sns__button--twitter--sp .icon--arrow-right--secondary:before,.sns__button--facebook--sp .icon--arrow-right--secondary:before,.sidebutton--secondary .icon--arrow-right--tertiary:before,.sidebutton--secondary-side .icon--arrow-right--tertiary:before,.sidebutton--pamphlet .icon--arrow-right--tertiary:before,.company__button--movie .icon--arrow-right--tertiary:before,.company__button--pamphlet .icon--arrow-right--tertiary:before,.main-button--pamphlet .icon--arrow-right--tertiary:before,.main-button--movie .icon--arrow-right--tertiary:before,.sns__button--twitter--sp .icon--arrow-right--tertiary:before,.sns__button--facebook--sp .icon--arrow-right--tertiary:before {
        top: 15px;
        right: 10px
    }
}

.sidebutton--secondary .icon--video:before,.sidebutton--secondary-side .icon--video:before,.sidebutton--pamphlet .icon--video:before,.company__button--movie .icon--video:before,.company__button--pamphlet .icon--video:before,.main-button--pamphlet .icon--video:before,.main-button--movie .icon--video:before,.sns__button--twitter--sp .icon--video:before,.sns__button--facebook--sp .icon--video:before,.sidebutton--secondary .icon--chev-left:before,.sidebutton--secondary-side .icon--chev-left:before,.sidebutton--pamphlet .icon--chev-left:before,.company__button--movie .icon--chev-left:before,.company__button--pamphlet .icon--chev-left:before,.main-button--pamphlet .icon--chev-left:before,.main-button--movie .icon--chev-left:before,.sns__button--twitter--sp .icon--chev-left:before,.sns__button--facebook--sp .icon--chev-left:before,.sidebutton--secondary .icon--chev-right:before,.sidebutton--secondary-side .icon--chev-right:before,.sidebutton--pamphlet .icon--chev-right:before,.company__button--movie .icon--chev-right:before,.company__button--pamphlet .icon--chev-right:before,.main-button--pamphlet .icon--chev-right:before,.main-button--movie .icon--chev-right:before,.sns__button--twitter--sp .icon--chev-right:before,.sns__button--facebook--sp .icon--chev-right:before {
    margin-right: .5rem
}

@media screen and (max-width:834px) {
    .sidebutton--secondary .icon--video,.sidebutton--secondary-side .icon--video,.sidebutton--pamphlet .icon--video,.company__button--movie .icon--video,.company__button--pamphlet .icon--video,.main-button--pamphlet .icon--video,.main-button--movie .icon--video,.sns__button--twitter--sp .icon--video,.sns__button--facebook--sp .icon--video,.sidebutton--secondary .icon--chev-left,.sidebutton--secondary-side .icon--chev-left,.sidebutton--pamphlet .icon--chev-left,.company__button--movie .icon--chev-left,.company__button--pamphlet .icon--chev-left,.main-button--pamphlet .icon--chev-left,.main-button--movie .icon--chev-left,.sns__button--twitter--sp .icon--chev-left,.sns__button--facebook--sp .icon--chev-left,.sidebutton--secondary .icon--chev-right,.sidebutton--secondary-side .icon--chev-right,.sidebutton--pamphlet .icon--chev-right,.company__button--movie .icon--chev-right,.company__button--pamphlet .icon--chev-right,.main-button--pamphlet .icon--chev-right,.main-button--movie .icon--chev-right,.sns__button--twitter--sp .icon--chev-right,.sns__button--facebook--sp .icon--chev-right {
        margin-right: 13px
    }
}

@media screen and (max-width:834px) {
    .sidebutton--secondary-side,.sidebutton--pamphlet {
        width: 248px;
        padding-left: 22px
    }
}

.sidebutton--pamphlet {
    line-height: 1.4;
    width: 136px;
    height: 48px;
    padding-top: 10px;
    padding-left: 3.8em
}

@media screen and (max-width:834px) {
    .sidebutton--pamphlet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 270px;
        height: 35px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 16px;
        padding-left: 0;
        text-indent: -1.2em;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.button-nav {
    margin-bottom: 36px
}

.button-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.button-nav__list__items,.sitemap--button-nav__list__items,.kametsu--button-nav__list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 167px;
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: center;
    background-color: #ecf1f7;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.button-nav__list__items:nth-child(4n),.sitemap--button-nav__list__items:nth-child(4n),.kametsu--button-nav__list__items:nth-child(4n) {
    margin-right: 0
}

@media screen and (max-width:834px) {
    .button-nav__list__items,.sitemap--button-nav__list__items,.kametsu--button-nav__list__items {
        width: 50%;
        margin: auto;
        margin-bottom: 2px;
        border: 1px solid #fff
    }
}

.button-nav__list__items__link,.sitemap--button-nav__list__items__link,.kametsu--button-nav__list__items__link {
    position: relative;
    display: block;
    width: 167px;
    height: auto;
    padding: 10px .3rem 11px 0;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    text-decoration: none;
    color: #333;
    border: solid 2px #ecf1f7
}

.button-nav__list__items__link:before,.sitemap--button-nav__list__items__link:before,.kametsu--button-nav__list__items__link:before {
    position: absolute;
    top: .85rem;
    right: .5rem;
    bottom: 0;
    width: 18px;
    height: 19px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: -113px -152px
}

.button-nav__list__items__link:hover,.sitemap--button-nav__list__items__link:hover,.kametsu--button-nav__list__items__link:hover {
    border: solid 2px #ecf1f7;
    background-color: #fff
}

.button-nav__list__items__link:hover:before,.sitemap--button-nav__list__items__link:hover:before,.kametsu--button-nav__list__items__link:hover:before {
    background-position: -136px -152px
}

@media screen and (max-width:834px) {
    .button-nav__list__items__link,.sitemap--button-nav__list__items__link,.kametsu--button-nav__list__items__link {
        width: 100%
    }
}

.icon--search--small:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 17px;
    height: 19px;
    background-position: -142px -25px;
    background-size: 201px 117px
}

.icon--video:before,.icon--chev-left:before,.icon--chev-right:before {
    width: 26px;
    height: 18px;
    margin-right: .5rem;
    vertical-align: text-bottom;
    background-position: -152px -75px
}

.icon--book:before,.icon--pamphlet:before,.icon--pamphlet-side:before {
    width: 29px;
    height: 23px;
    margin-right: .5rem;
    margin-bottom: -2px;
    vertical-align: text-bottom;
    background-position: -187px -75px
}

@media screen and (min-width:835px) {
    .icon--pamphlet {
        position: relative;
        display: inline;
        margin-right: 40px
    }

    .icon--pamphlet:before {
        position: absolute;
        top: -3px
    }
}

.icon--pamphlet-side {
    position: relative;
    display: block;
    margin-right: 40px
}

.icon--pamphlet-side:before {
    position: absolute;
    top: 6px;
    left: -40px
}

@media screen and (max-width:834px) {
    .icon--pamphlet-side:before {
        top: -4px;
        left: -18px
    }
}

.icon--arrow-right,.icon--arrow-right--secondary,.icon--arrow-right--tertiary {
    float: right
}

.icon--arrow-right:before,.icon--arrow-right--secondary:before,.icon--arrow-right--tertiary:before {
    position: absolute;
    top: 17px;
    right: 20px;
    width: 18px;
    height: 19px;
    vertical-align: text-bottom;
    background-position: -113px -152px
}

.icon--arrow-right--secondary,.icon--arrow-right--tertiary {
    float: none
}

.icon--arrow-right--secondary:before,.icon--arrow-right--tertiary:before {
    position: relative;
    top: -2px;
    right: 0;
    width: 19px;
    margin-left: 6px;
    background-position: -256px -143px
}

.icon--arrow-right--tertiary:before {
    background-position: -256px -162px
}

.icon--chev-left,.icon--chev-right {
    width: 5px;
    height: 12px;
    margin-left: 0
}

.icon--chev-left:before,.icon--chev-right:before {
    width: 5px;
    height: 12px;
    margin: -1px 16px 0 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle;
    background-position: -58px -74px
}

.icon--chev-right:before {
    margin: -2px 0 0 16px;
    -webkit-transform: rotate(0deg)!important;
    -ms-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
    background-position: -58px -75.5px
}

.icon--rss {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.icon--rss:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: '';
    background-image: url(/cs/img/common/icon_rss.png);
    background-position: left;
    background-size: cover
}

.icon--investor:before,.icon--financial:before,.icon--library:before,.icon--information:before,.icon--faq:before,.icon--cal:before,.icon--public:before,.icon--disclosure:before,.icon--case:before,.icon--freshman:before,.icon--mid-career:before,.icon--part-timer--primary:before,.icon--intern:before,.icon--recruit-info:before,.icon--greeting:before,.icon--aboutus:before,.icon--directors:before,.icon--history:before,.icon--group:before,.icon--compliance:before,.icon--business:before,.icon--eco:before,.icon--research:before,.icon--action:before,.icon--news-release:before,.icon--policy:before {
    width: 42px;
    height: 42px;
    margin: 0 1.3rem 0 0;
    padding: 0;
    vertical-align: middle
}

@media screen and (max-width:834px) {
    .icon--investor:before,.icon--financial:before,.icon--library:before,.icon--information:before,.icon--faq:before,.icon--cal:before,.icon--public:before,.icon--disclosure:before,.icon--case:before,.icon--freshman:before,.icon--mid-career:before,.icon--part-timer--primary:before,.icon--intern:before,.icon--recruit-info:before,.icon--greeting:before,.icon--aboutus:before,.icon--directors:before,.icon--history:before,.icon--group:before,.icon--compliance:before,.icon--business:before,.icon--eco:before,.icon--research:before,.icon--action:before,.icon--news-release:before,.icon--policy:before {
        width: 36px;
        margin-right: .8rem;
        background-size: 364px 52px
    }
}

.icon--investor:before {
    background-position: -135px -9px
}

@media screen and (max-width:834px) {
    .icon--investor:before {
        background-position: -120px -6px
    }
}

.icon--financial:before {
    margin: 0 1.1rem 0 0;
    background-position: -187px -8px
}

@media screen and (max-width:834px) {
    .icon--financial:before {
        width: 40px;
        margin-right: .7rem;
        background-position: -160px -4px
    }
}

.icon--library:before {
    background-position: -232px -9px
}

@media screen and (max-width:834px) {
    .icon--library:before {
        background-position: -200px -6px
    }
}

.icon--information:before,.icon--faq:before {
    margin: 0 .9rem 0 0;
    background-position: -95px -3px
}

@media screen and (max-width:834px) {
    .icon--information:before,.icon--faq:before {
        background-position: -79px 0
    }
}

.icon--information.space-s:before,.space-s.icon--faq:before {
    margin: 0 .4rem 0 0
}

.icon--cal:before {
    margin: 0 1.1rem 0 0;
    background-position: -282px -9px
}

@media screen and (max-width:834px) {
    .icon--cal:before {
        background-position: -244px -6px
    }
}

.icon--public:before {
    margin: 0 .9rem 0 0;
    background-position: -331px -6px
}

@media screen and (max-width:834px) {
    .icon--public:before {
        width: 37px;
        height: 43px;
        margin-right: .6rem;
        background-position: -286px -2px
    }
}

.icon--faq:before {
    margin: 0 1.2rem 0 0;
    background-position: -10px -10px
}

@media screen and (max-width:834px) {
    .icon--faq:before {
        margin-right: .9rem;
        background-position: -8px -6px
    }
}

.icon--faq.space-s:before {
    margin: 0 .5rem 0 0
}

.icon--disclosure:before {
    background-position: -378px -9px
}

@media screen and (max-width:834px) {
    .icon--disclosure:before {
        height: 36px;
        margin: 0 .4rem 0 0;
        vertical-align: text-top;
        background-position: -327px -6px
    }
}

.icon--case:before {
    width: 30px;
    margin: 0 .6rem 0 0;
    background-position: -59px -5px
}

@media screen and (max-width:834px) {
    .icon--case:before {
        width: 26px;
        height: 36px;
        vertical-align: text-top;
        background-position: -50px -8px;
        background-size: 364px 52px
    }
}

.icon--sns:before,.icon--twitter:before,.icon--facebook:before,.icon--twitter--primary:before,.icon--facebook--primary:before,.icon--twitter--secondary:before,.icon--facebook--secondary:before,.icon--twitter--tertiary:before,.icon--facebook--tertiary:before {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: -13px
}

.icon--twitter:before,.icon--facebook:before {
    background-position: -181px -103px
}

@media screen and (min-width:835px) {
    .icon--twitter:before,.icon--facebook:before {
        width: 31px;
        height: 31px;
        background-position: -137px -76px;
        background-size: 268px 156px
    }
}

.icon--facebook:before {
    background-position: -230px -102px
}

@media screen and (min-width:835px) {
    .icon--facebook:before {
        background-position: -172px -76px;
        background-size: 268px 156px
    }
}

@media screen and (min-width:835px) {
    .icon--twitter--primary,.icon--facebook--primary {
        width: 25px;
        height: 27px;
        margin-right: 0;
        margin-left: 10px
    }

    .icon--twitter--primary:before,.icon--facebook--primary:before {
        width: 25px;
        height: 27px;
        margin-bottom: -5px;
        background-position: -222px -82px;
        background-size: 286px 166px
    }
}

@media screen and (max-width:834px) {
    .icon--twitter--primary,.icon--facebook--primary {
        width: 30px;
        height: 33px;
        margin-right: 0;
        margin-left: 10px
    }

    .icon--twitter--primary:before,.icon--facebook--primary:before {
        width: 30px;
        height: 33px;
        margin-bottom: -5px;
        background-position: -278px -103px
    }
}

@media screen and (min-width:835px) {
    .icon--facebook--primary {
        margin-left: -5px
    }

    .icon--facebook--primary:before {
        background-position: -254px -82px
    }
}

@media screen and (max-width:834px) {
    .icon--facebook--primary {
        margin-left: 0
    }

    .icon--facebook--primary:before {
        background-position: -318px -103px
    }
}

@media screen and (max-width:834px) {
    .icon--twitter--secondary,.icon--facebook--secondary {
        width: 30px;
        height: 33px;
        margin-right: 0;
        margin-left: 10px
    }

    .icon--twitter--secondary:before,.icon--facebook--secondary:before {
        width: 19px;
        height: 19px;
        margin-bottom: -5px;
        background-position: -92px -180px
    }
}

@media screen and (max-width:834px) {
    .icon--facebook--secondary:before {
        width: 11px;
        height: 21px;
        margin-bottom: -6px;
        background-position: -122px -180px
    }
}

.icon--twitter--tertiary:before,.icon--facebook--tertiary:before {
    width: 25px;
    height: 27px;
    margin-bottom: -6px;
    background-position: -201px -145px
}

.icon--facebook--tertiary:before {
    background-position: -230px -145px
}

.icon--external-link:after {
    width: 9px;
    height: 10px;
    margin-left: 5px;
    background-position: -166px -180px
}

a:hover .icon--external-link:after {
    background-position: -276px -81px
}

.icon--freshman:before,.icon--mid-career:before,.icon--part-timer--primary:before,.icon--intern:before,.icon--recruit-info:before,.icon--greeting:before,.icon--aboutus:before,.icon--directors:before,.icon--history:before,.icon--group:before,.icon--compliance:before,.icon--business:before,.icon--eco:before,.icon--research:before,.icon--action:before,.icon--news-release:before,.icon--policy:before {
    margin: 0 .6rem 0 0;
    background-image: url(/cs/img/common/icon_companyrecruit.png);
    background-size: 666px 50px
}

@media screen and (max-width:834px) {
    .icon--freshman:before,.icon--mid-career:before,.icon--part-timer--primary:before,.icon--intern:before,.icon--recruit-info:before,.icon--greeting:before,.icon--aboutus:before,.icon--directors:before,.icon--history:before,.icon--group:before,.icon--compliance:before,.icon--business:before,.icon--eco:before,.icon--research:before,.icon--action:before,.icon--news-release:before,.icon--policy:before {
        background-size: 577px 44px
    }
}

.icon--recruit:before,.icon--part-timer:before {
    display: inline-block;
    width: 38px;
    height: 40px;
    margin-right: 1rem;
    margin-bottom: -10px;
    content: '';
    background-position: center;
    background-size: contain
}

.icon--recruit:before {
    background-image: url(/admin/image_file/company/cs/recruit/icon--recruit.png)
}

.icon--part-timer:before {
    background-image: url(/admin/image_file/company/cs/recruit/icon--parttimer.png)
}

.icon--freshman:before {
    background-position: -439px -5px
}

@media screen and (max-width:834px) {
    .icon--freshman:before {
        background-position: -380px -3px
    }
}

.icon--mid-career:before {
    background-position: -574px -5px
}

@media screen and (max-width:834px) {
    .icon--mid-career:before {
        background-position: -497px -3px
    }
}

.icon--part-timer--primary:before {
    background-position: -621px -5px
}

@media screen and (max-width:834px) {
    .icon--part-timer--primary:before {
        background-position: -538px -3px
    }
}

.icon--intern:before {
    background-position: -483px -5px
}

@media screen and (max-width:834px) {
    .icon--intern:before {
        background-position: -418px -3px
    }
}

.icon--recruit-info:before {
    background-position: -529px -5px
}

@media screen and (max-width:834px) {
    .icon--recruit-info:before {
        background-position: -458px 2px
    }
}

.icon--greeting:before {
    background-position: 0 -5px
}

@media screen and (max-width:834px) {
    .icon--greeting:before {
        margin-right: .2rem;
        background-position: 0 -2px
    }
}

.icon--aboutus:before {
    background-position: -44px -5px
}

@media screen and (max-width:834px) {
    .icon--aboutus:before {
        background-position: -41px -2px
    }
}

.icon--directors:before {
    background-position: -90px -5px
}

@media screen and (max-width:834px) {
    .icon--directors:before {
        background-position: -78px -2px
    }
}

.icon--history:before {
    background-position: -138px 0
}

@media screen and (max-width:834px) {
    .icon--history:before {
        background-position: -120px 2px
    }
}

.icon--group:before {
    background-position: -185px -3px
}

@media screen and (max-width:834px) {
    .icon--group:before {
        background-position: -160px -1px
    }
}

.icon--compliance:before {
    background-position: -226px -3px
}

@media screen and (max-width:834px) {
    .icon--compliance:before {
        background-position: -196px -1px
    }
}

.icon--business:before {
    width: 30px;
    margin-right: .2rem;
    background-position: -266px 0
}

@media screen and (max-width:834px) {
    .icon--business:before {
        background-position: -229px 2px
    }
}

.icon--eco:before {
    width: 30px;
    margin-top: 5px;
    background-position: -296px -5px
}

@media screen and (max-width:834px) {
    .icon--eco:before {
        background-position: -253px -2px
    }
}

.icon--research:before {
    background-position: -323px -5px
}

@media screen and (max-width:834px) {
    .icon--research:before {
        background-position: -280px -4px
    }
}

.icon--action:before {
    background-position: -361px -1px
}

@media screen and (max-width:834px) {
    .icon--action:before {
        background-position: -312px 2px
    }
}

.icon--news-release:before {
    background-position: -399px -3px
}

@media screen and (max-width:834px) {
    .icon--news-release:before {
        background-position: -345px 0
    }
}

.icon--policy:before {
    margin-right: 0;
    background-image: url(/cs/img/common/icon_policy.svg);
    background-size: 28px 34px
}

@media screen and (max-width:834px) {
    .icon--policy:before {
        background-size: 26px 32px
    }
}

.icon--vision:before {
    display: inline-block;
    width: 42px;
    height: 42px;
    margin: .6rem .8rem 0 0;
    padding: 0;
    content: '';
    vertical-align: middle;
    background-image: url(/cs/img/common/icon_companyvision.svg);
    background-repeat: no-repeat;
    background-size: 42px 27px
}

@media screen and (max-width:834px) {
    .icon--vision:before {
        width: 36px;
        margin: .8rem .7rem 0 0;
        background-size: 36px 24px
    }
}

a .panel__textlink,a .company__banner__textlink,a .main-panel__title,a .series__figure__title h2,.series__figure__title a h2,a .series__figure__title h3,.series__figure__title a h3,a .series__figure__title h4,.series__figure__title a h4,a .series__figure__title h5,.series__figure__title a h5,a .series__figure__title h6,.series__figure__title a h6 {
    font-size: 22px;
    line-height: 60px;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
    color: #333
}

@media screen and (max-width:834px) {
    a .panel__textlink,a .company__banner__textlink,a .main-panel__title,a .series__figure__title h2,.series__figure__title a h2,a .series__figure__title h3,.series__figure__title a h3,a .series__figure__title h4,.series__figure__title a h4,a .series__figure__title h5,.series__figure__title a h5,a .series__figure__title h6,.series__figure__title a h6 {
        line-height: 50px
    }
}

a .panel__textlink:after,a .company__banner__textlink:after,a .main-panel__title:after,a .series__figure__title h2:after,.series__figure__title a h2:after,a .series__figure__title h3:after,.series__figure__title a h3:after,a .series__figure__title h4:after,.series__figure__title a h4:after,a .series__figure__title h5:after,.series__figure__title a h5:after,a .series__figure__title h6:after,.series__figure__title a h6:after {
    right: 1.3rem;
    width: 18px;
    height: 19px;
    margin: 0 0 -1px 1rem;
    background-position: -159px -152px
}

a:hover .panel__img {
    opacity: .5
}

a:hover .panel__textlink,a:hover .company__banner__textlink,a:hover .main-panel__title,a:hover .series__figure__title h2,.series__figure__title a:hover h2,a:hover .series__figure__title h3,.series__figure__title a:hover h3,a:hover .series__figure__title h4,.series__figure__title a:hover h4,a:hover .series__figure__title h5,.series__figure__title a:hover h5,a:hover .series__figure__title h6,.series__figure__title a:hover h6 {
    text-decoration: underline;
    color: #ff7c00
}

a:hover .panel__textlink:after,a:hover .company__banner__textlink:after,a:hover .main-panel__title:after,a:hover .series__figure__title h2:after,.series__figure__title a:hover h2:after,a:hover .series__figure__title h3:after,.series__figure__title a:hover h3:after,a:hover .series__figure__title h4:after,.series__figure__title a:hover h4:after,a:hover .series__figure__title h5:after,.series__figure__title a:hover h5:after,a:hover .series__figure__title h6:after,.series__figure__title a:hover h6:after {
    background-position: -182px -152px
}

a .banner {
    width: 100%
}

a .banner__img {
    width: 680px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: opacity,-webkit-transform,-webkit-filter;
    transition-property: opacity,-webkit-transform,-webkit-filter;
    transition-property: opacity,transform,filter;
    transition-property: opacity,transform,filter,-webkit-transform,-webkit-filter
}

@media screen and (max-width:834px) {
    a .banner__img {
        width: 100%
    }
}

a:hover .banner__img {
    opacity: .5
}

@media screen and (max-width:834px) {
    .card__row,.movie__row {
        display: block
    }
}

.card,.card--nolink,.card--disabled,.movie {
    position: relative;
    width: 470px;
    margin-bottom: 50px
}

.card:hover .card__title,.card--nolink:hover .card__title,.card--disabled:hover .card__title,.movie:hover .card__title {
    text-decoration: none
}

.card:hover .card__img,.card--nolink:hover .card__img,.card--disabled:hover .card__img,.movie:hover .card__img,.card:hover .movie__media,.card--nolink:hover .movie__media,.card--disabled:hover .movie__media,.movie:hover .movie__media {
    opacity: .7
}

@media screen and (max-width:834px) {
    .card,.card--nolink,.card--disabled,.movie {
        width: 100%
    }

    .card:last-child,.card--nolink:last-child,.card--disabled:last-child,.movie:last-child {
        margin-bottom: 0
    }
}

.card__img,.movie__media {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.card__title {
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: .7rem;
    text-decoration: underline;
    color: #ff7c00
}

.card__subtitle {
    font-size: 12px;
    margin-bottom: .7rem
}

.card__subtitle span {
    display: block
}

.card__caption {
    font-size: 12px;
    color: #999
}

.card--nolink:hover h5 {
    color: #333
}

.card--nolink:hover .card__img,.card--nolink:hover .movie__media {
    opacity: 1
}

.card--nolink .card__title {
    text-decoration: none;
    color: #333
}

.card--nolink .card__link,.card--nolink .movie__link {
    cursor: default;
    pointer-events: none
}

.card--disabled .card__img,.card--disabled .movie__media {
    opacity: .7
}

.card--disabled:hover .card__img,.card--disabled:hover .movie__media {
    opacity: .7
}

.sns__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .sns__row {
        display: block;
        width: 100%
    }
}

.sns__inner {
    position: relative;
    display: block;
    width: 480px;
    padding-top: 60px;
    padding-bottom: 60px
}

.sns__inner iframe {
    width: 480px!important;
    height: 480px!important
}

@media screen and (max-width:834px) {
    .sns__inner {
        width: 100%;
        padding-top: 50px;
        padding-right: 20px;
        padding-bottom: 0;
        padding-left: 20px
    }
}

.sns__inner:last-child {
    position: absolute;
    right: 0
}

@media screen and (max-width:834px) {
    .sns__inner:last-child {
        position: relative;
        padding-top: 0;
        padding-bottom: 40px
    }
}

.sns__title--twitter,.sns__title--facebook {
    font-size: 18px;
    position: relative;
    display: block;
    margin: 0 auto 30px 0;
    text-align: center;
    letter-spacing: .1rem
}

.sns__title--twitter h2,.sns__title--facebook h2,.sns__title--twitter h3,.sns__title--facebook h3,.sns__title--twitter h4,.sns__title--facebook h4,.sns__title--twitter h5,.sns__title--facebook h5,.sns__title--twitter h6,.sns__title--facebook h6 {
    font-weight: 400
}

.sns__title--twitter a,.sns__title--facebook a {
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    text-decoration: none
}

.sns__title--twitter a:hover,.sns__title--facebook a:hover {
    text-decoration: underline
}

@media screen and (max-width:834px) {
    .sns__title--twitter,.sns__title--facebook {
        display: none
    }
}

.sns__title--twitter a {
    color: #1da1f2
}

.sns__title--facebook a {
    color: #3b5998
}

@media screen and (max-width:834px) {
    .content--masonry {
        padding-right: 10px;
        padding-left: 10px
    }
}

.masonry__item {
    position: relative;
    float: left;
    width: 320px;
    margin-bottom: 10px;
    padding: 30px;
    background-color: #fff
}

.masonry__item:nth-of-type(3n) {
    margin-right: 0
}

.masonry__item:hover h1,.masonry__item:hover h2,.masonry__item:hover h3,.masonry__item:hover h4,.masonry__item:hover h5,.masonry__item:hover h6 {
    text-decoration: underline;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .masonry__item {
        width: 100%;
        padding: 20px
    }
}

.masonry__item__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: auto;
    margin-bottom: 15px;
    padding: 0 10px;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:834px) {
    .masonry__item__img {
        width: 200px;
        padding: 0
    }
}

.masonry__item__title h1,.masonry__item__title h2,.masonry__item__title h3,.masonry__item__title h4,.masonry__item__title h5,.masonry__item__title h6 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: .6rem;
    text-align: center;
    color: #333
}

.masonry__item__caption,.masonry__item__caption__annotation {
    font-size: 14px;
    margin-bottom: 0;
    color: #999
}

@media screen and (max-width:834px) {
    .masonry__item__caption,.masonry__item__caption__annotation {
        font-size: 13px
    }
}

.masonry__item__caption__annotation {
    display: block;
    color: #ff7c00
}

.masonry__item__link,.card__link,.movie__link,.card--nolink .card__link,.card--nolink .movie__link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.masonry__item {
    position: relative;
    color: #ff7c00
}

.masonry__item * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.masonry__item:before,.masonry__item:after {
    position: absolute;
    z-index: 1;
    width: 0;
    height: 1px;
    content: '';
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    opacity: .8;
    background-color: #ff7c00
}

.masonry__item:before {
    top: 0;
    left: 0
}

.masonry__item:after {
    right: 0;
    bottom: 0
}

.masonry__item:hover .masonry__item__img {
    opacity: .6
}

.masonry__item a {
    z-index: 0
}

.masonry__item a:before,.masonry__item a:after {
    position: absolute;
    z-index: 1;
    width: 1px;
    height: 0;
    content: '';
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    opacity: .8;
    background-color: #ff7c00
}

.masonry__item a:before {
    top: 0;
    right: 0
}

.masonry__item a:after {
    bottom: 0;
    left: 0
}

.masonry__item__icons {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    display: block
}

.icon--new,.icon--limited {
    width: 41px;
    height: 41px
}

.icon--new:before,.icon--limited:before {
    width: 38px;
    height: 42px;
    background-position: -275px -136px
}

.icon--limited:before {
    background-position: -315px -136px
}

.accordion {
    width: 100%
}

@media screen and (max-width:834px) {
    .accordion {
        width: 100vw;
        margin: 0 -20px
    }
}

.accordion__title:after,.is-opened:after {
    right: 20px;
    width: 19px;
    height: 19px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    border-radius: 50%;
    background-color: #fff
}

.accordion__title {
    line-height: 1.5;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    padding: 18px 60px 18px 40px;
    cursor: pointer;
    color: #333;
    background-color: #ecf1f7;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.accordion__title:before {
    position: absolute;
    top: 18px;
    left: 20px;
    content: 'Q';
    color: #ff7c00
}

.accordion__title:after {
    margin-right: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    background-position: -83px -71px
}

.is-opened:after {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    background-position: -102px -71px
}

.accordion__content {
    line-height: 1.9;
    display: none;
    width: 100%;
    padding: 3px 0 2rem
}

@media screen and (max-width:834px) {
    .accordion__content {
        font-size: 14px;
        line-height: 1.8;
        padding: 0 20px 2rem
    }
}

.page-top {
    z-index: 1000;
    display: none;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.move-page-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 41px;
    height: 45px;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: .5;
    background-position: -292px -48px
}

.move-page-top:active,.move-page-top:hover {
    opacity: .8
}

@media screen and (max-width:834px) {
    .move-page-top {
        right: 15px;
        bottom: 25px
    }
}

.okome__move-page-top {
    bottom: 0;
    display: inline-block;
    width: 76px;
    height: 94px;
    content: '';
    opacity: 1;
    background-image: url(/cs/img/knowledge/common/img_pageup@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain
}

@media screen and (max-width:834px) {
    .okome__move-page-top {
        width: 61px;
        height: 73px
    }
}

.tab__wrapper {
    display: inline-block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.tab__wrapper--is-scrollable {
    display: inline-block;
    width: 100%;
    margin-top: 50px
}

@media screen and (max-width:834px) {
    .tab__wrapper--is-scrollable {
        overflow-x: auto;
        margin-right: auto;
        margin-left: auto;
        -webkit-overflow-scrolling: touch
    }
}

.item--is-active {
    color: #333;
    border-bottom: solid 5px #ff9531
}

@media screen and (max-width:834px) {
    .item--is-active {
        color: #fff;
        border: 0;
        background-color: #ff9531
    }

    .item--is-active:hover {
        color: #fff
    }
}

.tab__content__wrapper {
    margin: auto
}

.tab__content {
    display: none
}

.content--is-active {
    display: block
}

#modal-content,.js-modal__content {
    position: fixed;
    z-index: 1002;
    top: 25%!important;
    right: 0;
    left: 0;
    display: none;
    width: 60%;
    margin: auto;
    padding: 7px;
    border-radius: 3px;
    background-color: #fff
}

@media screen and (max-width:834px) and (orientation:portrait) {
    #modal-content,.js-modal__content {
        width: 90%
    }
}

#modal-content:before,.js-modal__content:before {
    display: block;
    content: ''
}

#modal-content iframe,#modal-content video,.js-modal__content iframe,.js-modal__content video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#modal-content #modal-close,#modal-content .js-modal__close,.js-modal__content #modal-close,.js-modal__content .js-modal__close {
    position: absolute;
    z-index: 1002;
    top: -33px;
    right: 0;
    width: 30px;
    height: 30px;
    opacity: .7
}

#modal-content #modal-close:before,#modal-content #modal-close:after,#modal-content .js-modal__close:before,#modal-content .js-modal__close:after,.js-modal__content #modal-close:before,.js-modal__content #modal-close:after,.js-modal__content .js-modal__close:before,.js-modal__content .js-modal__close:after {
    position: absolute;
    left: 17px;
    width: 2px;
    height: 30px;
    content: '';
    background-color: #d0d0d0
}

#modal-content #modal-close:before,#modal-content .js-modal__close:before,.js-modal__content #modal-close:before,.js-modal__content .js-modal__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#modal-content #modal-close:after,#modal-content .js-modal__close:after,.js-modal__content #modal-close:after,.js-modal__content .js-modal__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#modal-content #modal-close:hover,#modal-content .js-modal__close:hover,.js-modal__content #modal-close:hover,.js-modal__content .js-modal__close:hover {
    opacity: 1
}

#modal-overlay,#modal-overlay--2 {
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,.8)
}

#modal-overlay--2 {
    z-index: 1;
    background-color: rgba(0,0,0,.5)
}

.is-modal-overlay {
    background-color: rgba(0,0,0,.8)
}

.embed-responsive {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding: 0
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

@media screen and (max-width:834px) {
    .embed-responsive {
        display: inline
    }
}

.embed-responsive-21by9 {
    padding-bottom: 42.857143%
}

.embed-responsive-16by9 {
    padding-bottom: 56.3%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.embed-responsive-1by1 {
    padding-bottom: 100%
}

.youtube {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 56.1%;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.youtube img,.youtube iframe {
    position: absolute
}

.youtube img {
    top: -16.82%;
    left: 0;
    width: 100%
}

.play-button {
    z-index: 1;
    width: 92px;
    height: 68px;
    opacity: .8;
    background-position: -169px -155px;
    background-size: 537px 312px
}

@media screen and (max-width:834px) {
    .play-button {
        width: 61px;
        height: 45px;
        background-position: -113px -103px;
        background-size: 358px 208px
    }
}/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.mega-menu {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 100vw;
    margin-top: 5px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transition-property: opacity,overflow,visibility;
    transition-property: opacity,overflow,visibility;
    opacity: 0;
    background-color: #f8d100;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .mega-menu {
        display: none
    }
}

.is-scrolled .mega-menu {
    margin-top: -1px
}

li:hover>.mega-menu {
    visibility: visible;
    overflow: visible;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transition-property: opacity,overflow,visibility;
    transition-property: opacity,overflow,visibility;
    opacity: 1
}

.mega-menu__row--left {
    width: 558px;
    padding: 30px 0
}

.mega-menu__row--left__inner {
    width: 558px;
    height: 390px;
    border-right: #fff solid 1px
}

.mega-menu__row--right {
    width: 422px;
    padding: 30px 0 30px 35px
}

.mega-menu__row--ir,.mega-menu__row--recruit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mega-menu__title,.mega-menu__title--primary {
    font-size: 18px;
    display: block
}

.mega-menu__title h2,.mega-menu__title--primary h2,.mega-menu__title h3,.mega-menu__title--primary h3,.mega-menu__title h4,.mega-menu__title--primary h4,.mega-menu__title h5,.mega-menu__title--primary h5,.mega-menu__title h6,.mega-menu__title--primary h6 {
    line-height: 1;
    padding-bottom: 1.5rem
}

.mega-menu__title a,.mega-menu__title--primary a {
    font-weight: 400;
    line-height: 1;
    vertical-align: bottom;
    text-decoration: none;
    color: #333
}

.mega-menu__title a:after,.mega-menu__title--primary a:after {
    width: 18px;
    height: 20px;
    margin-left: .3rem;
    vertical-align: sub;
    background-position: -113px -152px
}

.mega-menu__title a:hover,.mega-menu__title--primary a:hover {
    text-decoration: underline
}

.mega-menu__title--primary {
    margin-top: 1.1rem;
    padding-top: 2rem;
    border-top: 1px solid #fff
}

.mega-menu__row__list__items,.mega-menu__row__list__items--primary,.mega-menu__row__list__items--disclosure,.mega-menu__row__list__items--secondary,.mega-menu__row__list__items--parent,.mega-menu__row__list--child__items {
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    display: inline-block;
    width: 155px;
    margin-right: 16px;
    padding-bottom: .5rem;
    padding-left: .6rem;
    vertical-align: top
}

.mega-menu__row__list__items:before,.mega-menu__row__list__items--primary:before,.mega-menu__row__list__items--disclosure:before,.mega-menu__row__list__items--secondary:before,.mega-menu__row__list__items--parent:before,.mega-menu__row__list--child__items:before {
    position: absolute;
    left: 0;
    width: 5px;
    height: 10px;
    margin-top: .25rem;
    margin-right: .3rem;
    background-position: -43px -76px
}

.mega-menu__row__list__items a,.mega-menu__row__list__items--primary a,.mega-menu__row__list__items--disclosure a,.mega-menu__row__list__items--secondary a,.mega-menu__row__list__items--parent a,.mega-menu__row__list--child__items a {
    text-decoration: none;
    color: #333
}

.mega-menu__row__list__items a:hover,.mega-menu__row__list__items--primary a:hover,.mega-menu__row__list__items--disclosure a:hover,.mega-menu__row__list__items--secondary a:hover,.mega-menu__row__list__items--parent a:hover,.mega-menu__row__list--child__items a:hover {
    text-decoration: underline
}

.mega-menu__row__list__items--primary,.mega-menu__row__list__items--disclosure {
    float: left
}

.mega-menu__row__list__items--secondary {
    margin-left: -5px
}

.mega-menu__row__list__items--disclosure {
    width: 200px;
    margin-right: 0
}

.mega-menu__row__list__items--parent:before {
    content: none
}

.mega-menu__row__list--child {
    margin-top: .4rem
}

.mega-menu__row__list--child__items {
    font-size: 12px;
    padding-bottom: .5rem
}

.mega-menu__row__list__items__subtitle {
    margin-left: -1rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.mega-menu__row__list__items__subtitle h2,.mega-menu__row__list__items__subtitle h3,.mega-menu__row__list__items__subtitle h4,.mega-menu__row__list__items__subtitle h5,.mega-menu__row__list__items__subtitle h6 {
    font-weight: 400
}

.search__box {
    position: absolute;
    top: 3px;
    right: 0;
    width: 140px;
    margin: auto
}

.search__box input {
    -webkit-appearance: none
}

.search__box input:before,.search__box input:after {
    color: #000;
    -webkit-appearance: none
}

.search__box .icon--search--small {
    position: absolute;
    margin-left: 10px
}

.search__box__field {
    font-size: 14px;
    position: relative;
    width: 100%;
    height: 31px;
    padding-right: 5px;
    text-indent: 2rem;
    color: #ff7c00;
    border: solid #ffca98 1px;
    border-radius: 50px/50px;
    text-shadow: 0 0 0 #333;
    -webkit-text-fill-color: transparent;
    -webkit-appearance: none
}

.search__box__field:focus {
    outline: 0
}

@media screen and (max-width:834px) {
    .search__box__field {
        border-radius: none
    }
}

.search--primary {
    display: none;
    padding-bottom: 20px;
    padding-left: 30px;
    background-color: #ecf1f7
}

@media screen and (max-width:834px) {
    .search--primary {
        margin-top: 55px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.search--primary__box {
    position: relative;
    width: 630px;
    margin: auto
}

.search--primary__box input {
    -webkit-appearance: none
}

.search--primary__box input:before,.search--primary__box input:after {
    color: #000;
    -webkit-appearance: none
}

@media screen and (max-width:834px) {
    .search--primary__box {
        width: 100%
    }
}

.search--primary__box__field,.search--primary__box__button {
    overflow: hidden;
    height: 40px;
    margin-top: 18px;
    border-bottom: solid #ff7c00 3px;
    -webkit-appearance: none
}

.search--primary__box__field {
    font-size: 24px;
    position: relative;
    width: 595px;
    margin-right: -32px;
    color: #ff7c00;
    text-shadow: 0 0 0 #333;
    -webkit-text-fill-color: transparent
}

.search--primary__box__field:focus {
    outline: 0;
    -webkit-appearance: none
}

@media screen and (max-width:834px) {
    .search--primary__box__field {
        font-size: 18px;
        width: 100%
    }
}

.search--primary__box__button {
    position: absolute;
    width: 34px;
    cursor: pointer;
    background-color: #ecf1f7;
    background-position: -254px -42px
}

.form__text--required:after {
    padding: 0 5px;
    content: '*';
    color: #f00
}

.form__text--sub {
    font-size: 12px
}

.form__text--sub.input--comment {
    display: block;
    margin: 5px 0 10px
}

@media screen and (max-width:834px) {
    .form__text--sub.input--comment {
        margin: 5px 0 0
    }
}

.form__text--note {
    font-size: 14px;
    margin: 0 0 10px;
    color: #999
}

@media screen and (max-width:834px) {
    .form__text--note {
        font-size: 13px
    }
}

.form__text--att {
    font-size: 14px;
    display: block;
    padding-bottom: 8px;
    color: #f00
}

@media screen and (max-width:834px) {
    .form__text--att {
        padding-bottom: 5px
    }
}

.form__text--att.hidden {
    padding-bottom: 0
}

@media screen and (max-width:834px) {
    .form__text--att.hidden {
        font-size: 12px
    }
}

.form__text--att-l {
    font-size: 18px;
    display: block;
    padding-bottom: 15px;
    color: #f00
}

@media screen and (max-width:834px) {
    .form__text--att-l {
        font-size: 16px;
        padding-bottom: 5px
    }
}

.form--default,.form--default--confirm,.form--search,.form--search--primary {
    position: relative;
    width: 100%;
    padding: 50px 50px 15px;
    background-color: #ecf1f7
}

@media screen and (max-width:834px) {
    .form--default,.form--default--confirm,.form--search,.form--search--primary {
        overflow: hidden;
        width: 100vw;
        margin: 0 0 10px -20px;
        padding: 30px 20px 10px
    }
}

.form--default input[type=text],.form--default--confirm input[type=text],.form--search input[type=text],.form--search--primary input[type=text],.form--default input[type=email],.form--default--confirm input[type=email],.form--search input[type=email],.form--search--primary input[type=email],.form--default input[type=tel],.form--default--confirm input[type=tel],.form--search input[type=tel],.form--search--primary input[type=tel],.form--default input[type=password],.form--default--confirm input[type=password],.form--search input[type=password],.form--search--primary input[type=password],.form--default select,.form--default--confirm select,.form--search select,.form--search--primary select,.form--default textarea,.form--default--confirm textarea,.form--search textarea,.form--search--primary textarea {
    font-size: 14px;
    height: 44px;
    margin: -10px 0 3px;
    padding: 5px 10px;
    border: 2px solid #ecf1f7;
    border-radius: 3px;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .form--default input[type=text],.form--default--confirm input[type=text],.form--search input[type=text],.form--search--primary input[type=text],.form--default input[type=email],.form--default--confirm input[type=email],.form--search input[type=email],.form--search--primary input[type=email],.form--default input[type=tel],.form--default--confirm input[type=tel],.form--search input[type=tel],.form--search--primary input[type=tel],.form--default input[type=password],.form--default--confirm input[type=password],.form--search input[type=password],.form--search--primary input[type=password],.form--default select,.form--default--confirm select,.form--search select,.form--search--primary select,.form--default textarea,.form--default--confirm textarea,.form--search textarea,.form--search--primary textarea {
        font-size: 16px;
        width: 100%;
        height: 50px;
        margin: 0 0 5px
    }
}

.form--default input[type=text] option:disabled,.form--default--confirm input[type=text] option:disabled,.form--search input[type=text] option:disabled,.form--search--primary input[type=text] option:disabled,.form--default input[type=email] option:disabled,.form--default--confirm input[type=email] option:disabled,.form--search input[type=email] option:disabled,.form--search--primary input[type=email] option:disabled,.form--default input[type=tel] option:disabled,.form--default--confirm input[type=tel] option:disabled,.form--search input[type=tel] option:disabled,.form--search--primary input[type=tel] option:disabled,.form--default input[type=password] option:disabled,.form--default--confirm input[type=password] option:disabled,.form--search input[type=password] option:disabled,.form--search--primary input[type=password] option:disabled,.form--default select option:disabled,.form--default--confirm select option:disabled,.form--search select option:disabled,.form--search--primary select option:disabled,.form--default textarea option:disabled,.form--default--confirm textarea option:disabled,.form--search textarea option:disabled,.form--search--primary textarea option:disabled {
    cursor: default;
    color: #aaa
}

.form--default input[type=text],.form--default--confirm input[type=text],.form--search input[type=text],.form--search--primary input[type=text],.form--default input[type=email],.form--default--confirm input[type=email],.form--search input[type=email],.form--search--primary input[type=email],.form--default input[type=tel],.form--default--confirm input[type=tel],.form--search input[type=tel],.form--search--primary input[type=tel],.form--default input[type=password],.form--default--confirm input[type=password],.form--search input[type=password],.form--search--primary input[type=password],.form--default textarea,.form--default--confirm textarea,.form--search textarea,.form--search--primary textarea {
    width: 100%
}

.form--default input[type=text].width-strict-s,.form--default--confirm input[type=text].width-strict-s,.form--search input[type=text].width-strict-s,.form--search--primary input[type=text].width-strict-s,.form--default input[type=email].width-strict-s,.form--default--confirm input[type=email].width-strict-s,.form--search input[type=email].width-strict-s,.form--search--primary input[type=email].width-strict-s,.form--default input[type=tel].width-strict-s,.form--default--confirm input[type=tel].width-strict-s,.form--search input[type=tel].width-strict-s,.form--search--primary input[type=tel].width-strict-s,.form--default input[type=password].width-strict-s,.form--default--confirm input[type=password].width-strict-s,.form--search input[type=password].width-strict-s,.form--search--primary input[type=password].width-strict-s,.form--default textarea.width-strict-s,.form--default--confirm textarea.width-strict-s,.form--search textarea.width-strict-s,.form--search--primary textarea.width-strict-s {
    width: 20%;
    margin-right: 5px
}

.form--default input[type=text].width-strict-m,.form--default--confirm input[type=text].width-strict-m,.form--search input[type=text].width-strict-m,.form--search--primary input[type=text].width-strict-m,.form--default input[type=email].width-strict-m,.form--default--confirm input[type=email].width-strict-m,.form--search input[type=email].width-strict-m,.form--search--primary input[type=email].width-strict-m,.form--default input[type=tel].width-strict-m,.form--default--confirm input[type=tel].width-strict-m,.form--search input[type=tel].width-strict-m,.form--search--primary input[type=tel].width-strict-m,.form--default input[type=password].width-strict-m,.form--default--confirm input[type=password].width-strict-m,.form--search input[type=password].width-strict-m,.form--search--primary input[type=password].width-strict-m,.form--default textarea.width-strict-m,.form--default--confirm textarea.width-strict-m,.form--search textarea.width-strict-m,.form--search--primary textarea.width-strict-m {
    width: 30%;
    margin-left: 5px
}

.form--default input[type=text].width-strict-l,.form--default--confirm input[type=text].width-strict-l,.form--search input[type=text].width-strict-l,.form--search--primary input[type=text].width-strict-l,.form--default input[type=email].width-strict-l,.form--default--confirm input[type=email].width-strict-l,.form--search input[type=email].width-strict-l,.form--search--primary input[type=email].width-strict-l,.form--default input[type=tel].width-strict-l,.form--default--confirm input[type=tel].width-strict-l,.form--search input[type=tel].width-strict-l,.form--search--primary input[type=tel].width-strict-l,.form--default input[type=password].width-strict-l,.form--default--confirm input[type=password].width-strict-l,.form--search input[type=password].width-strict-l,.form--search--primary input[type=password].width-strict-l,.form--default textarea.width-strict-l,.form--default--confirm textarea.width-strict-l,.form--search textarea.width-strict-l,.form--search--primary textarea.width-strict-l {
    width: 38%
}

@media screen and (max-width:834px) {
    .form--default input[type=text].width-strict-l,.form--default--confirm input[type=text].width-strict-l,.form--search input[type=text].width-strict-l,.form--search--primary input[type=text].width-strict-l,.form--default input[type=email].width-strict-l,.form--default--confirm input[type=email].width-strict-l,.form--search input[type=email].width-strict-l,.form--search--primary input[type=email].width-strict-l,.form--default input[type=tel].width-strict-l,.form--default--confirm input[type=tel].width-strict-l,.form--search input[type=tel].width-strict-l,.form--search--primary input[type=tel].width-strict-l,.form--default input[type=password].width-strict-l,.form--default--confirm input[type=password].width-strict-l,.form--search input[type=password].width-strict-l,.form--search--primary input[type=password].width-strict-l,.form--default textarea.width-strict-l,.form--default--confirm textarea.width-strict-l,.form--search textarea.width-strict-l,.form--search--primary textarea.width-strict-l {
        width: 36%
    }
}

.form--default select,.form--default--confirm select,.form--search select,.form--search--primary select {
    min-width: 170px;
    cursor: pointer;
    vertical-align: middle;
    color: inherit;
    border: 0;
    background-image: url(/cs/img/common/icon_form_select.png);
    background-repeat: no-repeat;
    background-position: right 0;
    background-size: 40px 40px;
    -webkit-appearance: none
}

@media screen and (max-width:834px) {
    .form--default select,.form--default--confirm select,.form--search select,.form--search--primary select {
        background-position: right 5px
    }
}

.form--default input[type=password].input__autocomplete,.form--default--confirm input[type=password].input__autocomplete,.form--search input[type=password].input__autocomplete,.form--search--primary input[type=password].input__autocomplete {
    position: absolute;
    visibility: hidden;
    height: 0;
    margin: -30px 0 0;
    padding: 0
}

.form--default textarea,.form--default--confirm textarea,.form--search textarea,.form--search--primary textarea {
    min-height: 150px;
    margin: -10px 0 0;
    padding: 10px;
    -webkit-appearance: none
}

@media screen and (max-width:834px) {
    .form--default textarea,.form--default--confirm textarea,.form--search textarea,.form--search--primary textarea {
        margin: 0 10px 0 0
    }
}

.form--default input:focus,.form--default--confirm input:focus,.form--search input:focus,.form--search--primary input:focus,.form--default select:focus,.form--default--confirm select:focus,.form--search select:focus,.form--search--primary select:focus,.form--default textarea:focus,.form--default--confirm textarea:focus,.form--search textarea:focus,.form--search--primary textarea:focus {
    border: 2px solid #ff7c00;
    outline: 0
}

.form--default input:disabled,.form--default--confirm input:disabled,.form--search input:disabled,.form--search--primary input:disabled,.form--default select:disabled,.form--default--confirm select:disabled,.form--search select:disabled,.form--search--primary select:disabled,.form--default textarea:disabled,.form--default--confirm textarea:disabled,.form--search textarea:disabled,.form--search--primary textarea:disabled {
    border: 2px solid #ccc;
    outline: 0;
    background: #ccc
}

.label__title--primary {
    font-size: 14px;
    display: block;
    padding: 0 0 3px
}

@media screen and (max-width:834px) {
    .label__title--primary {
        font-size: 12px
    }
}

.label__list,.label__list--primary {
    margin: 0 0 5px;
    padding: 2px 0;
    list-style: none
}

.label__list li,.label__list--primary li {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 5px
}

.label__list li label,.label__list--primary li label {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
    margin: 2px 0;
    padding: 0 20px 0 30px;
    cursor: pointer
}

.label__list li.label__list__radio label,.label__list--primary li.label__list__radio label,.label__list li.label__list__radio--width--strict-l label,.label__list--primary li.label__list__radio--width--strict-l label {
    margin: -2px 10px 0 0;
    padding: 4px 10px 2px 30px
}

.label__list li.label__list__radio label:before,.label__list--primary li.label__list__radio label:before,.label__list li.label__list__radio--width--strict-l label:before,.label__list--primary li.label__list__radio--width--strict-l label:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    content: '';
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    border-radius: 50%;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .label__list li.label__list__radio label:before,.label__list--primary li.label__list__radio label:before,.label__list li.label__list__radio--width--strict-l label:before,.label__list--primary li.label__list__radio--width--strict-l label:before {
        top: -2px
    }
}

.label__list li.label__list__radio input,.label__list--primary li.label__list__radio input,.label__list li.label__list__radio--width--strict-l input,.label__list--primary li.label__list__radio--width--strict-l input {
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 5px
}

.label__list li.label__list__radio input:focus+label,.label__list--primary li.label__list__radio input:focus+label,.label__list li.label__list__radio--width--strict-l input:focus+label,.label__list--primary li.label__list__radio--width--strict-l input:focus+label {
    outline: 2px solid #ff7c00
}

.label__list li.label__list__radio input:checked+label:after,.label__list--primary li.label__list__radio input:checked+label:after,.label__list li.label__list__radio--width--strict-l input:checked+label:after,.label__list--primary li.label__list__radio--width--strict-l input:checked+label:after {
    position: absolute;
    top: 6px;
    left: 5px;
    display: block;
    width: 15px;
    height: 15px;
    content: '';
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    border-radius: 50%;
    background-color: #666
}

@media screen and (max-width:834px) {
    .label__list li.label__list__radio input:checked+label:after,.label__list--primary li.label__list__radio input:checked+label:after,.label__list li.label__list__radio--width--strict-l input:checked+label:after,.label__list--primary li.label__list__radio--width--strict-l input:checked+label:after {
        top: 3px
    }
}

.label__list li.label__list__radio--width--strict-l,.label__list--primary li.label__list__radio--width--strict-l {
    width: 100%
}

@media screen and (min-width:835px) {
    .label__list--primary {
        margin-left: -15px
    }
}

.label__list--primary:before {
    margin-top: 1px
}

.form--default__table {
    width: 100%
}

.form--default__table th {
    font-weight: 400;
    width: 213px;
    padding: 1px 20px 0 0;
    text-align: right;
    vertical-align: top
}

@media screen and (max-width:834px) {
    .form--default__table th {
        display: block;
        width: 100%;
        padding: 0 0 5px;
        text-align: left
    }
}

.form--default__table td {
    padding-bottom: 30px;
    vertical-align: top
}

@media screen and (max-width:834px) {
    .form--default__table td {
        display: block;
        width: 100%;
        padding-bottom: 25px
    }
}

.form--default__table td .form__text__width--strict-s {
    display: inline-table;
    width: 10%;
    padding: 0 2px 0 0;
    text-align: right
}

@media screen and (max-width:834px) {
    .form--default__table td .form__text__width--strict-s {
        width: 11%
    }
}

.form--default--confirm {
    padding-bottom: 30px
}

@media screen and (max-width:834px) {
    .form--default--confirm {
        width: 100%;
        margin: auto;
        padding: 20px 20px 0
    }
}

.form--default--confirm th {
    font-weight: 400;
    width: 210px;
    padding: 1px 30px 25px 0;
    text-align: right;
    vertical-align: top
}

@media screen and (max-width:834px) {
    .form--default--confirm th {
        display: block;
        width: 100%;
        padding-bottom: 5px;
        text-align: left
    }
}

.form--default--confirm td {
    font-weight: 700;
    padding-bottom: 25px;
    vertical-align: top
}

@media screen and (max-width:834px) {
    .form--default--confirm td {
        display: block;
        width: 100%;
        padding-top: 0
    }
}

.form--default--complete {
    margin-bottom: 40px;
    padding: 10px 20px;
    color: #ff7c00;
    background-color: #fff7dd
}

@media screen and (max-width:834px) {
    .form--default--complete {
        margin-bottom: 25px;
        padding: 20px
    }
}

.form--default--complete strong {
    padding-left: 10px
}

@media screen and (max-width:834px) {
    .form--default--complete strong {
        display: block;
        padding-left: 0
    }
}

input[type=checkbox] {
    position: absolute;
    z-index: -1
}

.form--default__checkbox,.form--default__checkbox--primary,.allergy-search__list__items__checkbox {
    position: relative;
    display: inline-block;
    margin: 0 0 15px;
    padding: 0 0 0 43px;
    cursor: pointer;
    vertical-align: middle
}

@media screen and (max-width:834px) {
    .form--default__checkbox,.form--default__checkbox--primary,.allergy-search__list__items__checkbox {
        position: relative;
        margin: 0 0 15px;
        padding: 0 10px 0 28px;
        vertical-align: text-top
    }
}

.form--default__checkbox:after,.form--default__checkbox--primary:after,.allergy-search__list__items__checkbox:after {
    position: absolute;
    top: 50%;
    left: 16px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    content: '';
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear;
    border-radius: 3px;
    background-color: #ecf1f7
}

@media screen and (max-width:834px) {
    .form--default__checkbox:after,.form--default__checkbox--primary:after,.allergy-search__list__items__checkbox:after {
        top: 11px;
        left: 0
    }
}

input[type=checkbox]:checked+.form--default__checkbox:after,input[type=checkbox]:checked+.form--default__checkbox--primary:after,input[type=checkbox]:checked+.allergy-search__list__items__checkbox:after {
    background-color: #ff9531
}

input[type=checkbox]:disabled+.form--default__checkbox:after,input[type=checkbox]:disabled+.form--default__checkbox--primary:after,input[type=checkbox]:disabled+.allergy-search__list__items__checkbox:after {
    cursor: default;
    background-color: #ccc
}

.form--default__checkbox i:before,.form--default__checkbox--primary i:before,.allergy-search__list__items__checkbox i:before,.form--default__checkbox i:after,.form--default__checkbox--primary i:after,.allergy-search__list__items__checkbox i:after {
    position: absolute;
    z-index: 1;
    display: block;
    height: 3px;
    content: '';
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    opacity: 0;
    border-radius: 20px;
    background-color: #fff
}

input[type=checkbox]:disabled+.form--default__checkbox i:before,input[type=checkbox]:disabled+.form--default__checkbox--primary i:before,input[type=checkbox]:disabled+.allergy-search__list__items__checkbox i:before,input[type=checkbox]:disabled+.form--default__checkbox i:after,input[type=checkbox]:disabled+.form--default__checkbox--primary i:after,input[type=checkbox]:disabled+.allergy-search__list__items__checkbox i:after {
    cursor: default
}

.form--default__checkbox i:before,.form--default__checkbox--primary i:before,.allergy-search__list__items__checkbox i:before {
    top: 13px;
    left: 18px;
    width: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width:834px) {
    .form--default__checkbox i:before,.form--default__checkbox--primary i:before,.allergy-search__list__items__checkbox i:before {
        top: 11px;
        left: 2px
    }
}

input[type=checkbox]:checked+.form--default__checkbox i:before,input[type=checkbox]:checked+.form--default__checkbox--primary i:before,input[type=checkbox]:checked+.allergy-search__list__items__checkbox i:before {
    opacity: 1
}

.form--default__checkbox i:after,.form--default__checkbox--primary i:after,.allergy-search__list__items__checkbox i:after {
    top: 11px;
    left: 20px;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width:834px) {
    .form--default__checkbox i:after,.form--default__checkbox--primary i:after,.allergy-search__list__items__checkbox i:after {
        top: 9px;
        left: 4px
    }
}

input[type=checkbox]:checked+.form--default__checkbox i:after,input[type=checkbox]:checked+.form--default__checkbox--primary i:after,input[type=checkbox]:checked+.allergy-search__list__items__checkbox i:after {
    opacity: 1
}

input[type=checkbox]:disabled+.form--default__checkbox,input[type=checkbox]:disabled+.form--default__checkbox--primary,input[type=checkbox]:disabled+.allergy-search__list__items__checkbox {
    cursor: default
}

.form--default__checkbox--primary:after {
    margin-top: -9px;
    background-color: #fff
}

@media screen and (min-width:835px) {
    .form--default__checkbox--primary {
        padding: 2px 20px 2px 43px!important
    }

    .form--default__checkbox--primary:after {
        margin-top: -11px;
        background-color: #fff
    }
}

.form--default__checkbox--primary i:before {
    top: 14px
}

.form--default__checkbox--primary i:after {
    top: 12px
}

.form--default__button__wrapper {
    margin: 40px auto 0;
    text-align: center
}

@media screen and (max-width:834px) {
    .form--default__button__wrapper {
        margin: 30px 40px 0
    }
}

.form--default__button__wrapper p {
    margin: 30px 0 0
}

@media screen and (max-width:834px) {
    .form--default__button__wrapper p {
        margin: 15px 0 0
    }
}

.form__list--notes-lmaru {
    list-style: none
}

.form__list--notes-lmaru li {
    line-height: 1.9;
    position: relative;
    margin-bottom: 17px;
    padding: 0 0 0 22px
}

@media screen and (max-width:834px) {
    .form__list--notes-lmaru li {
        line-height: 1.8;
        margin-bottom: 12px;
        padding: 0 0 0 20px
    }
}

.form__list--notes-lmaru li:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    content: '';
    border-radius: 8px;
    background-color: #666
}

@media screen and (max-width:834px) {
    .form__list--notes-lmaru li:before {
        top: 6px;
        width: 12px;
        height: 12px
    }
}

.form__list--notes-kome {
    list-style: none
}

.form__list--notes-kome li {
    font-size: 14px;
    line-height: 1.8;
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 0 18px;
    color: #999
}

@media screen and (max-width:834px) {
    .form__list--notes-kome li {
        line-height: 1.5;
        margin-bottom: 10px
    }
}

.form__list--notes-kome li:before {
    font-family: '游ゴシック Medium',Yu Gothic Medium,'游ゴシック体',YuGothic,sans-serif;
    position: absolute;
    left: 0;
    content: '※'
}

.form__list--notes-kome_en {
    list-style: none
}

.form__list--notes-kome_en li {
    font-size: 14px;
    line-height: 1.8;
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 0 20px;
    color: #999
}

@media screen and (max-width:834px) {
    .form__list--notes-kome_en li {
        line-height: 1.5;
        margin-bottom: 10px
    }
}

.form__list--notes-kome_en li:before {
    position: absolute;
    left: 0;
    display: block;
    content: '*'
}

#sliderMain ul {
    display: none
}

#sliderMain .slick-track {
    min-height: 180px
}

@media screen and (min-width:835px) {
    #sliderMain img {
        width: 764px;
        height: 430px
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

@media screen and (max-width:834px) {
    .slick-slider {
        width: 100%
    }
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    width: 930px;
    height: auto;
    margin: 0 auto;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

@media screen and (max-width:834px) {
    .slick-list {
        width: 100%;
        height: auto
    }
}

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

.slick-track {
    position: relative;
    top: 0;
    left: 0
}

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block;
    margin: auto
}

@media screen and (min-width:834px) {
    .slick-slide img {
        margin-left: -1px
    }
}

@media screen and (max-width:834px) {
    .slick-slide img {
        width: 100%
    }
}

@media screen and (min-width:834px) {
    .slick-slide .lineup__row__items__link img {
        margin-left: auto
    }
}

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

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

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

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

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

.slider__wrapper,.slider__wrapper--campaign {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 430px;
    margin: auto;
    margin-bottom: 30px;
    background-color: #ecf1f7;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .slider__wrapper,.slider__wrapper--campaign {
        width: 100%;
        height: auto;
        margin-top: 57px;
        margin-bottom: 10px
    }
}

.slider__items {
    list-style: none
}

.slider__items a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vw*.562);
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:835px) {
    .slider__items a {
        width: 763px;
        height: 430px;
        margin: auto
    }
}

.indicator__wrapper {
    width: 930px;
    margin: auto
}

@media screen and (max-width:834px) {
    .indicator__wrapper {
        width: 100%
    }
}

.indicator {
    height: 62px
}

@media screen and (max-width:834px) {
    .indicator {
        height: auto
    }
}

@media screen and (max-width:834px) {
    .indicator .slick-slide {
        display: none
    }
}

.indicator .slick-slide img {
    margin-left: auto;
    opacity: .6!important
}

.indicator .slick-current {
    position: relative
}

.indicator .slick-current:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 178px;
    height: 62px;
    margin: auto;
    content: '';
    border: 6px solid #ff9531
}

.indicator .slick-current img {
    opacity: 1!important
}

.indicator__items img,.lineup__row__items img {
    width: 178px
}

@media screen and (max-width:834px) {
    .indicator__items,.lineup__row__items {
        display: none
    }
}

.slick-loading .slick-list {
    background: url(/cs/img/common/ajax-loader.gif) no-repeat center center #fff
}

.slick-prev,.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-prev:hover,.slick-next:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,.slick-next:hover:before {
    width: 18px;
    height: 19px;
    background-position: -159px -152px
}

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

.slick-prev:before,.slick-next:before {
    width: 18px;
    height: 19px;
    background-position: -182px -152px
}

.slick-prev {
    left: -25px
}

.slick-prev:before {
    margin: 0 5px 0 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slick-next {
    right: -25px
}

.slick-next:before {
    margin: 0
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

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

@media screen and (max-width:834px) {
    .slick-dots,.slick-dots--no-dots,.slick-dots--brands {
        width: 100%;
        height: 22px
    }
}

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

.slick-dots li button,.slick-dots--no-dots li button,.slick-dots--brands li button {
    line-height: 0;
    width: 8px;
    height: 8px;
    padding: 4px;
    cursor: pointer;
    color: transparent;
    border: 0;
    border-radius: 50%;
    outline: none;
    background-color: #ffc997
}

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

.slick-dots li.slick-active button,.slick-dots--no-dots li.slick-active button,.slick-dots--brands li.slick-active button {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #ff9531
}

@-moz-document url-prefix() {
    .slick-dots,.slick-dots--no-dots,.slick-dots--brands {
        bottom: -40px
    }
}

@media screen and (min-width:835px) {
    .slick-dots--no-dots {
        display: none
    }
}

@media screen and (max-width:834px) {
    .slick-dots--no-dots {
        position: relative;
        bottom: 0
    }
}

.js-slider-for--brands .slick-dots,.js-slider-for--brands .slick-dots--no-dots,.js-slider-for--brands .slick-dots--brands {
    bottom: -35px
}

.list--notes-kome {
    list-style: none
}

.list--notes-kome li {
    font-size: 14px;
    line-height: 1.8;
    position: relative;
    padding: 0 0 0 15px;
    color: #999
}

@media screen and (max-width:834px) {
    .list--notes-kome li {
        line-height: 1.5;
        margin-bottom: 10px
    }
}

.list--notes-kome li:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    content: '※'
}

.list--notes-kome li.tiny:before {
    content: '*'
}

.free-space,.free-space--primary {
    margin-top: 20px;
    margin-bottom: 20px
}

.free-space__inner {
    position: relative;
    display: block;
    width: 100%;
    max-width: 980px;
    min-height: 80px;
    margin: auto;
    background-color: #ecf1f7
}

.free-space__inner img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.free-space__inner__text {
    padding: 10px
}

.free-space__adjust-wrapper {
    margin-bottom: 20px
}

.free-space__adjust-wrapper--en {
    margin-top: 0;
    margin-bottom: -20px
}

.main__wrapper--collapsed .free-space,.main__wrapper--collapsed .free-space--primary {
    position: relative
}

@media screen and (max-width:834px) {
    .free-space,.free-space--primary {
        margin-top: 70px;
        margin-bottom: -40px;
        padding-right: 20px;
        padding-left: 20px
    }

    .free-space--primary {
        margin-top: 70px;
        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px
    }

    .free-space__adjust-wrapper {
        display: list-item;
        margin-top: -90px;
        margin-bottom: 55px;
        padding-top: 30px
    }

    .free-space__adjust-wrapper--primary {
        margin: -50px 0 60px
    }

    .free-space__adjust-wrapper--en {
        margin-bottom: 0
    }
}

.table--is-scroll {
    overflow: auto;
    white-space: nowrap;
    background-color: #fff
}

.table-free {
    width: 100%;
    margin-left: 0;
    border-collapse: collapse
}

.table-free__caption {
    font-size: 18px;
    font-weight: 700;
    line-height: 2.2;
    text-align: left;
    color: #ff7c00;
    background-color: #fff
}

.table-free__th,.table-free__th--primary,.table-free__th--horizontal {
    font-weight: 400;
    width: 15%;
    padding: 5px 1.5rem;
    text-align: right;
    vertical-align: middle;
    border-bottom: solid 1px #ffca98;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .table-free__th,.table-free__th--primary,.table-free__th--horizontal {
        width: 20%;
        padding: 2px 10px
    }
}

.table-free__th--primary {
    border: solid 1px #ffca98;
    background-color: #fffbee
}

.table-free__th--horizontal {
    line-height: 1.5;
    padding: 8px 1.5rem;
    text-align: center;
    border: solid 1px #ffca98;
    background-color: #fffbee
}

@media screen and (max-width:834px) {
    .table-free__th--horizontal {
        font-size: 12px;
        line-height: 1.4;
        padding: 8px 18px
    }
}

.table-free__td,.table-free__td--primary {
    padding: 5px 1.5rem;
    text-align: right;
    border-bottom: solid 1px #ffca98
}

@media screen and (max-width:834px) {
    .table-free__td,.table-free__td--primary {
        padding: 2px 10px
    }
}

.table-free__td--primary {
    border: solid 1px #ffca98
}

@media screen and (min-width:835px) {
    .pr__wrapper,.pr__wrapper--company {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJUlEQVQoU2P8vzXvP6P3JEYGKEDnwyVgCtBpnDphJhE2YRC4AQC62iAJlTMpCgAAAABJRU5ErkJggg==) repeat
    }
}

@media screen and (max-width:834px) {
    .pr__wrapper--company {
        margin-bottom: 5px
    }
}

@media screen and (max-width:834px) {
    .pr {
        width: 100%;
        margin-top: 30px;
        background-image: none
    }
}

@media screen and (min-width:835px) {
    .pr {
        width: 980px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.pr__list {
    display: block;
    list-style: none
}

@media screen and (min-width:835px) {
    .pr__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.pr__list__items {
    position: relative;
    display: table;
    width: 100%;
    padding-bottom: 20px
}

.pr__list__items .label--product,.pr__list__items .news__title__button,.pr__list__items .pr--main__title__button,.pr__list__items .label--cnews,.pr__list__items .label--campaign,.pr__list__items .label--news,.pr__list__items .label--ir,.pr__list__items .label--recruit,.pr__list__items .label--other {
    display: block;
    width: 90px;
    margin-left: 0;
    padding: 0
}

@media screen and (max-width:834px) {
    .pr__list__items .label--product,.pr__list__items .news__title__button,.pr__list__items .pr--main__title__button,.pr__list__items .label--cnews,.pr__list__items .label--campaign,.pr__list__items .label--news,.pr__list__items .label--ir,.pr__list__items .label--recruit,.pr__list__items .label--other {
        margin-bottom: 10px
    }
}

@media screen and (max-width:834px) {
    .pr__list__items {
        padding: 15px 20px;
        border-top: 2px solid #ffca98
    }

    .pr__list__items:last-child {
        border-bottom: 2px solid #ffca98
    }
}

@media screen and (min-width:835px) {
    .pr__list__items {
        display: block;
        width: 240px;
        padding: 1rem 20px 2rem;
        background-color: #fff
    }

    .pr__list__items:not(:nth-child(4n)) {
        margin-right: 5px
    }

    .pr__list__items:nth-child(n+5) {
        margin-top: 5px
    }

    .pr__list__items .label--product,.pr__list__items .news__title__button,.pr__list__items .pr--main__title__button,.pr__list__items .label--cnews,.pr__list__items .label--campaign,.pr__list__items .label--news,.pr__list__items .label--ir,.pr__list__items .label--recruit,.pr__list__items .label--other {
        width: 100%
    }
}

.pr__list__items:hover .pr__list__items__media__img {
    opacity: .6
}

.pr__list__items:hover .pr__list__items__title h2,.pr__list__items:hover .pr__list__items__title h3,.pr__list__items:hover .pr__list__items__title h4,.pr__list__items:hover .pr__list__items__title h5,.pr__list__items:hover .pr__list__items__title h6 {
    text-decoration: underline;
    color: #ff7c00
}

.pr__list__items__link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:834px) {
    .pr__list__items__link~.pr__list__items__title h2,.pr__list__items__link~.pr__list__items__title h3,.pr__list__items__link~.pr__list__items__title h4,.pr__list__items__link~.pr__list__items__title h5,.pr__list__items__link~.pr__list__items__title h6 {
        text-decoration: underline
    }
}

.pr__list__items__media {
    float: left;
    padding-top: 5px;
    padding-right: 15px;
    pointer-events: none
}

@media screen and (min-width:835px) {
    .pr__list__items__media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: none;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.pr__list__items__media__img {
    width: 65px;
    height: 65px;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    pointer-events: none
}

@media screen and (min-width:835px) {
    .pr__list__items__media__img {
        width: 120px;
        height: 120px
    }
}

.pr__list__items__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-all;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pr__list__items__title h2,.pr__list__items__title h3,.pr__list__items__title h4,.pr__list__items__title h5,.pr__list__items__title h6 {
    font-size: 14px;
    font-weight: 400;
    color: #333
}

@media screen and (min-width:835px) {
    .pr__list__items__title h2,.pr__list__items__title h3,.pr__list__items__title h4,.pr__list__items__title h5,.pr__list__items__title h6 {
        font-size: 15px;
        padding-bottom: 10px
    }
}

.pr__list__items__date {
    font-size: 14px;
    display: block;
    width: calc(100% - 80px);
    margin-top: 5px;
    margin-left: auto;
    text-align: left;
    color: #aaa
}

@media screen and (min-width:835px) {
    .pr__list__items__date {
        font-size: 15px;
        position: absolute;
        right: 20px;
        bottom: 15px;
        text-align: right
    }
}

.allergy-table {
    border-collapse: separate;
    border-right: solid 1px #ffca98;
    border-bottom: solid 1px #ffca98
}

@media screen and (max-width:834px) {
    .allergy-table {
        width: 100%;
        margin-left: 0
    }
}

.allergy-table__caption {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 5px 0 5px 1rem;
    text-align: left;
    color: #333;
    border-left: solid 5px #ff9531
}

@media screen and (min-width:835px) {
    .allergy-table__caption {
        font-size: 20px;
        margin-bottom: 1.5rem
    }
}

.allergy-table__th {
    font-weight: 400;
    padding: 5px 1.5rem;
    vertical-align: middle;
    border-top: solid 1px #ffca98;
    border-left: solid 1px #ffca98;
    background-color: #fffbee
}

.allergy-table__th:first-child {
    width: inherit
}

@media screen and (max-width:834px) {
    .allergy-table__th {
        width: 25%;
        padding: 2px 10px
    }
}

.allergy-table__th--primary {
    padding-top: 8px;
    vertical-align: top
}

@media screen and (max-width:834px) {
    .allergy-table__th--primary {
        padding-top: 2px
    }
}

.allergy-table__td {
    padding: 5px 1.5rem;
    text-align: left;
    border-top: solid 1px #ffca98;
    border-left: solid 1px #ffca98
}

@media screen and (max-width:834px) {
    .allergy-table__td {
        width: 50%;
        padding: 2px 10px;
        border-width: 1px
    }
}

.manufacturer-table {
    border-collapse: separate;
    border-right: solid 1px #ffca98;
    border-bottom: solid 1px #ffca98
}

@media screen and (max-width:834px) {
    .manufacturer-table {
        width: 100%;
        margin-left: 0
    }
}

.manufacturer-table__caption {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 5px 0 5px 1rem;
    text-align: left;
    color: #333;
    border-left: solid 5px #ff9531
}

@media screen and (min-width:835px) {
    .manufacturer-table__caption {
        font-size: 20px;
        margin-bottom: 1.5rem
    }
}

.manufacturer-table__th {
    font-weight: 400;
    width: 100px;
    padding: 5px 1.5rem;
    text-align: right;
    vertical-align: middle;
    border-top: solid 1px #ffca98;
    border-left: solid 1px #ffca98;
    background-color: #fffbee
}

@media screen and (max-width:834px) {
    .manufacturer-table__th {
        width: 16%;
        padding: 2px 10px
    }
}

.manufacturer-table__th--primary {
    padding-top: 8px;
    vertical-align: top
}

@media screen and (max-width:834px) {
    .manufacturer-table__th--primary {
        padding-top: 2px
    }
}

.manufacturer-table__td {
    width: auto;
    padding: 5px 1.5rem;
    text-align: left;
    border-top: solid 1px #ffca98;
    border-left: solid 1px #ffca98
}

@media screen and (max-width:834px) {
    .manufacturer-table__td {
        width: 50%;
        padding: 2px 10px;
        border-width: 1px
    }
}

.rice-table {
    border-collapse: separate;
    border-right: solid 1px #ffca98;
    border-bottom: solid 1px #ffca98
}

@media screen and (max-width:834px) {
    .rice-table {
        width: 100%;
        margin-left: 0
    }
}

.rice-table__caption,.nutrition-facts__table__caption--primary {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 5px 0 5px 1rem;
    text-align: left;
    color: #333;
    border-left: solid 5px #ff9531
}

@media screen and (min-width:835px) {
    .rice-table__caption,.nutrition-facts__table__caption--primary {
        font-size: 20px;
        margin-bottom: 1.5rem
    }
}

.rice-table__th,.allergy-table__th--primary,.manufacturer-table__th--primary,.rice-table__th--primary {
    font-weight: 400;
    width: 15%;
    padding: 5px 1.5rem;
    text-align: right;
    vertical-align: middle;
    border-top: solid 1px #ffca98;
    border-left: solid 1px #ffca98;
    background-color: #fffbee
}

.rice-table__th:first-child,.allergy-table__th--primary:first-child,.manufacturer-table__th--primary:first-child,.rice-table__th--primary:first-child {
    width: inherit
}

@media screen and (max-width:834px) {
    .rice-table__th,.allergy-table__th--primary,.manufacturer-table__th--primary,.rice-table__th--primary {
        width: 25%;
        padding: 2px 10px
    }
}

.rice-table__th--primary {
    padding-top: 8px;
    vertical-align: top
}

@media screen and (max-width:834px) {
    .rice-table__th--primary {
        padding-top: 2px
    }
}

.rice-table__td {
    width: 67%;
    padding: 5px 1.5rem;
    text-align: left;
    border-top: solid 1px #ffca98;
    border-left: solid 1px #ffca98
}

@media screen and (max-width:834px) {
    .rice-table__td {
        width: 50%;
        padding: 2px 10px;
        border-width: 1px
    }
}

.pagination__wrapper {
    width: 980px;
    margin: 40px auto 0
}

@media screen and (max-width:834px) {
    .pagination__wrapper {
        width: 100%
    }
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.pagination.is-first-page .pagination__items:first-child,.pagination.is-first-page .pagination__items:nth-child(2),.pagination.is-first-page .pagination__items:nth-child(3),.pagination.is-first-page .pagination__items:nth-child(5) {
    display: none
}

.pagination.is-second-page .pagination__items:first-child a,.pagination.is-second-page .pagination__items:first-child button {
    display: none
}

.pagination.is-last-page .pagination__items:first-child,.pagination.is-last-page .pagination__items:nth-child(3),.pagination.is-last-page .pagination__items:nth-child(4),.pagination.is-last-page .pagination__items:nth-child(5) {
    display: none
}

.pagination.is-second-from-last-page .pagination__items:last-child a,.pagination.is-second-from-last-page .pagination__items:last-child button {
    display: none
}

@media screen and (max-width:834px) {
    .pagination {
        margin: 20px 0 0
    }
}

.pagination__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__items.w-110 {
    width: 110px
}

.pagination__items.w-130 {
    width: 130px
}

.pagination__items.w-160 {
    width: 160px
}

.pagination__items.is-hidden {
    display: none
}

@media screen and (max-width:834px) {
    .pagination__items {
        margin: 0
    }

    .pagination__items:first-child {
        display: none
    }

    .pagination__items:nth-child(3) {
        display: none
    }

    .pagination__items:last-child {
        display: none
    }
}

.pagination__indicator {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    text-align: center;
    color: #ff7c00;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button--prev-next {
    font-size: 14px;
    font-weight: 700;
    line-height: 42px;
    position: relative;
    z-index: 1;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 115px;
    height: 42px;
    padding: 0;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-top: 2px solid #ff9531;
    border-bottom: 2px solid #ff9531;
    background-color: #ff9531
}

.button--prev-next:before,.button--prev-next:after {
    position: absolute;
    z-index: -1;
    top: 5px;
    width: 30px;
    height: 30px;
    content: '';
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    border: 0;
    background-color: #ff9531
}

.button--prev-next:before {
    left: -16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #ff9531;
    border-left: 2px solid #ff9531
}

.button--prev-next:after {
    right: -16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #ff9531;
    border-right: 2px solid #ff9531
}

.button--prev-next:hover {
    color: #ff9531;
    background-color: #fff
}

.button--prev-next:hover:before,.button--prev-next:hover:after {
    background-color: #fff
}

.button--prev-next:hover>.icon--chev-left:before,.button--prev-next:hover>.icon--chev-right:before {
    margin-top: -3px;
    background-position: -28px -75px
}

.button--prev-next:hover>.icon--chev-right:before {
    margin-top: -4px;
    background-position: -28px -74px
}

@media screen and (max-width:834px) {
    .button--prev-next {
        margin: 20px 30px 30px
    }

    .button--prev-next:before,.button--prev-next:after {
        width: 30px!important
    }
}

.button--first-last {
    font-size: 14px;
    font-weight: 700;
    line-height: 42px;
    position: relative;
    z-index: 1;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 85px;
    height: 42px;
    padding: 0;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-top: 2px solid #ff9531;
    border-bottom: 2px solid #ff9531;
    background-color: #ff9531
}

.button--first-last:before,.button--first-last:after {
    position: absolute;
    z-index: -1;
    top: 5px;
    width: 30px;
    height: 30px;
    content: '';
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    border: 0;
    background-color: #ff9531
}

.button--first-last:before {
    left: -16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #ff9531;
    border-left: 2px solid #ff9531
}

.button--first-last:after {
    right: -16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #ff9531;
    border-right: 2px solid #ff9531
}

.button--first-last .icon--chev-left:before,.button--first-last .icon--chev-right:before {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 6px;
    content: '';
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background-image: url(/cs/img/common/icon_arrow_left_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px 9px
}

.button--first-last .icon--chev-right:before {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 0;
    margin-left: 3px;
    content: '';
    -webkit-transform: rotate(180deg)!important;
    -ms-transform: rotate(180deg)!important;
    transform: rotate(180deg)!important;
    background-image: url(/cs/img/common/icon_arrow_left_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px 9px
}

.button--first-last:hover {
    color: #ff9531;
    background-color: #fff
}

.button--first-last:hover:before,.button--first-last:hover:after {
    background-color: #fff
}

.button--first-last:hover .icon--chev-left:before,.button--first-last:hover .icon--chev-right:before {
    background-image: url(/cs/img/common/icon_arrow_left.svg)
}

.button--first-last:hover>.icon--chev-right:before {
    background-image: url(/cs/img/common/icon_arrow_left.svg)
}

.button--first-last.is-hidden {
    display: none
}

@media screen and (max-width:834px) {
    .button--first-last {
        margin: 20px 30px 30px
    }

    .button--first-last:before,.button--first-last:after {
        width: 30px!important
    }
}

@media screen and (max-width:834px) {
    .sidenav__wrapper {
        display: none;
        margin-top: -2px
    }
}

@media screen and (max-width:834px) {
    .sidenav__wrapper--is-opened {
        display: block;
        margin-top: -2px
    }
}

.sidenav {
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .sidenav {
        margin-bottom: 0
    }
}

.sidenav__list__items {
    line-height: 1.3;
    padding: .4rem 0 .4rem 1.65rem;
    border-collapse: collapse;
    list-style: none;
    text-indent: -1.65rem;
    border-bottom: 1px solid #ecf1f7
}

@media screen and (max-width:834px) {
    .sidenav__list__items {
        font-size: 16px;
        position: relative;
        padding: 0
    }
}

.sidenav__list__items:first-child {
    border-top: 1px solid #ecf1f7
}

.sidenav__list__items__link,.sidenav__list__items__link--recruit,.sidenav__list__items__link--ir,.sidenav__list__items__link--no-chev {
    position: relative;
    text-decoration: none;
    color: #333
}

.sidenav__list__items__link:before,.sidenav__list__items__link--recruit:before,.sidenav__list__items__link--ir:before,.sidenav__list__items__link--no-chev:before {
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-right: .5rem;
    margin-left: .8rem;
    content: '';
    background-image: url(/cs/img/common/spritesheet.png);
    background-repeat: no-repeat;
    background-position: -73px -76px;
    background-size: 358px 208px
}

@media screen and (max-width:834px) {
    .sidenav__list__items__link,.sidenav__list__items__link--recruit,.sidenav__list__items__link--ir,.sidenav__list__items__link--no-chev {
        display: block;
        height: 33px;
        padding-top: 11px;
        padding-right: 10px;
        padding-left: 55px
    }

    .sidenav__list__items__link:before,.sidenav__list__items__link--recruit:before,.sidenav__list__items__link--ir:before,.sidenav__list__items__link--no-chev:before {
        position: absolute;
        top: 0;
        right: 26px;
        bottom: 0;
        margin: auto
    }
}

.sidenav__list__items__link:hover,.sidenav__list__items__link:active,.sidenav__list__items__link--recruit:hover,.sidenav__list__items__link--recruit:active,.sidenav__list__items__link--ir:hover,.sidenav__list__items__link--ir:active,.sidenav__list__items__link--no-chev:hover,.sidenav__list__items__link--no-chev:active {
    color: #ff7c00
}

.sidenav__list__items__link:hover:before,.sidenav__list__items__link:active:before,.sidenav__list__items__link--recruit:hover:before,.sidenav__list__items__link--recruit:active:before,.sidenav__list__items__link--ir:hover:before,.sidenav__list__items__link--ir:active:before,.sidenav__list__items__link--no-chev:hover:before,.sidenav__list__items__link--no-chev:active:before {
    background-position: -28px -76px
}

.sidenav__list__items__link.is-active,.sidenav__list__items__link--recruit.is-active,.sidenav__list__items__link--ir.is-active,.sidenav__list__items__link--no-chev.is-active {
    font-weight: 700;
    color: #ff7c00
}

.sidenav__list__items__link.is-active:before,.sidenav__list__items__link--recruit.is-active:before,.sidenav__list__items__link--ir.is-active:before,.sidenav__list__items__link--no-chev.is-active:before {
    background-position: -28px -76px
}

.sidenav__list__items__link--no-chev:before {
    content: none
}

.sidenav__list--parent,.sidenav__list--parent--primary {
    margin-left: -1.65rem;
    padding-left: 1.65rem;
    list-style: none
}

@media screen and (max-width:834px) {
    .sidenav__list--parent--primary .sidenav__list__items__link--.is-active,.sidenav__list--parent--primary .sidenav__list__items__link--is-active {
        font-size: 16px;
        position: relative
    }
}

.sidenav__list__caption {
    line-height: 1.4;
    display: block;
    margin-left: -16px;
    text-indent: 0
}

@media screen and (max-width:834px) {
    .sidenav__list__caption {
        position: relative;
        margin-left: 0;
        padding: 10px 10px 11px 30px
    }
}

.sidenav--child {
    font-size: 13px
}

.sidenav--child__list__items {
    font-size: 13px;
    line-height: 1.3;
    height: auto;
    padding: .4rem .5rem 0 0;
    border-collapse: collapse;
    list-style: none;
    text-indent: -1.65rem;
    border-bottom: 1px solid #ecf1f7
}

@media screen and (min-width:835px) {
    .sidenav--child__list__items {
        border: 0
    }

    .sidenav--child__list__items:first-child {
        border: 0
    }
}

@media screen and (max-width:834px) {
    .sidenav--child__list__items {
        position: relative;
        padding: 0;
        text-indent: 0;
        border-top: 1px solid #ecf1f7;
        border-bottom: 0
    }
}

.sidenav--child__list__items__link {
    position: relative;
    display: block;
    height: auto;
    padding-left: 1rem;
    text-decoration: none;
    color: #333;
    border: 0
}

.sidenav--child__list__items__link:before {
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-right: .5rem;
    margin-left: .8rem;
    content: '';
    background-image: url(/cs/img/common/spritesheet.png);
    background-repeat: no-repeat;
    background-position: -73px -76px;
    background-size: 358px 208px
}

@media screen and (max-width:834px) {
    .sidenav--child__list__items__link {
        display: block;
        height: auto;
        padding: 11px 40px 11px 45px
    }

    .sidenav--child__list__items__link:before {
        position: absolute;
        top: 0;
        right: 26px;
        bottom: 0;
        margin: auto
    }
}

@media screen and (min-width:835px) {
    .sidenav--child__list__items__link:before {
        padding-bottom: 0
    }
}

.sidenav--child__list__items__link:hover,.sidenav--child__list__items__link:active {
    color: #ff7c00
}

.sidenav--child__list__items__link:hover:before,.sidenav--child__list__items__link:active:before {
    background-position: -28px -76px
}

.sidenav--child__list__items__link.is-active {
    font-weight: 700;
    margin-top: -1px;
    color: #ff7c00
}

.sidenav--child__list__items__link.is-active:before {
    background-position: -28px -76px
}

.company__wrapper,.company__wrapper--primary,.counselling__wrapper,.kametsu__wrapper,.detail-wrapper,.new-info__wrapper,.search__wrapper,.search__wrapper--allergy {
    margin-top: 40px
}

@media screen and (max-width:834px) {
    .company__wrapper,.company__wrapper--primary,.counselling__wrapper,.kametsu__wrapper,.detail-wrapper,.new-info__wrapper,.search__wrapper,.search__wrapper--allergy {
        margin-top: 30px
    }
}

@media screen and (max-width:834px) {
    .company__wrapper--primary {
        margin-top: 70px
    }
}

@media screen and (max-width:834px) {
    .company__wrapper .free-space,.company__wrapper--primary .free-space,.counselling__wrapper .free-space,.kametsu__wrapper .free-space,.detail-wrapper .free-space,.new-info__wrapper .free-space,.search__wrapper .free-space,.search__wrapper--allergy .free-space,.company__wrapper .free-space--primary,.company__wrapper--primary .free-space--primary,.counselling__wrapper .free-space--primary,.kametsu__wrapper .free-space--primary,.detail-wrapper .free-space--primary,.new-info__wrapper .free-space--primary,.search__wrapper .free-space--primary,.search__wrapper--allergy .free-space--primary {
        margin-bottom: 20px
    }
}

@media screen and (max-width:834px) {
    .company__title {
        margin-bottom: 4px
    }
}

.company__main-title,.counselling__main-title,.kametsu__main-title,.search__title,.search__title--primary {
    margin-bottom: 52px
}

.company__main-title small,.counselling__main-title small,.kametsu__main-title small,.search__title small,.search__title--primary small {
    font-size: 16px;
    margin-left: 10px
}

@media screen and (max-width:834px) {
    .company__main-title,.counselling__main-title,.kametsu__main-title,.search__title,.search__title--primary {
        margin-bottom: 15px
    }

    .company__main-title small,.counselling__main-title small,.kametsu__main-title small,.search__title small,.search__title--primary small {
        font-size: 14px;
        display: block;
        margin-left: 0
    }
}

.company__sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-bottom: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.company__sub-title:after {
    content: none
}

.company__sub-title h2,.company__sub-title h3,.company__sub-title h4,.company__sub-title h5,.company__sub-title h6 {
    margin-top: 0;
    margin-bottom: 16px
}

@media screen and (max-width:834px) {
    .company__sub-title {
        margin-bottom: 0
    }

    .company__sub-title h2,.company__sub-title h3,.company__sub-title h4,.company__sub-title h5,.company__sub-title h6 {
        display: inline
    }
}

.company__sub-title__supplemental {
    color: #999
}

@media screen and (max-width:834px) {
    .company__sub-title__supplemental {
        font-size: 11px
    }
}

@media screen and (max-width:834px) {
    .table--company {
        width: 100%;
        margin-left: 0
    }
}

.table--company--m-bottom,.table--company--m-bottom-sp-40 {
    margin-bottom: 65px
}

@media screen and (max-width:834px) {
    .table--company--m-bottom,.table--company--m-bottom-sp-40 {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width:834px) {
    .table--company--m-bottom-sp-40 {
        margin-bottom: 40px
    }
}

.table--recruit:not(:first-of-type) {
    margin-top: 100px
}

@media screen and (max-width:834px) {
    .table--recruit {
        width: 100%;
        margin-left: 0
    }

    .table--recruit:not(:first-of-type) {
        margin-top: 60px
    }
}

.table__th--company,.table__th--directors {
    width: 167px
}

@media screen and (max-width:834px) {
    .table__th--company,.table__th--directors {
        font-size: 14px;
        width: 100px;
        padding: .8rem 0
    }
}

.table__th--directors {
    width: 230px
}

@media screen and (max-width:834px) {
    .table__th--directors {
        width: 35%
    }
}

@media screen and (max-width:834px) {
    .table__td--company,.table__td--directors,.table__td--officers {
        font-size: 14px;
        width: 72%;
        padding: .8rem 0
    }
}

.table__td--directors,.table__td--officers {
    width: 66%
}

.table__td--officers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 450px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .table__td--officers {
        display: block;
        width: 65%
    }
}

.table__td__child-1 {
    width: 290px
}

@media screen and (max-width:834px) {
    .table__td__child-1 {
        width: 100%
    }
}

.table__td__child-2 {
    font-size: 14px;
    width: 160px
}

@media screen and (max-width:834px) {
    .table__td__child-2 {
        font-size: 12px;
        width: 100%
    }
}

.company__content--primary {
    margin-top: 45px
}

@media screen and (max-width:834px) {
    .company__content--primary {
        margin-bottom: 40px
    }
}

.company__content__text {
    margin-bottom: 2rem
}

.company__content__text--pull-right {
    padding-bottom: 5px;
    text-align: right
}

.company__content__list {
    padding: 0 55px 30px;
    letter-spacing: .1px
}

@media screen and (max-width:834px) {
    .company__content__list {
        margin: 0 0 0 1rem;
        padding: 0 1rem 25px
    }
}

.company__content__list__items {
    margin-bottom: 1rem;
    padding-left: 1rem
}

.company__img__wrapper {
    margin-top: 45px
}

.company__img {
    width: 100%
}

.company-manager__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.company-manager__img {
    padding: 0 20px
}

@media screen and (max-width:834px) {
    .company-manager__img {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 165px;
        padding: 0 15px
    }
}

.company-manager__caption {
    font-size: 14px;
    padding-top: 1rem;
    text-align: center
}

@media screen and (max-width:834px) {
    .company-manager__caption {
        font-size: 12px
    }
}

.company-manager__figure {
    margin-right: 0;
    margin-left: 0
}

.slogan__wrapper,.company__button__wrapper,.main-button__wrapper,.company__banner__wrapper,.main-panel,.ir-index__banner__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.company__banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 240px;
    margin-top: 32px;
    margin-bottom: 32px;
    background-color: #ecf1f7;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .company__banner {
        height: auto;
        margin-top: 5px;
        margin-bottom: 0
    }
}

.company__banner__img {
    width: auto;
    max-width: 460px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

@media screen and (max-width:834px) {
    .company__banner__img {
        height: auto
    }
}

@media screen and (max-width:414px) {
    .company__banner__img {
        width: 100vw;
        max-width: 100%
    }
}

.company__banner__figure,.company__banner__figure--primary,.main-panel__figure,.ir-index__banner__figure {
    margin: 0
}

.company__banner__figure--primary:first-child,.main-panel__figure:first-child {
    margin-right: 10px
}

@media screen and (max-width:834px) {
    .company__banner__figure--primary:first-child,.main-panel__figure:first-child {
        margin-right: 0;
        margin-bottom: 50px;
        margin-left: 0
    }
}

.company__banner__figure--primary:last-child,.main-panel__figure:last-child {
    margin-left: 10px
}

@media screen and (max-width:834px) {
    .company__banner__figure--primary:last-child,.main-panel__figure:last-child {
        margin-right: 0;
        margin-left: 0
    }
}

.company__banner__figure--primary:not(:first-child):not(:last-child),.main-panel__figure:not(:first-child):not(:last-child) {
    margin-right: 10px;
    margin-left: 10px
}

@media screen and (max-width:834px) {
    .company__banner__figure--primary:not(:first-child):not(:last-child),.main-panel__figure:not(:first-child):not(:last-child) {
        margin-right: 0;
        margin-left: 0
    }
}

.company__banner__link,.company__banner__link--primary,.main-panel__figure__link,.series__figure__link {
    text-decoration: none
}

.company__banner__link img,.company__banner__link--primary img,.main-panel__figure__link img,.series__figure__link img {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.company__banner__link:hover img,.company__banner__link--primary:hover img,.main-panel__figure__link:hover img,.series__figure__link:hover img {
    opacity: .6
}

.company__banner__img--primary,.main-panel__figure__img {
    width: calc(50vw - 30px);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

@media(-webkit-min-device-pixel-ratio:0) {
    .company__banner__img--primary,.main-panel__figure__img {
        -webkit-transition: none;
        transition: none
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:834px) {
    .company__banner__img--primary,.main-panel__figure__img {
        width: 100%
    }
}

@media screen and (max-width:834px) {
    .company__banner__img--primary,.main-panel__figure__img {
        width: 100vw;
        height: auto
    }
}

@-moz-document url-prefix() {
    .company__banner__img--primary,.main-panel__figure__img {
        width: calc(50vw - 30px)
    }@    media screen and (max-width:834px) {
        .company__banner__img--primary,.main-panel__figure__img{width: 100%
    }
}}

.company__button__wrapper,.main-button__wrapper {
    margin-top: 57px;
    margin-bottom: 56px
}

@media screen and (max-width:834px) {
    .company__button__wrapper,.main-button__wrapper {
        display: block;
        margin-top: 50px;
        margin-bottom: 18px
    }
}

.company__button--movie,.company__button--pamphlet,.main-button--pamphlet,.main-button--movie,.sns__button--twitter--sp,.sns__button--facebook--sp {
    font-size: 16px;
    position: relative;
    width: 430px;
    margin: 0 25px;
    text-align: center
}

.company__button--movie .icon--video,.company__button--pamphlet .icon--video,.main-button--pamphlet .icon--video,.main-button--movie .icon--video,.sns__button--twitter--sp .icon--video,.sns__button--facebook--sp .icon--video,.company__button--movie .icon--chev-left,.company__button--pamphlet .icon--chev-left,.main-button--pamphlet .icon--chev-left,.main-button--movie .icon--chev-left,.sns__button--twitter--sp .icon--chev-left,.sns__button--facebook--sp .icon--chev-left,.company__button--movie .icon--chev-right,.company__button--pamphlet .icon--chev-right,.main-button--pamphlet .icon--chev-right,.main-button--movie .icon--chev-right,.sns__button--twitter--sp .icon--chev-right,.sns__button--facebook--sp .icon--chev-right {
    margin-left: -30px
}

.company__button--movie .icon--arrow-right,.company__button--pamphlet .icon--arrow-right,.main-button--pamphlet .icon--arrow-right,.main-button--movie .icon--arrow-right,.sns__button--twitter--sp .icon--arrow-right,.sns__button--facebook--sp .icon--arrow-right,.company__button--movie .icon--arrow-right--secondary,.company__button--pamphlet .icon--arrow-right--secondary,.main-button--pamphlet .icon--arrow-right--secondary,.main-button--movie .icon--arrow-right--secondary,.sns__button--twitter--sp .icon--arrow-right--secondary,.sns__button--facebook--sp .icon--arrow-right--secondary,.company__button--movie .icon--arrow-right--tertiary,.company__button--pamphlet .icon--arrow-right--tertiary,.main-button--pamphlet .icon--arrow-right--tertiary,.main-button--movie .icon--arrow-right--tertiary,.sns__button--twitter--sp .icon--arrow-right--tertiary,.sns__button--facebook--sp .icon--arrow-right--tertiary {
    position: relative;
    display: inline-block
}

.company__button--movie .icon--arrow-right:before,.company__button--pamphlet .icon--arrow-right:before,.main-button--pamphlet .icon--arrow-right:before,.main-button--movie .icon--arrow-right:before,.sns__button--twitter--sp .icon--arrow-right:before,.sns__button--facebook--sp .icon--arrow-right:before,.company__button--movie .icon--arrow-right--secondary:before,.company__button--pamphlet .icon--arrow-right--secondary:before,.main-button--pamphlet .icon--arrow-right--secondary:before,.main-button--movie .icon--arrow-right--secondary:before,.sns__button--twitter--sp .icon--arrow-right--secondary:before,.sns__button--facebook--sp .icon--arrow-right--secondary:before,.company__button--movie .icon--arrow-right--tertiary:before,.company__button--pamphlet .icon--arrow-right--tertiary:before,.main-button--pamphlet .icon--arrow-right--tertiary:before,.main-button--movie .icon--arrow-right--tertiary:before,.sns__button--twitter--sp .icon--arrow-right--tertiary:before,.sns__button--facebook--sp .icon--arrow-right--tertiary:before {
    right: 30px
}

@media screen and (max-width:834px) {
    .company__button--movie,.company__button--pamphlet,.main-button--pamphlet,.main-button--movie,.sns__button--twitter--sp,.sns__button--facebook--sp {
        font-size: 13px;
        width: 230px;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
        padding: 0 1rem
    }

    .company__button--movie .icon--video,.company__button--pamphlet .icon--video,.main-button--pamphlet .icon--video,.main-button--movie .icon--video,.sns__button--twitter--sp .icon--video,.sns__button--facebook--sp .icon--video,.company__button--movie .icon--chev-left,.company__button--pamphlet .icon--chev-left,.main-button--pamphlet .icon--chev-left,.main-button--movie .icon--chev-left,.sns__button--twitter--sp .icon--chev-left,.sns__button--facebook--sp .icon--chev-left,.company__button--movie .icon--chev-right,.company__button--pamphlet .icon--chev-right,.main-button--pamphlet .icon--chev-right,.main-button--movie .icon--chev-right,.sns__button--twitter--sp .icon--chev-right,.sns__button--facebook--sp .icon--chev-right {
        margin-right: 13px;
        margin-left: 3px
    }

    .company__button--movie .icon--arrow-right:before,.company__button--pamphlet .icon--arrow-right:before,.main-button--pamphlet .icon--arrow-right:before,.main-button--movie .icon--arrow-right:before,.sns__button--twitter--sp .icon--arrow-right:before,.sns__button--facebook--sp .icon--arrow-right:before,.company__button--movie .icon--arrow-right--secondary:before,.company__button--pamphlet .icon--arrow-right--secondary:before,.main-button--pamphlet .icon--arrow-right--secondary:before,.main-button--movie .icon--arrow-right--secondary:before,.sns__button--twitter--sp .icon--arrow-right--secondary:before,.sns__button--facebook--sp .icon--arrow-right--secondary:before,.company__button--movie .icon--arrow-right--tertiary:before,.company__button--pamphlet .icon--arrow-right--tertiary:before,.main-button--pamphlet .icon--arrow-right--tertiary:before,.main-button--movie .icon--arrow-right--tertiary:before,.sns__button--twitter--sp .icon--arrow-right--tertiary:before,.sns__button--facebook--sp .icon--arrow-right--tertiary:before {
        top: 15px;
        right: -48px
    }
}

@media screen and (max-width:834px) {
    .company__button--movie,.company__button--pamphlet,.main-button--pamphlet,.main-button--movie,.sns__button--twitter--sp,.sns__button--facebook--sp {
        line-height: 50px;
        height: 50px
    }

    .company__button--movie:before,.company__button--pamphlet:before,.main-button--pamphlet:before,.main-button--movie:before,.sns__button--twitter--sp:before,.sns__button--facebook--sp:before,.company__button--movie:after,.company__button--pamphlet:after,.main-button--pamphlet:after,.main-button--movie:after,.sns__button--twitter--sp:after,.sns__button--facebook--sp:after {
        border-top-width: 25px;
        border-bottom-width: 25px
    }
}

.company__button--pamphlet,.main-button--pamphlet {
    margin: 0 25px;
    margin-bottom: 20px
}

.company__button--pamphlet .icon--pamphlet,.main-button--pamphlet .icon--pamphlet {
    margin-left: -20px
}

.company__button--pamphlet .icon--arrow-right:before,.main-button--pamphlet .icon--arrow-right:before,.company__button--pamphlet .icon--arrow-right--secondary:before,.main-button--pamphlet .icon--arrow-right--secondary:before,.company__button--pamphlet .icon--arrow-right--tertiary:before,.main-button--pamphlet .icon--arrow-right--tertiary:before {
    right: 30px
}

@media screen and (max-width:834px) {
    .company__button--pamphlet,.main-button--pamphlet {
        margin-right: auto;
        margin-left: auto
    }

    .company__button--pamphlet .icon--pamphlet,.main-button--pamphlet .icon--pamphlet {
        margin-left: 0
    }

    .company__button--pamphlet .icon--arrow-right:before,.main-button--pamphlet .icon--arrow-right:before,.company__button--pamphlet .icon--arrow-right--secondary:before,.main-button--pamphlet .icon--arrow-right--secondary:before,.company__button--pamphlet .icon--arrow-right--tertiary:before,.main-button--pamphlet .icon--arrow-right--tertiary:before {
        right: -35px
    }
}

.company__banner__wrapper,.main-panel {
    margin-bottom: 115px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .company__banner__wrapper,.main-panel {
        display: block;
        margin-bottom: 93px
    }
}

.data-divider,.data-divider--primary,.data-divider--main {
    position: relative;
    height: 10px;
    border: 0
}

.data-divider:before,.data-divider--primary:before,.data-divider--main:before {
    position: absolute;
    z-index: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: 10px;
    content: '';
    background-color: #ecf1f7
}

.data-divider img,.data-divider--primary img,.data-divider--main img {
    position: absolute;
    z-index: 0;
    right: 0;
    left: 0;
    width: 245px;
    margin: auto;
    padding: .15rem 1.5rem .5rem;
    background-color: #fff
}

.data-divider--primary,.data-divider--main {
    padding-bottom: 79px
}

.data-divider--primary:before,.data-divider--main:before {
    top: 20px
}

@media screen and (max-width:834px) {
    .data-divider--primary,.data-divider--main {
        height: 65px;
        padding-bottom: 0
    }

    .data-divider--primary:before,.data-divider--main:before {
        top: 0
    }
}

.data__row,.data--main__row,.lineup__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .data__row,.data--main__row,.lineup__row {
        overflow-x: auto;
        width: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.data__row,.data--main__row {
    margin-top: 62px;
    margin-bottom: 14px
}

@media screen and (max-width:834px) {
    .data__row,.data--main__row {
        margin-top: 30px
    }
}

.data__figure,.data--main__figure {
    position: relative;
    width: 230px;
    margin-right: 10px;
    margin-bottom: 60px;
    margin-left: 10px
}

@media screen and (min-width:835px) {
    .data__figure,.data--main__figure {
        display: block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .data__figure:first-child,.data--main__figure:first-child,.data__figure:nth-child(5n),.data--main__figure:nth-child(5n) {
        margin-left: 0
    }

    .data__figure:nth-child(4n),.data--main__figure:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (max-width:834px) {
    .data__figure,.data--main__figure {
        width: 180px;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-left: 15px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .data__figure:first-child,.data--main__figure:first-child {
        margin-left: 20px
    }

    .data__figure:last-child,.data--main__figure:last-child {
        margin-right: 0
    }
}

.data__caption,.data--main__caption {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #ff7c00
}

.data__caption small,.data--main__caption small {
    font-size: 10px
}

@media screen and (max-width:834px) {
    .data__caption,.data--main__caption {
        font-size: 16px
    }
}

.button-hex__wrapper--company {
    margin-top: 32px
}

@media screen and (max-width:834px) {
    .button-hex__wrapper--company {
        margin-top: 0
    }

    .button-hex__wrapper--company .button-hex,.button-hex__wrapper--company .button--map,.button-hex__wrapper--company .lineup__button,.button-hex__wrapper--company .news__button,.button-hex__wrapper--company .new-item__row__box__button,.button-hex__wrapper--company .new-item__row__box__button--hidden-sp,.button-hex__wrapper--company .new-item__row__box__button--hidden-pc,.button-hex__wrapper--company .brand-head__row__button,.button-hex__wrapper--company .item-foot__button {
        margin-top: 15px;
        margin-bottom: 3px
    }
}

.company__annotation {
    font-size: 14px;
    color: #999
}

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

.company__title--news,.text--ir-index--h3,.recruit-top__title,.pr--main__title {
    margin: 0 auto 23px;
    text-align: center;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .company__title--news,.text--ir-index--h3,.recruit-top__title,.pr--main__title {
        margin: 0 auto 28px
    }
}

.company__title--news em,.text--ir-index--h3 em,.recruit-top__title em,.pr--main__title em {
    font-size: 14px;
    font-style: normal;
    display: block
}

@media screen and (max-width:834px) {
    .company__title--news em,.text--ir-index--h3 em,.recruit-top__title em,.pr--main__title em {
        font-size: 10px
    }
}

.company__title--news h2,.text--ir-index--h3 h2,.recruit-top__title h2,.pr--main__title h2,.company__title--news h3,.text--ir-index--h3 h3,.recruit-top__title h3,.pr--main__title h3,.company__title--news h4,.text--ir-index--h3 h4,.recruit-top__title h4,.pr--main__title h4,.company__title--news h5,.text--ir-index--h3 h5,.recruit-top__title h5,.pr--main__title h5,.company__title--news h6,.text--ir-index--h3 h6,.recruit-top__title h6,.pr--main__title h6 {
    font-size: 25px;
    font-weight: 400;
    line-height: 30px
}

@media screen and (max-width:834px) {
    .company__title--news h2,.text--ir-index--h3 h2,.recruit-top__title h2,.pr--main__title h2,.company__title--news h3,.text--ir-index--h3 h3,.recruit-top__title h3,.pr--main__title h3,.company__title--news h4,.text--ir-index--h3 h4,.recruit-top__title h4,.pr--main__title h4,.company__title--news h5,.text--ir-index--h3 h5,.recruit-top__title h5,.pr--main__title h5,.company__title--news h6,.text--ir-index--h3 h6,.recruit-top__title h6,.pr--main__title h6 {
        font-size: 18px;
        line-height: 20px
    }
}

.company__table__wrapper,.company__table__wrapper--m-bottom,.news,.pr--main__table__wrapper {
    margin: auto
}

.company__table__wrapper--m-bottom,.news {
    margin-bottom: 90px
}

.table--company-feed {
    line-height: 1.9;
    margin: auto;
    border-bottom: 1px solid #ffca98;
    background-clip: padding-box
}

.table--company-feed tr {
    display: table-row
}

.table--company-feed tr:last-child {
    border-bottom: 1px solid #ffca98
}

.table--company-feed tr:last-child:empty {
    display: block;
    border-bottom: 1px solid #fff
}

@media screen and (max-width:834px) {
    .table--company-feed {
        font-size: 14px;
        line-height: 1.5;
        border-bottom: 2px solid #ffca98
    }
}

.table__tr--company-feed {
    border-top: 1px solid #ffca98
}

@media screen and (max-width:834px) {
    .table__tr--company-feed {
        border-top: 2px solid #ffca98
    }

    .table__tr--company-feed:last-child {
        border-bottom: 2px solid #ffca98
    }
}

@media screen and (min-width:835px) {
    .table__td--free-space {
        padding: 0 1rem
    }
}

.table__td--free-space .free-space,.table__td--free-space .free-space--primary {
    margin-top: 0
}

.table__th--company-feed {
    font-weight: 400;
    width: 120px;
    padding: .9rem 0 .9rem 1rem;
    text-align: left;
    vertical-align: top;
    color: #999
}

@media screen and (min-width:835px) {
    .table__th--company-feed {
        border-bottom: 1px solid #ffca98
    }
}

@media screen and (max-width:834px) {
    .table__th--company-feed {
        display: block;
        width: 100%;
        padding: .7rem 0 0
    }
}

.table__td--company-feed,.table__td--result,.table--cnews__td {
    position: relative;
    padding: .9rem 1rem;
    word-break: break-all;
    background-clip: padding-box
}

.table__td--company-feed:before,.table__td--result:before,.table--cnews__td:before {
    position: absolute;
    top: 1.5rem;
    left: 0;
    width: 10px;
    height: 10px;
    background-position: -28px -76px
}

.table__td--company-feed a,.table__td--result a,.table--cnews__td a {
    display: block;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    text-decoration: none;
    color: #333
}

.table__td--company-feed a:hover,.table__td--result a:hover,.table--cnews__td a:hover {
    text-decoration: underline;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .table__td--company-feed,.table__td--result,.table--cnews__td {
        display: block;
        width: 100%;
        padding: .2rem 0 .7rem
    }

    .table__td--company-feed:before,.table__td--result:before,.table--cnews__td:before {
        content: none
    }
}

.table__td--company-feed .text--width--strict,.table__td--result .text--width--strict,.table--cnews__td .text--width--strict {
    display: block;
    float: left;
    width: 405px
}

@media screen and (max-width:834px) {
    .table__td--company-feed .text--width--strict,.table__td--result .text--width--strict,.table--cnews__td .text--width--strict {
        float: none;
        width: 100%
    }
}

.table__td--result.is-centered {
    text-align: center
}

.table__td--result.is-centered:before {
    content: none
}

@media screen and (min-width:834px) {
    .table__td--result {
        padding-left: 40px
    }

    .table__td--result:before {
        left: 20px
    }
}

.table--company-feed--pdf__wrapper {
    float: left
}

@media screen and (max-width:834px) {
    .table--company-feed--pdf__wrapper {
        display: block;
        float: none;
        margin: 10px 40px 5px;
        padding: 13px 0;
        border: 2px solid #ecf1f7;
        border-radius: 3px
    }
}

.table--company-feed--pdf {
    font-size: 12px;
    height: 32px;
    margin: 0 0 0 20px;
    vertical-align: middle;
    color: #999
}

.table--company-feed--pdf:before {
    width: 32px;
    height: 32px;
    margin-right: 6px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    background-image: url(/cs/img/common/icon_pdf.png);
    background-size: contain
}

@media screen and (max-width:834px) {
    .table--company-feed--pdf {
        font-size: 14px;
        display: table;
        height: auto;
        margin: 0 auto
    }

    .table--company-feed--pdf:before {
        width: 26px;
        height: 26px
    }
}

a:hover .table--company-feed--pdf:before {
    opacity: .6
}

.boxcontent__heading__subtitle {
    font-size: 14px;
    margin: 2px auto 5px;
    padding: 0
}

.boxcontent__caption {
    font-size: 14px;
    display: block;
    margin-top: 10px;
    text-align: center;
    color: #999
}

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

.eco-index__wrapper ol {
    line-height: 1.65;
    margin-left: 19px
}

@media screen and (max-width:834px) {
    .eco-index__wrapper ol {
        margin-left: 15px
    }
}

.eco-index__wrapper ol li {
    margin-top: 15px
}

.eco-issues__wrapper:not(:last-child) {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .eco-issues__wrapper:not(:last-child) {
        margin-bottom: 30px
    }
}

.eco-issues__wrapper p {
    line-height: 1.9;
    margin: 0
}

@media screen and (max-width:834px) {
    .eco-issues__wrapper p {
        line-height: 1.7
    }
}

.boxcontent--eco-issues,.boxcontent--company--channel,.boxcontent--company-rd,.boxcontent--ir-financial {
    padding: 50px 45px;
    background-color: #fff7dd
}

@media screen and (max-width:834px) {
    .boxcontent--eco-issues,.boxcontent--company--channel,.boxcontent--company-rd,.boxcontent--ir-financial {
        padding: 30px 20px
    }
}

.boxcontent--company--channel {
    padding-bottom: 10px
}

.boxcontent--company-rd,.boxcontent--ir-financial {
    padding-bottom: 45px
}

@media screen and (max-width:834px) {
    .boxcontent--company-rd,.boxcontent--ir-financial {
        padding-bottom: 10px
    }
}

.boxcontent__body--eco-issues {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .boxcontent__body--eco-issues {
        display: block
    }
}

.boxcontent__body--eco-issues--graph {
    width: 405px;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .boxcontent__body--eco-issues--graph {
        width: 100%
    }
}

.boxcontent__body--eco-issues--items {
    width: 50%
}

@media screen and (max-width:834px) {
    .boxcontent__body--eco-issues--items {
        width: 100%
    }
}

.boxcontent__body--eco-issues--items.item--primary {
    padding: 0 20px 0 0
}

@media screen and (max-width:834px) {
    .boxcontent__body--eco-issues--items.item--primary {
        padding: 0
    }
}

.boxcontent__body--eco-issues--items.item--secondary {
    padding: 0 0 0 20px
}

@media screen and (max-width:834px) {
    .boxcontent__body--eco-issues--items.item--secondary {
        padding: 20px 0 0
    }
}

.boxcontent__body--eco-issues--items img {
    margin-top: 5px
}

.eco-make__button__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .eco-make__button__wrapper {
        display: block;
        margin-right: -20px;
        margin-bottom: 40px;
        margin-left: -20px
    }
}

.button--eco-make {
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button--eco-make:before {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg)
}

@media screen and (min-width:835px) {
    .button--eco-make {
        width: 320px;
        height: 120px;
        padding: 0 67px
    }

    .button--eco-make:first-child {
        margin-right: 40px;
        padding: 0 69px
    }
}

@media screen and (max-width:834px) {
    .button--eco-make {
        overflow: hidden;
        width: 100%;
        height: 70px;
        margin-bottom: 10px;
        padding: 0
    }
}

.eco-make__wrapper:not(:last-child) {
    margin: 0 0 100px
}

@media screen and (max-width:834px) {
    .eco-make__wrapper:not(:last-child) {
        margin: 0 0 60px
    }
}

.eco-make__wrapper .h5,.eco-make__wrapper .allergy__title {
    margin-bottom: 20px
}

.eco-make__flow {
    padding: 0 0 0 140px;
    background-repeat: no-repeat
}

@media screen and (max-width:834px) {
    .eco-make__flow {
        padding: 0 0 0 65px;
        background-size: contain
    }
}

.eco-make__flow img {
    border-radius: 10px
}

.eco-make__flow.kakinotane {
    background-image: url(/admin/image_file/company/cs/ecomake_flow_kakinotane.png)
}

@media screen and (max-width:834px) {
    .eco-make__flow.kakinotane {
        background-image: url(/admin/image_file/company/cs/ecomake_flow_kakinotane_sp.png)
    }
}

.eco-make__flow.happyturn {
    background-image: url(/admin/image_file/company/cs/ecomake_flow_happyturn.png);
    background-position: left 45px
}

@media screen and (max-width:834px) {
    .eco-make__flow.happyturn {
        background-image: url(/admin/image_file/company/cs/ecomake_flow_happyturn_sp.png);
        background-position: 0 10px
    }
}

@media screen and (max-width:834px) {
    .eco-make__flow dl {
        padding: 0 20px
    }
}

.eco-make__flow dt {
    position: relative;
    float: left
}

@media screen and (max-width:834px) {
    .eco-make__flow dt {
        float: none;
        width: 100%;
        margin: 20px 0 0;
        text-align: center
    }
}

.eco-make__flow dt .flow__add-img {
    position: absolute;
    top: -10px;
    left: -25px;
    width: 60%;
    height: 60%
}

@media screen and (max-width:834px) {
    .eco-make__flow dt .flow__add-img {
        left: -40px
    }
}

.eco-make__flow dt .flow__add-img img {
    width: 80%;
    border: 3px #fff solid
}

.eco-make__flow dt .flow__img {
    width: 195px
}

@media screen and (max-width:834px) {
    .eco-make__flow dt .flow__img {
        width: 100%;
        max-width: 380px
    }
}

.eco-make__flow dd {
    min-height: 155px;
    margin-left: 235px
}

@media screen and (max-width:834px) {
    .eco-make__flow dd {
        float: none;
        width: 100%;
        min-height: 30px;
        margin: 20px 0 0
    }
}

.eco-make__flow dd p {
    display: table-cell;
    height: 135px;
    margin: 0;
    vertical-align: middle
}

@media screen and (max-width:834px) {
    .eco-make__flow dd p {
        display: block;
        width: 100%;
        height: auto
    }
}

.eco-registration__wrapper:not(:last-child) {
    margin: 0 0 70px
}

@media screen and (max-width:834px) {
    .eco-registration__wrapper:not(:last-child) {
        margin: 0 0 40px
    }
}

.eco-registration__wrapper .h5,.eco-registration__wrapper .allergy__title {
    margin-bottom: 10px
}

.eco-registration__wrapper p {
    line-height: 1.9
}

.eco-registration__wrapper ol,.eco-registration__wrapper ul {
    margin-left: 19px
}

@media screen and (max-width:834px) {
    .eco-registration__wrapper ol,.eco-registration__wrapper ul {
        margin-left: 22px
    }
}

.eco-registration-box__wrapper {
    margin: 35px 0 0
}

.table--eco-registration {
    width: 100%
}

.table--eco-registration th,.table--eco-registration td {
    padding: .9rem
}

@media screen and (max-width:834px) {
    .table--eco-registration th,.table--eco-registration td {
        display: block;
        width: 100%
    }
}

.table--eco-registration th {
    width: 160px;
    text-align: left;
    vertical-align: top;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .table--eco-registration th {
        padding: .7rem 0 0
    }
}

.table--eco-registration.quarter th {
    width: 25%
}

@media screen and (max-width:834px) {
    .table--eco-registration.quarter th {
        width: 100%
    }
}

.table--eco-registration.half th {
    width: 50%
}

@media screen and (max-width:834px) {
    .table--eco-registration.half th {
        width: 100%
    }
}

.table--eco-registration td {
    vertical-align: middle
}

@media screen and (max-width:834px) {
    .table--eco-registration td {
        padding: .2rem 0 .7rem
    }
}

.company-expert__wrapper {
    position: relative;
    margin: 0 0 40px
}

@media screen and (max-width:834px) {
    .company-expert__wrapper {
        margin: 0 0 30px
    }
}

.company-expert__wrapper p {
    line-height: 1.9
}

.company-expert__wrapper .banner {
    margin-top: 40px
}

.list--company-expert {
    width: 100%;
    margin: 5px 0 30px;
    background-color: #fff7dd
}

@media screen and (max-width:834px) {
    .list--company-expert {
        margin-top: 0
    }
}

.list--company-expert ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    list-style: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.list--company-expert li {
    width: 50%;
    margin-top: 10px;
    text-align: center
}

.list--company-expert li img {
    max-height: 120px
}

.text--company-expert-fl p {
    width: 310px
}

@media screen and (max-width:834px) {
    .text--company-expert-fl p {
        width: 100%
    }
}

.img--company-expert-fr img {
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width:834px) {
    .img--company-expert-fr img {
        position: relative;
        width: 100%;
        margin: 0 0 1.8rem
    }
}

.img--company-expert-1col img {
    width: 100%
}

.boxcontent__caption--company-expert,.caption--company-rd {
    font-size: 14px;
    font-style: normal;
    display: block;
    margin-top: 10px;
    color: #999
}

@media screen and (max-width:834px) {
    .boxcontent__caption--company-expert,.caption--company-rd {
        font-size: 12px
    }
}

.company-rd__wrapper:not(:last-child) {
    margin: 0 0 40px
}

@media screen and (max-width:834px) {
    .company-rd__wrapper:not(:last-child) {
        margin: 0 0 30px
    }
}

.company-rd__wrapper p {
    line-height: 1.9
}

.company-rd__wrapper .banner {
    margin-top: 40px
}

.list--company-rd,.list--ir-benefit {
    width: 100%;
    margin-top: 5px;
    background-color: #fff7dd
}

.list--company-rd ul,.list--ir-benefit ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    list-style: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .list--company-rd ul,.list--ir-benefit ul {
        display: block
    }
}

.list--company-rd li,.list--ir-benefit li {
    width: 50%;
    text-align: center
}

@media screen and (max-width:834px) {
    .list--company-rd li,.list--ir-benefit li {
        width: 100%
    }
}

@media screen and (max-width:834px) {
    .list--company-rd li img,.list--ir-benefit li img {
        width: 100%
    }
}

@media screen and (max-width:834px) {
    .list--company-rd {
        padding: 10px 20px 0
    }
}

.list--company-rd li {
    margin-top: 10px
}

@media screen and (max-width:834px) {
    .list--company-rd li {
        margin: 0 0 20px
    }
}

.list--company-rd li img {
    border: 8px #fff solid;
    border-radius: 100%
}

.company-action__wrapper:not(:last-child) {
    margin-bottom: 70px
}

@media screen and (max-width:834px) {
    .company-action__wrapper:not(:last-child) {
        margin-bottom: 40px
    }
}

.company-action__wrapper .text--default--company-action {
    line-height: 1.9;
    margin: 10px 0 33px
}

@media screen and (max-width:834px) {
    .company-action__wrapper .text--default--company-action {
        line-height: 1.8;
        margin: 0 0 25px
    }
}

.company-action__wrapper .text--note--company-action {
    font-size: 14px;
    line-height: 1.5;
    display: block;
    margin: 15px 0 0;
    color: #999
}

.company-action__wrapper .textlink--primary {
    margin: 10px 0 0
}

@media screen and (max-width:834px) {
    .company-action__wrapper .textlink--primary {
        margin: 0
    }
}

.boxcontent--company-action {
    padding: 50px 45px
}

@media screen and (max-width:834px) {
    .boxcontent--company-action {
        padding: 25px 20px
    }
}

.boxcontent--company-action ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px auto 0;
    list-style: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .boxcontent--company-action ul {
        display: block;
        margin: 10px 0 0
    }
}

.boxcontent--company-action ul li {
    margin: 0 auto;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width:834px) {
    .boxcontent--company-action ul li {
        padding: 0 0 5px
    }
}

.boxcontent--company-action .textlink--primary {
    margin: 25px 0 0
}

@media screen and (max-width:834px) {
    .boxcontent--company-action .textlink--primary {
        margin: 15px 0 0
    }
}

@media screen and (max-width:834px) {
    .boxcontent--company-action img {
        max-width: 100%;
        margin-top: 5px
    }
}

@media screen and (min-width:835px) {
    .table--cnews {
        width: 680px
    }
}

.table--cnews__th {
    display: table-cell;
    width: 140px;
    padding-top: 17px
}

@media screen and (max-width:834px) {
    .table--cnews__th {
        display: inline-block;
        width: 100%;
        padding-top: 12px;
        padding-bottom: 9px;
        padding-left: 20px
    }
}

.table--cnews__th .label--product,.table--cnews__th .news__title__button,.table--cnews__th .pr--main__title__button,.table--cnews__th .label--cnews,.table--cnews__th .label--campaign,.table--cnews__th .label--news,.table--cnews__th .label--ir,.table--cnews__th .label--recruit,.table--cnews__th .label--other {
    padding: 0
}

@media screen and (min-width:835px) {
    .table--cnews__th .label--product,.table--cnews__th .news__title__button,.table--cnews__th .pr--main__title__button,.table--cnews__th .label--cnews,.table--cnews__th .label--campaign,.table--cnews__th .label--news,.table--cnews__th .label--ir,.table--cnews__th .label--recruit,.table--cnews__th .label--other {
        width: 120px;
        margin-left: 0
    }
}

@media screen and (max-width:834px) {
    .table--cnews__th .label--product,.table--cnews__th .news__title__button,.table--cnews__th .pr--main__title__button,.table--cnews__th .label--cnews,.table--cnews__th .label--campaign,.table--cnews__th .label--news,.table--cnews__th .label--ir,.table--cnews__th .label--recruit,.table--cnews__th .label--other {
        width: 90px;
        margin-left: 0
    }
}

.table--cnews__td:before {
    content: none
}

@media screen and (max-width:834px) {
    .table--cnews__td {
        width: 100%;
        min-height: 75px;
        padding: 0 20px 10px
    }
}

@media screen and (min-width:835px) {
    .table--cnews__td {
        padding-top: 14px
    }
}

.table--cnews__td a {
    display: block;
    word-break: break-all
}

@media screen and (max-width:834px) {
    .table--cnews__td a {
        width: 100%;
        padding-bottom: 5px
    }

    .table--cnews__td a .table--cnews__td__title h2,.table--cnews__td a .table--cnews__td__title h3,.table--cnews__td a .table--cnews__td__title h4,.table--cnews__td a .table--cnews__td__title h5,.table--cnews__td a .table--cnews__td__title h6 {
        text-decoration: underline
    }
}

.table--cnews__td a:hover .table--cnews__td__title h2,.table--cnews__td a:hover .table--cnews__td__title h3,.table--cnews__td a:hover .table--cnews__td__title h4,.table--cnews__td a:hover .table--cnews__td__title h5,.table--cnews__td a:hover .table--cnews__td__title h6 {
    text-decoration: underline;
    color: #ff7c00
}

.table--cnews__td a:hover .table--cnews__td__media {
    opacity: .6
}

.table--cnews__td__media {
    position: absolute;
    top: 5px;
    margin-right: 20px;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

@media screen and (min-width:835px) {
    .table--cnews__td__media {
        position: relative;
        float: left;
        margin-top: 1px;
        margin-right: 20px;
        margin-bottom: 11px
    }
}

.table--cnews__td__media img {
    width: 65px;
    height: 65px
}

@media screen and (min-width:835px) {
    .table--cnews__td__media img {
        width: 120px;
        height: 120px
    }
}

.table--cnews__td__title {
    display: inline-block;
    max-width: 100%;
    word-break: break-all
}

@media screen and (max-width:834px) {
    .table--cnews__td__title {
        margin-left: 80px
    }
}

@media screen and (min-width:835px) {
    .table--cnews__td__title {
        width: 368px
    }
}

.table--cnews__td__title h2,.table--cnews__td__title h3,.table--cnews__td__title h4,.table--cnews__td__title h5,.table--cnews__td__title h6 {
    font-size: 14px;
    font-weight: 400;
    color: #333
}

@media screen and (min-width:835px) {
    .table--cnews__td__title h2,.table--cnews__td__title h3,.table--cnews__td__title h4,.table--cnews__td__title h5,.table--cnews__td__title h6 {
        font-size: 15px;
        padding-bottom: 10px
    }
}

.table--cnews__td__date {
    font-size: 14px;
    position: relative;
    margin-left: 80px;
    color: #aaa
}

@media screen and (min-width:835px) {
    .table--cnews__td__date {
        display: block;
        margin-left: 0;
        text-align: right
    }
}

.company__channel {
    position: relative;
    padding: 0 340px 20px 0
}

@media screen and (max-width:834px) {
    .company__channel {
        padding-right: 0
    }
}

.company__channel p {
    line-height: 1.9
}

.company__channel img {
    position: absolute;
    top: 0;
    right: 0;
    width: 308px;
    margin: 0
}

@media screen and (max-width:834px) {
    .company__channel img {
        position: relative;
        width: 100%;
        height: auto
    }
}

.boxcontent__body--channel img {
    margin-bottom: 35px
}

.company__channel--group {
    padding-bottom: 40px
}

.company__channel--group p {
    line-height: 1.9
}

.company__channel--group>picture {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 80px 30px
}

@media screen and (max-width:834px) {
    .company__channel--group>picture {
        padding: 0 0 25px
    }
}

.company__channel--group .boxcontent__caption {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .company__channel--group .boxcontent__caption {
        margin-bottom: 30px
    }
}

.img--company-channel-1col img {
    width: 100%
}

.company__oversea--map {
    position: relative;
    margin: 0 0 70px
}

@media screen and (max-width:834px) {
    .company__oversea--map {
        width: 320px;
        margin: -10px auto 40px
    }
}

@media screen and (max-width:320px) {
    .company__oversea--map {
        width: 280px;
        margin: -20px auto 40px
    }
}

.company__oversea--map li {
    position: absolute;
    list-style: none
}

.company__oversea--map .company__oversea--map-vietnam {
    top: 70px;
    left: 105px
}

@media screen and (max-width:834px) {
    .company__oversea--map .company__oversea--map-vietnam {
        top: 33px;
        left: 50px
    }
}

@media screen and (max-width:320px) {
    .company__oversea--map .company__oversea--map-vietnam {
        top: 26px;
        left: 43px
    }
}

.company__oversea--map .company__oversea--map-india {
    top: 146px;
    left: 41px
}

@media screen and (max-width:834px) {
    .company__oversea--map .company__oversea--map-india {
        top: 70px;
        left: 20px
    }
}

@media screen and (max-width:320px) {
    .company__oversea--map .company__oversea--map-india {
        top: 60px;
        left: 15px
    }
}

.company__oversea--map .company__oversea--map-thai {
    top: 194px;
    left: 124px
}

@media screen and (max-width:834px) {
    .company__oversea--map .company__oversea--map-thai {
        top: 92px;
        left: 60px
    }
}

@media screen and (max-width:320px) {
    .company__oversea--map .company__oversea--map-thai {
        top: 80px;
        left: 52px
    }
}

.company__oversea--map .company__oversea--map-china {
    top: 20px;
    left: 210px
}

@media screen and (max-width:834px) {
    .company__oversea--map .company__oversea--map-china {
        top: 10px;
        left: 100px
    }
}

@media screen and (max-width:320px) {
    .company__oversea--map .company__oversea--map-china {
        top: 7px;
        left: 85px
    }
}

.company__oversea--map .company__oversea--map-cambodia {
    top: 202px;
    left: 220px
}

@media screen and (max-width:834px) {
    .company__oversea--map .company__oversea--map-cambodia {
        top: 95px;
        left: 105px
    }
}

@media screen and (max-width:320px) {
    .company__oversea--map .company__oversea--map-cambodia {
        top: 82px;
        left: 92px
    }
}

.company__oversea--map .company__oversea--map-california01 {
    top: 10px;
    left: 435px
}

@media screen and (max-width:834px) {
    .company__oversea--map .company__oversea--map-california01 {
        top: 5px;
        left: 206px
    }
}

@media screen and (max-width:320px) {
    .company__oversea--map .company__oversea--map-california01 {
        top: 3px;
        left: 178px
    }
}

.company__oversea--map .company__oversea--map-california02 {
    top: 150px;
    left: 403px
}

@media screen and (max-width:834px) {
    .company__oversea--map .company__oversea--map-california02 {
        top: 72px;
        left: 190px
    }
}

@media screen and (max-width:320px) {
    .company__oversea--map .company__oversea--map-california02 {
        top: 62px;
        left: 164px
    }
}

.company__oversea--map .company__oversea--map-illinois {
    top: 32px;
    left: 555px
}

@media screen and (max-width:834px) {
    .company__oversea--map .company__oversea--map-illinois {
        top: 17px;
        left: 263px
    }
}

@media screen and (max-width:320px) {
    .company__oversea--map .company__oversea--map-illinois {
        top: 15px;
        left: 230px
    }
}

.company__oversea--map a {
    display: block;
    width: 90px;
    height: 90px
}

@media screen and (max-width:834px) {
    .company__oversea--map a {
        width: 40px;
        height: 40px
    }
}

.company__oversea--country {
    padding-bottom: 70px
}

@media screen and (max-width:834px) {
    .company__oversea--country {
        padding-bottom: 40px
    }
}

.company__oversea--country p {
    line-height: 1.9
}

.company__oversea--country .company__content__text {
    margin: 0
}

.company__oversea--country .company__content__text-notes {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 0;
    color: #999
}

@media screen and (max-width:834px) {
    .company__oversea--country .company__content__text-notes {
        margin-top: 10px
    }
}

.company__oversea--country>picture {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 80px 0
}

@media screen and (max-width:834px) {
    .company__oversea--country>picture {
        padding: 20px 0 0
    }
}

.company__oversea--country#vietnam {
    position: relative;
    padding-right: 200px
}

@media screen and (max-width:834px) {
    .company__oversea--country#vietnam {
        padding-right: 0
    }
}

.company__oversea--country#vietnam>picture {
    position: absolute;
    top: 90px;
    right: 0;
    width: 200px;
    padding: 0
}

@media screen and (max-width:834px) {
    .company__oversea--country#vietnam>picture {
        position: static;
        width: 100%;
        padding: 20px 0 0;
        text-align: center
    }
}

.company__oversea--country-vietnam,.company__oversea--country-india,.company__oversea--country-thai,.company__oversea--country-china,.company__oversea--country-cambodia,.company__oversea--country-usa {
    position: relative;
    margin: 20px 0 15px;
    padding-left: 50px
}

@media screen and (max-width:834px) {
    .company__oversea--country-vietnam,.company__oversea--country-india,.company__oversea--country-thai,.company__oversea--country-china,.company__oversea--country-cambodia,.company__oversea--country-usa {
        margin: 0 0 10px;
        padding-left: 30px
    }
}

.company__oversea--country-vietnam em,.company__oversea--country-india em,.company__oversea--country-thai em,.company__oversea--country-china em,.company__oversea--country-cambodia em,.company__oversea--country-usa em {
    font-style: normal
}

.company__oversea--country-vietnam img,.company__oversea--country-india img,.company__oversea--country-thai img,.company__oversea--country-china img,.company__oversea--country-cambodia img,.company__oversea--country-usa img {
    position: absolute;
    top: 3px;
    left: 0;
    width: 37px;
    height: auto
}

@media screen and (max-width:834px) {
    .company__oversea--country-vietnam img,.company__oversea--country-india img,.company__oversea--country-thai img,.company__oversea--country-china img,.company__oversea--country-cambodia img,.company__oversea--country-usa img {
        top: 3px;
        width: 25px
    }
}

.company-new__wrapper:not(:last-child) {
    margin: 0 0 80px
}

@media screen and (max-width:834px) {
    .company-new__wrapper:not(:last-child) {
        margin: 0 0 40px
    }
}

.company-new__wrapper .h5,.company-new__wrapper .allergy__title {
    padding-bottom: 20px
}

@media screen and (max-width:834px) {
    .company-new__wrapper .h5,.company-new__wrapper .allergy__title {
        padding-bottom: 0
    }
}

.company-new__wrapper p {
    line-height: 1.9
}

.company-new__wrapper .banner {
    margin-top: 40px
}

.company-new__wrapper>picture {
    display: block;
    padding: 0 80px 30px
}

@media screen and (max-width:834px) {
    .company-new__wrapper>picture {
        padding: 0 0 30px
    }
}

.boxcontent--company-new {
    padding: 50px 35px 5px
}

@media screen and (max-width:834px) {
    .boxcontent--company-new {
        padding: 30px 20px 10px
    }
}

.boxcontent--company-new .boxcontent__caption {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .boxcontent--company-new .boxcontent__caption {
        margin-bottom: 30px
    }
}

.boxcontent--channelgroup-issues,.boxcontent--company--channel,.boxcontent--company-rd,.boxcontent--ir-financial {
    padding: 50px 45px;
    background-color: #fff7dd
}

@media screen and (max-width:834px) {
    .boxcontent--channelgroup-issues,.boxcontent--company--channel,.boxcontent--company-rd,.boxcontent--ir-financial {
        padding: 30px 20px
    }
}

.boxcontent--company--channel {
    padding-bottom: 50px
}

.boxcontent--company-rd,.boxcontent--ir-financial {
    padding-bottom: 45px
}

@media screen and (max-width:834px) {
    .boxcontent--company-rd,.boxcontent--ir-financial {
        padding-bottom: 10px
    }
}

.boxcontent__body--channelgroup-issues {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .boxcontent__body--channelgroup-issues {
        display: block
    }
}

.boxcontent__body--channelgroup-issues--graph {
    width: 405px;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .boxcontent__body--channelgroup-issues--graph {
        width: 100%
    }
}

.boxcontent__body--channelgroup-issues--items {
    width: 50%
}

@media screen and (max-width:834px) {
    .boxcontent__body--channelgroup-issues--items {
        width: 100%
    }
}

.boxcontent__body--channelgroup-issues--items.item--primary {
    padding: 0 20px 0 0
}

@media screen and (max-width:834px) {
    .boxcontent__body--channelgroup-issues--items.item--primary {
        padding: 0
    }
}

.boxcontent__body--channelgroup-issues--items.item--secondary {
    padding: 0 0 0 20px
}

@media screen and (max-width:834px) {
    .boxcontent__body--channelgroup-issues--items.item--secondary {
        padding: 20px 0 0
    }
}

.boxcontent__body--channelgroup-issues--items img {
    margin-top: 5px
}

.counselling--main__wrapper {
    line-height: 1.9;
    width: 100vw;
    min-width: 980px;
    margin-top: 20px
}

@media screen and (max-width:834px) {
    .counselling--main__wrapper {
        min-width: 100%;
        margin-top: 65px
    }
}

@media screen and (max-width:834px) {
    .counselling--main__wrapper .content,.counselling--main__wrapper .content--flex,.counselling--main__wrapper .counselling-index--btnmenu__wrapper,.counselling--main__wrapper .series__row,.counselling--main__wrapper .content--wide,.counselling--main__wrapper .content--primary,.counselling--main__wrapper .lineup,.counselling--main__wrapper .data--main,.counselling--main__wrapper .content--masonry,.counselling--main__wrapper .movie__content,.counselling--main__wrapper .main-banner,.counselling--main__wrapper .news-updates--nav__wrapper {
        padding: 0
    }
}

.counselling--main__wrapper .boxcontent {
    margin: 0 0 15px;
    padding: 25px 30px 28px
}

@media screen and (max-width:834px) {
    .counselling--main__wrapper .boxcontent {
        padding: 20px
    }
}

.counselling--main__title h2,.counselling--main__title h3,.counselling--main__title h4,.counselling--main__title h5,.counselling--main__title h6 {
    letter-spacing: .2rem
}

.counselling--main__title h2:before,.counselling--main__title h3:before,.counselling--main__title h4:before,.counselling--main__title h5:before,.counselling--main__title h6:before {
    width: 26px;
    height: 30px;
    background-position: -293px -10px;
    background-size: 400px 233px
}

@media screen and (max-width:834px) {
    .counselling--main__title h2:before,.counselling--main__title h3:before,.counselling--main__title h4:before,.counselling--main__title h5:before,.counselling--main__title h6:before {
        width: 26px;
        height: 29px;
        margin-bottom: 0;
        background-position: -261px -7px;
        background-size: 359px 209px
    }
}

.counselling-index__wrapper {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .counselling-index__wrapper {
        margin-bottom: 45px
    }
}

.counselling-index--btnmenu__wrapper {
    margin: 13px auto 60px;
    list-style: none
}

@media screen and (max-width:834px) {
    .counselling-index--btnmenu__wrapper {
        width: 100vw;
        margin: 0 auto 90px
    }
}

.counselling-index--btnmenu__btn {
    width: 313px;
    height: 157px
}

@media screen and (max-width:834px) {
    .counselling-index--btnmenu__btn {
        width: 100%
    }
}

.counselling-index--btnmenu__btn:before {
    display: none
}

@media screen and (max-width:834px) {
    .counselling-index--btnmenu__btn:before {
        display: block
    }
}

.counselling-index--btnmenu__btn:hover:before {
    display: none
}

.counselling-index--btnmenu__btn em {
    font-style: normal;
    position: relative;
    margin: 0 0 0 -25px
}

@media screen and (max-width:834px) {
    .counselling-index--btnmenu__btn em {
        margin: 0
    }
}

.counselling-index--btnmenu__btn em:after {
    position: absolute;
    top: 2px;
    right: -35px;
    width: 18px;
    height: 19px;
    background-position: -113px -152px
}

@media screen and (max-width:834px) {
    .counselling-index--btnmenu__btn em:after {
        display: none
    }
}

.counselling-index--btnmenu__btn:hover em:after {
    background-position: -136px -152px
}

@media screen and (max-width:834px) {
    .counselling-index--btnmenu__btn {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 70px;
        margin: 0 -20px 70px;
        padding-top: 15px
    }
}

.counselling-index--btnmenu--note {
    font-size: 14px;
    line-height: 1.6;
    display: block;
    margin: 13px auto;
    color: #999
}

@media screen and (max-width:834px) {
    .counselling-index--btnmenu--note {
        margin: 18px auto
    }
}

.counselling--freedial__wrapper {
    height: 35px
}

@media screen and (max-width:834px) {
    .counselling--freedial__wrapper {
        height: inherit;
        text-align: center
    }
}

.counselling--text--freedial {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 0 0 58px;
    letter-spacing: .1rem;
    pointer-events: none
}

@media screen and (max-width:834px) {
    .counselling--text--freedial {
        font-size: 25px;
        line-height: 1;
        display: block;
        float: none;
        width: 230px;
        margin: 0 auto;
        padding: 0 0 0 45px;
        letter-spacing: .05rem
    }
}

.counselling--text--freedial a {
    text-decoration: none;
    pointer-events: none;
    color: #666
}

.counselling--text--freedial:before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 49px;
    height: 28px;
    content: '';
    background: url(/cs/img/common/icon_freedial.svg) no-repeat
}

@media screen and (max-width:834px) {
    .counselling--text--freedial:before {
        top: 3px;
        left: 10px;
        width: 36px;
        height: 20px;
        background-size: 36px 20px
    }
}

.counselling--text--freedial--note {
    font-size: 14px;
    padding: 8px 0 0
}

@media screen and (max-width:834px) {
    .counselling--text--freedial--note {
        line-height: 1.6;
        display: block;
        width: 100%;
        padding: 5px 0 0
    }
}

.counselling--text--address {
    margin: 0
}

.counselling--note h4,.counselling--note p {
    font-size: 14px;
    color: #999
}

.counselling--note p {
    margin: 0 0 30px
}

@media screen and (max-width:834px) {
    .counselling--note p {
        line-height: 1.5;
        margin: 0 0 20px
    }
}

.counselling__main-title {
    margin-bottom: 35px
}

@media screen and (max-width:834px) {
    .counselling__main-title {
        margin-bottom: 10px
    }
}

.c-faq__wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px 0 22px;
    list-style: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .c-faq__wrapper ul {
        margin: -10px 0 12px
    }
}

.c-faq__wrapper li {
    position: relative;
    display: inline-block;
    width: 33%
}

@media screen and (max-width:834px) {
    .c-faq__wrapper li {
        width: 50%
    }
}

.c-faq__wrapper input[type=checkbox] {
    top: 6px;
    left: 19px
}

@media screen and (max-width:834px) {
    .c-faq__wrapper input[type=checkbox] {
        left: 0
    }
}

.c-faq__wrapper input[type=checkbox]:focus+label {
    outline: 2px solid #ff7c00
}

.c-faq--divcontent__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:834px) {
    .c-faq--divcontent__wrapper {
        display: block
    }
}

.text--c-faq--divcontent {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.text--c-faq--divcontent.t-width-66 {
    width: 66%
}

.text--c-faq--divcontent.t-width-72 {
    width: 72%
}

.text--c-faq--divcontent.t-width-73 {
    width: 73%
}

.text--c-faq--divcontent.t-width-74 {
    width: 74%
}

.text--c-faq--divcontent.t-width-78 {
    width: 78%
}

.text--c-faq--divcontent.t-width-80 {
    width: 80%
}

.img--c-faq--divcontent {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:834px) {
    .img--c-faq--divcontent {
        display: block;
        padding: 15px 0 0;
        text-align: center
    }
}

.table--c-faq {
    margin: 15px 0
}

@media screen and (max-width:834px) {
    .table--c-faq {
        width: 100%
    }
}

.table--c-faq__th {
    width: 120px;
    vertical-align: top
}

@media screen and (max-width:834px) {
    .table--c-faq__th {
        width: 34%;
        padding: .7rem .7rem .7rem 0
    }
}

.table--c-faq__td {
    padding: .9rem .9rem .9rem 0;
    vertical-align: top
}

@media screen and (max-width:834px) {
    .table--c-faq__td {
        font-size: 12px;
        display: block;
        width: 100%;
        padding: .25rem 0 .7rem
    }
}

.table--c-faq__td.width {
    width: 170px;
    padding: .9rem 1.5rem
}

@media screen and (max-width:834px) {
    .table--c-faq__td.width {
        font-size: 14px;
        display: block;
        width: 100%;
        padding: .7rem 0 0
    }
}

.flex--2col__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width:834px) {
    .flex--2col__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.flex--2col {
    width: 50%
}

@media screen and (max-width:834px) {
    .flex--2col {
        width: 100%
    }

    .flex--2col:first-child {
        margin-bottom: 20px
    }
}

.flex--2col span {
    font-size: 16px;
    display: block
}

.flex--2col i {
    display: inline-block
}

.flex--2col__block {
    font-size: 14px;
    line-height: 1.5;
    display: block;
    margin: 8px 0 0 20px
}

@media screen and (max-width:834px) {
    .flex--2col__block {
        font-size: 12px;
        margin: 5px 0 0 10px
    }
}

.flex--2col__block i {
    float: left;
    padding: 6px 10px 0 0
}

@media screen and (max-width:834px) {
    .flex--2col__block i {
        padding: 3px 10px 0 0
    }
}

.flex--2col__block .adjust--height {
    display: block;
    padding: 20px 0 0
}

@media screen and (max-width:834px) {
    .flex--2col__block .adjust--height {
        padding: 18px 0 0
    }
}

.text--small--c-improv {
    font-size: 14px;
    display: block;
    padding: 4px 0 0;
    color: #999
}

@media screen and (max-width:834px) {
    .text--small--c-improv {
        padding: 20px 0 0
    }
}

@media screen and (max-width:834px) {
    .table--c-improv {
        width: 100vw;
        margin: 0 -20px
    }
}

.table--c-improv__th {
    width: 220px;
    padding: 2rem 0 2rem 1rem;
    text-align: left;
    vertical-align: top;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .table--c-improv__th {
        display: block;
        width: 100%;
        padding: 20px 20px 0
    }
}

.table--c-improv__td {
    line-height: 1.9;
    position: relative;
    padding: 1.8rem 1rem 1.8rem 0
}

@media screen and (max-width:834px) {
    .table--c-improv__td {
        line-height: 1.5;
        display: block;
        width: 100%;
        padding: 17px 20px 20px
    }
}

.table--c-improv__td .c-improv__title {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    display: block;
    padding: 0 0 6px;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .table--c-improv__td .c-improv__title {
        font-size: 20px;
        line-height: 27px;
        padding: 0 0 8px
    }
}

.table--c-improv__td .c-improv__points {
    font-size: 17px;
    font-weight: 700;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 4px 26px;
    color: #666
}

@media screen and (max-width:834px) {
    .table--c-improv__td .c-improv__points {
        font-size: 14px;
        padding-bottom: 7px
    }
}

.table--c-improv__td .c-improv__points:before {
    position: absolute;
    top: 7px;
    left: 2px;
    display: block;
    width: 18px;
    height: 18px;
    content: '';
    border-radius: 50%;
    background: #ff9531
}

@media screen and (max-width:834px) {
    .table--c-improv__td .c-improv__points:before {
        top: 2px
    }
}

.table--c-improv__td .c-improv__points i {
    position: relative;
    display: block
}

.table--c-improv__td .c-improv__points i:before {
    position: absolute;
    z-index: 100;
    top: 16px;
    left: -21px;
    display: block;
    width: 5px;
    height: 2px;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 20px;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .table--c-improv__td .c-improv__points i:before {
        top: 12px;
        width: 6px
    }
}

.table--c-improv__td .c-improv__points i:after {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -19px;
    display: block;
    width: 11px;
    height: 2px;
    content: '';
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
    border: 0;
    border-radius: 20px;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .table--c-improv__td .c-improv__points i:after {
        top: 10px;
        left: -18px;
        width: 10px
    }
}

.table--c-improv__td .c-improv__content {
    font-size: 14px;
    line-height: 1.6;
    display: block;
    padding: 0 0 4px;
    color: #666
}

@media screen and (max-width:834px) {
    .table--c-improv__td .c-improv__content {
        line-height: 1.4
    }
}

.table--c-improv__td .c-improv__date {
    font-size: 14px;
    display: block;
    color: #aaa
}

.c-contact__wrapper:not(:last-child),.kametsu-common__wrapper:not(:last-child) {
    margin-bottom: 45px
}

@media screen and (max-width:834px) {
    .c-contact__wrapper:not(:last-child),.kametsu-common__wrapper:not(:last-child) {
        margin-bottom: 35px
    }
}

.c-contact__wrapper p,.kametsu-common__wrapper p {
    line-height: 1.9
}

.footer--counselling .share {
    border-top: 0!important
}

#faq-list dt {
    display: none
}

#faq-list .is-selected {
    display: block!important
}

.recruit__wrapper:not(:last-child),.career__wrapper:not(:last-child) {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .recruit__wrapper:not(:last-child),.career__wrapper:not(:last-child) {
        margin-bottom: 40px
    }
}

.recruit__wrapper p,.career__wrapper p {
    line-height: 1.9
}

.recruit-index__wrapper p {
    margin: .5rem 0 1rem
}

@media screen and (max-width:834px) {
    .recruit-index__wrapper p {
        margin: 0 0 1rem
    }
}

.recruit-index__wrapper .textlink--primary {
    margin-bottom: 65px
}

@media screen and (max-width:834px) {
    .recruit-index__wrapper .textlink--primary {
        margin-bottom: 40px
    }
}

.midcareer__button__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .midcareer__button__wrapper {
        display: block;
        width: 100%;
        margin-bottom: 40px
    }
}

.button--midcareer,.button--part-timer {
    line-height: 116px;
    height: 120px;
    padding: 0
}

.button--midcareer:before,.button--part-timer:before {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg)
}

@media screen and (max-width:834px) {
    .button--midcareer,.button--part-timer {
        line-height: 68px;
        overflow: hidden;
        width: 100vw;
        height: 70px;
        margin: 0 -20px 10px
    }
}

.button--part-timer {
    margin: 0 0 0 20px
}

@media screen and (max-width:834px) {
    .button--part-timer {
        margin-left: -20px
    }
}

.career__wrapper .h5,.career__wrapper .allergy__title {
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .career__wrapper .h5,.career__wrapper .allergy__title {
        margin-bottom: 5px
    }
}

.career__wrapper .table--company img {
    max-width: 100%;
    padding: 30px 0
}

@media screen and (max-width:834px) {
    .career__wrapper .table--company img {
        width: 100%;
        padding: 15px 0 10px
    }
}

.career__wrapper .table__th--company .title--break,.career__wrapper .table__th--directors .title--break {
    display: block
}

@media screen and (max-width:834px) {
    .career__wrapper .table__th--company .title--break,.career__wrapper .table__th--directors .title--break {
        display: inline-block
    }
}

@media screen and (max-width:834px) {
    .career__wrapper .table__th--company,.career__wrapper .table__th--directors {
        display: block;
        width: 100%;
        padding-bottom: 0
    }
}

@media screen and (max-width:834px) {
    .career__wrapper .table__td--company,.career__wrapper .table__td--directors,.career__wrapper .table__td--officers {
        display: block;
        width: 100%;
        padding-top: 10px
    }
}

.recruit-fsjobflow__wrapper {
    line-height: 1.9
}

.recruit-fsjobflow__wrapper:not(:last-child) {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .recruit-fsjobflow__wrapper:not(:last-child) {
        margin-bottom: 40px
    }
}

.recruit-fsjobflow__wrapper .button-hex,.recruit-fsjobflow__wrapper .button--map,.recruit-fsjobflow__wrapper .lineup__button,.recruit-fsjobflow__wrapper .news__button,.recruit-fsjobflow__wrapper .new-item__row__box__button,.recruit-fsjobflow__wrapper .new-item__row__box__button--hidden-sp,.recruit-fsjobflow__wrapper .new-item__row__box__button--hidden-pc,.recruit-fsjobflow__wrapper .brand-head__row__button,.recruit-fsjobflow__wrapper .item-foot__button {
    z-index: 0;
    margin-bottom: 0
}

.recruit-fsjobflow__wrapper .text--center {
    margin-bottom: 30px;
    text-align: center
}

@media screen and (max-width:834px) {
    .recruit-fsjobflow__wrapper .text--center {
        margin-bottom: 10px
    }
}

.recruit-fsjobflow__wrapper dl {
    margin: 20px 0
}

@media screen and (max-width:834px) {
    .recruit-fsjobflow__wrapper dl {
        margin: 5px 0
    }
}

.recruit-fsjobflow__wrapper dt:before,.recruit-fsjobflow__wrapper dd:before {
    position: absolute;
    top: -13px;
    left: 92px;
    width: 6px;
    height: 6px;
    content: '';
    border-radius: 3px;
    background-color: #ffca98
}

.recruit-fsjobflow__wrapper dt {
    position: relative;
    float: left;
    margin: 0 0 0 20px;
    padding-bottom: 20px
}

.recruit-fsjobflow__wrapper dt:first-child:before {
    background: none
}

@media screen and (max-width:834px) {
    .recruit-fsjobflow__wrapper dt {
        float: none;
        width: 100%;
        margin: 0;
        padding: 10px 20px 40px;
        text-align: center
    }

    .recruit-fsjobflow__wrapper dt:before {
        left: 50%;
        margin-left: -6px
    }
}

.recruit-fsjobflow__wrapper dd {
    display: table-cell;
    clear: both;
    height: 214px;
    padding: 0 0 20px 30px;
    vertical-align: middle
}

@media screen and (max-width:834px) {
    .recruit-fsjobflow__wrapper dd {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        padding: 5px 0 35px;
        vertical-align: top
    }

    .recruit-fsjobflow__wrapper dd:before {
        top: -20px;
        left: 50%;
        margin-left: -6px
    }

    .recruit-fsjobflow__wrapper dd:first-child:before {
        background: none
    }
}

.recruit-fsjobflow__wrapper img {
    width: 184px;
    border: #ffca98 5px solid;
    border-radius: 50%
}

@media screen and (max-width:834px) {
    .recruit-fsjobflow__wrapper img {
        width: 100%;
        max-width: 280px
    }
}

.text--note {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 0;
    color: #999
}

.text--note.right {
    float: right;
    margin-top: 0;
    padding-top: 9px
}

@media screen and (max-width:834px) {
    .text--note.right {
        font-size: 12px;
        padding-top: 7px
    }
}

@media screen and (max-width:834px) {
    .text--break {
        display: block
    }
}

.text--break-reverse {
    display: block
}

@media screen and (max-width:834px) {
    .text--break-reverse {
        display: inline
    }
}

.note--recruit {
    margin-bottom: .25rem
}

@media screen and (max-width:834px) {
    .note--recruit h4 {
        font-size: 12px;
        margin-bottom: 10px
    }

    .note--recruit p {
        font-size: 12px
    }
}

.ir__img {
    width: 100%
}

.company-index__wrapper:not(:last-child) {
    margin: 0 0 70px
}

@media screen and (max-width:834px) {
    .company-index__wrapper:not(:last-child) {
        margin: 0 0 40px
    }
}

.company-index__wrapper .index--text {
    margin: .5rem 0 1rem
}

@media screen and (max-width:834px) {
    .company-index__wrapper .index--text {
        margin: 0 0 1rem
    }
}

.company-feed__wrapper {
    margin: 50px 0 20px
}

@media screen and (max-width:834px) {
    .company-feed__wrapper {
        margin: 40px 0
    }
}

.company-feed__wrapper:last-child {
    margin-bottom: 0
}

.table--ir-default tr,.table--ir-financial tr {
    border-bottom: 1px solid #ffca98
}

.table--ir-default tr:first-child,.table--ir-financial tr:first-child {
    border-top: 1px solid #ffca98
}

@media screen and (max-width:834px) {
    .table--ir-default tr,.table--ir-financial tr {
        border-bottom: 2px solid #ffca98
    }

    .table--ir-default tr:first-child,.table--ir-financial tr:first-child {
        border-top: 2px solid #ffca98
    }
}

.table--ir-default th,.table--ir-financial th,.table--ir-default td,.table--ir-financial td {
    padding: .9rem;
    text-align: left
}

@media screen and (max-width:834px) {
    .table--ir-default th,.table--ir-financial th,.table--ir-default td,.table--ir-financial td {
        display: block
    }
}

.table--ir-default th,.table--ir-financial th {
    width: 150px;
    vertical-align: text-top;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .table--ir-default th,.table--ir-financial th {
        width: 100%;
        padding: .7rem 0 0
    }
}

.table--ir-default td,.table--ir-financial td {
    width: 370px
}

@media screen and (max-width:834px) {
    .table--ir-default td,.table--ir-financial td {
        width: 100%;
        padding: .2rem 0 .7rem
    }
}

.ir-index__wrapper,.recruit-top__wrapper {
    width: 100vw;
    margin: 48px 0 0
}

@media screen and (max-width:834px) {
    .ir-index__wrapper,.recruit-top__wrapper {
        margin: 20px 0 0
    }
}

@media screen and (max-width:834px) {
    .recruit-top__wrapper {
        margin: 0
    }
}

.ir-index__banner,.recruit-top__banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100vw;
    height: auto;
    margin: 40px 0;
    background-color: #ecf1f7;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .ir-index__banner,.recruit-top__banner {
        margin: 40px 0 35px
    }
}

@media screen and (max-width:834px) {
    .recruit-top__banner {
        margin: 15px 0 35px
    }
}

.ir-index__banner__img {
    min-width: 100vw;
    min-height: 240px
}

@media screen and (max-width:834px) {
    .ir-index__banner__img {
        width: 100%;
        height: auto;
        min-height: auto
    }
}

.ir-index__banner__figure {
    width: inherit
}

.ir-index--btnmenu__wrapper {
    margin: 80px auto 0
}

@media screen and (max-width:834px) {
    .ir-index--btnmenu__wrapper {
        margin: 0 auto 25px
    }
}

.ir-index--btnmenu__wrapper ul:not(.recruit-btnmenu__list):not(.overview__sub-menu__list) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .ir-index--btnmenu__wrapper ul:not(.recruit-btnmenu__list):not(.overview__sub-menu__list) {
        display: block;
        width: 100%;
        margin: 0 20px
    }
}

.ir-index--btnmenu__wrapper li:not(.btnmenu__list__items--overview):not(.overview__sub-menu__list__items) {
    display: inline-block;
    margin: 0 15px 20px 0
}

.ir-index--btnmenu__wrapper li:not(.btnmenu__list__items--overview):not(.overview__sub-menu__list__items):nth-child(2n) {
    margin-right: 0
}

@media screen and (max-width:834px) {
    .ir-index--btnmenu__wrapper li:not(.btnmenu__list__items--overview):not(.overview__sub-menu__list__items) {
        width: 100%;
        min-height: 70px;
        margin: 0 0 10px
    }
}

.recruit-btnmenu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: 20px auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .recruit-btnmenu__list {
        width: 100%;
        margin: 20px 20px 0
    }

    .recruit-btnmenu__list li {
        margin-bottom: 0
    }

    .recruit-btnmenu__list li a {
        padding-top: 10px;
        padding-left: 64px
    }
}

.btnmenu__list__items--overview {
    display: block;
    width: 313px;
    margin: 0 15px 20px 0
}

.btnmenu__list__items--overview:nth-child(3n) {
    margin-right: 0
}

@media screen and (max-width:834px) {
    .btnmenu__list__items--overview {
        width: 100%;
        min-height: 70px;
        margin: 0 0 10px
    }
}

.ir-index--btnmenu__btn,.ir-index--btnmenu__btn--external {
    padding-top: 29px
}

@media screen and (max-width:834px) {
    .ir-index--btnmenu__btn,.ir-index--btnmenu__btn--external {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 70px;
        margin: 0 -20px;
        padding-top: 15px
    }

    .ir-index--btnmenu__btn.text--newline,.text--newline.ir-index--btnmenu__btn--external {
        line-height: 8px;
        padding-top: 8px
    }
}

.ir-index--btnmenu__btn--external:before {
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    background-position: -272px -77px
}

.ir-index--btnmenu__btn--external:hover {
    background-color: #fff
}

.ir-index--btnmenu__btn--external:hover:before {
    background-color: #ecf1f7;
    background-position: -163px -176px
}

@media screen and (max-width:834px) {
    .btnmenu__btn--recruit {
        font-size: 18px;
        line-height: 1.3
    }

    .btnmenu__btn--recruit .icon--recruit-info {
        position: absolute;
        right: calc(50% + 89px);
        display: inline-block;
        float: left
    }

    .btnmenu__btn--recruit .icon--recruit-info:before {
        margin-right: -30px
    }
}

.btnmenu__btn--overview {
    width: 313px;
    height: 80px;
    padding-top: 20px
}

@media screen and (max-width:834px) {
    .btnmenu__btn--overview {
        font-size: 18px;
        width: 100%;
        height: 70px;
        padding-top: 15px
    }
}

.btnmenu__btn--overview--primary {
    font-size: 17px;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 313px;
    height: 80px;
    padding: 15px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .btnmenu__btn--overview--primary {
        font-size: 18px;
        line-height: 145%;
        width: 100%;
        height: 70px;
        padding: 8px 0 0
    }
}

.btnmenu__title,.btnmenu__title--primary {
    line-height: 1.4;
    display: table;
    width: 313px;
    height: 80px;
    padding: 20px 1.2rem .4rem;
    text-align: center;
    border: solid 2px #ecf1f7;
    background-color: #ecf1f7
}

@media screen and (max-width:834px) {
    .btnmenu__title,.btnmenu__title--primary {
        width: 100%;
        height: 70px;
        margin-left: -20px;
        padding-top: 15px
    }
}

.btnmenu__title h2,.btnmenu__title--primary h2,.btnmenu__title h3,.btnmenu__title--primary h3,.btnmenu__title h4,.btnmenu__title--primary h4,.btnmenu__title h5,.btnmenu__title--primary h5,.btnmenu__title h6,.btnmenu__title--primary h6 {
    font-size: 20px;
    font-weight: 400;
    display: inline;
    color: #333
}

@media screen and (max-width:834px) {
    .btnmenu__title h2,.btnmenu__title--primary h2,.btnmenu__title h3,.btnmenu__title--primary h3,.btnmenu__title h4,.btnmenu__title--primary h4,.btnmenu__title h5,.btnmenu__title--primary h5,.btnmenu__title h6,.btnmenu__title--primary h6 {
        font-size: 18px
    }
}

.btnmenu__title--primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 1.2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:834px) {
    .btnmenu__title--primary {
        padding: 11px 1.2rem
    }
}

.btnmenu__title--primary h2,.btnmenu__title--primary h3,.btnmenu__title--primary h4,.btnmenu__title--primary h5,.btnmenu__title--primary h6 {
    font-size: 17px
}

.ir-index__banner__wrapper {
    margin: 80px 0 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .ir-index__banner__wrapper {
        display: block;
        margin: 30px 0
    }

    .ir-index__banner__wrapper figure {
        padding: 0 0 15px
    }

    .ir-index__banner__wrapper .panel__textlink,.ir-index__banner__wrapper .company__banner__textlink,.ir-index__banner__wrapper .main-panel__title,.ir-index__banner__wrapper .series__figure__title h2,.series__figure__title .ir-index__banner__wrapper h2,.ir-index__banner__wrapper .series__figure__title h3,.series__figure__title .ir-index__banner__wrapper h3,.ir-index__banner__wrapper .series__figure__title h4,.series__figure__title .ir-index__banner__wrapper h4,.ir-index__banner__wrapper .series__figure__title h5,.series__figure__title .ir-index__banner__wrapper h5,.ir-index__banner__wrapper .series__figure__title h6,.series__figure__title .ir-index__banner__wrapper h6 {
        font-size: 18px
    }
}

.ir-index__table__wrapper,.recruit-top__table__wrapper {
    margin: 50px auto 0
}

@media screen and (max-width:834px) {
    .ir-index__table__wrapper,.recruit-top__table__wrapper {
        margin: 20px auto 0
    }
}

@media screen and (max-width:834px) {
    .recruit-top__table__wrapper {
        margin: 0 auto
    }
}

@media screen and (max-width:834px) {
    .button-hex__wrapper--company {
        margin: 0 0 50px
    }
}

.ir-financial__p {
    margin: 50px 0 30px
}

@media screen and (max-width:834px) {
    .ir-financial__p {
        margin: 40px 0 30px
    }
}

.ir-financial__p p {
    line-height: 1.9;
    margin: 0 0 2rem
}

@media screen and (max-width:834px) {
    .ir-financial__p p {
        line-height: 1.7;
        margin: 0 0 20px
    }
}

@media screen and (max-width:834px) {
    .boxcontent--ir-financial {
        padding-bottom: 30px
    }
}

.boxcontent--ir-financial__body img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: #fff solid 10px
}

@media screen and (max-width:834px) {
    .boxcontent--ir-financial__body img {
        margin-top: 5px
    }
}

.table--ir-financial th {
    width: 180px;
    text-align: left;
    vertical-align: middle
}

@media screen and (max-width:834px) {
    .table--ir-financial th {
        display: block
    }
}

.table--ir-financial td {
    text-align: right
}

@media screen and (max-width:834px) {
    .table--ir-financial td {
        padding-bottom: .3rem
    }
}

.table--ir-financial td .text__m {
    font-size: 22px
}

.table--ir-financial td .text__l {
    font-size: 26px
}

.ir-meeting__wrapper {
    margin-top: 50px
}

@media screen and (max-width:834px) {
    .ir-meeting__wrapper {
        margin-top: 40px
    }
}

.list--ir-meeting ul {
    display: table;
    width: 100%;
    list-style: none
}

.list--ir-meeting li {
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 10px
}

@media screen and (max-width:834px) {
    .list--ir-meeting li {
        width: 100%;
        margin-bottom: 8px
    }
}

.ir-benefit__wrapper {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .ir-benefit__wrapper {
        margin-bottom: 40px
    }
}

.ir-benefit__wrapper .h5,.ir-benefit__wrapper .allergy__title {
    margin-top: 40px
}

.list--ir-benefit {
    padding: 50px
}

@media screen and (max-width:834px) {
    .list--ir-benefit {
        padding: 10px 20px 30px
    }
}

@media screen and (max-width:834px) {
    .list--ir-benefit li {
        margin-top: 20px
    }
}

.list--ir-benefit img {
    width: 240px
}

.caption--ir-benefit {
    display: block;
    margin-top: 10px
}

.caption--ir-benefit em {
    font-size: 14px;
    font-style: normal;
    display: block;
    color: #999
}

@media screen and (max-width:834px) {
    .caption--ir-benefit em {
        font-size: 12px
    }
}

.ir-divedend__wrapper .h5,.ir-divedend__wrapper .allergy__title {
    margin-bottom: 8px
}

@media screen and (max-width:834px) {
    .ir-divedend__wrapper .h5,.ir-divedend__wrapper .allergy__title {
        margin-bottom: 0
    }
}

.ir-divedend__wrapper p {
    line-height: 1.9;
    padding: 0 0 30px
}

@media screen and (max-width:834px) {
    .ir-divedend__wrapper p {
        padding: 0 0 10px
    }
}

@media screen and (max-width:834px) {
    .table--ir-dividend-sche {
        margin: 20px 0 0
    }
}

.table--ir-dividend-sche th,.table--ir-dividend-sche td {
    padding: .9rem;
    text-align: left
}

@media screen and (max-width:834px) {
    .table--ir-dividend-sche th,.table--ir-dividend-sche td {
        padding: .9rem 0
    }
}

.table--ir-dividend-sche th {
    width: 150px;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .table--ir-dividend-sche th {
        width: 40%
    }
}

@media screen and (max-width:834px) {
    .table--ir-dividend {
        margin: 20px 0 0
    }
}

.table--ir-dividend caption {
    font-size: 90%;
    font-weight: 700;
    margin-bottom: -5px;
    margin-left: 233px;
    text-align: center;
    color: #ff7c00;
    border-bottom: 0
}

@media screen and (max-width:834px) {
    .table--ir-dividend caption {
        margin-bottom: 5px;
        margin-left: 0;
        text-align: right
    }
}

.table--ir-dividend tr {
    border-bottom: 1px solid #ffca98
}

@media screen and (max-width:834px) {
    .table--ir-dividend tr {
        border-top: 2px solid #ffca98
    }

    .table--ir-dividend tr:last-child {
        border-bottom: 2px solid #ffca98
    }

    .table--ir-dividend tr:first-child {
        display: none
    }
}

.table--ir-dividend th,.table--ir-dividend td {
    text-align: center;
    vertical-align: text-top
}

.table--ir-dividend th {
    padding: .9rem 0;
    color: #ff7c00
}

@media screen and (max-width:834px) {
    .table--ir-dividend th {
        display: none
    }
}

.table--ir-dividend td {
    padding: .9rem
}

.table--ir-dividend td:first-child {
    text-align: left
}

@media screen and (max-width:834px) {
    .table--ir-dividend td {
        display: block;
        width: 100%;
        padding: .6rem 0 0;
        text-align: right
    }

    .table--ir-dividend td:before {
        font-weight: 700;
        float: left;
        content: attr(data-label);
        color: #ff7c00
    }

    .table--ir-dividend td:last-child {
        padding-bottom: .7rem
    }
}

.table--ir-dividend td span {
    font-size: 12px;
    display: block
}

@media screen and (max-width:834px) {
    .table--ir-dividend td span {
        display: inline-block
    }
}

.ir-faq__wrapper span.content-break {
    display: block;
    margin-top: 15px
}

@media screen and (max-width:834px) {
    .ir-disclosure__wrapper p {
        padding-bottom: 5px
    }
}

.history__title {
    position: relative;
    width: 100%;
    height: 46px;
    margin: auto;
    margin-top: 10px
}

.history__title:before {
    position: absolute;
    z-index: 0;
    display: block;
    width: 100%;
    height: 10px;
    content: '';
    background-color: #ecf1f7
}

.history__title img {
    z-index: 0;
    top: -11px;
    bottom: auto;
    padding: .5rem 30px;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .history__title img {
        height: 16px
    }
}

.history__list {
    margin-bottom: 17px;
    list-style: none
}

.history__list__row,.detail__title__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.history__year {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    width: 110px;
    color: #ff7c00
}

.history__year__subtitle {
    font-size: 13px;
    font-weight: 400;
    display: block
}

.history__content {
    width: 568px
}

@media screen and (max-width:834px) {
    .history__content {
        width: 100%
    }
}

.history__content__list {
    list-style: none
}

.history__content__img+.history__content__list {
    margin-top: 2rem
}

.history__content__list__items {
    position: relative;
    margin-bottom: 0;
    margin-left: 20px
}

.history__content__list__items:before {
    font-family: sans-serif;
    position: absolute;
    top: 0;
    left: -1.5rem;
    display: inline;
    margin: auto;
    content: '○'
}

.history__content__img {
    margin-top: 1.2rem;
    margin-left: 20px
}

.history__content__img__figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    text-align: center;
    color: #fff;
    background-color: black
}

.history__content__img__figure * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.history__content__img__figure img {
    max-width: 100%
}

.history__content__img__figure:hover .history__content__img__figure__caption {
    opacity: 1;
    background-color: rgba(0,0,0,.5)
}

.history__content__img__figure__caption {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    opacity: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.history__content__quote {
    font-size: 14px;
    font-style: italic;
    line-height: 1.75;
    position: relative;
    width: 570px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 35px 42px;
    background: radial-gradient(circle at 0 100%,transparent 7%,#fff7dd 7%) no-repeat,radial-gradient(circle at 100% 0,transparent 7%,#fff7dd 7%) no-repeat,radial-gradient(circle at 0 0,transparent 7%,#fff7dd 7%) no-repeat,radial-gradient(circle at 100% 100%,transparent 7%,#fff7dd 7%) no-repeat;
    background-color: #fff;
    background-position: 100% 100%,100% 100%,100% 0,100% 100%;
    background-size: 100% 50%
}

.history__content__quote:before {
    position: absolute;
    top: -14px;
    left: -25px;
    display: inline-block;
    width: 48px;
    height: 35px;
    content: '';
    background-image: url(/admin/image_file/company/cs/history/icon_quotation@2x.png);
    background-position: center;
    background-size: 48px 35px
}

@media screen and (max-width:834px) {
    .history__content__quote {
        width: 100%;
        padding: 20px
    }

    .history__content__quote:before {
        top: -28px;
        left: -38px
    }
}

.history__content__citation {
    font-size: 13px;
    font-style: italic;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (max-width:834px) {
    .userguide__wrapper {
        margin-top: 100px
    }
}

.userguide__wrapper .company__main-title,.userguide__wrapper .counselling__main-title,.userguide__wrapper .kametsu__main-title,.userguide__wrapper .search__title,.userguide__wrapper .search__title--primary {
    margin: 0 0 40px;
    padding: 10px 0 0
}

@media screen and (max-width:834px) {
    .userguide__wrapper .company__main-title,.userguide__wrapper .counselling__main-title,.userguide__wrapper .kametsu__main-title,.userguide__wrapper .search__title,.userguide__wrapper .search__title--primary {
        margin: 0 0 15px;
        padding: 0
    }
}

.userguide__wrapper .h5,.userguide__wrapper .allergy__title {
    margin-bottom: 8px
}

@media screen and (max-width:834px) {
    .userguide__wrapper .h5,.userguide__wrapper .allergy__title {
        margin-bottom: 0
    }
}

.userguide__wrapper p {
    line-height: 1.9;
    margin-bottom: 64px
}

@media screen and (max-width:834px) {
    .userguide__wrapper p {
        margin-bottom: 40px
    }
}

.userguide__wrapper p.p--m-bottom-min {
    margin-bottom: 30px
}

@media screen and (max-width:834px) {
    .userguide__wrapper p.p--m-bottom-min {
        margin-bottom: 25px
    }
}

.userguide__wrapper p.p--m-bottom-none {
    margin-bottom: 0
}

.userguide__wrapper p.userguide__text--right {
    text-align: right
}

.userguide__wrapper p.userguide__indent {
    padding-left: 1.5rem;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt'
}

.userguide__wrapper p .userguide__text--indent {
    display: inline-block;
    text-indent: 15px
}

@media screen and (max-width:834px) {
    .userguide__wrapper p .userguide__text--indent {
        text-indent: 14px
    }
}

.userguide__wrapper .userguide__link--block {
    pointer-events: none
}

.userguide__wrapper .userguide__list--indent {
    line-height: 1.9;
    margin-bottom: 64px;
    padding-left: 1.2rem;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt'
}

.userguide__wrapper .userguide__list--indent dt {
    float: left
}

.userguide__wrapper .userguide__list--indent dd {
    padding-left: 3rem;
    word-break: break-all
}

.sitemap__wrapper {
    margin-top: 40px
}

@media screen and (max-width:834px) {
    .sitemap__wrapper {
        margin-top: 30px
    }
}

.sitemap__wrapper h3.text--primary {
    color: #666
}

.sitemap--button-nav {
    margin: 0 0 60px
}

@media screen and (max-width:834px) {
    .sitemap--button-nav {
        width: 100vw;
        margin: 0 -20px 40px
    }
}

.sitemap--button-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .sitemap--button-nav__list {
        width: 100vw;
        margin: 0
    }
}

.sitemap--button-nav__list__items {
    font-size: 14px;
    width: 160px
}

.sitemap--button-nav__list__items:nth-child(4n) {
    margin-right: 4px
}

.sitemap--button-nav__list__items:nth-child(6n) {
    margin-right: 0
}

.sitemap--button-nav__list__items:last-child {
    pointer-events: none;
    opacity: 0
}

@media screen and (max-width:834px) {
    .sitemap--button-nav__list__items {
        width: 50%;
        margin-right: 0
    }

    .sitemap--button-nav__list__items:nth-child(4n),.sitemap--button-nav__list__items:nth-child(6n) {
        margin-right: 0
    }
}

.sitemap--button-nav__list__items__link {
    width: 160px
}

@media screen and (max-width:834px) {
    .sitemap--button-nav__list__items__link {
        width: 100%
    }
}

.sitemap__list {
    margin: 0 0 0 20px;
    list-style: none
}

@media screen and (max-width:834px) {
    .sitemap__list {
        margin: 0 0 0 17px
    }
}

.sitemap__list li {
    display: inline-block;
    width: 236px;
    margin: 5px 0
}

@media screen and (max-width:834px) {
    .sitemap__list li {
        margin: 0 0 12px
    }
}

.main__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    margin-top: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .main__wrapper {
        width: 100%;
        margin-top: 10px
    }
}

.slider--main .slick-prev,.slider--main .slick-next {
    z-index: 1;
    width: 43px;
    height: 100%
}

.slider--main .slick-prev:before,.slider--main .slick-next:before {
    width: 23px;
    height: 40px;
    background-position: -328px -6px
}

@media screen and (min-width:835px) {
    .slider--main .slick-prev,.slider--main .slick-next {
        display: none!important
    }
}

.slider--main .slick-prev {
    left: 0
}

.slider--main .slick-next {
    right: 0
}

.lineup__wrapper,.movie__wrapper,.lineup-index,.category-index {
    position: relative;
    background-position: 0,10px;
    background-size: 4px 4px
}

.lineup__wrapper:before,.movie__wrapper:before,.lineup-index:before,.category-index:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7px;
    content: '';
    background: url(/cs/img/common/triangle.svg) repeat-x;
    background-repeat: repeat;
    background-size: 14px 7px
}

.lineup {
    width: 100%;
    background-color: #ecf1f7
}

.lineup .slick-prev,.lineup .slick-next {
    top: 72px;
    width: 30px;
    height: 30px
}

.lineup .slick-prev:before,.lineup .slick-next:before {
    width: 30px;
    height: 30px;
    background-position: -236px -226px;
    background-size: 537px 312px
}

.lineup .slick-prev:hover:before,.lineup .slick-next:hover:before {
    width: 30px;
    height: 30px;
    background-position: -270px -226px;
    background-size: 537px 312px
}

@media screen and (max-width:834px) {
    .lineup .slick-prev,.lineup .slick-next {
        display: none!important
    }
}

.lineup .slick-prev {
    left: -45px
}

.lineup .slick-next {
    right: -47px
}

.lineup__title,.news__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 38px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.lineup__title h2,.news__title h2,.lineup__title h3,.news__title h3,.lineup__title h4,.news__title h4,.lineup__title h5,.news__title h5,.lineup__title h6,.news__title h6 {
    font-size: 26px;
    font-weight: 400;
    margin: 1.5rem auto;
    color: #333
}

.lineup__title h2:before,.news__title h2:before,.lineup__title h3:before,.news__title h3:before,.lineup__title h4:before,.news__title h4:before,.lineup__title h5:before,.news__title h5:before,.lineup__title h6:before,.news__title h6:before {
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    margin-bottom: 5px;
    background-position: -81px -9px
}

@media screen and (max-width:834px) {
    .lineup__title,.news__title {
        padding-top: 28px
    }

    .lineup__title h2,.news__title h2,.lineup__title h3,.news__title h3,.lineup__title h4,.news__title h4,.lineup__title h5,.news__title h5,.lineup__title h6,.news__title h6 {
        font-size: 24px;
        margin-top: 5px;
        margin-bottom: 0
    }

    .lineup__title h2:before,.news__title h2:before,.lineup__title h3:before,.news__title h3:before,.lineup__title h4:before,.news__title h4:before,.lineup__title h5:before,.news__title h5:before,.lineup__title h6:before,.news__title h6:before {
        width: 16px;
        height: 16px;
        background-position: -70px -8px;
        background-size: 298px 173px
    }
}

.lineup__row {
    margin-top: 20px;
    margin-bottom: -4px;
    padding: 0 56px
}

@media screen and (max-width:834px) {
    .lineup__row {
        width: calc(100% + 80px);
        margin-top: 15px;
        padding: 0 20px
    }
}

@media screen and (max-width:480px) {
    .lineup__row {
        width: calc(100% + 100px);
        padding: 0
    }
}

.lineup__row .slick-list {
    width: 868px
}

@media screen and (max-width:834px) {
    .lineup__row .slick-list {
        width: 100%
    }
}

@media screen and (max-width:480px) {
    .lineup__row .slick-list {
        margin-left: -40px
    }
}

.lineup-index__row__items,.category-index__row__items {
    position: relative;
    width: 140px;
    height: auto
}

@media screen and (max-width:834px) {
    .lineup-index__row__items,.category-index__row__items {
        width: 100%
    }
}

.lineup__row__items__link {
    width: 100%;
    height: auto;
    text-decoration: none;
    color: #333
}

.lineup__row__items__link:hover {
    text-decoration: underline;
    color: #ff7c00
}

.lineup__row__items__link:hover img {
    opacity: .6!important
}

.lineup__figure,.lineup-index__figure,.category-index__figure {
    margin: 0 0 40px
}

@media screen and (max-width:834px) {
    .lineup__figure,.lineup-index__figure,.category-index__figure {
        width: 80px;
        margin: 0
    }
}

.lineup__figure img,.lineup-index__figure img,.category-index__figure img {
    width: 140px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

@media screen and (max-width:834px) {
    .lineup__figure img,.lineup-index__figure img,.category-index__figure img {
        width: 80px
    }
}

.lineup__figure__caption {
    font-size: 14px;
    margin-bottom: 10px;
    padding-top: .5rem;
    text-align: center
}

@media screen and (max-width:834px) {
    .lineup__figure__caption {
        font-size: 11px;
        margin-bottom: 20px
    }
}

.lineup__button__wrapper {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px
}

@media screen and (max-width:834px) {
    .lineup__button__wrapper {
        padding-bottom: 0
    }
}

.lineup__button:before,.lineup__button:after {
    z-index: 0
}

.feature__wrapper {
    padding: 40px 0 42px
}

@media screen and (max-width:834px) {
    .feature__wrapper {
        padding: 20px 0 22px
    }
}

.feature__wrapper:before {
    background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210px%22%20height%3D%224px%22%3E%3Cpolygon%20points%3D%220%2C0%204%2C4%208%2C0%22%20fill%3D%22%23ecf1f7%22%2F%3E%3C%2Fsvg%3E)
}

.feature {
    margin: auto;
    padding: 12px 0;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .feature {
        padding-bottom: 0
    }
}

.feature__body {
    position: relative;
    width: 940px;
    margin: auto
}

@media screen and (max-width:834px) {
    .feature__body {
        width: 100%;
        min-height: 97px;
        padding: 0 20px
    }
}

.feature__body__title {
    font-size: 10px;
    line-height: 1.7;
    display: inline;
    width: 160px;
    color: #e60012
}

.feature__body__title h2,.feature__body__title h3,.feature__body__title h4,.feature__body__title h5,.feature__body__title h6 {
    display: inline-block;
    width: 160px
}

.feature__body__title h2:before,.feature__body__title h2:after,.feature__body__title h3:before,.feature__body__title h3:after,.feature__body__title h4:before,.feature__body__title h4:after,.feature__body__title h5:before,.feature__body__title h5:after,.feature__body__title h6:before,.feature__body__title h6:after {
    width: 18px;
    height: 19px;
    vertical-align: top
}

.feature__body__title h2:before,.feature__body__title h3:before,.feature__body__title h4:before,.feature__body__title h5:before,.feature__body__title h6:before {
    width: 45px;
    margin-right: 5px;
    background-position: -10px -180px
}

.feature__body__title h2:after,.feature__body__title h3:after,.feature__body__title h4:after,.feature__body__title h5:after,.feature__body__title h6:after {
    margin-left: .8rem;
    background-position: -63px -180px
}

@media screen and (max-width:834px) {
    .feature__body__title {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }
}

.feature__body__media {
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 86px;
    height: 86px;
    margin: auto;
    border-radius: 50%;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .feature__body__media {
        position: relative;
        width: 60px;
        height: auto;
        margin-top: 35px
    }
}

.feature__body__media img {
    width: 60px;
    height: 60px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.feature__body__link {
    line-height: 2.5;
    position: absolute;
    top: -10px;
    height: 50px;
    text-decoration: none;
    color: #333
}

.feature__body__link:hover img {
    opacity: .5
}

.feature__body__link:hover .feature__body__caption__name {
    text-decoration: underline
}

.feature__body__link:hover .feature__body__caption__description {
    text-decoration: underline;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999
}

@media screen and (max-width:834px) {
    .feature__body__link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.feature__body__caption {
    display: block;
    overflow: hidden;
    width: 680px;
    margin-left: 110px;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (max-width:834px) {
    .feature__body__caption {
        line-height: 1.7;
        overflow: hidden;
        width: 100%;
        margin-top: 5px;
        margin-left: 0;
        margin-left: 15px;
        white-space: inherit;
        text-overflow: inherit
    }
}

.feature__body__caption__name {
    font-size: 13px;
    font-weight: 700;
    display: inline;
    margin-right: 1rem
}

@media screen and (max-width:834px) {
    .feature__body__caption__name {
        display: block;
        margin-right: 0;
        margin-bottom: .2rem
    }
}

.feature__body__caption__description {
    font-size: 12px;
    display: inline;
    color: #666
}

@media screen and (max-width:834px) {
    .feature__body__caption__description {
        line-height: 1.6;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

@media screen and (max-width:834px) {
    .news {
        margin-bottom: 40px
    }
}

.news__title__wrapper {
    width: 980px
}

.news__title {
    margin-bottom: 5px
}

@media screen and (max-width:834px) {
    .news__title h2,.news__title h3,.news__title h4,.news__title h5,.news__title h6 {
        margin-top: 0
    }
}

.news__title h2:before,.news__title h3:before,.news__title h4:before,.news__title h5:before,.news__title h6:before {
    height: 26px;
    background-position: -9px -9px
}

@media screen and (max-width:834px) {
    .news__title h2:before,.news__title h3:before,.news__title h4:before,.news__title h5:before,.news__title h6:before {
        width: 18px;
        height: 21px;
        background-position: -7px -8px
    }
}

@media screen and (max-width:834px) {
    .news__title {
        margin-bottom: 10px
    }
}

.news__title__button,.pr--main__title__button {
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    bottom: 20px;
    left: calc(50% + 410px);
    width: 70px;
    margin: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 14px;
    cursor: pointer;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    text-align: left;
    text-decoration: none;
    color: #ff9531;
    background-color: #fff7dd
}

.news__title__button:after,.pr--main__title__button:after {
    position: absolute;
    top: 3px;
    right: 12px;
    width: 14px;
    height: 14px;
    background-position: -116px -147px;
    background-size: 298px 173px
}

.news__title__button:hover,.pr--main__title__button:hover {
    opacity: .6
}

@media screen and (max-width:834px) {
    .news__title__button,.pr--main__title__button {
        line-height: inherit;
        bottom: 5px;
        left: calc(100% - 90px);
        padding: 5px 12px 5px 0;
        text-align: center
    }

    .news__title__button:after,.pr--main__title__button:after {
        top: 6px
    }
}

.news__button__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .news__button__wrapper {
        padding-top: 10px
    }
}

@media screen and (max-width:834px) {
    .news__button {
        margin-bottom: 0
    }
}

.movie__wrapper {
    background-color: #ff9531
}

.movie__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 38px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.movie__title h2,.movie__title h3,.movie__title h4,.movie__title h5,.movie__title h6 {
    font-size: 26px;
    font-weight: 400;
    margin: 1.5rem auto 20px;
    color: #333
}

.movie__title h2:before,.movie__title h3:before,.movie__title h4:before,.movie__title h5:before,.movie__title h6:before {
    display: block;
    width: 28px;
    height: 23px;
    margin: auto auto 5px;
    background-position: -294px -8px
}

@media screen and (max-width:834px) {
    .movie__title {
        padding-top: 28px
    }

    .movie__title h2,.movie__title h3,.movie__title h4,.movie__title h5,.movie__title h6 {
        font-size: 24px;
        margin-top: 5px;
        margin-bottom: 15px
    }

    .movie__title h2:before,.movie__title h3:before,.movie__title h4:before,.movie__title h5:before,.movie__title h6:before {
        width: 24px;
        height: 17px;
        background-position: -244px -8px;
        background-size: 298px 173px
    }
}

@media screen and (max-width:834px) {
    .movie__content {
        padding-bottom: 40px
    }
}

.movie {
    width: 480px;
    height: 270px;
    margin-bottom: 80px;
    background-color: #fff
}

.movie:hover .movie__media {
    opacity: .6
}

.movie:hover .movie__caption {
    text-decoration: underline
}

@media screen and (max-width:834px) {
    .movie {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        background-color: transparent
    }
}

.movie__media {
    position: relative;
    width: 480px
}

@media screen and (max-width:834px) {
    .movie__media {
        width: 100%
    }
}

.movie__media__img {
    width: 100%
}

.movie__caption {
    font-size: 16px;
    line-height: 3.2;
    position: absolute;
    bottom: -35px;
    display: block;
    margin: auto;
    color: #333
}

.movie__caption h2,.movie__caption h3,.movie__caption h4,.movie__caption h5,.movie__caption h6 {
    font-weight: 400
}

@media screen and (max-width:834px) {
    .movie__caption {
        line-height: 1.7;
        position: relative;
        bottom: 0
    }
}

.data--main__wrapper {
    background-image: none
}

.data--main__wrapper:before {
    top: -7px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.data--main {
    margin-top: 60px
}

@media screen and (max-width:834px) {
    .data--main {
        margin-top: 0
    }
}

.data--main__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 58px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.data--main__title h2,.data--main__title h3,.data--main__title h4,.data--main__title h5,.data--main__title h6 {
    font-size: 26px;
    font-weight: 400;
    margin: 1.5rem auto 40px;
    color: #333
}

.data--main__title h2:before,.data--main__title h3:before,.data--main__title h4:before,.data--main__title h5:before,.data--main__title h6:before {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto auto 5px;
    background-position: -81px -9px;
    background-position: -150px -9px
}

@media screen and (max-width:834px) {
    .data--main__title {
        padding-top: 48px
    }

    .data--main__title h2,.data--main__title h3,.data--main__title h4,.data--main__title h5,.data--main__title h6 {
        font-size: 24px;
        margin-top: 5px;
        margin-bottom: 15px
    }

    .data--main__title h2:before,.data--main__title h3:before,.data--main__title h4:before,.data--main__title h5:before,.data--main__title h6:before {
        width: 25px;
        height: 25px;
        background-position: -125px -7px;
        background-size: 298px 173px
    }
}

.data--main__row {
    margin-top: 40px;
    margin-bottom: 0
}

.data-divider--main {
    margin-top: -40px
}

@media screen and (max-width:834px) {
    .data-divider--main {
        margin-top: 20px
    }
}

.pr--main {
    margin-top: 20px;
    margin-bottom: 90px
}

@media screen and (max-width:834px) {
    .pr--main {
        margin-top: 0;
        margin-bottom: 50px
    }
}

.pr--main__title {
    position: relative
}

.pr--main__title__button {
    bottom: 5px;
    text-decoration: none
}

@media screen and (max-width:834px) {
    .pr--main__title__button {
        bottom: -5px
    }
}

@media screen and (max-width:834px) {
    .main-panel {
        margin-bottom: 75px
    }
}

@media screen and (max-width:834px) {
    .main-panel__figure:first-child,.main-panel__figure:nth-child(2) {
        margin-bottom: 70px
    }
}

@-moz-document url-prefix() {
    .main-panel__figure__img {
        width: calc(33.333vw - 25px)
    }@    media screen and (max-width:834px) {
        .main-panel__figure__img{width: 100%
    }
}}

.main-panel__figure__img {
    width: calc(33.333vw - 25px)
}

@media screen and (max-width:834px) {
    .main-panel__figure__img {
        width: 100%
    }
}

@media all and (-ms-high-contrast:none) {
    .main-panel__figure__img {
        width: calc(33.333vw - 30px)
    }
}

.sns__timeline {
    display: block
}

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

.sns__button--twitter--sp,.sns__button--facebook--sp {
    font-size: 14px;
    display: none;
    color: #fff;
    background-color: #1da1f2
}

.sns__button--twitter--sp:before,.sns__button--facebook--sp:before {
    border-right-color: #1da1f2
}

.sns__button--twitter--sp:after,.sns__button--facebook--sp:after {
    border-left-color: #1da1f2
}

.sns__button--twitter--sp:hover,.sns__button--facebook--sp:hover {
    background-color: #1da1f2
}

.sns__button--twitter--sp:hover:before,.sns__button--facebook--sp:hover:before,.sns__button--twitter--sp:hover:after,.sns__button--facebook--sp:hover:after {
    opacity: 1
}

.sns__button--twitter--sp i,.sns__button--facebook--sp i {
    margin-right: 5px
}

@media screen and (max-width:834px) {
    .sns__button--twitter--sp,.sns__button--facebook--sp {
        line-height: 50px;
        display: block;
        height: 50px
    }

    .sns__button--twitter--sp:before,.sns__button--facebook--sp:before,.sns__button--twitter--sp:after,.sns__button--facebook--sp:after {
        border-top-width: 25px;
        border-bottom-width: 25px
    }
}

.sns__button--facebook--sp {
    background-color: #3b5998
}

.sns__button--facebook--sp:before {
    border-right-color: #3b5998
}

.sns__button--facebook--sp:after {
    border-left-color: #3b5998
}

.sns__button--facebook--sp:hover {
    background-color: #3b5998
}

.main-banner {
    padding-top: 60px;
    padding-bottom: 40px
}

.main-banner__row,.allergy-search__list,.detail__row__box__foot-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .main-banner__row,.allergy-search__list,.detail__row__box__foot-row {
        width: 100%
    }
}

.main-banner__link {
    margin-bottom: 20px;
    text-decoration: none
}

@media screen and (max-width:834px) {
    .main-banner__link {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(50% - 5px);
        margin: auto;
        margin-bottom: 10px
    }

    .main-banner__link:nth-child(odd) {
        margin-left: 0
    }

    .main-banner__link:nth-child(even) {
        margin-right: 0
    }
}

@media screen and (min-width:835px) {
    .main-banner__link+.main-banner__link {
        padding-left: 20px
    }

    .main-banner__link:nth-of-type(4n+1) {
        padding-left: 0
    }
}

.main-banner__img {
    width: 230px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.main-banner__img:hover {
    opacity: .5
}

@media screen and (max-width:834px) {
    .main-banner__img {
        width: 100%;
        -webkit-transition: none;
        transition: none
    }

    .main-banner__img:hover {
        opacity: 1
    }
}

.kametsu__main-title {
    margin-bottom: 35px
}

@media screen and (max-width:834px) {
    .kametsu__main-title {
        margin-bottom: 10px
    }
}

@media screen and (max-width:834px) {
    .kametsu-common__wrapper p {
        line-height: 1.8
    }
}

.kametsu-index--main__wrapper {
    width: 100vw;
    min-width: 980px;
    margin-top: 22px
}

@media screen and (max-width:834px) {
    .kametsu-index--main__wrapper {
        min-width: 100%;
        margin-top: 70px
    }
}

.kametsu-index__title h2,.kametsu-index__title h3,.kametsu-index__title h4,.kametsu-index__title h5,.kametsu-index__title h6 {
    letter-spacing: .2rem
}

.kametsu-index__title h2:before,.kametsu-index__title h3:before,.kametsu-index__title h4:before,.kametsu-index__title h5:before,.kametsu-index__title h6:before {
    background-position: -190px -10px
}

@media screen and (max-width:834px) {
    .kametsu-index__title h2:before,.kametsu-index__title h3:before,.kametsu-index__title h4:before,.kametsu-index__title h5:before,.kametsu-index__title h6:before {
        width: 30px;
        height: 30px;
        margin-bottom: -5px;
        background-position: -189px -9px;
        background-size: 358px 209px
    }
}

.kametsu-index__subtitle h2,.kametsu-index__subtitle h3,.kametsu-index__subtitle h4,.kametsu-index__subtitle h5,.kametsu-index__subtitle h6 {
    font-size: 26px;
    margin-bottom: 23px
}

@media screen and (max-width:834px) {
    .kametsu-index__subtitle h2,.kametsu-index__subtitle h3,.kametsu-index__subtitle h4,.kametsu-index__subtitle h5,.kametsu-index__subtitle h6 {
        font-size: 18px;
        margin-bottom: 13px
    }
}

.kametsu--button-nav {
    margin: 16px 0 50px
}

@media screen and (max-width:834px) {
    .kametsu--button-nav {
        width: 100vw;
        margin: 5px -20px 45px
    }
}

.kametsu--button-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .kametsu--button-nav__list {
        width: 100vw;
        margin: 0
    }
}

.kametsu--button-nav__list__items {
    width: 236px;
    height: 60px;
    margin-right: 12px
}

.kametsu--button-nav__list__items:nth-child(4n) {
    margin-right: 0
}

@media screen and (max-width:834px) {
    .kametsu--button-nav__list__items {
        width: 100%;
        height: 50px;
        margin-right: 0
    }
}

.kametsu--button-nav__list__items__link {
    width: 100%;
    height: auto;
    padding: 1rem 1.3rem 0 0
}

@media screen and (max-width:834px) {
    .kametsu--button-nav__list__items__link {
        padding-top: .7rem
    }
}

.kametsu--button-nav__list__items__link:before {
    top: 18px;
    right: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media screen and (max-width:834px) {
    .kametsu--button-nav__list__items__link:before {
        top: 12px
    }
}

@media screen and (max-width:834px) {
    .table--kametsu-index {
        width: 100%;
        margin-left: 0
    }
}

.table--kametsu-index__th {
    padding-top: 16px
}

@media screen and (max-width:834px) {
    .table--kametsu-index__th {
        display: block;
        width: 100%;
        padding: 10px 0 3px
    }
}

.table--kametsu-index__td {
    padding: 14px 0
}

@media screen and (max-width:834px) {
    .table--kametsu-index__td {
        display: block;
        width: 100%;
        padding: 0 0 10px
    }
}

.footer--kametsu .share {
    border-top: 0!important
}

.news-updates--main__wrapper {
    width: 100vw;
    min-width: 980px;
    margin-top: 22px
}

@media screen and (max-width:834px) {
    .news-updates--main__wrapper {
        min-width: 100%;
        margin-top: 65px
    }
}

.news-updates--main__title h1,.news-updates--main__title h2,.news-updates--main__title h3,.news-updates--main__title h4,.news-updates--main__title h5,.news-updates--main__title h6 {
    letter-spacing: .2rem
}

.news-updates--main__title h1:before,.news-updates--main__title h2:before,.news-updates--main__title h3:before,.news-updates--main__title h4:before,.news-updates--main__title h5:before,.news-updates--main__title h6:before {
    background-position: -5px -10px
}

@media screen and (max-width:834px) {
    .news-updates--main__title h1:before,.news-updates--main__title h2:before,.news-updates--main__title h3:before,.news-updates--main__title h4:before,.news-updates--main__title h5:before,.news-updates--main__title h6:before {
        width: 30px;
        height: 30px;
        margin-bottom: 0;
        background-position: -4px -9px;
        background-size: 358px 209px
    }
}

.news-updates--nav__wrapper .table-feed__nav {
    margin: 13px auto 40px
}

.news-updates--nav__wrapper .table-feed__nav__sp {
    margin: 0 auto
}

.news-updates__wrapper .table-feed__wrapper {
    margin-top: 50px
}

@media screen and (max-width:834px) {
    .news-updates__wrapper .table-feed__wrapper {
        margin-top: 20px
    }
}

.pagination--block--1col {
    width: 980px;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .pagination--block--1col {
        width: 100%
    }
}

.pagination--block--1col .button-hex__wrapper,.pagination--block--1col .button-hex__wrapper--company,.pagination--block--1col .lineup__button__wrapper {
    width: 100%;
    padding: 0 0 0 220px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:834px) {
    .pagination--block--1col .button-hex__wrapper,.pagination--block--1col .button-hex__wrapper--company,.pagination--block--1col .lineup__button__wrapper {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.pagination--block--1col .button-hex__wrapper:last-child,.pagination--block--1col .button-hex__wrapper--company:last-child,.pagination--block--1col .lineup__button__wrapper:last-child {
    padding: 0 220px 0 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:834px) {
    .pagination--block--1col .button-hex__wrapper:last-child,.pagination--block--1col .button-hex__wrapper--company:last-child,.pagination--block--1col .lineup__button__wrapper:last-child {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.news-info--detail__wrapper {
    width: 100vw;
    max-width: 980px;
    margin: 22px auto 0
}

@media screen and (max-width:834px) {
    .news-info--detail__wrapper {
        display: block;
        min-width: 100%;
        margin-top: 90px
    }
}

.news-info--detail__content {
    line-height: 1.9;
    margin: 80px auto 30px
}

@media screen and (max-width:834px) {
    .news-info--detail__content {
        line-height: 1.8;
        display: block;
        max-width: 100%;
        margin: 40px auto 5px
    }
}

.news-info--detail__content img {
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .news-info--detail__content img {
        max-width: 100%
    }
}

.news-info--detail__content .news--img--only {
    width: 100%;
    margin: -60px auto;
    text-align: center
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--img--only {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: -10px auto 0;
        padding: 0 20px
    }
}

.news-info--detail__content .news-info--p--w600,.news-info--detail__content .news-info--p--w800 {
    max-width: 600px;
    margin: 0 auto 30px;
    overflow-wrap: break-word
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news-info--p--w600,.news-info--detail__content .news-info--p--w800 {
        max-width: 100%;
        margin: -10px 20px 25px
    }
}

.news-info--detail__content .news-info--p--w800 {
    max-width: 800px
}

.news-info--detail__content .news--content--center {
    width: 100%;
    text-align: center
}

.news-info--detail__content .news--content--center--title {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    padding: 10px 0 0;
    text-align: center
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--content--center--title {
        font-size: 18px;
        line-height: 1.7;
        padding: 5px 0 0
    }
}

.news-info--detail__content .news--text--title {
    font-size: 17px
}

.news-info--detail__content .news--text--title--wicon,.news-info--detail__content .news--text--title--wicon--secondary {
    font-size: 33px;
    line-height: 1.55;
    display: block;
    padding-bottom: 10px;
    color: #333
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--text--title--wicon,.news-info--detail__content .news--text--title--wicon--secondary {
        font-size: 22px;
        padding-bottom: 0
    }
}

.news-info--detail__content .news--text--title--wicon i,.news-info--detail__content .news--text--title--wicon--secondary i {
    float: left;
    margin: -7px 20px 20px 0
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--text--title--wicon i,.news-info--detail__content .news--text--title--wicon--secondary i {
        display: block;
        float: none;
        margin: -10px auto 20px;
        text-align: center
    }
}

.news-info--detail__content .news--text--title--wicon--secondary {
    padding: 0 0 10px
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--text--title--wicon--secondary {
        padding: 0
    }
}

.news-info--detail__content .news--text--title--wicon--secondary i {
    margin: -20px 20px 20px 0
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--text--title--wicon--secondary i {
        margin: 0 auto 20px
    }
}

.news-info--detail__content .news--text--right {
    display: block;
    text-align: right
}

.news-info--detail__content .news--text--small {
    font-size: 13px;
    line-height: 1.3
}

.news-info--detail__content .news--boxcontent {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    border: 1px solid #e0e0e0
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--boxcontent {
        width: 100%
    }
}

.news-info--detail__content pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word
}

.news-info--detail__content .news--table--acrobat {
    font-size: 12px;
    width: 80%;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--table--acrobat {
        width: 100%
    }
}

.news-info--detail__content .news--table--acrobat td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--table--acrobat td {
        display: block;
        width: 100%;
        padding: 5px 0
    }
}

.news-info--detail__content .news--table {
    width: 100%
}

.news-info--detail__content .news--table td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 50px;
    vertical-align: top
}

.news-info--detail__content .news--table td:first-child {
    padding-right: 30px
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--table td {
        display: block;
        width: 100%;
        padding-bottom: 40px
    }

    .news-info--detail__content .news--table td:first-child {
        padding-right: 0;
        padding-bottom: 20px
    }
}

.news-info--detail__content .news--text--mb15 {
    display: block;
    margin-bottom: 15px
}

.news-info--detail__content ol {
    margin: 0 0 2.5rem 20px
}

@media screen and (max-width:834px) {
    .news-info--detail__content ol {
        margin: 0 0 1.5rem 20px
    }
}

.news-info--detail__content ol li {
    margin-bottom: 15px
}

.news-info--detail__content hr {
    border: 1px solid #e60012
}

.news-info--detail__content .news--table--w760 {
    width: 760px;
    margin: 0 auto
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--content--onlypc {
        display: none
    }
}

.news-info--detail__content .news--content--onlysp {
    display: none
}

@media screen and (max-width:834px) {
    .news-info--detail__content .news--content--onlysp {
        display: block
    }
}

.knowledge--main__wrapper {
    width: 100vw;
    min-width: 980px;
    margin-top: 22px
}

@media screen and (max-width:834px) {
    .knowledge--main__wrapper {
        min-width: 100%;
        margin-top: 65px
    }
}

.knowledge--main__wrapper .knowledge {
    padding: 40px 0
}

@media screen and (max-width:834px) {
    .knowledge--main__wrapper .knowledge {
        padding: 30px 0 20px
    }
}

.knowledge--main__wrapper .button-hex__wrapper,.knowledge--main__wrapper .button-hex__wrapper--company,.knowledge--main__wrapper .lineup__button__wrapper {
    margin: 20px 0 0
}

@media screen and (max-width:834px) {
    .knowledge--main__wrapper .button-hex__wrapper,.knowledge--main__wrapper .button-hex__wrapper--company,.knowledge--main__wrapper .lineup__button__wrapper {
        margin: 15px 0 0
    }
}

.knowledge--main__wrapper .button-hex__wrapper .button-hex,.knowledge--main__wrapper .button-hex__wrapper--company .button-hex,.knowledge--main__wrapper .lineup__button__wrapper .button-hex,.knowledge--main__wrapper .button-hex__wrapper .button--map,.knowledge--main__wrapper .button-hex__wrapper--company .button--map,.knowledge--main__wrapper .lineup__button__wrapper .button--map,.knowledge--main__wrapper .button-hex__wrapper .lineup__button,.knowledge--main__wrapper .button-hex__wrapper--company .lineup__button,.knowledge--main__wrapper .lineup__button__wrapper .lineup__button,.knowledge--main__wrapper .button-hex__wrapper .news__button,.knowledge--main__wrapper .button-hex__wrapper--company .news__button,.knowledge--main__wrapper .lineup__button__wrapper .news__button,.knowledge--main__wrapper .button-hex__wrapper .new-item__row__box__button,.knowledge--main__wrapper .button-hex__wrapper--company .new-item__row__box__button,.knowledge--main__wrapper .lineup__button__wrapper .new-item__row__box__button,.knowledge--main__wrapper .button-hex__wrapper .new-item__row__box__button--hidden-sp,.knowledge--main__wrapper .button-hex__wrapper--company .new-item__row__box__button--hidden-sp,.knowledge--main__wrapper .lineup__button__wrapper .new-item__row__box__button--hidden-sp,.knowledge--main__wrapper .button-hex__wrapper .new-item__row__box__button--hidden-pc,.knowledge--main__wrapper .button-hex__wrapper--company .new-item__row__box__button--hidden-pc,.knowledge--main__wrapper .lineup__button__wrapper .new-item__row__box__button--hidden-pc,.knowledge--main__wrapper .button-hex__wrapper .brand-head__row__button,.knowledge--main__wrapper .button-hex__wrapper--company .brand-head__row__button,.knowledge--main__wrapper .lineup__button__wrapper .brand-head__row__button,.knowledge--main__wrapper .button-hex__wrapper .item-foot__button,.knowledge--main__wrapper .button-hex__wrapper--company .item-foot__button,.knowledge--main__wrapper .lineup__button__wrapper .item-foot__button {
    z-index: 1
}

@media screen and (max-width:834px) {
    .knowledge--main__wrapper .button-hex__wrapper .button-hex,.knowledge--main__wrapper .button-hex__wrapper--company .button-hex,.knowledge--main__wrapper .lineup__button__wrapper .button-hex,.knowledge--main__wrapper .button-hex__wrapper .button--map,.knowledge--main__wrapper .button-hex__wrapper--company .button--map,.knowledge--main__wrapper .lineup__button__wrapper .button--map,.knowledge--main__wrapper .button-hex__wrapper .lineup__button,.knowledge--main__wrapper .button-hex__wrapper--company .lineup__button,.knowledge--main__wrapper .lineup__button__wrapper .lineup__button,.knowledge--main__wrapper .button-hex__wrapper .news__button,.knowledge--main__wrapper .button-hex__wrapper--company .news__button,.knowledge--main__wrapper .lineup__button__wrapper .news__button,.knowledge--main__wrapper .button-hex__wrapper .new-item__row__box__button,.knowledge--main__wrapper .button-hex__wrapper--company .new-item__row__box__button,.knowledge--main__wrapper .lineup__button__wrapper .new-item__row__box__button,.knowledge--main__wrapper .button-hex__wrapper .new-item__row__box__button--hidden-sp,.knowledge--main__wrapper .button-hex__wrapper--company .new-item__row__box__button--hidden-sp,.knowledge--main__wrapper .lineup__button__wrapper .new-item__row__box__button--hidden-sp,.knowledge--main__wrapper .button-hex__wrapper .new-item__row__box__button--hidden-pc,.knowledge--main__wrapper .button-hex__wrapper--company .new-item__row__box__button--hidden-pc,.knowledge--main__wrapper .lineup__button__wrapper .new-item__row__box__button--hidden-pc,.knowledge--main__wrapper .button-hex__wrapper .brand-head__row__button,.knowledge--main__wrapper .button-hex__wrapper--company .brand-head__row__button,.knowledge--main__wrapper .lineup__button__wrapper .brand-head__row__button,.knowledge--main__wrapper .button-hex__wrapper .item-foot__button,.knowledge--main__wrapper .button-hex__wrapper--company .item-foot__button,.knowledge--main__wrapper .lineup__button__wrapper .item-foot__button {
        margin: 0 30px
    }
}

.knowledge--main__wrapper .content,.knowledge--main__wrapper .content--flex,.knowledge--main__wrapper .counselling-index--btnmenu__wrapper,.knowledge--main__wrapper .series__row,.knowledge--main__wrapper .content--wide,.knowledge--main__wrapper .content--primary,.knowledge--main__wrapper .lineup,.knowledge--main__wrapper .data--main,.knowledge--main__wrapper .content--masonry,.knowledge--main__wrapper .movie__content,.knowledge--main__wrapper .main-banner,.knowledge--main__wrapper .news-updates--nav__wrapper {
    margin: 50px auto 0
}

@media screen and (max-width:834px) {
    .knowledge--main__wrapper .content,.knowledge--main__wrapper .content--flex,.knowledge--main__wrapper .counselling-index--btnmenu__wrapper,.knowledge--main__wrapper .series__row,.knowledge--main__wrapper .content--wide,.knowledge--main__wrapper .content--primary,.knowledge--main__wrapper .lineup,.knowledge--main__wrapper .data--main,.knowledge--main__wrapper .content--masonry,.knowledge--main__wrapper .movie__content,.knowledge--main__wrapper .main-banner,.knowledge--main__wrapper .news-updates--nav__wrapper {
        margin: 30px auto 0
    }
}

.knowledge--main__wrapper .card__title h5 {
    font-size: 18px;
    font-weight: 400
}

@media screen and (max-width:834px) {
    .knowledge--main__wrapper .card__title h5 {
        font-size: 16px
    }
}

.knowledge--main__wrapper .card__title h5.is--target-blank:after {
    height: 11px
}

.knowledge--main__title h1,.knowledge--main__title h2,.knowledge--main__title h3,.knowledge--main__title h4,.knowledge--main__title h5,.knowledge--main__title h6 {
    letter-spacing: .2rem
}

.knowledge--main__title h1:before,.knowledge--main__title h2:before,.knowledge--main__title h3:before,.knowledge--main__title h4:before,.knowledge--main__title h5:before,.knowledge--main__title h6:before {
    width: 31px;
    height: 30px;
    background-position: -110px -10px
}

@media screen and (max-width:834px) {
    .knowledge--main__title h1:before,.knowledge--main__title h2:before,.knowledge--main__title h3:before,.knowledge--main__title h4:before,.knowledge--main__title h5:before,.knowledge--main__title h6:before {
        width: 31px;
        height: 30px;
        margin-bottom: 0;
        background-position: -110px -7px;
        background-size: 358px 209px
    }
}

.knowledge__wrapper {
    width: 100%;
    text-align: center;
    background-color: #fcb821
}

.knowledge__wrapper img {
    width: 764px;
    height: 430px
}

@media screen and (max-width:834px) {
    .knowledge__wrapper img {
        width: 100%;
        height: auto
    }
}

.campaign--main__wrapper {
    width: 100vw;
    min-width: 980px;
    margin-top: 22px
}

@media screen and (max-width:834px) {
    .campaign--main__wrapper {
        min-width: 100%;
        margin-top: 65px
    }
}

.campaign--main__wrapper .campaign__title h2 {
    letter-spacing: .2rem
}

.campaign--main__wrapper .campaign__title h2:before {
    width: 37px;
    height: 29px;
    background-position: -39px -10px
}

@media screen and (max-width:834px) {
    .campaign--main__wrapper .campaign__title h2:before {
        width: 37px;
        height: 29px;
        margin-bottom: 0;
        background-position: -39px -7px;
        background-size: 358px 209px
    }
}

.campaign--main__wrapper .campaign__slider {
    margin-top: 15px
}

@media screen and (max-width:834px) {
    .campaign--main__wrapper .campaign__slider {
        margin-top: 5px
    }
}

@media screen and (max-width:834px) {
    .campaign--main__wrapper .slider__wrapper,.campaign--main__wrapper .slider__wrapper--campaign {
        margin-top: 0
    }
}

.campaign--main__wrapper .content,.campaign--main__wrapper .content--flex,.campaign--main__wrapper .counselling-index--btnmenu__wrapper,.campaign--main__wrapper .series__row,.campaign--main__wrapper .content--wide,.campaign--main__wrapper .content--primary,.campaign--main__wrapper .lineup,.campaign--main__wrapper .data--main,.campaign--main__wrapper .content--masonry,.campaign--main__wrapper .movie__content,.campaign--main__wrapper .main-banner,.campaign--main__wrapper .news-updates--nav__wrapper {
    margin: 70px auto 0
}

@media screen and (max-width:834px) {
    .campaign--main__wrapper .content,.campaign--main__wrapper .content--flex,.campaign--main__wrapper .counselling-index--btnmenu__wrapper,.campaign--main__wrapper .series__row,.campaign--main__wrapper .content--wide,.campaign--main__wrapper .content--primary,.campaign--main__wrapper .lineup,.campaign--main__wrapper .data--main,.campaign--main__wrapper .content--masonry,.campaign--main__wrapper .movie__content,.campaign--main__wrapper .main-banner,.campaign--main__wrapper .news-updates--nav__wrapper {
        margin: 50px auto 0
    }
}

.campaign--main__wrapper .card__title h5 {
    font-size: 18px;
    font-weight: 400
}

@media screen and (max-width:834px) {
    .campaign--main__wrapper .card__title h5 {
        font-size: 16px
    }
}

.campaign--main__wrapper .card__title h5.is--target-blank:after {
    height: 11px
}

.campaign__wrapper {
    width: 100%;
    text-align: center;
    background-color: #fcb821
}

.campaign__wrapper img {
    width: 764px;
    height: 430px
}

@media screen and (max-width:834px) {
    .campaign__wrapper img {
        width: 100%;
        height: auto
    }
}

.safety--main__wrapper {
    width: 100vw;
    min-width: 980px;
    margin-top: 20px
}

@media screen and (max-width:834px) {
    .safety--main__wrapper {
        min-width: 100%;
        margin-top: 65px
    }
}

@media screen and (max-width:834px) {
    .safety--main__wrapper .content,.safety--main__wrapper .content--flex,.safety--main__wrapper .counselling-index--btnmenu__wrapper,.safety--main__wrapper .series__row,.safety--main__wrapper .content--wide,.safety--main__wrapper .content--primary,.safety--main__wrapper .lineup,.safety--main__wrapper .data--main,.safety--main__wrapper .content--masonry,.safety--main__wrapper .movie__content,.safety--main__wrapper .main-banner,.safety--main__wrapper .news-updates--nav__wrapper {
        padding: 0
    }
}

.safety--main__wrapper .free-space,.safety--main__wrapper .free-space--primary {
    margin: 60px 0 70px
}

@media screen and (max-width:834px) {
    .safety--main__wrapper .free-space,.safety--main__wrapper .free-space--primary {
        margin: 30px 0 40px
    }
}

.safety--main__title h1,.safety--main__title h2,.safety--main__title h3,.safety--main__title h4,.safety--main__title h5,.safety--main__title h6 {
    letter-spacing: .2rem
}

.safety--main__title h1:before,.safety--main__title h2:before,.safety--main__title h3:before,.safety--main__title h4:before,.safety--main__title h5:before,.safety--main__title h6:before {
    width: 26px;
    height: 29px;
    background-position: -228px -9px;
    background-size: 358px 209px
}

@media screen and (max-width:834px) {
    .safety--main__title h1:before,.safety--main__title h2:before,.safety--main__title h3:before,.safety--main__title h4:before,.safety--main__title h5:before,.safety--main__title h6:before {
        margin-bottom: 0
    }
}

.safety-image__wrapper {
    width: 100vw;
    text-align: center;
    background-color: #f0ede8
}

@media screen and (max-width:834px) {
    .safety-image__wrapper {
        margin: 0 -20px
    }
}

.safety-image__wrapper img {
    width: 764px;
    height: 430px
}

@media screen and (max-width:834px) {
    .safety-image__wrapper img {
        width: 100%;
        height: auto
    }
}

.safety-text__wrapper {
    width: 100%;
    margin: 50px auto 80px;
    text-align: center
}

@media screen and (max-width:834px) {
    .safety-text__wrapper {
        margin: 25px auto 60px
    }
}

@media screen and (max-width:834px) {
    .safety-text__wrapper img {
        max-width: 100%
    }
}

.safety-index__wrapper:not(:last-child) {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .safety-index__wrapper:not(:last-child) {
        margin-bottom: 40px
    }
}

.safety-index__wrapper p {
    line-height: 1.9;
    position: relative;
    margin: 8px 0 15px
}

@media screen and (max-width:834px) {
    .safety-index__wrapper p {
        margin: 0
    }
}

@media screen and (max-width:834px) {
    .safety-index__wrapper .button-hex__wrapper .button-hex,.safety-index__wrapper .button-hex__wrapper--company .button-hex,.safety-index__wrapper .lineup__button__wrapper .button-hex,.safety-index__wrapper .button-hex__wrapper .button--map,.safety-index__wrapper .button-hex__wrapper--company .button--map,.safety-index__wrapper .lineup__button__wrapper .button--map,.safety-index__wrapper .button-hex__wrapper .lineup__button,.safety-index__wrapper .button-hex__wrapper--company .lineup__button,.safety-index__wrapper .lineup__button__wrapper .lineup__button,.safety-index__wrapper .button-hex__wrapper .news__button,.safety-index__wrapper .button-hex__wrapper--company .news__button,.safety-index__wrapper .lineup__button__wrapper .news__button,.safety-index__wrapper .button-hex__wrapper .new-item__row__box__button,.safety-index__wrapper .button-hex__wrapper--company .new-item__row__box__button,.safety-index__wrapper .lineup__button__wrapper .new-item__row__box__button,.safety-index__wrapper .button-hex__wrapper .new-item__row__box__button--hidden-sp,.safety-index__wrapper .button-hex__wrapper--company .new-item__row__box__button--hidden-sp,.safety-index__wrapper .lineup__button__wrapper .new-item__row__box__button--hidden-sp,.safety-index__wrapper .button-hex__wrapper .new-item__row__box__button--hidden-pc,.safety-index__wrapper .button-hex__wrapper--company .new-item__row__box__button--hidden-pc,.safety-index__wrapper .lineup__button__wrapper .new-item__row__box__button--hidden-pc,.safety-index__wrapper .button-hex__wrapper .brand-head__row__button,.safety-index__wrapper .button-hex__wrapper--company .brand-head__row__button,.safety-index__wrapper .lineup__button__wrapper .brand-head__row__button,.safety-index__wrapper .button-hex__wrapper .item-foot__button,.safety-index__wrapper .button-hex__wrapper--company .item-foot__button,.safety-index__wrapper .lineup__button__wrapper .item-foot__button {
        margin: 15px 0 0
    }
}

.safety-index__wrapper .safety-label__img {
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width:834px) {
    .safety-index__wrapper .safety-label__img {
        position: relative;
        display: block;
        margin: 15px auto 20px;
        text-align: center
    }
}

.safety-index__wrapper .list--notes-kome {
    width: 75%
}

@media screen and (max-width:834px) {
    .safety-index__wrapper .list--notes-kome {
        width: 100%
    }
}

.text--caution,.search-bottom__text--caution,.search-condition__text--caution {
    font-weight: 700;
    color: #e60012
}

.allergy-search {
    width: 100%;
    padding: 40px 30px 40px 40px;
    background-color: #ecf1f7
}

@media screen and (max-width:834px) {
    .allergy-search {
        overflow: hidden;
        padding: 30px 20px 10px
    }
}

@media screen and (max-width:834px) {
    .allergy-search__row {
        margin-right: -15px
    }
}

.allergy-search__title {
    padding-bottom: 20px;
    text-align: center
}

.allergy-search__list__items {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    height: 50px;
    margin: 0 10px 10px 0;
    list-style: none;
    vertical-align: middle;
    border: 2px solid #fff;
    background-color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.allergy-search__list__items:hover {
    border: 2px solid #ff9531
}

@media screen and (max-width:834px) {
    .allergy-search__list__items {
        width: calc(50% - 10px);
        margin: 0 5px 5px 0
    }
}

.allergy-search__list__items__checkbox {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 73px;
    height: 50px;
    margin-bottom: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.allergy-search__list__items__checkbox:after {
    left: 13px
}

@media screen and (max-width:834px) {
    .allergy-search__list__items__checkbox {
        width: calc(100% - 53px);
        height: 48px;
        padding-left: 43px
    }

    .allergy-search__list__items__checkbox:after {
        top: 50%;
        left: 10px
    }
}

.allergy-search__list__items__checkbox i {
    position: relative
}

.allergy-search__list__items__checkbox i:before {
    top: 0;
    left: -28px
}

@media screen and (max-width:834px) {
    .allergy-search__list__items__checkbox i:before {
        left: -30px
    }
}

.allergy-search__list__items__checkbox i:after {
    top: -2px;
    left: -26px
}

@media screen and (max-width:834px) {
    .allergy-search__list__items__checkbox i:after {
        left: -28px
    }
}

input[type=checkbox]:focus+.allergy-search__list__items__checkbox {
    height: 46px;
    outline: solid 2px #ff9531
}

input[type=checkbox]:checked+.allergy-search__list__items__checkbox {
    font-weight: 700;
    height: 46px;
    color: #fff;
    outline: solid 2px #ff9531;
    background-color: #ff9531
}

@media screen and (max-width:834px) {
    input[type=checkbox]:checked+.allergy-search__list__items__checkbox {
        margin-top: 0
    }
}

.search-bottom__wrapper {
    padding-bottom: 20px
}

.search-bottom {
    margin: 40px auto;
    text-align: center
}

@media screen and (max-width:834px) {
    .search-bottom {
        margin: 20px auto
    }
}

.search-bottom__text {
    line-height: 1.6;
    text-align: center
}

@media screen and (max-width:834px) {
    .search-bottom__text {
        margin-bottom: 1rem
    }
}

.search-bottom__text--caution {
    font-weight: 700
}

.search-bottom__subtext {
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding-top: .5rem;
    color: #999
}

@media screen and (max-width:834px) {
    .search-bottom__subtext {
        font-size: 13px;
        padding-top: .4rem
    }
}

@media screen and (max-width:834px) {
    .search-bottom__button {
        width: 240px
    }
}

.search-condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    height: 100px;
    margin: auto;
    margin-bottom: 20px;
    padding-left: 40px;
    background-color: #ecf1f7;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:834px) {
    .search-condition {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 0;
        padding: 20px 30px
    }
}

.search-condition__definition {
    display: block;
    padding-right: 1rem
}

.search-condition__text--caution {
    font-weight: 400
}

.search-condition__text__list {
    display: inline;
    vertical-align: middle
}

.search-condition__text__list__items {
    font-size: 20px;
    font-weight: 700;
    display: inline
}

@media screen and (max-width:834px) {
    .search-condition__text__list__items {
        font-size: 16px
    }
}

.search-condition__text__list__items:not(:last-child):after {
    content: '、'
}

.slider__wrapper--brands {
    margin-bottom: 50px
}

.new-item {
    padding: 10px 0 72px
}

@media screen and (max-width:834px) {
    .new-item {
        padding: 20px 10px 10px
    }
}

.new-item:after {
    background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210px%22%20height%3D%224px%22%3E%3Cpolygon%20points%3D%220%2C0%204%2C4%208%2C0%22%20fill%3D%22%23ecf1f7%22%2F%3E%3C%2Fsvg%3E)
}

.new-item__title,.lineup-index__title,.category-index__title,.series__title,.brand-head__title,.brand-head__title--primary {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 38px;
    padding-bottom: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.new-item__title h2,.lineup-index__title h2,.category-index__title h2,.series__title h2,.brand-head__title h2,.brand-head__title--primary h2,.new-item__title h3,.lineup-index__title h3,.category-index__title h3,.series__title h3,.brand-head__title h3,.brand-head__title--primary h3,.new-item__title h4,.lineup-index__title h4,.category-index__title h4,.series__title h4,.brand-head__title h4,.brand-head__title--primary h4,.new-item__title h5,.lineup-index__title h5,.category-index__title h5,.series__title h5,.brand-head__title h5,.brand-head__title--primary h5,.new-item__title h6,.lineup-index__title h6,.category-index__title h6,.series__title h6,.brand-head__title h6,.brand-head__title--primary h6 {
    font-size: 26px;
    font-weight: 400;
    margin: 1.5rem auto;
    color: #333
}

.new-item__title h2:after,.lineup-index__title h2:after,.category-index__title h2:after,.series__title h2:after,.brand-head__title h2:after,.brand-head__title--primary h2:after,.new-item__title h3:after,.lineup-index__title h3:after,.category-index__title h3:after,.series__title h3:after,.brand-head__title h3:after,.brand-head__title--primary h3:after,.new-item__title h4:after,.lineup-index__title h4:after,.category-index__title h4:after,.series__title h4:after,.brand-head__title h4:after,.brand-head__title--primary h4:after,.new-item__title h5:after,.lineup-index__title h5:after,.category-index__title h5:after,.series__title h5:after,.brand-head__title h5:after,.brand-head__title--primary h5:after,.new-item__title h6:after,.lineup-index__title h6:after,.category-index__title h6:after,.series__title h6:after,.brand-head__title h6:after,.brand-head__title--primary h6:after {
    display: block;
    width: 20px;
    height: 5px;
    margin: auto;
    margin: 15px auto 3px;
    content: '';
    background-color: #333
}

@media screen and (max-width:834px) {
    .new-item__title,.lineup-index__title,.category-index__title,.series__title,.brand-head__title,.brand-head__title--primary {
        padding-top: 0;
        padding-bottom: 20px
    }

    .new-item__title h2,.lineup-index__title h2,.category-index__title h2,.series__title h2,.brand-head__title h2,.brand-head__title--primary h2,.new-item__title h3,.lineup-index__title h3,.category-index__title h3,.series__title h3,.brand-head__title h3,.brand-head__title--primary h3,.new-item__title h4,.lineup-index__title h4,.category-index__title h4,.series__title h4,.brand-head__title h4,.brand-head__title--primary h4,.new-item__title h5,.lineup-index__title h5,.category-index__title h5,.series__title h5,.brand-head__title h5,.brand-head__title--primary h5,.new-item__title h6,.lineup-index__title h6,.category-index__title h6,.series__title h6,.brand-head__title h6,.brand-head__title--primary h6 {
        font-size: 24px;
        margin-top: 5px;
        margin-bottom: 0
    }
}

.new-item__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .new-item__row {
        display: block;
        width: 100%
    }
}

.new-item__row__box,.new-item__row__box--new,.new-item__row__box--limited,.new-item__row__box--new-limited {
    position: relative;
    width: 420px;
    margin-right: 20px;
    margin-left: 20px
}

@media screen and (max-width:834px) {
    .new-item__row__box,.new-item__row__box--new,.new-item__row__box--limited,.new-item__row__box--new-limited {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        margin-left: 0
    }
}

.new-item__row__box--new:before,.new-item__row__box--limited:before,.new-item__row__box--new-limited:before {
    position: absolute;
    z-index: 1;
    top: -30px;
    left: -10px;
    display: inline-block;
    width: 76px;
    height: 84px;
    content: '';
    background-image: url(/cs/img/common/spritesheet.png);
    background-repeat: no-repeat;
    background-size: 716px 417px
}

@media screen and (max-width:834px) {
    .new-item__row__box--new:before,.new-item__row__box--limited:before,.new-item__row__box--new-limited:before {
        top: 10px;
        left: 10px;
        width: 38px;
        height: 42px;
        background-size: 358px 208px
    }
}

.new-item__row__box--new:before {
    background-position: -550px -276px
}

@media screen and (max-width:834px) {
    .new-item__row__box--new:before {
        background-position: -275px -138px
    }
}

.new-item__row__box--limited:before {
    background-position: -631px -276px
}

@media screen and (max-width:834px) {
    .new-item__row__box--limited:before {
        background-position: -315px -138px
    }
}

.new-item__row__box--new-limited:before {
    width: 159px;
    height: 85px;
    background-position: -550px -276px
}

@media screen and (max-width:834px) {
    .new-item__row__box--new-limited:before {
        width: 76px;
        height: 42px;
        background-position: -275px -138px
    }
}

.new-item__row__box__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 30px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    background-color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-item__row__box__body:hover img {
    opacity: .5
}

.new-item__row__box__body:hover .new-item__row__box__body__title {
    text-decoration: underline;
    color: #ff7c00
}

@media screen and (min-width:835px) {
    .new-item__row__box__body {
        height: calc(100% - 66px);
        min-height: 430px
    }
}

.new-item__row__box__body__media {
    position: relative;
    width: 200px;
    height: 200px
}

.new-item__row__box__body__media img {
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.new-item__row__box__body__title {
    font-size: 18px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    color: #333
}

.new-item__row__box__body__title h2,.new-item__row__box__body__title h3,.new-item__row__box__body__title h4,.new-item__row__box__body__title h5,.new-item__row__box__body__title h6 {
    font-size: 18px;
    font-weight: 400
}

.new-item__row__box__body__caption {
    font-size: 14px;
    max-width: 100%;
    height: auto;
    margin-bottom: 0
}

.new-item__row__box__body__link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.new-item__row__box__button,.new-item__row__box__button--hidden-sp,.new-item__row__box__button--hidden-pc {
    margin-top: 20px
}

@media screen and (max-width:834px) {
    .new-item__row__box__button,.new-item__row__box__button--hidden-sp,.new-item__row__box__button--hidden-pc {
        position: relative;
        margin: 20px auto
    }
}

@media screen and (max-width:834px) {
    .new-item__row__box__button--hidden-sp {
        display: none
    }
}

.new-item__row__box__button--hidden-pc {
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: auto
}

@media screen and (min-width:835px) {
    .new-item__row__box__button--hidden-pc {
        display: none
    }
}

.lineup-index,.category-index {
    padding-bottom: 40px;
    background-color: #ecf1f7
}

@media screen and (max-width:834px) {
    .lineup-index,.category-index {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.lineup-index:before,.category-index:before {
    content: none
}

.lineup-index__title,.category-index__title,.series__title {
    padding-bottom: 11px
}

@media screen and (max-width:575px) {
    .lineup-index__title,.category-index__title,.series__title {
        padding-bottom: 20px
    }
}

.lineup-index__row,.category-index__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:544px) {
    .lineup-index__row,.category-index__row {
        display: table;
        margin: auto
    }
}

.lineup-index__row__inner,.category-index__row__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.lineup-index__row__items,.category-index__row__items {
    margin: 0 14px
}

@media screen and (max-width:834px) {
    .lineup-index__row__items,.category-index__row__items {
        margin: 0 5px
    }
}

@media screen and (max-width:544px) {
    .lineup-index__row__items,.category-index__row__items {
        margin: 0 8px
    }
}

.lineup-index__figure,.category-index__figure {
    margin-bottom: 10px
}

.lineup-index__figure img,.category-index__figure img {
    display: block;
    margin: auto
}

@media screen and (max-width:544px) {
    .lineup-index__figure,.category-index__figure {
        margin: auto auto 0
    }
}

.category-index {
    background-color: #fff
}

.category-index:before {
    top: -7px;
    content: '';
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.category-index__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:575px) {
    .category-index__row {
        display: table;
        margin: auto
    }
}

.category-index__row__items {
    width: auto;
    margin: 0 10px
}

.category-index__figure {
    width: 80px
}

.category-index__figure img {
    display: table;
    width: 80px;
    width: 100%;
    height: 80px;
    border: 2px solid #ecf1f7;
    border-radius: 50%;
    background-color: #fff
}

.category-index__figure__caption {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    white-space: nowrap
}

.series {
    width: 980px;
    margin: auto;
    padding-bottom: 140px
}

@media screen and (max-width:834px) {
    .series {
        width: 100%;
        padding-right: 20px;
        padding-bottom: 30px;
        padding-left: 20px
    }
}

.series__title {
    padding-top: 0
}

@media screen and (max-width:834px) {
    .series__row {
        padding-right: 0;
        padding-left: 0
    }
}

.series__figure {
    width: 312px;
    margin: 0
}

@media screen and (max-width:834px) {
    .series__figure {
        width: 100%;
        margin-bottom: 25px
    }
}

.series__figure__img {
    display: block;
    width: 312px;
    margin: 0 auto;
    -webkit-transition: opacity .1s ease!important;
    transition: opacity .1s ease!important
}

@media screen and (max-width:340px) {
    .series__figure__img {
        width: 100%
    }
}

.series__figure__title {
    position: relative;
    top: -4px;
    height: 30px
}

.series__figure__title h2,.series__figure__title h3,.series__figure__title h4,.series__figure__title h5,.series__figure__title h6 {
    font-size: 18px!important;
    font-weight: 400
}

@media screen and (max-width:834px) {
    .series__figure__title h2,.series__figure__title h3,.series__figure__title h4,.series__figure__title h5,.series__figure__title h6 {
        top: 3px
    }
}

.series__figure__title__caption {
    font-size: 14px;
    display: block;
    padding-top: 1rem;
    text-align: center;
    color: #999
}

@media screen and (max-width:834px) {
    .series__figure__title__caption {
        padding-top: .7rem
    }
}

.series__figure__link {
    position: relative;
    display: block
}

.series__figure__link picture {
    display: block;
    background-color: #ecf1f7
}

.detail-wrapper {
    margin-top: 70px
}

@media screen and (max-width:834px) {
    .detail-wrapper {
        width: 100%;
        margin-top: 30px
    }
}

.detail,.detail--new,.detail--limited,.detail--new-limited {
    position: relative;
    height: 54px;
    margin-bottom: 25px
}

@media screen and (max-width:834px) {
    .detail,.detail--new,.detail--limited,.detail--new-limited {
        height: 42px;
        margin-bottom: 0
    }
}

.detail--new:before,.detail--limited:before,.detail--new-limited:before {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 58px;
    height: 64px;
    margin-top: 20px;
    background-position: -412px -206px;
    background-size: 537px 312px
}

@media screen and (max-width:834px) {
    .detail--new:before,.detail--limited:before,.detail--new-limited:before {
        position: relative;
        width: 38px;
        height: 42px;
        margin-top: 10px;
        background-position: -275px -138px;
        background-size: 358px 208px
    }
}

.detail--limited:before {
    background-position: -472px -206px
}

@media screen and (max-width:834px) {
    .detail--limited:before {
        background-position: -275px -138px
    }
}

.detail--new-limited:before {
    width: 119px;
    background-position: -412px -206px
}

@media screen and (max-width:834px) {
    .detail--new-limited:before {
        background-position: -275px -138px
    }
}

@media screen and (max-width:834px) {
    .detail__title__row {
        display: block
    }
}

.detail__title {
    width: 800px;
    margin-bottom: 7px;
    word-break: break-all
}

@media screen and (max-width:834px) {
    .detail__title {
        width: 100%;
        margin-bottom: -29px
    }
}

@media screen and (max-width:834px) {
    .detail__row {
        display: block
    }
}

.detail__row__media__list {
    float: left
}

.detail__row__media__list .slick-list {
    width: 320px;
    margin-left: 40px
}

.detail__row__media__list .slick-dots--brands {
    width: 320px;
    margin-left: 40px
}

@media screen and (max-width:834px) {
    .detail__row__media__list {
        float: none
    }

    .detail__row__media__list.slick-dotted.slick-slider {
        margin-bottom: 40px
    }

    .detail__row__media__list .slick-list {
        width: 100%;
        margin-left: 0
    }

    .detail__row__media__list .slick-dots--brands {
        width: 100%;
        margin-left: 0
    }
}

.detail__row__media {
    float: left;
    width: 320px;
    height: auto;
    max-height: 320px
}

@media screen and (max-width:834px) {
    .detail__row__media {
        width: 200px;
        height: auto;
        max-height: 200px;
        margin: auto
    }
}

.detail__row__media img {
    width: 320px;
    height: 320px
}

@media screen and (max-width:834px) {
    .detail__row__media img {
        width: 200px;
        height: 200px
    }
}

.detail__row__box {
    float: right;
    width: 540px
}

@media screen and (max-width:834px) {
    .detail__row__box {
        float: none;
        width: 100%
    }
}

@media screen and (max-width:834px) {
    .detail__row__box__caption {
        margin-top: 1rem
    }
}

.detail__row__box__table {
    margin-bottom: 1rem;
    margin-left: 0
}

@media screen and (max-width:834px) {
    .detail__row__box__table {
        width: 100%;
        margin-left: 0
    }
}

.detail__row__box__table__th {
    width: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle
}

@media screen and (max-width:834px) {
    .detail__row__box__table__th {
        width: 100px;
        padding-left: 10px
    }
}

.detail__row__box__table__td {
    padding-top: 10px;
    padding-bottom: 10px
}

@media screen and (max-width:834px) {
    .detail__row__box__table__td {
        width: 66%
    }
}

.detail__row__box__category-box {
    width: 170px;
    height: 57px;
    margin-right: 1rem;
    margin-bottom: 15px;
    padding-bottom: 0;
    padding-left: 10px;
    background-color: #ecf1f7
}

.detail__row__box__category-box:hover {
    padding-left: 8px;
    border: 2px solid #ecf1f7;
    background-color: #fff
}

.detail__row__box__category-box:hover .detail__row__box__category-box__caption {
    color: #ff7c00
}

@media screen and (max-width:980px) {
    .detail__row__box__category-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 135px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding-top: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:767px) {
    .detail__row__box__category-box {
        width: calc(50vw - 25px)
    }

    .detail__row__box__category-box:nth-child(odd) {
        margin-right: 10px
    }

    .detail__row__box__category-box:nth-child(even) {
        margin-right: 0
    }
}

.detail__row__box__foot-row {
    width: 570px
}

.main-banner__row,.allergy-search__list,.detail__row__box__foot-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .main-banner__row,.allergy-search__list,.detail__row__box__foot-row {
        width: 100%
    }
}

#Footer .footer-category__list__items__img--1,#Footer .footer-category__list__items__img--2,#Footer .footer-category__list__items__img--3,#Footer .footer-category__list__items__img--4,#Footer .footer-category__list__items__img--5,#Footer .footer-category__list__items__img--7,#Footer .footer-category__list__items__img--8,#Footer .footer-category__list__items__img--9,#Footer .footer-category__list__items__img--10,#Footer .footer-category__list__items__img--11,#Footer .footer-category__list__items__img--12,#Footer .footer-category__list__items__img--13,#Footer .footer-category__list__items__img--14,#Footer .footer-category__list__items__img--15,#Footer .footer-category__list__items__img--16,#Footer .footer-category__list__items__img--17,#Footer .footer-category__list__items__img--18,#Footer .footer-category__list__items__img--19,#Footer .footer-category__list__items__img--20,#Footer .footer-category__list__items__img--21,.detail__row__box__category-box__media--1,.detail__row__box__category-box__media--2,.detail__row__box__category-box__media--3,.detail__row__box__category-box__media--4,.detail__row__box__category-box__media--5,.detail__row__box__category-box__media--7,.detail__row__box__category-box__media--8,.detail__row__box__category-box__media--9,.detail__row__box__category-box__media--10,.detail__row__box__category-box__media--11,.detail__row__box__category-box__media--12,.detail__row__box__category-box__media--13,.detail__row__box__category-box__media--14,.detail__row__box__category-box__media--15,.detail__row__box__category-box__media--16,.detail__row__box__category-box__media--17,.detail__row__box__category-box__media--18,.detail__row__box__category-box__media--19,.detail__row__box__category-box__media--20,.detail__row__box__category-box__media--21 {
    display: table;
    width: 39px;
    height: 39px;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: content-box;
    background-size: cover
}

@media screen and (max-width:834px) {
    #Footer .footer-category__list__items__img--1,#Footer .footer-category__list__items__img--2,#Footer .footer-category__list__items__img--3,#Footer .footer-category__list__items__img--4,#Footer .footer-category__list__items__img--5,#Footer .footer-category__list__items__img--7,#Footer .footer-category__list__items__img--8,#Footer .footer-category__list__items__img--9,#Footer .footer-category__list__items__img--10,#Footer .footer-category__list__items__img--11,#Footer .footer-category__list__items__img--12,#Footer .footer-category__list__items__img--13,#Footer .footer-category__list__items__img--14,#Footer .footer-category__list__items__img--15,#Footer .footer-category__list__items__img--16,#Footer .footer-category__list__items__img--17,#Footer .footer-category__list__items__img--18,#Footer .footer-category__list__items__img--19,#Footer .footer-category__list__items__img--20,#Footer .footer-category__list__items__img--21,.detail__row__box__category-box__media--1,.detail__row__box__category-box__media--2,.detail__row__box__category-box__media--3,.detail__row__box__category-box__media--4,.detail__row__box__category-box__media--5,.detail__row__box__category-box__media--7,.detail__row__box__category-box__media--8,.detail__row__box__category-box__media--9,.detail__row__box__category-box__media--10,.detail__row__box__category-box__media--11,.detail__row__box__category-box__media--12,.detail__row__box__category-box__media--13,.detail__row__box__category-box__media--14,.detail__row__box__category-box__media--15,.detail__row__box__category-box__media--16,.detail__row__box__category-box__media--17,.detail__row__box__category-box__media--18,.detail__row__box__category-box__media--19,.detail__row__box__category-box__media--20,.detail__row__box__category-box__media--21 {
        display: block;
        width: 39px;
        height: 39px;
        margin-right: auto;
        margin-left: auto;
        border-radius: 50%;
        background-color: #fff
    }
}

.detail__row__box__category-box__media--1 {
    background-image: url(/cs/img/common/footer/category/category_1.jpg)
}

.detail__row__box__category-box__media--2 {
    background-image: url(/cs/img/common/footer/category/category_2.jpg)
}

.detail__row__box__category-box__media--3 {
    background-image: url(/cs/img/common/footer/category/category_3.jpg)
}

.detail__row__box__category-box__media--4 {
    background-image: url(/cs/img/common/footer/category/category_4.jpg)
}

.detail__row__box__category-box__media--5 {
    background-image: url(/cs/img/common/footer/category/category_5.jpg)
}

.detail__row__box__category-box__media--7 {
    background-image: url(/cs/img/common/footer/category/category_7.jpg)
}

.detail__row__box__category-box__media--8 {
    background-image: url(/cs/img/common/footer/category/category_8.jpg)
}

.detail__row__box__category-box__media--9 {
    background-image: url(/cs/img/common/footer/category/category_9.jpg)
}

.detail__row__box__category-box__media--10 {
    background-image: url(/cs/img/common/footer/category/category_10.jpg)
}

.detail__row__box__category-box__media--11 {
    background-image: url(/cs/img/common/footer/category/category_11.jpg)
}

.detail__row__box__category-box__media--12 {
    background-image: url(/cs/img/common/footer/category/category_12.jpg)
}

.detail__row__box__category-box__media--13 {
    background-image: url(/cs/img/common/footer/category/category_13.jpg)
}

.detail__row__box__category-box__media--14 {
    background-image: url(/cs/img/common/footer/category/category_14.jpg)
}

.detail__row__box__category-box__media--15 {
    background-image: url(/cs/img/common/footer/category/category_15.jpg)
}

.detail__row__box__category-box__media--16 {
    background-image: url(/cs/img/common/footer/category/category_16.jpg)
}

.detail__row__box__category-box__media--17 {
    background-image: url(/cs/img/common/footer/category/category_17.jpg)
}

.detail__row__box__category-box__media--18 {
    background-image: url(/cs/img/common/footer/category/category_18.jpg)
}

.detail__row__box__category-box__media--19 {
    background-image: url(/cs/img/common/footer/category/category_19.jpg)
}

.detail__row__box__category-box__media--20 {
    background-image: url(/cs/img/common/footer/category/category_20.jpg)
}

.detail__row__box__category-box__media--21 {
    background-image: url(/cs/img/common/footer/category/category_21.jpg)
}

.detail__row__box__category-box__caption {
    font-size: 12px;
    line-height: 1.4;
    display: inline-block;
    width: 120px;
    margin-bottom: 0;
    margin-left: .3rem;
    color: #333
}

@media screen and (max-width:834px) {
    .detail__row__box__category-box__caption {
        font-size: 10px;
        display: block;
        width: 66%;
        margin: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 8px;
        text-align: left
    }
}

.detail__row__box__category-box__link {
    display: block;
    margin: auto
}

.nutrition-facts__table {
    width: auto;
    margin-bottom: 20px;
    margin-left: 0
}

@media screen and (max-width:834px) {
    .nutrition-facts__table {
        width: 100%;
        border-width: 1px
    }
}

.nutrition-facts__table__caption {
    font-size: 18px;
    font-weight: 700;
    line-height: 2.2;
    text-align: left;
    color: #ff7c00;
    background-color: #fff
}

.nutrition-facts__table__tr {
    border-width: 1px
}

.nutrition-facts__table__tr:first-child {
    border-width: 1px
}

.nutrition-facts__table__th,.nutrition-facts__table__th--primary,.nutrition-facts__table__th--horizontal {
    font-weight: 400;
    width: 180px;
    padding: 5px 1.5rem;
    text-align: right;
    vertical-align: middle;
    background-color: #fff
}

@media screen and (max-width:834px) {
    .nutrition-facts__table__th,.nutrition-facts__table__th--primary,.nutrition-facts__table__th--horizontal {
        width: 33%;
        padding: 2px 10px
    }
}

.nutrition-facts__table__th--primary {
    border: solid 1px #ffca98;
    background-color: #fffbee
}

.nutrition-facts__table__th--horizontal {
    line-height: 1.5;
    padding: 8px 1.5rem;
    text-align: center;
    border: solid 1px #ffca98;
    background-color: #fffbee
}

@media screen and (max-width:834px) {
    .nutrition-facts__table__th--horizontal {
        font-size: 12px;
        line-height: 1.4;
        padding: 8px 7px;
        border-width: 1px
    }
}

.nutrition-facts__table__td,.nutrition-facts__table__td--primary,.nutrition-facts__table__td--80,.nutrition-facts__table__td--60,.nutrition-facts__table__td--40,.nutrition-facts__table__td--40--default {
    width: 400px;
    padding: 5px 1.5rem;
    text-align: right
}

@media screen and (max-width:834px) {
    .nutrition-facts__table__td,.nutrition-facts__table__td--primary,.nutrition-facts__table__td--80,.nutrition-facts__table__td--60,.nutrition-facts__table__td--40,.nutrition-facts__table__td--40--default {
        width: 66%;
        padding: 2px 10px;
        border-width: 1px
    }

    .nutrition-facts__table__td:not(:first-child):not(:last-child),.nutrition-facts__table__td--primary:not(:first-child):not(:last-child),.nutrition-facts__table__td--80:not(:first-child):not(:last-child),.nutrition-facts__table__td--60:not(:first-child):not(:last-child),.nutrition-facts__table__td--40:not(:first-child):not(:last-child),.nutrition-facts__table__td--40--default:not(:first-child):not(:last-child) {
        width: 33%
    }
}

.nutrition-facts__table__td--primary,.nutrition-facts__table__td--80,.nutrition-facts__table__td--60,.nutrition-facts__table__td--40 {
    border: solid 1px #ffca98
}

.nutrition-facts__table__td--80 {
    width: 604px
}

.nutrition-facts__table__td--60 {
    width: 408px
}

.nutrition-facts__table__td--40 {
    width: 210px
}

.nutrition-facts__table__td--40--default {
    width: 210px
}

@media screen and (max-width:834px) {
    .nutrition-facts__table__td--40--default {
        width: 66%
    }
}

.allergy {
    padding-top: 24px;
    padding-bottom: 34px
}

@media screen and (max-width:834px) {
    .allergy {
        padding-bottom: 24px
    }
}

.allergy__title {
    margin-bottom: -10px
}

.allergy__caption {
    margin-bottom: 10px
}

.allergy__wrapper {
    border-collapse: collapse;
    border-top: 1px solid #ffca98;
    border-left: 1px solid #ffca98
}

.allergy__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-spacing: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:834px) {
    .allergy__row {
        display: table;
        width: 100%;
        margin: auto
    }
}

.allergy__sp-row {
    border-spacing: 0
}

@media screen and (max-width:834px) {
    .allergy__sp-row {
        display: table-row
    }
}

.allergy__row__items,.allergy__row__items--text-small,.allergy__row__items--primary {
    display: table-cell;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: calc(970px/9);
    padding: 8px 0;
    text-align: center;
    color: #999;
    border-right: 1px solid #ffca98;
    border-bottom: 1px solid #ffca98
}

@media screen and (max-width:834px) {
    .allergy__row__items,.allergy__row__items--text-small,.allergy__row__items--primary {
        width: 33%
    }
}

.allergy__row__items--text-small {
    font-size: 14px
}

.allergy__row__items.is-active,.is-active.allergy__row__items--text-small,.is-active.allergy__row__items--primary,.allergy__row__items--text-small.is-active {
    color: #fff;
    background-color: #ff9531
}

.allergy-table__list {
    min-height: 24px;
    list-style: none
}

.allergy-table__list__item {
    display: inline-block
}

.allergy-table__list__item:after {
    content: '・'
}

.allergy-table__list__item:last-child:after {
    content: ''
}

.allergy__footer {
    padding-top: 10px
}

.allergy__footer__caption {
    font-size: 14px;
    margin-bottom: 0
}

.allergy__footer__caption:before {
    font-size: 24px;
    content: '■'
}

.allergy__footer__list {
    margin-bottom: 10px
}

.allergy__footer__list_dot {
    display: inline-block;
    padding-right: 3px
}

.allergy__footer__list__items_dot {
    font-size: 14px;
    display: inline;
    color: #ff7c00
}

.allergy__footer__list__items_dot:after {
    content: '・'
}

.allergy__footer__list__items_dot:last-child:after {
    content: ''
}

.allergy__footer__list__items {
    font-size: 14px;
    display: inline;
    color: #ff7c00
}

.allergy__footer__list__items:before {
    margin-left: -8px;
    content: '［'
}

.allergy__footer__list__items:after {
    margin-right: -4px;
    content: '］'
}

.allergy__footer__notice {
    font-size: 14px;
    margin-bottom: 50px;
    color: #999
}

.allergy__footer__notice:before {
    font-family: '游ゴシック Medium',Yu Gothic Medium,'游ゴシック体',YuGothic;
    margin-right: 10px;
    content: '※'
}

@media screen and (max-width:834px) {
    .allergy__footer__notice {
        line-height: 1.4;
        padding-left: 1.5em;
        text-indent: -1.5em
    }
}

.allergy__text {
    margin-bottom: 50px
}

@media screen and (max-width:834px) {
    .allergy__text {
        margin-bottom: 45px
    }
}

.manufacturer-table__text {
    margin-bottom: 10px
}

.SafetyAlert__text {
    margin-top: 60px
}

@media screen and (max-width:834px) {
    .SafetyAlert__text {
        margin-top: 50px
    }
}

.additional-msg {
    margin-bottom: 73px
}

@media screen and (max-width:834px) {
    .additional-msg {
        margin-bottom: 54px
    }
}

.brand-head {
    width: 980px;
    margin: auto;
    margin-top: -17px;
    padding-bottom: 40px
}

@media screen and (max-width:834px) {
    .brand-head {
        width: 100%;
        padding-bottom: 0
    }
}

.brand-head__title,.brand-head__title--primary {
    padding-top: 0;
    padding-bottom: 21px
}

@media screen and (max-width:834px) {
    .brand-head__title,.brand-head__title--primary {
        padding-bottom: 7px
    }
}

.brand-head__title h2,.brand-head__title--primary h2,.brand-head__title h3,.brand-head__title--primary h3,.brand-head__title h4,.brand-head__title--primary h4,.brand-head__title h5,.brand-head__title--primary h5,.brand-head__title h6,.brand-head__title--primary h6 {
    margin-top: 0
}

.brand-head__title h2:after,.brand-head__title--primary h2:after,.brand-head__title h3:after,.brand-head__title--primary h3:after,.brand-head__title h4:after,.brand-head__title--primary h4:after,.brand-head__title h5:after,.brand-head__title--primary h5:after,.brand-head__title h6:after,.brand-head__title--primary h6:after {
    display: block;
    width: 20px;
    height: 5px;
    margin: auto;
    margin: 15px auto 3px;
    content: '';
    background-color: #333
}

@media screen and (max-width:834px) {
    .brand-head__title h2,.brand-head__title--primary h2,.brand-head__title h3,.brand-head__title--primary h3,.brand-head__title h4,.brand-head__title--primary h4,.brand-head__title h5,.brand-head__title--primary h5,.brand-head__title h6,.brand-head__title--primary h6 {
        margin-top: -10px
    }
}

.brand-head__title--primary {
    padding-top: 20px
}

.brand-head__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.brand-body,.new-info-body {
    margin-bottom: 80px;
    padding: 47px 0 40px
}

.brand-body:before,.new-info-body:before,.brand-body:after,.new-info-body:after {
    height: 7px;
    background: url(/cs/img/common/triangle.svg) repeat-x;
    background-size: 14px 7px
}

.brand-body:after,.new-info-body:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    content: '';
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width:834px) {
    .brand-body,.new-info-body {
        display: inline-block;
        margin-bottom: 60px
    }
}

.new-info {
    width: 980px;
    margin: auto;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .new-info {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.new-info__title {
    font-size: 24px;
    padding-top: 20px;
    color: #333
}

@media screen and (max-width:834px) {
    .new-info__title {
        font-size: 22px;
        margin-top: -5px;
        padding-top: 0
    }
}

.new-info__title h2,.new-info__title h3,.new-info__title h4,.new-info__title h5,.new-info__title h6 {
    font-weight: 400
}

.new-info-body {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .new-info-body {
        margin-bottom: 30px
    }
}

.item-foot {
    margin-bottom: 80px
}

@media screen and (max-width:834px) {
    .item-foot {
        margin-bottom: 60px
    }
}

@media screen and (max-width:834px) {
    .item-foot__button__wrapper {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.item-foot__button {
    margin: 0 30px
}

@media screen and (max-width:834px) {
    .item-foot__button {
        width: 110px;
        margin: 0 27px
    }
}

.search__wrapper {
    padding-top: 14px
}

@media screen and (max-width:834px) {
    .search__wrapper {
        padding-top: 55px
    }
}

.search__wrapper--allergy {
    padding-top: 14px
}

@media screen and (max-width:834px) {
    .search__wrapper--allergy {
        padding-top: 0
    }
}

.search {
    width: 980px;
    margin: auto;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .search {
        width: calc(100% - 40px);
        margin-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.search--allergy {
    width: 980px;
    margin: auto;
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .search--allergy {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
        padding-left: 0
    }
}

.search__title {
    margin-bottom: 20px
}

.search__title--primary {
    margin-bottom: 20px
}

@media screen and (max-width:834px) {
    .search__title--primary {
        margin-bottom: 10px
    }
}

.search__head,.search__head--primary {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .search__head--primary {
        margin-bottom: 10px
    }
}

.search__head__list,.search__head__list--primary {
    margin-bottom: 40px
}

@media screen and (max-width:834px) {
    .search__head__list--primary {
        margin-bottom: 20px
    }
}

.search__head__list__items {
    margin-bottom: 1rem;
    padding-left: 1.62em;
    list-style: none;
    text-indent: -1.62em
}

@media screen and (max-width:834px) {
    .search__head__list__items {
        padding-left: 1.3em;
        text-indent: -1.3em
    }
}

.search__head__list__items:before {
    font-family: '游ゴシック Medium',Yu Gothic Medium,'游ゴシック体',YuGothic;
    margin-right: 10px;
    content: '●'
}

@media screen and (max-width:834px) {
    .search__head__list__items:before {
        margin-right: .25rem
    }
}

.search__head__list--secondary__items {
    font-size: 14px;
    margin-bottom: 1rem;
    list-style: none;
    color: #999
}

@media screen and (max-width:834px) {
    .search__head__list--secondary__items {
        font-size: 13px;
        padding-left: 1.3em;
        text-indent: -1.3em
    }
}

.search__head__list--secondary__items:before {
    font-family: '游ゴシック Medium',Yu Gothic Medium,'游ゴシック体',YuGothic;
    margin-right: 10px;
    content: '※'
}

@media screen and (max-width:834px) {
    .search__head__list--secondary__items:before {
        margin-right: .25rem
    }
}

.form--search,.form--search--primary {
    padding-top: 58px
}

.form--search .form--search__table__td__select,.form--search--primary .form--search__table__td__select {
    width: 260px
}

@media screen and (min-width:835px) {
    .form--search .form--search__table__td__input,.form--search--primary .form--search__table__td__input {
        width: 380px!important
    }
}

.form--search--primary {
    padding-top: 25px;
    padding-bottom: 28px
}

@media screen and (min-width:835px) {
    .form--search--primary {
        padding-top: 35px;
        padding-bottom: 40px
    }
}

.form--search--primary .form--search__select {
    width: 260px;
    height: 40px;
    margin: 0;
    margin-top: -1px;
    vertical-align: text-top
}

@media screen and (max-width:834px) {
    .form--search--primary .form--search__select {
        width: 100%;
        height: 46px;
        background-position: right center
    }
}

.form--search--primary input[type=text].form--search__input {
    width: 100%;
    margin: 0
}

.gift__list {
    list-style: none
}

@media screen and (min-width:835px) {
    .gift__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.gift__list__items {
    position: relative
}

@media screen and (min-width:835px) {
    .gift__list__items {
        width: 460px
    }
}

.gift__list__items__title {
    display: block;
    margin-bottom: 5px;
    margin-left: 50px;
    padding-left: 10px
}

@media screen and (min-width:835px) {
    .gift__list__items__title {
        display: table;
        width: 360px;
        padding-left: 20px
    }
}

.gift__list__items__title h2,.gift__list__items__title h3,.gift__list__items__title h4,.gift__list__items__title h5,.gift__list__items__title h6 {
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px dotted #ff9531
}

@media screen and (min-width:835px) {
    .gift__list__items__title h2,.gift__list__items__title h3,.gift__list__items__title h4,.gift__list__items__title h5,.gift__list__items__title h6 {
        font-size: 18px
    }
}

.gift__list__items__media {
    float: left;
    width: 50px;
    height: 50px
}

@media screen and (min-width:835px) {
    .gift__list__items__media {
        width: 100px;
        height: 100px
    }
}

.gift__list__items__media__img {
    display: inline;
    width: 50px;
    height: 50px;
    vertical-align: text-top
}

@media screen and (min-width:835px) {
    .gift__list__items__media__img {
        width: 100px;
        height: 100px
    }
}

.gift__list__items__caption {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px
}

@media screen and (min-width:835px) {
    .gift__list__items__caption {
        font-size: 14px;
        padding-left: 20px
    }
}

.gift__list__items__link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

.body--error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.error {
    margin: 127px auto 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:835px) {
    .error {
        margin: 130px auto
    }
}

.error__text {
    margin-bottom: 1.5rem;
    text-align: center;
    color: #333
}

.overview__sub-menu__list {
    width: 313px
}

@media screen and (max-width:834px) {
    .overview__sub-menu__list {
        width: 100%;
        margin-left: -20px
    }
}

.overview__sub-menu__list__items {
    display: block;
    border: solid 2px #ecf1f7;
    border-top: 0
}

@media screen and (max-width:834px) {
    .overview__sub-menu__list__items {
        border-width: 3px;
        border-right: 0;
        border-left: 0
    }
}

.overview__sub-menu__link,.overview__sub-menu__link--primary {
    font-size: 15px;
    line-height: 1.2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 43px;
    padding-left: 16px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    text-decoration: none;
    color: #666;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.overview__sub-menu__link:before,.overview__sub-menu__link--primary:before {
    position: absolute;
    top: 0;
    right: 1.3rem;
    bottom: 0;
    width: 18px;
    height: 19px;
    margin: auto;
    background-position: -113px -152px
}

.overview__sub-menu__link:hover,.overview__sub-menu__link--primary:hover {
    background-color: #ecf1f7
}

@media screen and (max-width:834px) {
    .overview__sub-menu__link,.overview__sub-menu__link--primary {
        font-size: 16px;
        height: 50px
    }
}

.overview__sub-menu__link--primary {
    font-size: 13px
}

@media screen and (max-width:834px) {
    .overview__sub-menu__link--primary {
        font-size: 16px
    }
}

.overview__banner__figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:835px) {
    .search-site {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width:834px) {
    .search-site__dl:first-child {
        margin-bottom: 25px
    }
}

@media screen and (min-width:835px) {
    .search-site__dl:first-child {
        margin-right: 40px
    }

    .search-site__dl:last-child {
        width: 100%
    }
}

.search-site__dd {
    height: 50px
}

@media screen and (min-width:835px) {
    .search-site__dd {
        height: 40px
    }
}

@media screen and (max-width:834px) {
    .result {
        margin: 30px -20px 0
    }

    .result table td {
        padding: 10px 20px
    }
}

@media screen and (min-width:835px) {
    .result {
        margin-top: 65px;
        margin-bottom: 50px
    }
}

.searched-text {
    font-weight: 700;
    color: #666
}

.result-text-link .result-text-ttl {
    font-size: 16px;
    display: block
}

@media screen and (max-width:834px) {
    .result-text-link .result-text-ttl {
        font-size: 14px
    }
}

.result-text-link .result-text-body {
    font-size: 14px;
    display: block;
    margin-top: 5px;
    color: #777
}

.result-text-link .result-text-body:after {
    display: inline;
    content: '...'
}

@media screen and (max-width:834px) {
    .result-text-link .result-text-body {
        font-size: 12px
    }
}

.result-text-link:hover .result-text-body {
    color: #ff7c00
}

.clearfix,.table-feed__nav,.label--card,.form__text--sub.input--comment,.form__text--att,.form__text--att-l,.label__list,.label__list--primary,.form__list--notes-lmaru li,.form__list--notes-kome li,.form__list--notes-kome_en li,.list--notes-kome li,.eco-make__wrapper,.eco-registration__wrapper:not(:last-child),.table--eco-registration,.counselling--note h4,.counselling--note p,.c-faq__wrapper ul,.recruit-fsjobflow__wrapper dd,.text--note,.company-feed__wrapper,.ir-index__banner,.recruit-top__banner,.ir-financial__p,.ir-benefit__wrapper {
    *zoom: 1
}

.clearfix:after,.table-feed__nav:after,.label--card:after,.form__text--sub.input--comment:after,.form__text--att:after,.form__text--att-l:after,.label__list:after,.label__list--primary:after,.form__list--notes-lmaru li:after,.form__list--notes-kome li:after,.form__list--notes-kome_en li:after,.list--notes-kome li:after,.eco-make__wrapper:after,.eco-registration__wrapper:not(:last-child):after,.table--eco-registration:after,.counselling--note h4:after,.counselling--note p:after,.c-faq__wrapper ul:after,.recruit-fsjobflow__wrapper dd:after,.text--note:after,.company-feed__wrapper:after,.ir-index__banner:after,.recruit-top__banner:after,.ir-financial__p:after,.ir-benefit__wrapper:after {
    display: table;
    clear: both;
    content: ''
}/*! Emma.css 0.7.0 | emmet-like utility classes | MIT License | git.io/emma */.u-pos-s {
    position: static!important
}

.u-pos-a {
    position: absolute!important
}

.u-pos-r {
    position: relative!important
}

.u-pos-f {
    position: fixed!important
}

.u-t-a {
    top: auto!important
}

.u-t-0 {
    top: 0!important
}

.u-r-a {
    right: auto!important
}

.u-r-0 {
    right: 0!important
}

.u-b-a {
    bottom: auto!important
}

.u-b-0 {
    bottom: 0!important
}

.u-l-a {
    left: auto!important
}

.u-l-0 {
    left: 0!important
}

.u-z-a {
    z-index: auto!important
}

.u-z-0 {
    z-index: 0!important
}

.u-z-1 {
    z-index: 1!important
}

.u-z-2 {
    z-index: 2!important
}

.u-z-3 {
    z-index: 3!important
}

.u-z-4 {
    z-index: 4!important
}

.u-z-5 {
    z-index: 5!important
}

.u-z-6 {
    z-index: 6!important
}

.u-z-9999 {
    z-index: 9999!important
}

.u-fl-n {
    float: none!important
}

.u-fl-l {
    float: left!important
}

.u-fl-r {
    float: right!important
}

.u-cl-n {
    clear: none!important
}

.u-cl-l {
    clear: left!important
}

.u-cl-r {
    clear: right!important
}

.u-cl-b {
    clear: both!important
}

.u-d-n {
    display: none!important
}

.u-d-b {
    display: block!important
}

.u-d-f {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.u-d-if {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

.u-d-i {
    display: inline!important
}

.u-d-ib {
    display: inline-block!important
}

.u-d-li {
    display: list-item!important
}

.u-d-ri {
    display: run-in!important
}

.u-d-tb {
    display: table!important
}

.u-d-itb {
    display: inline-table!important
}

.u-d-tbcp {
    display: table-caption!important
}

.u-d-tbcl {
    display: table-column!important
}

.u-d-tbclg {
    display: table-column-group!important
}

.u-d-tbhg {
    display: table-header-group!important
}

.u-d-tbfg {
    display: table-footer-group!important
}

.u-d-tbr {
    display: table-row!important
}

.u-d-tbrg {
    display: table-row-group!important
}

.u-d-tbc {
    display: table-cell!important
}

.u-d-rb {
    display: ruby!important
}

.u-d-rbb {
    display: ruby-base!important
}

.u-d-rbt {
    display: ruby-text!important
}

.u-v-v {
    visibility: visible!important
}

.u-v-h {
    visibility: hidden!important
}

.u-v-c {
    visibility: collapse!important
}

.u-ov-v {
    overflow: visible!important
}

.u-ov-h {
    overflow: hidden!important
}

.u-ov-s {
    overflow: scroll!important
}

.u-ov-a {
    overflow: auto!important
}

.u-ovx-v {
    overflow-x: visible!important
}

.u-ovx-h {
    overflow-x: hidden!important
}

.u-ovx-s {
    overflow-x: scroll!important
}

.u-ovx-a {
    overflow-x: auto!important
}

.u-ovy-v {
    overflow-y: visible!important
}

.u-ovy-h {
    overflow-y: hidden!important
}

.u-ovy-s {
    overflow-y: scroll!important
}

.u-ovy-a {
    overflow-y: auto!important
}

.u-bxz-cb {
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important
}

.u-bxz-bb {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important
}

.u-bxsh-n {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.u-m-a {
    margin: auto!important
}

.u-m-0 {
    margin: 0!important
}

.u-m-0_a {
    margin: 0 auto!important
}

.u-m-xs {
    margin: .2rem!important
}

.u-m-sm {
    margin: .5rem!important
}

.u-m-md {
    margin: 1rem!important
}

.u-m-lg {
    margin: 1.5rem!important
}

.u-m-xl {
    margin: 3rem!important
}

.u-mt-0 {
    margin-top: 0!important
}

.u-mt-xs {
    margin-top: .2rem!important
}

.u-mt-sm {
    margin-top: .5rem!important
}

.u-mt-md {
    margin-top: 1rem!important
}

.u-mt-lg {
    margin-top: 1.5rem!important
}

.u-mt-xl {
    margin-top: 3rem!important
}

.u-mr-a {
    margin-right: auto!important
}

.u-mr-0 {
    margin-right: 0!important
}

.u-mr-xs {
    margin-right: .2rem!important
}

.u-mr-sm {
    margin-right: .5rem!important
}

.u-mr-md {
    margin-right: 1rem!important
}

.u-mr-lg {
    margin-right: 1.5rem!important
}

.u-mr-xl {
    margin-right: 3rem!important
}

.u-mb-0 {
    margin-bottom: 0!important
}

.u-mb-xs {
    margin-bottom: .2rem!important
}

.u-mb-sm {
    margin-bottom: .5rem!important
}

.u-mb-md {
    margin-bottom: 1rem!important
}

.u-mb-lg {
    margin-bottom: 1.5rem!important
}

.u-mb-xl {
    margin-bottom: 3rem!important
}

.u-ml-a {
    margin-left: auto!important
}

.u-ml-0 {
    margin-left: 0!important
}

.u-ml-xs {
    margin-left: .2rem!important
}

.u-ml-sm {
    margin-left: .5rem!important
}

.u-ml-md {
    margin-left: 1rem!important
}

.u-ml-lg {
    margin-left: 1.5rem!important
}

.u-ml-xl {
    margin-left: 3rem!important
}

.u-p-0 {
    padding: 0!important
}

.u-p-xs {
    padding: .2rem!important
}

.u-p-sm {
    padding: .5rem!important
}

.u-p-md {
    padding: 1rem!important
}

.u-p-lg {
    padding: 1.5rem!important
}

.u-p-xl {
    padding: 3rem!important
}

.u-pt-0 {
    padding-top: 0!important
}

.u-pt-xs {
    padding-top: .2rem!important
}

.u-pt-sm {
    padding-top: .5rem!important
}

.u-pt-md {
    padding-top: 1rem!important
}

.u-pt-lg {
    padding-top: 1.5rem!important
}

.u-pt-xl {
    padding-top: 3rem!important
}

.u-pr-0 {
    padding-right: 0!important
}

.u-pr-xs {
    padding-right: .2rem!important
}

.u-pr-sm {
    padding-right: .5rem!important
}

.u-pr-md {
    padding-right: 1rem!important
}

.u-pr-lg {
    padding-right: 1.5rem!important
}

.u-pr-xl {
    padding-right: 3rem!important
}

.u-pb-0 {
    padding-bottom: 0!important
}

.u-pb-xs {
    padding-bottom: .2rem!important
}

.u-pb-sm {
    padding-bottom: .5rem!important
}

.u-pb-md {
    padding-bottom: 1rem!important
}

.u-pb-lg {
    padding-bottom: 1.5rem!important
}

.u-pb-xl {
    padding-bottom: 3rem!important
}

.u-pl-0 {
    padding-left: 0!important
}

.u-pl-xs {
    padding-left: .2rem!important
}

.u-pl-sm {
    padding-left: .5rem!important
}

.u-pl-md {
    padding-left: 1rem!important
}

.u-pl-lg {
    padding-left: 1.5rem!important
}

.u-pl-xl {
    padding-left: 3rem!important
}

.u-w-a {
    width: auto!important
}

.u-w-0 {
    width: 0!important
}

.u-w-1p {
    width: 1%!important
}

.u-w-10p {
    width: 10%!important
}

.u-w-20p {
    width: 20%!important
}

.u-w-25p {
    width: 25%!important
}

.u-w-30p {
    width: 30%!important
}

.u-w-33p {
    width: 33%!important
}

.u-w-40p {
    width: 40%!important
}

.u-w-50p {
    width: 50%!important
}

.u-w-60p {
    width: 60%!important
}

.u-w-66p {
    width: 66%!important
}

.u-w-70p {
    width: 70%!important
}

.u-w-75p {
    width: 75%!important
}

.u-w-80p {
    width: 80%!important
}

.u-w-90p {
    width: 90%!important
}

.u-w-100p {
    width: 100%!important
}

.u-h-a {
    height: auto!important
}

.u-h-0 {
    height: 0!important
}

.u-h-100p {
    height: 100%!important
}

.u-maw-n {
    max-width: none!important
}

.u-maw-1p {
    max-width: 1%!important
}

.u-maw-10p {
    max-width: 10%!important
}

.u-maw-20p {
    max-width: 20%!important
}

.u-maw-25p {
    max-width: 25%!important
}

.u-maw-30p {
    max-width: 30%!important
}

.u-maw-33p {
    max-width: 33%!important
}

.u-maw-40p {
    max-width: 40%!important
}

.u-maw-50p {
    max-width: 50%!important
}

.u-maw-60p {
    max-width: 60%!important
}

.u-maw-66p {
    max-width: 66%!important
}

.u-maw-70p {
    max-width: 70%!important
}

.u-maw-75p {
    max-width: 75%!important
}

.u-maw-80p {
    max-width: 80%!important
}

.u-maw-90p {
    max-width: 90%!important
}

.u-maw-100p {
    max-width: 100%!important
}

.u-mah-n {
    max-height: none!important
}

.u-mah-100p {
    max-height: 100%!important
}

.u-miw-0 {
    min-width: 0!important
}

.u-mih-0 {
    min-height: 0!important
}

.u-ol-n {
    outline: none!important
}

.u-olw-tn {
    outline-width: thin!important
}

.u-olw-md {
    outline-width: medium!important
}

.u-olw-tc {
    outline-width: thick!important
}

.u-ols-n {
    outline-style: none!important
}

.u-ols-dt {
    outline-style: dotted!important
}

.u-ols-ds {
    outline-style: dashed!important
}

.u-ols-s {
    outline-style: solid!important
}

.u-ols-db {
    outline-style: double!important
}

.u-ols-g {
    outline-style: groove!important
}

.u-ols-r {
    outline-style: ridge!important
}

.u-ols-i {
    outline-style: inset!important
}

.u-ols-o {
    outline-style: outset!important
}

.u-olc-i {
    outline-color: invert!important
}

.u-bfv-h {
    -webkit-backface-visibility: hidden!important;
    backface-visibility: hidden!important
}

.u-bfv-v {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

.u-bd-n {
    border: none!important
}

.u-bd-0 {
    border: 0!important
}

.u-bdcl-c {
    border-collapse: collapse!important
}

.u-bdcl-s {
    border-collapse: separate!important
}

.u-bdc-t {
    border-color: transparent!important
}

.u-bdc-cc {
    border-color: currentColor!important
}

.u-bdc-white {
    border-color: #fff!important
}

.u-bdc-silver {
    border-color: #ecf1f7!important
}

.u-bdc-gray {
    border-color: #aaa!important
}

.u-bdc-black {
    border-color: #333!important
}

.u-bdc-primary {
    border-color: #ff7c00!important
}

.u-bdc-success {
    border-color: #5cb85c!important
}

.u-bdc-info {
    border-color: #5bc0de!important
}

.u-bdc-warning {
    border-color: #f8d100!important
}

.u-bdc-danger {
    border-color: #e60012!important
}

.u-bdi-n {
    -o-border-image: none!important;
    border-image: none!important
}

.u-bds-n {
    border-style: none!important
}

.u-bds-h {
    border-style: hidden!important
}

.u-bds-dt {
    border-style: dotted!important
}

.u-bds-ds {
    border-style: dashed!important
}

.u-bds-s {
    border-style: solid!important
}

.u-bds-db {
    border-style: double!important
}

.u-bds-g {
    border-style: groove!important
}

.u-bds-r {
    border-style: ridge!important
}

.u-bds-i {
    border-style: inset!important
}

.u-bds-o {
    border-style: outset!important
}

.u-bdw-0 {
    border-width: 0!important
}

.u-bdw-1 {
    border-width: 1px!important
}

.u-bdw-2 {
    border-width: 2px!important
}

.u-bdw-3 {
    border-width: 3px!important
}

.u-bdw-4 {
    border-width: 4px!important
}

.u-bdw-5 {
    border-width: 5px!important
}

.u-bdw-6 {
    border-width: 6px!important
}

.u-bdtw-0 {
    border-top-width: 0!important
}

.u-bdtw-1 {
    border-top-width: 1px!important
}

.u-bdtw-2 {
    border-top-width: 2px!important
}

.u-bdtw-3 {
    border-top-width: 3px!important
}

.u-bdtw-4 {
    border-top-width: 4px!important
}

.u-bdtw-5 {
    border-top-width: 5px!important
}

.u-bdtw-6 {
    border-top-width: 6px!important
}

.u-bdrw-0 {
    border-right-width: 0!important
}

.u-bdrw-1 {
    border-right-width: 1px!important
}

.u-bdrw-2 {
    border-right-width: 2px!important
}

.u-bdrw-3 {
    border-right-width: 3px!important
}

.u-bdrw-4 {
    border-right-width: 4px!important
}

.u-bdrw-5 {
    border-right-width: 5px!important
}

.u-bdrw-6 {
    border-right-width: 6px!important
}

.u-bdbw-0 {
    border-bottom-width: 0!important
}

.u-bdbw-1 {
    border-bottom-width: 1px!important
}

.u-bdbw-2 {
    border-bottom-width: 2px!important
}

.u-bdbw-3 {
    border-bottom-width: 3px!important
}

.u-bdbw-4 {
    border-bottom-width: 4px!important
}

.u-bdbw-5 {
    border-bottom-width: 5px!important
}

.u-bdbw-6 {
    border-bottom-width: 6px!important
}

.u-bdlw-0 {
    border-left-width: 0!important
}

.u-bdlw-1 {
    border-left-width: 1px!important
}

.u-bdlw-2 {
    border-left-width: 2px!important
}

.u-bdlw-3 {
    border-left-width: 3px!important
}

.u-bdlw-4 {
    border-left-width: 4px!important
}

.u-bdlw-5 {
    border-left-width: 5px!important
}

.u-bdlw-6 {
    border-left-width: 6px!important
}

.u-bdt-n {
    border-top: none!important
}

.u-bdt-0 {
    border-top: 0!important
}

.u-bdtc-t {
    border-top-color: transparent!important
}

.u-bdtc-cc {
    border-top-color: currentColor!important
}

.u-bdr-n {
    border-right: none!important
}

.u-bdr-0 {
    border-right: 0!important
}

.u-bdrc-t {
    border-right-color: transparent!important
}

.u-bdrc-cc {
    border-right-color: currentColor!important
}

.u-bdb-n {
    border-bottom: none!important
}

.u-bdb-0 {
    border-bottom: 0!important
}

.u-bdbc-t {
    border-bottom-color: transparent!important
}

.u-bdbc-cc {
    border-bottom-color: currentColor!important
}

.u-bdl-n {
    border-left: none!important
}

.u-bdl-0 {
    border-left: 0!important
}

.u-bdlc-t {
    border-left-color: transparent!important
}

.u-bdlc-cc {
    border-left-color: currentColor!important
}

.u-bdrs-xs {
    border-radius: .1rem!important
}

.u-bdrs-sm {
    border-radius: .2rem!important
}

.u-bdrs-md {
    border-radius: .25rem!important
}

.u-bdrs-lg {
    border-radius: .3rem!important
}

.u-bdrs-xl {
    border-radius: .4rem!important
}

.u-bdrs-0 {
    border-radius: 0!important
}

.u-bdrs-1 {
    border-radius: 1px!important
}

.u-bdrs-2 {
    border-radius: 2px!important
}

.u-bdrs-3 {
    border-radius: 3px!important
}

.u-bdrs-4 {
    border-radius: 4px!important
}

.u-bdrs-5 {
    border-radius: 5px!important
}

.u-bdrs-6 {
    border-radius: 6px!important
}

.u-bdrs-100p {
    border-radius: 100%!important
}

.u-bg-n {
    background: none!important
}

.u-bgc-t {
    background-color: transparent!important
}

.u-bgc-cc {
    background-color: currentColor!important
}

.u-bgc-white {
    background-color: #fff!important
}

.u-bgc-silver {
    background-color: #ecf1f7!important
}

.u-bgc-gray {
    background-color: #aaa!important
}

.u-bgc-black {
    background-color: #333!important
}

.u-bgc-primary {
    background-color: #ff7c00!important
}

.u-bgc-success {
    background-color: #5cb85c!important
}

.u-bgc-info {
    background-color: #5bc0de!important
}

.u-bgc-warning {
    background-color: #f8d100!important
}

.u-bgc-danger {
    background-color: #e60012!important
}

.u-bgi-n {
    background-image: none!important
}

.u-bgr-n {
    background-repeat: no-repeat!important
}

.u-bgr-x {
    background-repeat: repeat-x!important
}

.u-bgr-y {
    background-repeat: repeat-y!important
}

.u-bgr-sp {
    background-repeat: space!important
}

.u-bgr-rd {
    background-repeat: round!important
}

.u-bga-f {
    background-attachment: fixed!important
}

.u-bga-s {
    background-attachment: scroll!important
}

.u-bgp-t {
    background-position: top!important
}

.u-bgp-r {
    background-position: right!important
}

.u-bgp-b {
    background-position: bottom!important
}

.u-bgp-l {
    background-position: left!important
}

.u-bgp-c {
    background-position: center!important
}

.u-bgsz-a {
    background-size: auto!important
}

.u-bgsz-ct {
    background-size: contain!important
}

.u-bgsz-cv {
    background-size: cover!important
}

.u-c-i {
    color: inherit!important
}

.u-c-white {
    color: #fff!important
}

.u-c-silver {
    color: #ecf1f7!important
}

.u-c-gray {
    color: #aaa!important
}

.u-c-black {
    color: #333!important
}

.u-c-primary {
    color: #ff7c00!important
}

.u-c-success {
    color: #5cb85c!important
}

.u-c-info {
    color: #5bc0de!important
}

.u-c-warning {
    color: #f8d100!important
}

.u-c-danger {
    color: #e60012!important
}

.u-tbl-a {
    table-layout: auto!important
}

.u-tbl-f {
    table-layout: fixed!important
}

.u-lis-n {
    list-style: none!important
}

.u-lisp-i {
    list-style-position: inside!important
}

.u-lisp-o {
    list-style-position: outside!important
}

.u-list-n {
    list-style-type: none!important
}

.u-list-d {
    list-style-type: disc!important
}

.u-list-c {
    list-style-type: circle!important
}

.u-list-s {
    list-style-type: square!important
}

.u-list-dc {
    list-style-type: decimal!important
}

.u-list-dclz {
    list-style-type: decimal-leading-zero!important
}

.u-list-lr {
    list-style-type: lower-roman!important
}

.u-list-ur {
    list-style-type: upper-roman!important
}

.u-lisi-n {
    list-style-image: none!important
}

.u-va-sup {
    vertical-align: super!important
}

.u-va-t {
    vertical-align: top!important
}

.u-va-tt {
    vertical-align: text-top!important
}

.u-va-m {
    vertical-align: middle!important
}

.u-va-bl {
    vertical-align: baseline!important
}

.u-va-b {
    vertical-align: bottom!important
}

.u-va-tb {
    vertical-align: text-bottom!important
}

.u-va-sub {
    vertical-align: sub!important
}

.u-ta-l {
    text-align: left!important
}

.u-ta-c {
    text-align: center!important
}

.u-ta-r {
    text-align: right!important
}

.u-ta-j {
    text-align: justify!important
}

.u-td-n {
    text-decoration: none!important
}

.u-td-u {
    text-decoration: underline!important
}

.u-td-o {
    text-decoration: overline!important
}

.u-td-l {
    text-decoration: line-through!important
}

.u-te-n {
    text-emphasis: none!important;
    -webkit-text-emphasis: none!important
}

.u-te-dt {
    text-emphasis: dot!important;
    -webkit-text-emphasis: dot!important
}

.u-te-c {
    text-emphasis: circle!important;
    -webkit-text-emphasis: circle!important
}

.u-ti-0 {
    text-indent: 0!important
}

.u-ti--9999 {
    text-indent: -9999px!important
}

.u-tov-e {
    text-overflow: ellipsis!important
}

.u-tov-c {
    text-overflow: clip!important
}

.u-tt-n {
    text-transform: none!important
}

.u-tt-c {
    text-transform: capitalize!important
}

.u-tt-u {
    text-transform: uppercase!important
}

.u-tt-l {
    text-transform: lowercase!important
}

.u-tsh-n {
    text-shadow: none!important
}

.u-lh-nm {
    line-height: normal!important
}

.u-lh-i {
    line-height: inherit!important
}

.u-lh-0 {
    line-height: 0!important
}

.u-lh-1 {
    line-height: 1!important
}

.u-lh-2 {
    line-height: 2!important
}

.u-lh-3 {
    line-height: 3!important
}

.u-lh-4 {
    line-height: 4!important
}

.u-lh-5 {
    line-height: 5!important
}

.u-lh-6 {
    line-height: 6!important
}

.u-lh-xs {
    line-height: 1.25!important
}

.u-lh-sm {
    line-height: 1.33!important
}

.u-lh-md {
    line-height: 1.5!important
}

.u-lh-lg {
    line-height: 1.75!important
}

.u-lh-xl {
    line-height: 2!important
}

.u-whs-nm {
    white-space: normal!important
}

.u-whs-p {
    white-space: pre!important
}

.u-whs-nw {
    white-space: nowrap!important
}

.u-whs-pw {
    white-space: pre-wrap!important
}

.u-whs-pl {
    white-space: pre-line!important
}

.u-wob-nm {
    word-break: normal!important
}

.u-wob-k {
    word-break: keep-all!important
}

.u-wob-ba {
    word-break: break-all!important
}

.u-wow-nm {
    word-wrap: normal!important
}

.u-wow-bw {
    word-wrap: break-word!important
}

.u-lts-nm {
    letter-spacing: normal!important
}

.u-fw-nm {
    font-weight: 400!important
}

.u-fw-b {
    font-weight: 700!important
}

.u-fw-br {
    font-weight: bolder!important
}

.u-fw-l {
    font-weight: 200!important
}

.u-fw-lr {
    font-weight: lighter!important
}

.u-fw-100 {
    font-weight: 100!important
}

.u-fw-200 {
    font-weight: 200!important
}

.u-fw-300 {
    font-weight: 300!important
}

.u-fw-400 {
    font-weight: 400!important
}

.u-fw-500 {
    font-weight: 500!important
}

.u-fw-600 {
    font-weight: 600!important
}

.u-fw-700 {
    font-weight: 700!important
}

.u-fw-800 {
    font-weight: 800!important
}

.u-fw-900 {
    font-weight: 900!important
}

.u-fs-nm {
    font-style: normal!important
}

.u-fs-i {
    font-style: italic!important
}

.u-fs-o {
    font-style: oblique!important
}

.u-fv-nm {
    font-variant: normal!important
}

.u-fv-sc {
    font-variant: small-caps!important
}

.u-fz-xs {
    font-size: .75rem!important
}

.u-fz-sm {
    font-size: .875rem!important
}

.u-fz-md {
    font-size: 1rem!important
}

.u-fz-lg {
    font-size: 1.25rem!important
}

.u-fz-xl {
    font-size: 1.5rem!important
}

.u-fz-sr {
    font-size: smaller!important
}

.u-fz-lr {
    font-size: larger!important
}

.u-fz-10 {
    font-size: 10px!important
}

.u-fz-11 {
    font-size: 11px!important
}

.u-fz-12 {
    font-size: 12px!important
}

.u-fz-13 {
    font-size: 13px!important
}

.u-fz-14 {
    font-size: 14px!important
}

.u-fz-15 {
    font-size: 15px!important
}

.u-fz-16 {
    font-size: 16px!important
}

.u-fz-17 {
    font-size: 17px!important
}

.u-fz-18 {
    font-size: 18px!important
}

.u-fz-19 {
    font-size: 19px!important
}

.u-fz-20 {
    font-size: 20px!important
}

.u-fz-h1 {
    font-size: 2.5rem!important
}

.u-fz-h2 {
    font-size: 2rem!important
}

.u-fz-h3 {
    font-size: 1.75rem!important
}

.u-fz-h4 {
    font-size: 1.5rem!important
}

.u-fz-h5 {
    font-size: 1.25rem!important
}

.u-fz-h6 {
    font-size: 1rem!important
}

.u-ff-s {
    font-family: serif!important
}

.u-ff-ss {
    font-family: sans-serif!important
}

.u-ff-m {
    font-family: monospace!important
}

.u-ff-a {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif!important
}

.u-ff-t {
    font-family: Times New Roman,Times,Baskerville,Georgia,serif!important
}

.u-ff-v {
    font-family: Verdana,Geneva,sans-serif!important
}

.u-ff-l {
    font-family: Lucida Grande,Lucida Sans Unicode,Verdana,Arial,Helvetica Neue,Helvetica,sans-serif!important
}

.u-ff-j {
    font-family: Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic ProN,Meiryo,sans-serif!important
}

.u-op-0 {
    opacity: 0!important
}

.u-op-0_1 {
    opacity: .1!important
}

.u-op-0_2 {
    opacity: .2!important
}

.u-op-0_3 {
    opacity: .3!important
}

.u-op-0_4 {
    opacity: .4!important
}

.u-op-0_5 {
    opacity: .5!important
}

.u-op-0_6 {
    opacity: .6!important
}

.u-op-0_7 {
    opacity: .7!important
}

.u-op-0_8 {
    opacity: .8!important
}

.u-op-0_9 {
    opacity: .9!important
}

.u-op-1 {
    opacity: 1!important
}

.u-rsz-n {
    resize: none!important
}

.u-rsz-b {
    resize: both!important
}

.u-rsz-h {
    resize: horizontal!important
}

.u-rsz-v {
    resize: vertical!important
}

.u-cur-a {
    cursor: auto!important
}

.u-cur-d {
    cursor: default!important
}

.u-cur-c {
    cursor: crosshair!important
}

.u-cur-he {
    cursor: help!important
}

.u-cur-m {
    cursor: move!important
}

.u-cur-p {
    cursor: pointer!important
}

.u-cur-t {
    cursor: text!important
}

.u-fxd-r {
    flex-direction: row!important;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important
}

.u-fxd-rr {
    flex-direction: row-reverse!important;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important
}

.u-fxd-c {
    flex-direction: column!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important
}

.u-fxd-cr {
    flex-direction: column-reverse!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important
}

.u-fxw-n {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.u-fxw-w {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.u-fxw-wr {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.u-jc-fs {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.u-jc-fe {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.u-jc-c {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.u-jc-sb {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.u-jc-sa {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.u-ai-fs {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.u-ai-fe {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.u-ai-c {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.u-ai-b {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.u-ai-s {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.u-ac-fs {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.u-ac-fe {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.u-ac-c {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.u-ac-sb {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.u-ac-sa {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.u-ac-s {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.u-ord--1 {
    -webkit-box-ordinal-group: 0!important;
    -ms-flex-order: -1!important;
    order: -1!important
}

.u-ord-0 {
    -webkit-box-ordinal-group: 1!important;
    -ms-flex-order: 0!important;
    order: 0!important
}

.u-ord-1 {
    -webkit-box-ordinal-group: 2!important;
    -ms-flex-order: 1!important;
    order: 1!important
}

.u-ord-2 {
    -webkit-box-ordinal-group: 3!important;
    -ms-flex-order: 2!important;
    order: 2!important
}

.u-ord-3 {
    -webkit-box-ordinal-group: 4!important;
    -ms-flex-order: 3!important;
    order: 3!important
}

.u-ord-4 {
    -webkit-box-ordinal-group: 5!important;
    -ms-flex-order: 4!important;
    order: 4!important
}

.u-ord-5 {
    -webkit-box-ordinal-group: 6!important;
    -ms-flex-order: 5!important;
    order: 5!important
}

.u-ord-6 {
    -webkit-box-ordinal-group: 7!important;
    -ms-flex-order: 6!important;
    order: 6!important
}

.u-ord-9999 {
    -webkit-box-ordinal-group: 10000!important;
    -ms-flex-order: 9999!important;
    order: 9999!important
}

.u-fx-n {
    -webkit-box-flex: 0!important;
    -ms-flex: none!important;
    flex: none!important
}

.u-fx-1_1_a {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.u-fx-1_0_a {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 0 auto!important;
    flex: 1 0 auto!important
}

.u-fx-1_1_1 {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 1px!important;
    flex: 1 1 1px!important
}

.u-as-a {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.u-as-fs {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.u-as-fe {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.u-as-c {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.u-as-b {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.u-as-s {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

.u-wfsm-a {
    -webkit-font-smoothing: antialiased!important
}

.u-wfsm-sa {
    -webkit-font-smoothing: subpixel-antialiased!important
}

.u-wfsm-n {
    -webkit-font-smoothing: none!important
}

.u-obf-f {
    -o-object-fit: fill!important;
    object-fit: fill!important
}

.u-obf-ct {
    -o-object-fit: contain!important;
    object-fit: contain!important
}

.u-obf-cv {
    -o-object-fit: cover!important;
    object-fit: cover!important
}

.u-obf-n {
    -o-object-fit: none!important;
    object-fit: none!important
}

.u-obf-sd {
    -o-object-fit: scale-down!important;
    object-fit: scale-down!important
}

.u-cf:before,.u-cf:after {
    display: table;
    content: ''
}

.u-cf:after {
    clear: both
}

.u-tetr {
    overflow: hidden!important;
    max-width: 100%;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
    word-wrap: normal!important
}

.u-tehi {
    overflow: hidden!important;
    white-space: nowrap!important;
    text-indent: 200%!important
}

.u-reli {
    padding-left: 0;
    list-style: none
}

.u-abce {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.img-unclickable {
    pointer-events: none!important
}

@media print {
    .img-unclickable {
        display: none
    }
}