@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,.content--wide,.content--primary,.navbar,.navbar__nav--primary__wrapper,.navbar__nav--secondary__wrapper,.breadcrumb__list,.content--okome,.okomenokuni__content,.okomenokuni__content--primary,.okomenokuni__content--secondary {
    width: 980px;
    margin: 0 auto
}

.navbar__items--logo h1,.navbar__items--logo_splash h1,.move-page-top,#modal-content #modal-close,#modal-content .js-modal__close,.js-modal__content #modal-close,.js-modal__content .js-modal__close {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%
}

.header:after,.is-collapsed:after {
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.'
}

.play-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.pos-ab-0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

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,.content--wide,.content--primary {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px
    }

    .content .free-space,.content--flex .free-space,.content--wide .free-space,.content--primary .free-space {
        padding-right: 0;
        padding-left: 0
    }
}

.content--flex {
    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 {
        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 {
        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:nth-last-child(2),.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(../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(../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(../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(../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
    }
}

.okome-header,.okome-header--relative {
    position: fixed;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 44px);
    height: 70px;
    padding-right: 22px;
    padding-left: 22px;
    border-bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.okome-header:after,.okome-header--relative:after {
    content: none
}

@media screen and (max-width:834px) {
    .okome-header,.okome-header--relative {
        display: block;
        width: calc(100% - 42px);
        height: 50px;
        margin-left: -12px;
        padding-right: 32px;
        padding-left: 22px
    }
}

@media screen and (max-device-width:736px) {
    .okome-header,.okome-header--relative {
        width: calc(100% - 20px);
        margin-left: 0;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media screen and (max-device-width:736px) and (orientation:portrait) {
    .okome-header--relative {
        position: relative
    }
}

.okome-header__brand {
    margin-right: 160px;
    padding-top: 5px
}

@media screen and (max-width:834px) {
    .okome-header__brand {
        z-index: 2;
        display: block;
        width: 100vw;
        height: 50px;
        margin-right: 0;
        margin-left: -10px;
        padding-top: 0;
        padding-left: 10px;
        background-color: #fff
    }
}

.okome-header__brand a {
    display: block;
    width: 215px
}

@media screen and (max-width:834px) {
    .okome-header__brand a {
        width: 150px
    }
}

.okome-header__brand img {
    width: 215px
}

@media screen and (max-width:834px) {
    .okome-header__brand img {
        width: 150px
    }
}

.okome-footer,.okome-footer--about,.okome-footer--ricecracker,.okome-footer--friends {
    width: 100%;
    height: 80px;
    margin-top: -80px;
    background-image: url(../img/common/bg_01.jpg);
    background-repeat: repeat
}

.okome-footer--primary {
    width: 100%;
    height: 80px;
    margin-top: -80px;
    background-image: url(../img/common/bg_02.jpg);
    background-repeat: repeat
}

.okome-footer--about {
    margin-top: 0;
    background-image: url(../img/common/bg_02.jpg)
}

@media screen and (max-width:736px) {
    .okome-footer--ricecracker {
        margin-top: 0
    }
}

.okome-footer--friends {
    margin-top: 0;
    background-image: url(../img/friends/bg_04.jpg)
}

.okome-footer__inner {
    position: relative;
    width: 100%;
    height: 80px;
    background-image: url(../img/common/footer_01@2x.png);
    background-repeat: repeat-x;
    background-size: 86px 80px
}

.okome-footer__caption {
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    top: 30px;
    left: 20px;
    display: table;
    margin: auto;
    color: #007911
}

@media screen and (max-width:736px) {
    .okome-footer__caption {
        font-size: 10px;
        bottom: 0;
        left: 10px
    }
}

.okome-footer__copyright {
    font-size: 8px;
    font-weight: 400
}

@media screen and (max-width:736px) {
    .okome-footer__copyright {
        display: block;
        margin-left: -36px;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }
}

.okome-footer__logo {
    position: absolute;
    top: -40px;
    left: 20px
}

@media screen and (max-width:834px) {
    .okome-footer__logo img {
        width: 190px
    }
}

@media screen and (max-width:736px) {
    .okome-footer__logo {
        right: 0;
        left: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto
    }
}

.sidebar,.sidebar--ricecracker,.sidebar--history,.sidebar--niigata,.sidebar--taste,.sidebar--qanda,.sidebar--ricecracker-history,.sidebar--country {
    position: relative;
    width: 210px;
    padding-bottom: 18px;
    -webkit-animation: animateOpacityFadeIn .5s ease-out;
    animation: animateOpacityFadeIn .5s ease-out
}

@media screen and (max-width:834px) {
    .sidebar,.sidebar--ricecracker,.sidebar--history,.sidebar--niigata,.sidebar--taste,.sidebar--qanda,.sidebar--ricecracker-history,.sidebar--country {
        display: none;
        -webkit-animation: none;
        animation: none
    }
}

.sidebar__inner {
    border-radius: 5px;
    background-color: #40920d
}

.sidebar__inner:before {
    position: absolute;
    top: -50px;
    right: 1rem;
    width: 89px;
    height: 50px;
    content: '';
    background-image: url(../img/common/img_okometorio_mini@2x.gif);
    background-size: 89px 50px
}

.sidebar__inner:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-width: 0 20px 20px 0;
    border-style: solid;
    border-color: #eef1bd #eef1bd #2a6f00 #2a6f00;
    border-bottom-left-radius: 5px
}

@media all and (min--moz-device-pixel-ratio:0) and (min-resolution:30dpcm) {
    .sidebar__inner:after {
        border-bottom-left-radius: 0
    }
}

.sidebar--ricecracker {
    background-color: #f98f1d
}

.sidebar--ricecracker:after {
    border-color: #f6eac7 #f6eac7 #d56500 #d56500
}

.sidebar--history:before,.sidebar--niigata:before,.sidebar--taste:before,.sidebar--qanda:before,.sidebar--ricecracker-history:before {
    top: -55px;
    right: 0;
    width: 49px;
    height: 63px;
    background-image: url(../img/common/img_yayoisensei_mini@2x.gif);
    background-size: 49px 63px
}

.sidebar--niigata:before {
    right: 1rem;
    width: 34px;
    background-image: url(../img/common/img_noukanoojisan_mini@2x.gif);
    background-size: 34px 63px
}

.sidebar--taste:before {
    top: -32px;
    right: 1rem;
    width: 44px;
    height: 39px;
    background-image: url(../img/common/img_onigirisensei_mini@2x.gif);
    background-size: 44px 39px
}

.sidebar--qanda:before {
    width: 76px;
    background-image: url(../img/common/img_komekomeko_mini@2x.gif);
    background-size: 76px 63px
}

.sidebar--ricecracker-history {
    background-color: #f98f1d
}

.sidebar--ricecracker-history:after {
    border-color: #f6eac7 #f6eac7 #d56500 #d56500
}

.sidebar--country:before {
    top: -50px;
    width: 52px;
    height: 49px;
    background-image: url(../img/common/img_owansensei_mini@2x.gif);
    background-size: 52px 49px
}

.sidebar__head,.sidebar__head--ricecracker {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: linear-gradient(-45deg,#2a6f00 25%,#276800 25%,#276800 50%,#2a6f00 50%,#2a6f00 75%,#276800 75%,#276800);
    background-size: 16px 16px
}

.sidebar__head--ricecracker {
    background-image: linear-gradient(-45deg,#cf5300 25%,#d56500 25%,#d56500 50%,#cf5300 50%,#cf5300 75%,#d56500 75%,#d56500)
}

.sidebar__heading {
    font-size: 20px;
    padding: .4rem 20px;
    color: #fff
}

.sidebar__body {
    padding: 10px
}

.sidebar__list {
    list-style: none
}

.sidebar__items,.sidebar__items--ricecracker {
    border-radius: 4px
}

.sidebar__items.is-active,.is-active.sidebar__items--ricecracker {
    font-weight: 700;
    background-color: #2a6f00
}

.sidebar__items:hover,.sidebar__items--ricecracker:hover {
    background-color: #307e00
}

.sidebar__items--ricecracker.is-active {
    background-color: #d56500
}

.sidebar__items--ricecracker:hover {
    background-color: #e46c00
}

.sidebar__link {
    display: block;
    padding: .25rem 10px;
    text-decoration: none;
    color: #fff
}

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

.is--target-blank:after,a.has-external-link:after,a.has-external-link--primary:after,.button--primary:after,.button--secondary:after,.button--secondary:before,.button-nav__list__items__link:before,.button-nav__list__items__link:hover:before,.play-button,.pad__title h2:before,.pad__title--ricecracker h2:before,.pad__title--qanda h2:before,.pad__title--taste h2:before,.pad__title--taste2 h2:before,.pad__title--primary h2:before,.pad__text--qanda:before {
    display: inline-block;
    content: '';
    background-image: url(../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,.breadcrumb__list__item:after,.nav-prev-sp:before,.textlink:before,.textlink--primary:before,.textlink--secondary:before,.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,.move-page-top {
    display: inline-block;
    content: '';
    background-image: url(../img/common/spritesheet.png);
    background-repeat: no-repeat;
    background-size: 358px 208px
}

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

.button--primary,.button--secondary {
    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 {
    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-hex__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 {
    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,.button-hex:after,.button--map: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 {
    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 {
    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 {
    color: #ff9531;
    background-color: #fff
}

.button-hex:hover:before,.button--map:hover:before,.button-hex:hover:after,.button--map:hover:after {
    background-color: #fff
}

.button-hex:hover>.icon--chev-left:before,.button--map:hover>.icon--chev-left:before,.button-hex:hover>.icon--chev-right:before,.button--map: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 {
    margin-top: -4px;
    background-position: -28px -74px
}

@media screen and (max-width:834px) {
    .button-hex,.button--map {
        margin: 20px 30px 30px
    }

    .button-hex:before,.button--map:before,.button-hex:after,.button--map: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
    }
}

.button--primary,.button--secondary {
    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 {
    width: 6px;
    height: 12px;
    margin: 0 0 2px 10px;
    vertical-align: center;
    background-position: -58px -76px
}

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

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

@media screen and (max-width:834px) {
    .button--primary,.button--secondary {
        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
}

.button-nav,.button-nav--okome,.button-nav--okome-qanda,.button-nav--okome-country {
    margin-bottom: 36px
}

.button-nav__list,.button-nav__list--okome {
    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,.button-nav__items--okome,.button-nav__items--qanda {
    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),.button-nav__items--okome:nth-child(4n),.button-nav__items--qanda:nth-child(4n) {
    margin-right: 0
}

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

.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 {
    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 {
    border: solid 2px #ecf1f7;
    background-color: #fff
}

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

@media screen and (max-width:834px) {
    .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(../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(../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(../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(../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
    }
}

.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(../img/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
}

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

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

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

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

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

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

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

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

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

    100% {
        opacity: 1
    }
}

@keyframes animateOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes slideInDown {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInDown {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        -webkit-transform: translate3d(1000px,0,0);
        transform: translate3d(1000px,0,0);
        opacity: 0
    }

    60% {
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

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

@keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        -webkit-transform: translate3d(1000px,0,0);
        transform: translate3d(1000px,0,0);
        opacity: 0
    }

    60% {
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

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

@-webkit-keyframes animateFloat {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px)
    }

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

@keyframes animateFloat {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px)
    }

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

@-webkit-keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
        opacity: 0
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
        opacity: 1
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        opacity: 1
    }
}

@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
        opacity: 0
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
        opacity: 1
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        opacity: 1
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
        opacity: 0
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
        opacity: 1
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        opacity: 1
    }
}

@-webkit-keyframes zoomInRight {
    from {
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0
    }

    60% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1
    }
}

@keyframes zoomInRight {
    from {
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0
    }

    60% {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1
    }
}

@-webkit-keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
        opacity: 0
    }

    60% {
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

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

@keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
        opacity: 0
    }

    60% {
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

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

.anime-fadeIn {
    -webkit-animation: animateOpacityFadeIn 1s ease-out;
    animation: animateOpacityFadeIn 1s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .anime-fadeIn {
        -webkit-animation: none;
        animation: none
    }
}

.anime-fadeIn--fast {
    -webkit-animation: animateOpacityFadeIn .5s ease-out;
    animation: animateOpacityFadeIn .5s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .anime-fadeIn--fast {
        -webkit-animation: none;
        animation: none
    }
}

.anime-fadeInSlow {
    -webkit-animation: animateOpacityFadeIn 1s ease-out;
    animation: animateOpacityFadeIn 1s ease-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .anime-fadeInSlow {
        -webkit-animation: none;
        animation: none
    }
}

.anime-fadeInDown {
    -webkit-animation: animateOpacityFadeInDown .8s ease-out;
    animation: animateOpacityFadeInDown .8s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .anime-fadeInDown {
        -webkit-animation: none;
        animation: none
    }
}

.anime-opacity {
    -webkit-animation: animateOpacity .5s ease-in;
    animation: animateOpacity .5s ease-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .anime-opacity {
        -webkit-animation: none;
        animation: none
    }
}

.anime-slideInRight {
    -webkit-animation: slideInRight 1.2s ease-out;
    animation: slideInRight 1.2s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .anime-slideInRight {
        -webkit-animation: none;
        animation: none
    }
}

.anime-slideInDown {
    -webkit-animation: slideInDown 1.2s ease-out;
    animation: slideInDown 1.2s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .anime-slideInDown {
        -webkit-animation: none;
        animation: none
    }
}

.anime-bounceInRight {
    -webkit-animation: bounceInRight 1s;
    animation: bounceInRight 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .anime-bounceInRight {
        -webkit-animation: none;
        animation: none
    }
}

.anime-top--order-1 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.anime-top--order-2 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.anime-top--order-3 {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

.anime-top--order-4 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.anime-top--order-5 {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

.anime-float {
    -webkit-animation: animateFloat 6s ease-in-out infinite;
    animation: animateFloat 6s ease-in-out infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.anime-float:nth-of-type(2) {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

@media screen and (max-width:736px) {
    .anime-float {
        -webkit-animation: none;
        animation: none
    }
}

.anime-float--2 {
    -webkit-animation: animateFloat 6s ease-in-out infinite;
    animation: animateFloat 6s ease-in-out infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

@media screen and (max-width:736px) {
    .anime-float--2 {
        -webkit-animation: none;
        animation: none
    }
}

.anime-bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.anime-swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 1
}

@media screen and (max-width:736px) {
    .zoomInRight {
        -webkit-animation: none;
        animation: none
    }
}

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

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

.breadcrumb--okome {
    z-index: 1;
    width: 980px;
    margin: auto;
    margin-top: 70px;
    border: 0;
    background-color: transparent
}

@media screen and (max-width:834px) {
    .breadcrumb--okome {
        display: block;
        margin-top: 50px
    }
}

@media screen and (max-width:736px) {
    .breadcrumb--okome {
        display: none
    }
}

.breadcrumb__item--okome {
    padding-right: 12px
}

.breadcrumb__item--okome:after {
    margin-left: 10px;
    content: '>';
    color: #fff;
    background: none
}

.breadcrumb__item--okome:last-child a {
    color: #fff
}

.breadcrumb__link--okome {
    color: #fff
}

.breadcrumb__link--okome img {
    width: 13px;
    vertical-align: text-top
}

.nav-prev-sp--okome,.nav-prev-sp--pos-ab {
    font-size: 10px;
    padding: 10px 0 0 3px
}

.nav-prev-sp--okome:before,.nav-prev-sp--pos-ab:before {
    height: auto;
    padding-bottom: 0;
    content: '>';
    vertical-align: middle;
    color: #fff;
    background: none
}

.nav-prev-sp--okome .nav-prev-sp__link,.nav-prev-sp--pos-ab .nav-prev-sp__link {
    font-size: 10px;
    color: #fff
}

@media screen and (max-width:834px) {
    .nav-prev-sp--okome,.nav-prev-sp--pos-ab {
        position: absolute;
        display: none;
        padding-top: 4px
    }
}

@media screen and (max-width:736px) {
    .nav-prev-sp--okome,.nav-prev-sp--pos-ab {
        position: relative;
        display: block
    }
}

.nav-prev-sp--pos-ab {
    position: absolute
}

@media screen and (max-width:736px) {
    .nav-prev-sp--pos-ab {
        top: 49px
    }
}

.pad {
    font-family: Hiragino Kaku Gothic Pro,'メイリオ',Meiryo,sans-serif;
    position: relative;
    width: 740px;
    margin-top: 30px;
    margin-bottom: 85px;
    padding: 1rem 0 0;
    opacity: 0;
    background-image: url(../img/common/img_note_pattern@2x.png);
    background-repeat: repeat-y;
    background-size: 740px 25px;
    -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,.2);
    box-shadow: 4px 4px 0 0 rgba(0,0,0,.2)
}

@media screen and (max-width:736px) {
    .pad {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
        padding: 1.5rem 0 0;
        opacity: 1;
        border-radius: 8px;
        background-color: #ffffe6;
        background-image: linear-gradient(rgba(238,233,217,.5) .1rem,transparent 1px);
        background-size: 100% 2rem
    }

    .pad:last-of-type {
        margin-bottom: 0
    }
}

.pad:before {
    position: absolute;
    top: -30px;
    left: 0;
    display: inline-block;
    width: 740px;
    height: 34px;
    content: '';
    border-radius: 8px 8px 0 0;
    background-image: url(../img/common/img_note_top@2x.png);
    background-repeat: no-repeat;
    background-size: 740px 34px;
    -webkit-box-shadow: 4px 0 0 0 rgba(0,0,0,.2);
    box-shadow: 4px 0 0 0 rgba(0,0,0,.2)
}

@media screen and (max-width:736px) {
    .pad:before {
        content: none
    }
}

.pad:after {
    position: absolute;
    bottom: -35px;
    left: 0;
    display: inline-block;
    width: 740px;
    height: 35px;
    content: '';
    border-radius: 0 0 8px 8px;
    background-image: url(../img/common/img_note_bottom@2x.png);
    background-repeat: no-repeat;
    background-size: 740px 35px;
    -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,.2);
    box-shadow: 4px 4px 0 0 rgba(0,0,0,.2)
}

@media screen and (max-width:736px) {
    .pad:after {
        content: none
    }
}

@media screen and (max-width:736px) {
    .pad__inner {
        overflow-x: auto;
        width: calc(100% - 10px)
    }
}

.pad__title,.pad__title--ricecracker,.pad__title--qanda,.pad__title--taste,.pad__title--taste2,.pad__title--primary {
    position: relative;
    margin-bottom: 3rem;
    padding-right: 53px;
    padding-left: 70px
}

@media screen and (max-width:736px) {
    .pad__title,.pad__title--ricecracker,.pad__title--qanda,.pad__title--taste,.pad__title--taste2,.pad__title--primary {
        margin-bottom: 1.5em;
        padding-right: 10px;
        padding-left: 10px
    }
}

.pad__title h2,.pad__title--ricecracker h2,.pad__title--qanda h2,.pad__title--taste h2,.pad__title--taste2 h2,.pad__title--primary h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.pad__title h2:before,.pad__title--ricecracker h2:before,.pad__title--qanda h2:before,.pad__title--taste h2:before,.pad__title--taste2 h2:before,.pad__title--primary h2:before {
    width: 30px;
    height: 42px;
    margin-right: 15px;
    background-image: url(../img/okome_about/ttl_okome@2x.png);
    background-size: 30px 42px
}

@media screen and (max-width:736px) {
    .pad__title h2,.pad__title--ricecracker h2,.pad__title--qanda h2,.pad__title--taste h2,.pad__title--taste2 h2,.pad__title--primary h2 {
        -webkit-animation: none;
        animation: none
    }

    .pad__title h2:before,.pad__title--ricecracker h2:before,.pad__title--qanda h2:before,.pad__title--taste h2:before,.pad__title--taste2 h2:before,.pad__title--primary h2:before {
        width: 18px;
        height: 26px;
        margin-right: 9px;
        background-size: 18px 26px
    }
}

.pad__title--swing h2:before {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@media screen and (max-width:736px) {
    .pad__title--swing h2:before {
        -webkit-animation: none;
        animation: none
    }
}

.pad__title--ricecracker {
    margin-top: 5px
}

.pad__title--ricecracker .pad__heading--ricecracker {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pad__title--ricecracker .pad__heading--ricecracker:before {
    width: 42px;
    background-image: url(../img/common/ttl_okomenookashi@2x.png);
    background-size: 42px 42px
}

@media screen and (max-width:736px) {
    .pad__title--ricecracker .pad__heading--ricecracker:before {
        width: 26px;
        background-size: 26px 26px
    }
}

.pad__title--qanda h2 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pad__title--qanda h2:before {
    height: 30px;
    background-image: url(../img/okomeQanda/ttl_Q.svg);
    background-size: 30px 30px
}

@media screen and (max-width:736px) {
    .pad__title--qanda h2:before {
        width: 26px;
        height: 26px;
        background-size: 26px 26px
    }
}

.pad__title--taste h2 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pad__title--taste h2:before {
    margin-top: -10px
}

@media screen and (max-width:736px) {
    .pad__title--taste h2:before {
        margin-top: -3px
    }
}

@media screen and (max-width:736px) {
    .pad__title--taste2 h2 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.pad__title--taste2 h2:before {
    margin-top: -10px
}

@media screen and (max-width:736px) {
    .pad__title--taste2 h2:before {
        margin-top: -2px
    }
}

@media screen and (max-width:414px) {
    .pad__title--primary h2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.pad__title-img {
    height: 30px
}

@media screen and (max-width:736px) {
    .pad__title-img {
        height: 20px
    }
}

.pad__title-img--double {
    height: 74px
}

@media screen and (max-width:414px) {
    .pad__title-img--double {
        height: 44px
    }
}

.pad__title-img--primary {
    height: 30px
}

@media screen and (max-width:414px) {
    .pad__title-img--primary {
        height: 48px
    }
}

.pad__title-img--okome {
    height: 30px
}

@media screen and (max-width:414px) {
    .pad__title-img--okome {
        height: 44px
    }
}

.pad__title-img--okome-double {
    height: 30px
}

@media screen and (max-width:414px) {
    .pad__title-img--okome-double {
        height: 48px
    }
}

.pad__title-img--sm {
    height: 30px
}

@media screen and (max-width:736px) {
    .pad__title-img--sm {
        height: 20px
    }
}

@media screen and (max-width:320px) {
    .pad__title-img--sm {
        height: 19px
    }
}

.pad__title-img--xs {
    height: 30px
}

@media screen and (max-width:736px) {
    .pad__title-img--xs {
        height: 20px
    }
}

@media screen and (max-width:320px) {
    .pad__title-img--xs {
        height: 17px
    }
}

.pad__article,.pad__article--primary,.pad__article--separate,.pad__article--justify,.pad__article--taste {
    display: inline-block;
    clear: both;
    width: 100%;
    padding-right: 48px;
    padding-left: 70px
}

@media screen and (max-width:736px) {
    .pad__article,.pad__article--primary,.pad__article--separate,.pad__article--justify,.pad__article--taste {
        padding-right: 10px;
        padding-left: 10px
    }
}

.pad__article--primary {
    margin-bottom: 1rem
}

.pad__article--section5 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.pad__article--separate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 724px;
    margin-bottom: 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:736px) {
    .pad__article--separate {
        display: block;
        width: 100%;
        margin-bottom: 1rem
    }
}

.pad__article--justify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:736px) {
    .pad__article--justify {
        width: 100%;
        margin-bottom: 1rem
    }
}

.pad__article--taste {
    width: inherit
}

.pad__text,.pad__text--secondary,.pad__text--w-md,.pad__text--w-image,.pad__text--w-noimage,.pad__text--primary,.pad__list--serial,.pad__text-w-image--taste,.pad__text--w-image-taste--primary,.pad__text--w-big-image,.pad__text--w-image-history,.pad__text--w-image-okome,.pad__text--ricecracker,.pad__text--taste-w-image,.pad__text--w-image-indent,.pad__text--country,.pad__text--qanda {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.66;
    margin-bottom: 1rem;
    letter-spacing: .06em;
    color: #444
}

@media screen and (max-width:736px) {
    .pad__text,.pad__text--secondary,.pad__text--w-md,.pad__text--w-image,.pad__text--w-noimage,.pad__text--primary,.pad__list--serial,.pad__text-w-image--taste,.pad__text--w-image-taste--primary,.pad__text--w-big-image,.pad__text--w-image-history,.pad__text--w-image-okome,.pad__text--ricecracker,.pad__text--taste-w-image,.pad__text--w-image-indent,.pad__text--country,.pad__text--qanda {
        font-size: 14px;
        margin-bottom: 1em
    }
}

@media screen and (max-device-width:736px) {
    .pad__text,.pad__text--secondary,.pad__text--w-md,.pad__text--w-image,.pad__text--w-noimage,.pad__text--primary,.pad__list--serial,.pad__text-w-image--taste,.pad__text--w-image-taste--primary,.pad__text--w-big-image,.pad__text--w-image-history,.pad__text--w-image-okome,.pad__text--ricecracker,.pad__text--taste-w-image,.pad__text--w-image-indent,.pad__text--country,.pad__text--qanda {
        font-size: 14px;
        margin-bottom: 1em
    }
}

.pad__text .pad__article__cite,.pad__text--secondary .pad__article__cite,.pad__text--w-md .pad__article__cite,.pad__text--w-image .pad__article__cite,.pad__text--w-noimage .pad__article__cite,.pad__text--primary .pad__article__cite,.pad__list--serial .pad__article__cite,.pad__text-w-image--taste .pad__article__cite,.pad__text--w-image-taste--primary .pad__article__cite,.pad__text--w-big-image .pad__article__cite,.pad__text--w-image-history .pad__article__cite,.pad__text--w-image-okome .pad__article__cite,.pad__text--ricecracker .pad__article__cite,.pad__text--taste-w-image .pad__article__cite,.pad__text--w-image-indent .pad__article__cite,.pad__text--country .pad__article__cite,.pad__text--qanda .pad__article__cite,.pad__text .pad__article__cite--qanda,.pad__text--secondary .pad__article__cite--qanda,.pad__text--w-md .pad__article__cite--qanda,.pad__text--w-image .pad__article__cite--qanda,.pad__text--w-noimage .pad__article__cite--qanda,.pad__text--primary .pad__article__cite--qanda,.pad__list--serial .pad__article__cite--qanda,.pad__text-w-image--taste .pad__article__cite--qanda,.pad__text--w-image-taste--primary .pad__article__cite--qanda,.pad__text--w-big-image .pad__article__cite--qanda,.pad__text--w-image-history .pad__article__cite--qanda,.pad__text--w-image-okome .pad__article__cite--qanda,.pad__text--ricecracker .pad__article__cite--qanda,.pad__text--taste-w-image .pad__article__cite--qanda,.pad__text--w-image-indent .pad__article__cite--qanda,.pad__text--country .pad__article__cite--qanda,.pad__text--qanda .pad__article__cite--qanda {
    display: block;
    margin-top: 1rem
}

.pad__text--secondary {
    margin-bottom: 0
}

@media screen and (max-width:736px) {
    .pad__text--secondary {
        margin-bottom: 1rem
    }
}

@media screen and (max-device-width:736px) {
    .pad__text--secondary {
        margin-bottom: 1rem
    }
}

.pad__text--w-md {
    width: 470px
}

@media screen and (max-width:736px) {
    .pad__text--w-md {
        width: auto
    }
}

@media screen and (max-device-width:736px) {
    .pad__text--w-md {
        width: auto
    }
}

.pad__text--16px,.pad__text--sub,.pad__text--w-image,.pad__text--w-noimage,.pad__text--primary,.pad__list--serial,.pad__text-w-image--taste,.pad__text--taste-w-image,.pad__text--w-image-indent {
    font-size: 16px
}

@media screen and (max-width:736px) {
    .pad__text--16px,.pad__text--sub,.pad__text--w-image,.pad__text--w-noimage,.pad__text--primary,.pad__list--serial,.pad__text-w-image--taste,.pad__text--taste-w-image,.pad__text--w-image-indent {
        font-size: 12px;
        padding-right: 10px
    }
}

@media screen and (max-device-width:736px) {
    .pad__text--16px,.pad__text--sub,.pad__text--w-image,.pad__text--w-noimage,.pad__text--primary,.pad__list--serial,.pad__text-w-image--taste,.pad__text--taste-w-image,.pad__text--w-image-indent {
        font-size: 12px;
        padding-right: 10px
    }
}

.pad__text--sub {
    font-weight: 700;
    padding-left: 1.3em
}

.pad__text--w-image,.pad__text--w-noimage,.pad__text--primary,.pad__list--serial {
    float: left;
    width: 500px;
    margin-right: 13px;
    margin-left: 1em
}

@media screen and (max-width:736px) {
    .pad__text--w-image,.pad__text--w-noimage,.pad__text--primary,.pad__list--serial {
        width: calc(100% - 114px);
        padding-right: 0
    }
}

.pad__text-w-image--taste {
    float: left;
    width: 500px;
    margin-right: 13px
}

@media screen and (max-width:736px) {
    .pad__text-w-image--taste {
        width: calc(100% - 114px)
    }
}

.pad__text--w-image-taste--primary {
    float: left;
    width: 420px;
    margin-right: 52px
}

@media screen and (max-width:736px) {
    .pad__text--w-image-taste--primary {
        float: none;
        width: 100%;
        margin-right: 13px
    }
}

.pad__text--w-big-image,.pad__text--w-image-history,.pad__text--w-image-okome,.pad__text--ricecracker,.pad__text--taste-w-image,.pad__text--w-image-indent,.pad__text--country {
    float: left;
    width: 387px;
    margin-right: 25px
}

@media screen and (max-width:736px) {
    .pad__text--w-big-image,.pad__text--w-image-history,.pad__text--w-image-okome,.pad__text--ricecracker,.pad__text--taste-w-image,.pad__text--w-image-indent,.pad__text--country {
        width: calc(100% - 114px)
    }
}

@media screen and (max-device-width:1024px) {
    .pad__text--w-image-history {
        float: none;
        width: 100%
    }
}

@media screen and (max-device-width:834px) {
    .pad__text--w-image-okome {
        float: left;
        width: calc(100% - 228px)
    }
}

@media screen and (max-width:736px) {
    .pad__text--w-image-okome {
        float: none;
        width: 100%
    }
}

.pad__text--ricecracker,.pad__text--taste-w-image {
    float: left;
    width: 500px;
    margin-right: 36px
}

@media screen and (max-device-width:1024px) {
    .pad__text--ricecracker,.pad__text--taste-w-image {
        float: none;
        width: 100%;
        margin-right: 13px
    }
}

.pad__text--taste-w-image {
    width: 465px;
    margin-right: 36px
}

@media screen and (max-device-width:1024px) {
    .pad__text--taste-w-image {
        margin-right: 13px
    }
}

@media screen and (max-width:736px) {
    .pad__text--taste-w-image {
        width: 100%
    }
}

.pad__text--w-image-indent {
    margin-right: 16px;
    margin-left: 1em
}

@media screen and (max-device-width:1024px) {
    .pad__text--w-image-indent {
        float: none;
        width: 100%;
        margin-left: .8em
    }
}

.pad__text--w-noimage,.pad__text--primary,.pad__list--serial {
    width: 100%
}

.pad__text--primary,.pad__list--serial {
    width: auto;
    margin-right: 0
}

.pad__list--serial {
    margin-left: 2.8rem
}

@media screen and (max-width:736px) {
    .pad__list--serial {
        margin-left: 2.1rem
    }
}

.pad__text--country {
    width: 417px;
    margin-right: 40px
}

@media screen and (max-width:736px) {
    .pad__text--country {
        float: none;
        width: 100%
    }
}

.pad__text--qanda {
    padding-left: 2.5em;
    text-indent: -2.5em
}

.pad__text--qanda:before {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    background-image: url(../img/okomeQanda/ttl_A.svg);
    background-size: 30px 30px
}

@media screen and (max-width:736px) {
    .pad__text--qanda:before {
        width: 26px;
        height: 26px;
        margin-right: 9px;
        background-size: 26px 26px
    }
}

.pad__article__img {
    position: absolute;
    float: right;
    margin-top: -1.5rem
}

@media screen and (max-width:736px) {
    .pad__article__img {
        right: 10px;
        margin-top: 0
    }
}

.pad__article__img--w100 {
    width: 100%;
    height: auto
}

.pad__article__img--full,.pad__article__img--full-primary,.pad__article__img--full-secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:736px) {
    .pad__article__img--full,.pad__article__img--full-primary,.pad__article__img--full-secondary {
        display: block
    }
}

.pad__article__img--full picture,.pad__article__img--full-primary picture,.pad__article__img--full-secondary picture {
    display: contents
}

.pad__article__img--full-primary,.pad__article__img--full-secondary {
    margin-top: 0;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media screen and (max-width:736px) {
    .pad__article__img--full-primary,.pad__article__img--full-secondary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
        padding: 0 10px
    }
}

@media screen and (max-width:736px) {
    .pad__article__img--full-secondary {
        margin-bottom: 1rem
    }
}

.pad__article__cite,.pad__article__cite--qanda {
    font-size: 14px;
    font-weight: 700;
    word-break: break-all;
    color: #444
}

@media screen and (max-width:736px) {
    .pad__article__cite,.pad__article__cite--qanda {
        font-size: 10px;
        display: inline-block
    }
}

.pad__article__cite--qanda {
    display: block;
    padding-left: 2.8rem
}

.pad__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 53px;
    padding-left: 70px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:736px) {
    .pad__footer {
        padding-right: 20px;
        padding-bottom: 20px
    }
}

.pad__footer picture,.pad__footer img {
    display: contents
}

.pad__footer--first-section {
    margin-top: 0
}

@media screen and (max-width:736px) {
    .pad__footer--first-section {
        margin-top: 0
    }
}

.pad__footer--second-section {
    margin-top: -8px
}

.pad__footer__img01 {
    width: auto;
    opacity: 0
}

@media screen and (max-width:736px) {
    .pad__footer__img01 {
        opacity: 1
    }
}

@media screen and (max-width:414px) {
    .pad__footer__img01 {
        width: 112px
    }
}

.pad__footer__img02 {
    opacity: 0
}

.pad__article__title,.pad__article__title--primary {
    display: inline-block;
    margin-top: .25rem;
    padding: 1px .5rem;
    color: #333;
    border-radius: 4px;
    background-color: #9ac841
}

@media screen and (max-width:736px) {
    .pad__article__title,.pad__article__title--primary {
        font-size: 14px
    }
}

.pad__article__title--primary {
    display: table;
    margin-bottom: 1rem;
    letter-spacing: .1rem
}

.pad__article__subtitle,.pad-list__items,.pad-list__items--primary {
    font-size: 18px;
    vertical-align: middle;
    color: #008c10
}

.pad__article__subtitle:before,.pad-list__items:before,.pad-list__items--primary:before {
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-right: .1rem;
    content: '';
    vertical-align: middle;
    background-image: url(../img/okome_about/dot-green.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px
}

@media screen and (max-width:736px) {
    .pad__article__subtitle,.pad-list__items,.pad-list__items--primary {
        font-size: 14px;
        margin-bottom: .1rem
    }

    .pad__article__subtitle:before,.pad-list__items:before,.pad-list__items--primary:before {
        width: 14px;
        height: 16px;
        background-size: 14px 14px
    }
}

.pad__img--middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse
}

@media screen and (max-device-width:1024px) {
    .pad__img--middle {
        display: block
    }
}

.pad__figcaption,.okome-country__figcaption,.okome-niigata__figcaption,.okome-niigata__figcaption--primary {
    margin-top: .2rem;
    text-align: right
}

@media all and (min--moz-device-pixel-ratio:0) and (min-resolution:30dpcm) {
    .pad__figcaption,.okome-country__figcaption,.okome-niigata__figcaption,.okome-niigata__figcaption--primary {
        display: contents
    }
}

.pad-list,.pad-list--float {
    font-weight: 700;
    margin-bottom: 2rem;
    list-style: none
}

@media screen and (max-width:736px) {
    .pad-list,.pad-list--float {
        margin-bottom: 1rem
    }
}

.pad-list--float {
    float: left;
    width: 500px;
    letter-spacing: 1px
}

@media screen and (max-width:736px) {
    .pad-list--float {
        float: none;
        width: 100%
    }
}

.pad-list__items {
    line-height: 2;
    padding-left: 1.4em;
    text-indent: -1.4em
}

.pad-list__items--primary {
    margin-bottom: .2rem;
    padding-left: 1.4em;
    text-indent: -1.4em
}

.pad__inside__img {
    margin-left: 2rem
}

@media screen and (max-width:736px) {
    .pad__inside__img {
        margin-right: 1rem;
        margin-left: 1rem
    }
}

.pad__child-inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:736px) {
    .pad__child-inside {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }
}

.box--niigata,.box--freeze,.box--default,.box--primary,.box--history,.box--year {
    font-family: Hiragino Kaku Gothic Pro,'メイリオ',Meiryo,sans-serif;
    display: grid;
    width: 620px;
    margin-left: 70px;
    border-top: 4px solid #9ac841;
    border-left: 4px solid #9ac841;
    grid-auto-rows: auto;
    grid-gap: 0
}

@media screen and (max-width:736px) {
    .box--niigata,.box--freeze,.box--default,.box--primary,.box--history,.box--year {
        margin-left: 10px;
        border-width: 3px
    }
}

.box--niigata {
    width: 604px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    grid-template-columns: 21% 29% 29% 21%
}

@media screen and (max-width:834px) {
    .box--niigata {
        display: none;
        width: calc(100% - 20px);
        margin-top: 0;
        margin-bottom: 1rem;
        grid-auto-columns: auto
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .box--niigata {
        display: none
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .box--niigata__enhancement {
        display: block;
        width: 623px;
        height: 250px;
        margin-bottom: 2rem;
        margin-left: 70px;
        background-image: url(../img/okomeNiigata/img_nogyo@2x.png);
        background-repeat: no-repeat;
        background-size: 623px 250px
    }
}

.box--freeze {
    width: 604px;
    margin-bottom: 2rem;
    grid-template-columns: 1fr 1fr 1fr
}

@media screen and (max-width:736px) {
    .box--freeze {
        width: calc(100% - 20px);
        margin-top: 0;
        margin-bottom: 1rem;
        grid-auto-columns: auto
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .box--freeze {
        display: none
    }
}

@media screen and (max-width:736px) {
    _::-webkit-full-page-media,_:future,:root div[class^='.box--'] {
        display: none
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .box--freeze__enhancement {
        display: block;
        width: 621px;
        height: 303px;
        margin-bottom: 2rem;
        margin-left: 70px;
        background-image: url(../img/okomeTaste/img_nokorigohan@2x.png);
        background-repeat: no-repeat;
        background-size: 621px 303px
    }
}

.box--default {
    display: -ms-grid;
    margin-top: 3rem;
    margin-bottom: 2rem;
    grid-template-columns: 16% 84%;
    -ms-grid-columns: 16% 84%
}

@media screen and (max-width:736px) {
    .box--default {
        width: calc(100% - 20px);
        margin-top: 0;
        margin-bottom: 1rem;
        grid-auto-columns: auto
    }
}

.box--default .box__itmes {
    -ms-grid-column: 1
}

.box--default .box__itmes:nth-child(even) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2
}

.box--default .box__itmes:nth-child(3),.box--default .box__itmes:nth-child(4) {
    -ms-grid-row: 2
}

.box--default .box__itmes:nth-child(5),.box--default .box__itmes:nth-child(6) {
    -ms-grid-row: 3
}

.box--default .box__itmes:nth-child(7),.box--default .box__itmes:nth-child(8) {
    -ms-grid-row: 4
}

.box--default .box__itmes:nth-child(9),.box--default .box__itmes:nth-child(10) {
    -ms-grid-row: 5
}

.box--primary {
    display: -ms-grid;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    grid-template-columns: 31% 69%;
    -ms-grid-columns: 31% 69%
}

.box--primary .ms-col {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2
}

.box--primary .ms-col:nth-child(1) {
    -ms-grid-row: 1
}

.box--primary .ms-col:nth-child(2) {
    -ms-grid-row: 2
}

.box--primary .ms-col:nth-child(3) {
    -ms-grid-row: 3
}

.box--primary .ms-col:nth-child(4) {
    -ms-grid-row: 4
}

.box--primary .ms-col:nth-child(5) {
    -ms-grid-row: 5
}

.box--primary .ms-col:nth-child(6) {
    -ms-grid-row: 6
}

.box--primary .ms-col:nth-child(7) {
    -ms-grid-row: 7
}

.box--primary .ms-col:nth-child(8) {
    -ms-grid-row: 8
}

.box--primary .ms-col:nth-child(9) {
    -ms-grid-row: 9
}

.box--primary .ms-col:nth-child(10) {
    -ms-grid-row: 10
}

.box--primary .ms-col:nth-child(11) {
    -ms-grid-row: 11
}

.box--primary .ms-col:nth-child(12) {
    -ms-grid-row: 12
}

.box--primary .ms-col:nth-child(13) {
    -ms-grid-row: 13
}

.box--primary .ms-col:nth-child(14) {
    -ms-grid-row: 14
}

.box--primary .ms-col:nth-child(15) {
    -ms-grid-row: 15
}

.box--primary .ms-col:nth-child(16) {
    -ms-grid-row: 16
}

.box--primary .ms-col:nth-child(17) {
    -ms-grid-row: 17
}

.box--primary .ms-col:nth-child(18) {
    -ms-grid-row: 18
}

.box--primary .ms-col:nth-child(19) {
    -ms-grid-row: 19
}

.box--primary .ms-col:nth-child(20) {
    -ms-grid-row: 20
}

.box--primary .ms-col:nth-child(21) {
    -ms-grid-row: 21
}

.box--primary .ms-col:nth-child(22) {
    -ms-grid-row: 22
}

.box--primary .ms-col:nth-child(23) {
    -ms-grid-row: 23
}

.box--primary .ms-col:nth-child(24) {
    -ms-grid-row: 24
}

.box--primary .ms-col:nth-child(25) {
    -ms-grid-row: 25
}

.box--primary .ms-col:nth-child(26) {
    -ms-grid-row: 26
}

.box--primary .ms-col:nth-child(27) {
    -ms-grid-row: 27
}

.box--primary .ms-col:nth-child(28) {
    -ms-grid-row: 28
}

.box--primary .ms-col:nth-child(29) {
    -ms-grid-row: 29
}

.box--primary .ms-col:nth-child(30) {
    -ms-grid-row: 30
}

.box--primary .ms-col:nth-child(31) {
    -ms-grid-row: 31
}

.box--primary .ms-col:nth-child(32) {
    -ms-grid-row: 32
}

@media screen and (max-width:736px) {
    .box--primary {
        width: calc(100% - 20px);
        margin-bottom: .5rem
    }
}

.box--history {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    grid-template-columns: 15% 15% 70%
}

@media screen and (max-width:736px) {
    .box--history {
        width: calc(100% - 20px);
        margin-bottom: .5rem;
        grid-template-columns: 27% 73%
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .box--history {
        display: none
    }
}

@media screen and (max-device-width:834px) {
    _::-webkit-full-page-media,_:future,:root .box--history {
        display: none
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .box--history__enhancement {
        display: block;
        width: 623px;
        height: 1235px;
        margin-bottom: 2rem;
        margin-left: 70px;
        background-image: url(../img/okomeHistory/img_nenpyo@2x.png);
        background-repeat: no-repeat;
        background-size: 623px 1235px
    }
}

@media screen and (max-device-width:834px) {
    _::-webkit-full-page-media,_:future,:root .box--history__enhancement {
        display: block;
        width: 623px;
        height: 1235px;
        margin-bottom: 2rem;
        margin-left: 70px;
        background-image: url(../img/okomeHistory/img_nenpyo@2x.png);
        background-repeat: no-repeat;
        background-size: 623px 1235px
    }
}

@media screen and (max-device-width:736px) {
    _::-webkit-full-page-media,_:future,:root .box--history__enhancement {
        display: block;
        width: 280px;
        height: 1389px;
        margin: 0 auto 1rem;
        background-image: url(../img/okomeHistory/img_nenpyo_sp@2x.png);
        background-repeat: no-repeat;
        background-size: 280px 1389px
    }
}

.box__itmes,.box__itmes--taste,.box__items--niigata,.box__itmes--country,.box__title--niigata,.box__header,div[class^=box__cont]:not(.box__cont--c__inner):not(.box__cont--d__inner) {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.66;
    letter-spacing: .06em;
    color: #444;
    border-right: 4px solid #9ac841;
    border-bottom: 4px solid #9ac841
}

@media screen and (max-width:736px) {
    .box__itmes,.box__itmes--taste,.box__items--niigata,.box__itmes--country,.box__title--niigata,.box__header,div[class^=box__cont]:not(.box__cont--c__inner):not(.box__cont--d__inner) {
        font-size: 12px;
        border-width: 3px
    }
}

.box__itmes {
    padding: .25rem .25rem .25rem .5rem
}

@media screen and (max-width:736px) {
    .box__itmes {
        grid-column: 1 / 3
    }
}

.box__itmes--taste {
    padding: .25rem .25rem .25rem .5rem
}

@media screen and (min-width:737px) {
    .box__itmes--taste:nth-child(1),.box__itmes--taste:nth-child(2) {
        grid-column: 1
    }

    .box__itmes--taste:nth-child(3),.box__itmes--taste:nth-child(4) {
        grid-column: 2
    }

    .box__itmes--taste:nth-child(5),.box__itmes--taste:nth-child(6) {
        grid-column: 3
    }

    .box__itmes--taste:nth-child(odd) {
        grid-row: 1
    }

    .box__itmes--taste:nth-child(even) {
        grid-row: 2
    }
}

@media screen and (max-width:736px) {
    .box__itmes--taste {
        grid-column: 1 / 4
    }
}

.box__items--niigata {
    padding: .25rem 0 .25rem .5rem
}

@media screen and (max-width:736px) {
    .box__items--niigata {
        grid-column: 1 / 4
    }
}

.box__itmes--country {
    padding: .25rem .25rem .25rem .5rem
}

.box__itmes--country:nth-child(even) {
    text-align: right
}

@media screen and (max-width:736px) {
    .box__itmes--country {
        padding: .12rem .25rem;
        grid-column: auto
    }
}

.box__title--niigata {
    padding: .25rem .25rem .25rem .5rem;
    text-align: center
}

@media screen and (max-width:736px) {
    .box__title--niigata {
        grid-column: 1 / 4
    }
}

.box__header {
    font-size: 18px;
    text-align: center;
    color: #333;
    background-color: #d9eb43
}

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

.box__title,.box__title--center {
    font-size: 18px;
    background-color: #d9eb43
}

@media screen and (max-width:736px) {
    .box__title,.box__title--center {
        font-size: 14px
    }
}

.box__title--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.box__items--era-1 {
    grid-row: 3 / 1
}

@media screen and (max-width:736px) {
    .box__items--era-1 {
        grid-row: auto;
        grid-column: 4 / 1
    }
}

.box__items--era-2 {
    grid-row: 7 / 8
}

@media screen and (max-width:736px) {
    .box__items--era-2 {
        grid-row: auto;
        grid-column: 4 / 1
    }
}

.box__items--era-3 {
    grid-row: 8 / 10
}

@media screen and (max-width:736px) {
    .box__items--era-3 {
        grid-row: auto;
        grid-column: 4 / 1
    }
}

.box__items--era-4 {
    grid-row: 13 / 16
}

@media screen and (max-width:736px) {
    .box__items--era-4 {
        grid-row: auto;
        grid-column: 4 / 1
    }
}

@media screen and (max-width:736px) {
    .box__items--year {
        grid-row: auto;
        grid-column: 1 / 1
    }
}

.box__items--year-2 {
    grid-row: 8 / 7
}

@media screen and (max-width:736px) {
    .box__items--year-2 {
        grid-row: 11 / 9;
        grid-column: 1 / 1
    }
}

.box__items--year-3 {
    grid-row: 10 / 8
}

@media screen and (max-width:736px) {
    .box__items--year-3 {
        grid-row: 14 / 12;
        grid-column: 1 / 1
    }
}

@media screen and (max-width:736px) {
    .box__items--desc {
        grid-row: auto;
        grid-column: 2 / 2
    }
}

div[class^=box__items--rowspan] {
    -ms-grid-column: 1
}

@media screen and (max-width:736px) {
    div[class^=box__items--rowspan] {
        grid-row: auto
    }
}

.box__items--rowspan-1 {
    grid-row: 7 / 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 7
}

@media screen and (max-width:736px) {
    .box__items--rowspan-1 {
        grid-row: 1
    }
}

.box__items--rowspan-2 {
    grid-row: 9 / 7;
    -ms-grid-row: 9;
    -ms-grid-row-span: 2
}

@media screen and (max-width:736px) {
    .box__items--rowspan-2 {
        grid-row: 8
    }
}

.box__items--rowspan-3 {
    grid-row: 11 / 9;
    -ms-grid-row: 11;
    -ms-grid-row-span: 3
}

@media screen and (max-width:736px) {
    .box__items--rowspan-3 {
        grid-row: 11
    }
}

.box__items--rowspan-4 {
    grid-row: 22 / 11;
    -ms-grid-row: 15;
    -ms-grid-row-span: 11
}

@media screen and (max-width:736px) {
    .box__items--rowspan-4 {
        grid-row: 14
    }
}

.box__items--rowspan-5 {
    grid-row: 25 / 22;
    -ms-grid-row: 26;
    -ms-grid-row-span: 4
}

@media screen and (max-width:736px) {
    .box__items--rowspan-5 {
        grid-row: 26
    }
}

.box__items--rowspan-6 {
    grid-row: 27 / 25;
    -ms-grid-row: 30;
    -ms-grid-row-span: 3
}

@media screen and (max-width:736px) {
    .box__items--rowspan-6 {
        grid-row: 30
    }
}

.box--year {
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 2rem;
    grid-template-columns: 63% 7% 15% 15%;
    grid-template-areas: 'box__header box__header box__header box__header' 'box__cont--a1 box__cont--b1 box__cont--c1 box__cont--d1' 'box__cont--a2 box__cont--b1 box__cont--c1 box__cont--d1' 'box__cont--a3 box__cont--b3 box__cont--c3 box__cont--d3' 'box__cont--a4 box__cont--b4 box__cont--c4 box__cont--d4' 'box__cont--a5 box__cont--b5 box__cont--c5 box__cont--d4' 'box__cont--a6 box__cont--b6 box__cont--c6 box__cont--d6'
}

@media screen and (max-width:736px) {
    .box--year {
        width: 370px;
        margin-top: 0;
        grid-template-columns: 50% 8% 21% 21%
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .box--year {
        display: none
    }
}

@media screen and (max-device-width:834px) {
    _::-webkit-full-page-media,_:future,:root .box--year {
        display: none
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .box--year__enhancement {
        display: block;
        width: 620px;
        height: 1325px;
        margin-bottom: 2rem;
        margin-left: 70px;
        background-image: url(../img/okome_about/img_komezukurino1nen@2x.png);
        background-repeat: no-repeat;
        background-size: 620px 1325px
    }
}

@media screen and (max-device-width:834px) {
    _::-webkit-full-page-media,_:future,:root .box--year__enhancement {
        display: block;
        width: 620px;
        height: 1325px;
        margin-bottom: 2rem;
        margin-left: 70px;
        background-image: url(../img/okome_about/img_komezukurino1nen@2x.png);
        background-repeat: no-repeat;
        background-size: 620px 1325px
    }
}

@media screen and (max-device-width:736px) {
    _::-webkit-full-page-media,_:future,:root .box--year__enhancement {
        display: block;
        width: 316px;
        height: 1732px;
        margin: 0 auto 1rem;
        background-image: url(../img/okome_about/img_komezukurino1nen_sp@2x.png);
        background-repeat: no-repeat;
        background-size: 316px 1732px
    }
}

.box__cont__img {
    margin: auto
}

.box__img--taste {
    display: block;
    margin: 1rem auto
}

.box__cont__media,.box__cont__media--primary {
    float: left;
    clear: both;
    width: 130px;
    margin-top: 7px;
    margin-right: 15px
}

@media screen and (max-width:736px) {
    .box__cont__media,.box__cont__media--primary {
        float: none;
        margin: auto auto 10px
    }
}

.box__cont__media--primary {
    width: 200px
}

@media screen and (max-width:736px) {
    .box__cont__media--primary {
        width: 130px
    }
}

.box__cont__title {
    font-size: 18px;
    margin-bottom: 5px;
    text-align: left;
    color: #008c10
}

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

.box__cont__article {
    font-size: 14px;
    margin-bottom: 0;
    text-align: left;
    letter-spacing: 0;
    color: #333
}

@media screen and (max-width:736px) {
    .box__cont__article {
        font-size: 10px;
        clear: both
    }
}

div[class^=box__cont]:not(.box__cont--c__inner) {
    text-align: center
}

@media screen and (max-width:736px) {
    div[class^=box__cont] {
        font-size: 10px
    }
}

div[class^=box__cont--a] {
    padding: 12px
}

div[class^=box__cont--b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

div[class^=box__cont--b] .is-text-horizontal {
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb
}

@media all and (min--moz-device-pixel-ratio:0) and (min-resolution:30dpcm) {
    div[class^=box__cont--b] {
        display: grid
    }

    div[class^=box__cont--b] .is-text-horizontal {
        display: contents
    }
}

div[class^=box__cont--c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

div[class^=box__cont--d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box__cont--c__inner,.box__cont--d__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box__cont--a1 {
    grid-column: 1 / 2;
    grid-row: 2
}

.box__cont--a2 {
    grid-column: 1 / 2;
    grid-row: 3
}

.box__cont--a3 {
    height: 175px
}

@media screen and (max-width:736px) {
    .box__cont--a3 {
        height: 235px
    }
}

.box__cont--a4 {
    margin-top: -20px;
    padding-top: 20px!important
}

.box__cont--a6 {
    height: 160px
}

.box__cont--a6 .box__cont__media,.box__cont--a6 .box__cont__media--primary {
    margin-bottom: 6px
}

@media screen and (max-width:736px) {
    .box__cont--a6 {
        height: 180px
    }
}

.box__cont--a7 {
    height: 190px;
    margin-top: -20px
}

@media screen and (max-width:736px) {
    .box__cont--a7 {
        height: 120px;
        margin-top: -10px
    }
}

.box__cont--a8 {
    margin-top: -30px
}

.box__cont--b1 {
    height: 321px;
    grid-column: 2;
    grid-row: 2 / 4
}

@media screen and (max-width:736px) {
    .box__cont--b1 {
        height: auto
    }
}

.box__cont--b3 {
    height: 185px
}

@media screen and (max-width:736px) {
    .box__cont--b3 {
        height: 245px
    }
}

.box__cont--b4 {
    height: 147px
}

@media screen and (max-width:736px) {
    .box__cont--b4 {
        height: -webkit-fill-available;
        height: -moz-available;
        height: stretch
    }
}

.box__cont--b5,.box__cont--c5 {
    height: 165px
}

@media screen and (max-width:736px) {
    .box__cont--b5,.box__cont--c5 {
        height: 225px
    }
}

.box__cont--b6 {
    height: 200px;
    margin-top: -20px
}

@media screen and (max-width:736px) {
    .box__cont--b6 {
        margin-top: -10px
    }
}

.box__cont--b7 {
    height: 200px
}

@media screen and (max-width:736px) {
    .box__cont--b7 {
        height: 140px
    }
}

.box__cont--b8 {
    height: 149px
}

@media screen and (max-width:736px) {
    .box__cont--b8 {
        height: auto
    }
}

.box__cont--c1 {
    padding-top: 40px;
    padding-bottom: 40px;
    grid-column: 3;
    grid-row: 2 / 4
}

.box__cont--c6,.box__cont--d6 {
    margin-top: -20px
}

.box__cont--d1 {
    grid-column: 4;
    grid-row: 2 / 4
}

.box__cont--d3 {
    grid-column: 4;
    grid-row: 4 / 5
}

.box__cont--d4 {
    height: 313px;
    grid-column: 4;
    grid-row: 5 / 7
}

@media screen and (max-width:736px) {
    .box__cont--d4 {
        height: 432px
    }
}

@media screen and (max-width:736px) {
    .box__cont--taste1 {
        grid-row: 2
    }
}

@media screen and (max-width:736px) {
    .box__cont--taste2 {
        grid-row: 4
    }
}

.box__subtitle {
    font-size: 18px;
    color: #008c10
}

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

.box__comment,.box__comment--inline,.box__comment--sm {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    color: #444
}

@media screen and (max-width:736px) {
    .box__comment,.box__comment--inline,.box__comment--sm {
        font-size: 12px
    }
}

@media screen and (max-width:736px) {
    .box__comment--inline {
        display: inline
    }
}

@media screen and (max-width:736px) {
    .box__comment--sm {
        font-size: 11px
    }
}

.box__ruby {
    font-size: .75em;
    margin-right: -.25em;
    margin-left: -.5em
}

@media screen and (max-width:834px) {
    .okome-nav {
        background-color: #fff
    }
}

.okome-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:834px) {
    .okome-nav__list {
        position: absolute;
        z-index: -1;
        top: -340px;
        left: 10px;
        display: block;
        overflow: hidden;
        width: calc(100% - 10px);
        margin-top: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

@media screen and (max-width:736px) {
    .okome-nav__list {
        left: 0;
        width: 100%
    }
}

.okome-nav__items:not(:last-child) {
    margin-right: 20px
}

@media screen and (max-width:834px) {
    .okome-nav__items:not(:last-child) {
        margin-right: 0
    }
}

@media screen and (max-width:834px) {
    .okome-nav__items {
        position: relative;
        width: 100%;
        border-bottom: 1px solid #fff
    }

    .okome-nav__items:after {
        position: absolute;
        top: 21px;
        right: 10px;
        display: block;
        width: 19px;
        height: 19px;
        margin: auto;
        content: '';
        background-repeat: no-repeat;
        background-position: center;
        background-size: 19px 19px
    }

    .okome-nav__items:first-child {
        background-color: #bfdb6a
    }

    .okome-nav__items:first-child:after {
        background-image: url(../img/common/icon_arrow-green.svg)
    }

    .okome-nav__items:nth-child(2) {
        background-color: #f2d27d
    }

    .okome-nav__items:nth-child(2):after {
        background-image: url(../img/common/icon_arrow-orange.svg)
    }

    .okome-nav__items:nth-child(3) {
        background-color: #92cde9
    }

    .okome-nav__items:nth-child(3):after {
        background-image: url(../img/common/icon_arrow-blue.svg)
    }
}

.okome-nav__link {
    display: block
}

@media screen and (max-width:834px) {
    .okome-nav__link {
        height: 51px;
        padding: 5px 10px
    }
}

.okome-nav__img--1 {
    width: 149px;
    height: 49px
}

@media screen and (max-width:834px) {
    .okome-nav__img--1 {
        width: auto;
        height: 52px
    }
}

.okome-nav__img--2 {
    width: 249px;
    height: 50px
}

@media screen and (max-width:834px) {
    .okome-nav__img--2 {
        width: auto;
        height: 52px
    }
}

.okome-nav__img--3 {
    width: 169px;
    height: 49px
}

@media screen and (max-width:834px) {
    .okome-nav__img--3 {
        width: auto;
        height: 52px
    }
}

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

    .is-opened .okome-nav__list {
        top: 50px;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
}

.okome-nav__toggler {
    position: absolute;
    top: 0;
    right: 10px;
    width: 40px;
    height: 40px;
    margin-top: 5px;
    margin-right: 0;
    border-radius: 6px;
    background-color: #2bab09
}

.okome-nav__toggler span {
    position: absolute;
    right: 0;
    left: 0;
    width: 19px;
    height: 3px;
    margin: auto;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    border-radius: 6px;
    background-color: #fff
}

.okome-nav__toggler span:nth-of-type(1) {
    top: 9px
}

.okome-nav__toggler span:nth-of-type(2) {
    top: 15px
}

.okome-nav__toggler span:nth-of-type(3) {
    top: 18px
}

.okome-nav__toggler.is-active span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -ms-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg)
}

.okome-nav__toggler.is-active span:nth-of-type(2) {
    opacity: 0
}

.okome-nav__toggler.is-active span:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg)
}

.okome-nav__toggler i {
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    position: absolute;
    top: 24px;
    left: -4px;
    width: 50px;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    color: #fff
}

@media screen and (min-device-width:835px) {
    .okome-nav__toggler {
        display: none
    }
}

.okome-nav-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width:835px) {
    .okome-nav-child {
        display: none
    }
}

.okome-nav-child__items,.okome-nav-child__items--is-current,.okome-nav-child__items--rice-cracker,.okome-nav-child__items--rice-cracker--is-current {
    position: relative;
    width: 50%;
    height: 51px;
    border-top: 1px solid #fff;
    background-color: #eaf4bd
}

.okome-nav-child__items:after,.okome-nav-child__items--is-current:after,.okome-nav-child__items--rice-cracker:after,.okome-nav-child__items--rice-cracker--is-current:after {
    position: absolute;
    top: 17px;
    right: 10px;
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
    content: '';
    background-image: url(../img/common/icon_arrow-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 15px
}

.okome-nav-child__items:nth-of-type(odd),.okome-nav-child__items--is-current:nth-of-type(odd),.okome-nav-child__items--rice-cracker:nth-of-type(odd),.okome-nav-child__items--rice-cracker--is-current:nth-of-type(odd) {
    border-right: 1px solid #fff
}

.okome-nav-child__items--is-current {
    background-color: #dced91
}

.okome-nav-child__items--is-current a:before {
    display: inline-block;
    width: 15px;
    height: 21px;
    margin-right: 6px;
    content: '';
    background-image: url(../img/okome_about/ttl_okome@2x.png);
    background-repeat: no-repeat;
    background-size: 15px 21px
}

.okome-nav-child__items--rice-cracker,.okome-nav-child__items--rice-cracker--is-current {
    background-color: #f5e9c5
}

.okome-nav-child__items--rice-cracker:after,.okome-nav-child__items--rice-cracker--is-current:after {
    background-image: url(../img/common/icon_arrow-orange.svg)
}

.okome-nav-child__items--rice-cracker .okome-nav-child__link,.okome-nav-child__items--rice-cracker--is-current .okome-nav-child__link {
    color: #d56500
}

.okome-nav-child__items--rice-cracker--is-current {
    background-color: #f0dda7
}

.okome-nav-child__items--rice-cracker--is-current a:before {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 6px;
    content: '';
    background-image: url(../img/common/ttl_okomenookashi@2x.png);
    background-repeat: no-repeat;
    background-size: 21px 21px
}

.okome-nav-child__link {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 10px);
    height: 100%;
    padding-left: 10px;
    text-decoration: none;
    color: #307e00;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.okomegamenu,.okomegamenu--rice-cracker {
    position: absolute;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 980px;
    margin: auto;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transition-property: opacity,overflow,visibility;
    transition-property: opacity,overflow,visibility;
    opacity: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:834px) {
    .okomegamenu,.okomegamenu--rice-cracker {
        display: none
    }
}

.okomegamenu--rice-cracker {
    width: 670px
}

.okome-nav__items:hover>.okomegamenu,.okome-nav__items:hover>.okomegamenu--rice-cracker {
    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
}

.okomegamenu__inner,.okomegamenu__inner--rice-cracker {
    width: 980px;
    margin-top: 18px;
    padding: 15px 20px;
    border-radius: 10px;
    background-color: #e9ecbd;
    -webkit-box-shadow: 5px 5px 6px 2px rgba(0,0,0,.2);
    box-shadow: 5px 5px 6px 2px rgba(0,0,0,.2)
}

.okomegamenu__inner:before,.okomegamenu__inner--rice-cracker:before {
    position: absolute;
    z-index: -1;
    top: 14px;
    left: 50%;
    width: 20px;
    height: 20px;
    content: '';
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    background-color: #e9ecbd;
    -webkit-box-shadow: 5px 0 5px 2px rgba(0,0,0,.2);
    box-shadow: 5px 0 5px 2px rgba(0,0,0,.2)
}

.okomegamenu__inner--rice-cracker {
    width: 100%;
    background-color: #f4ebc6
}

.okomegamenu__inner--rice-cracker:before {
    left: 77%;
    background-color: #f4ebc6
}

.okomegamenu__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.okomegamenu__items,.okomegamenu__items--rice-cracker,.okome-box__link {
    position: relative
}

.okomegamenu__link,.okomegamenu__link--rice-cracker {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 305px;
    height: 69px;
    margin: 5px 0;
    border: 3px solid #389400;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.okomegamenu__link:hover,.okomegamenu__link--rice-cracker:hover {
    background-color: #e5f0a8
}

.okomegamenu__link:before,.okomegamenu__link--rice-cracker:before,.okomegamenu__link:after,.okomegamenu__link--rice-cracker:after {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    content: '';
    background-repeat: no-repeat
}

.okomegamenu__link:before,.okomegamenu__link--rice-cracker:before {
    background-image: url(../img/sprite/pctablet/btn_pctablet.png);
    background-size: 536px 39px
}

.okomegamenu__link:after,.okomegamenu__link--rice-cracker:after {
    right: 15px;
    width: 19px;
    height: 19px;
    margin: auto;
    background-image: url(../img/common/icon_arrow-green.svg);
    background-position: center;
    background-size: 19px 19px
}

.okomegamenu__link--about:before {
    top: 11px;
    left: 27px;
    width: 68px;
    height: 39px;
    background-position: 0 0
}

.okomegamenu__link--history:before {
    top: 13px;
    left: 37px;
    width: 72px;
    height: 39px;
    background-position: -69px 5px
}

.okomegamenu__link--niigata:before {
    top: 13px;
    left: 24px;
    width: 87px;
    height: 39px;
    background-position: -141px 5px
}

.okomegamenu__link--country:before {
    top: 12px;
    left: 24px;
    width: 47px;
    height: 39px;
    background-position: -229px 5px
}

.okomegamenu__link--taste:before {
    top: 15px;
    left: 24px;
    width: 59px;
    height: 39px;
    background-position: -276px 5px
}

.okomegamenu__link--qanda:before {
    top: 13px;
    left: 49px;
    width: 53px;
    height: 39px;
    background-position: -335px 5px
}

.okomegamenu__link--rice-cracker {
    border: 3px solid #d56500
}

.okomegamenu__link--rice-cracker:hover {
    background-color: #f5e4a0
}

.okomegamenu__link--rice-cracker:after {
    background-image: url(../img/common/icon_arrow-orange.svg)
}

.okomegamenu__link--about-rice-cracker:before {
    top: 10px;
    left: 23px;
    width: 75px;
    height: 40px;
    background-position: -389px 5px
}

.okomegamenu__link--history-rice-cracker:before {
    top: 14px;
    left: 31px;
    width: 75px;
    height: 35px;
    background-position: -464px 5px
}

.okomegamenu__img {
    margin-right: 10px;
    margin-left: -10px
}

.okomegamenu__title,.okomegamenu__title--double {
    position: absolute;
    top: 0;
    right: 24%;
    bottom: 0;
    height: 18px;
    margin: auto
}

.okomegamenu__title--double {
    height: 40px
}

.ricecracker-index-hero {
    width: 100%;
    height: 154px;
    margin-top: -27px;
    margin-bottom: 50px;
    -webkit-animation: slideInDown .8s ease-out;
    animation: slideInDown .8s ease-out;
    background-image: url(../img/ricecrackerIndex/img_curtain_pattern@2x.png);
    background-repeat: repeat-x;
    background-size: 45px 154px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .ricecracker-index-hero {
        height: 109px;
        margin-top: 50px;
        margin-bottom: 24px;
        -webkit-animation: none;
        animation: none;
        background-image: url(../img/ricecrackerIndex/img_curtain_pattern_sp@2x.png);
        background-size: 75px 109px
    }
}

@media screen and (max-width:736px) and (orientation:portrait) {
    .ricecracker-index-hero {
        margin-top: 0
    }
}

.ricecracker-index-hero__title {
    position: relative;
    -webkit-animation: animateOpacity 1s;
    animation: animateOpacity 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .ricecracker-index-hero__title {
        -webkit-animation: none;
        animation: none
    }
}

.ricecracker-index-hero__img {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    margin: auto
}

@media screen and (max-width:834px) {
    .ricecracker-index-hero__img {
        width: 85%
    }
}

@media screen and (max-width:736px) {
    .ricecracker-index-hero__img {
        width: 278px
    }
}

.okome-index-hero {
    width: 100%;
    height: 154px;
    margin-top: -27px;
    margin-bottom: 50px;
    -webkit-animation: slideInDown .8s ease-out;
    animation: slideInDown .8s ease-out;
    background-image: url(../img/okomeIndex/img_curtain_pattern@2x.png);
    background-repeat: repeat-x;
    background-size: 45px 154px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .okome-index-hero {
        height: 109px;
        margin-top: 50px;
        margin-bottom: 24px;
        -webkit-animation: none;
        animation: none;
        background-image: url(../img/okomeIndex/img_curtain_pattern_sp@2x.png);
        background-size: 75px 109px
    }
}

.okome-index-hero__title {
    position: relative;
    -webkit-animation: animateOpacity 1s;
    animation: animateOpacity 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .okome-index-hero__title {
        -webkit-animation: none;
        animation: none
    }
}

.okome-index-hero__img {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    margin: auto
}

@media screen and (max-width:834px) {
    .okome-index-hero__img {
        width: 60%
    }
}

@media screen and (max-width:736px) {
    .okome-index-hero__img {
        width: 278px;
        -webkit-animation: none;
        animation: none
    }
}

.ricecracker-index-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 648px;
    margin: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:834px) {
    .ricecracker-index-buttons {
        display: block;
        width: calc(100% - 20px);
        margin: auto 10px
    }
}

.ricecracker-index-buttons__button {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 314px;
    height: 160px;
    -webkit-animation: animateOpacityFadeIn 1s ease-out;
    animation: animateOpacityFadeIn 1s ease-out;
    border: 3px solid #d56500;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 6px 2px rgba(0,0,0,.2);
    box-shadow: 2px 2px 6px 2px rgba(0,0,0,.2);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.ricecracker-index-buttons__button:first-of-type {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.ricecracker-index-buttons__button:last-of-type {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.ricecracker-index-buttons__button:hover {
    background-color: #f5e4a0
}

.ricecracker-index-buttons__button:after {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 19px;
    height: 19px;
    margin: auto;
    content: '';
    background-image: url(../img/common/icon_arrow-orange.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px 19px
}

@media screen and (max-width:834px) {
    .ricecracker-index-buttons__button {
        width: 100%;
        height: 75px
    }

    .ricecracker-index-buttons__button:after {
        width: 14px;
        height: 14px;
        background-size: 14px 14px
    }

    .ricecracker-index-buttons__button:first-of-type {
        margin-bottom: 10px
    }
}

@media screen and (max-width:736px) {
    .ricecracker-index-buttons__button {
        -webkit-animation: none;
        animation: none
    }
}

.ricecracker-index-buttons__link {
    display: block;
    height: 160px
}

@media screen and (max-width:834px) {
    .ricecracker-index-buttons__link {
        height: 75px
    }
}

.ricecracker-index-buttons__img--1,.ricecracker-index-buttons__img--2 {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-animation: bounceIn 1s ease-out;
    animation: bounceIn 1s ease-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:834px) {
    .ricecracker-index-buttons__img--1,.ricecracker-index-buttons__img--2 {
        right: auto;
        bottom: 0;
        left: 15px;
        width: 25%
    }
}

@media screen and (max-width:736px) {
    .ricecracker-index-buttons__img--1,.ricecracker-index-buttons__img--2 {
        -webkit-animation: none;
        animation: none
    }
}

.ricecracker-index-buttons__img--1 {
    top: -20%;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

@media screen and (max-width:834px) {
    .ricecracker-index-buttons__img--1 {
        top: -2px;
        width: 70px
    }
}

.ricecracker-index-buttons__img--2 {
    top: -12%;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

@media screen and (max-width:834px) {
    .ricecracker-index-buttons__img--2 {
        top: -1px;
        width: 67px
    }
}

.ricecracker-index-buttons__title {
    position: absolute;
    top: 3px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 28px;
    margin: auto;
    padding-right: 5px
}

@media screen and (max-width:834px) {
    .ricecracker-index-buttons__title {
        top: 0;
        height: 21px;
        padding-right: 0;
        padding-left: 3px
    }
}

@media screen and (max-width:736px) {
    .ricecracker-index-buttons__title {
        top: 0;
        height: 17px;
        padding-right: 0;
        padding-left: 3px
    }
}

.okome-index-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:834px) {
    .okome-index-buttons {
        display: block;
        width: calc(100% - 20px);
        margin: auto 10px;
        margin-bottom: 100px
    }
}

.okome-index-buttons__button,.okome-index-buttons__button--primary {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 314px;
    height: 160px;
    -webkit-animation: animateOpacityFadeIn 1s ease-out;
    animation: animateOpacityFadeIn 1s ease-out;
    border: 3px solid #389400;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 6px 2px rgba(0,0,0,.2);
    box-shadow: 2px 2px 6px 2px rgba(0,0,0,.2);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.okome-index-buttons__button:first-child,.okome-index-buttons__button--primary:first-child {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.okome-index-buttons__button:nth-child(2),.okome-index-buttons__button--primary:nth-child(2) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.okome-index-buttons__button:nth-child(3),.okome-index-buttons__button--primary:nth-child(3) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

.okome-index-buttons__button:nth-child(4),.okome-index-buttons__button--primary:nth-child(4) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.okome-index-buttons__button:nth-child(5),.okome-index-buttons__button--primary:nth-child(5) {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}

.okome-index-buttons__button:last-child,.okome-index-buttons__button--primary:last-child {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.okome-index-buttons__button:hover,.okome-index-buttons__button--primary:hover {
    background-color: #e5f0a8
}

.okome-index-buttons__button:after,.okome-index-buttons__button--primary:after {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 19px;
    height: 19px;
    margin: auto;
    content: '';
    background-image: url(../img/common/icon_arrow-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px 19px
}

@media screen and (max-width:834px) {
    .okome-index-buttons__button,.okome-index-buttons__button--primary {
        width: 100%;
        height: 75px
    }

    .okome-index-buttons__button:after,.okome-index-buttons__button--primary:after {
        width: 14px;
        height: 14px;
        background-size: 14px 14px
    }

    .okome-index-buttons__button:not(:last-of-type),.okome-index-buttons__button--primary:not(:last-of-type) {
        margin-bottom: 10px
    }
}

@media screen and (max-width:736px) {
    .okome-index-buttons__button,.okome-index-buttons__button--primary {
        -webkit-animation: none;
        animation: none
    }
}

.okome-index-buttons__button--primary {
    margin-bottom: 22px
}

.okome-index-buttons__link {
    display: block;
    height: 160px
}

@media screen and (max-width:834px) {
    .okome-index-buttons__link {
        height: 75px
    }
}

.okome-index-buttons__img--1,.okome-index-buttons__img--2,.okome-index-buttons__img--3,.okome-index-buttons__img--4,.okome-index-buttons__img--5,.okome-index-buttons__img--6 {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-animation: bounceIn 1s ease-out;
    animation: bounceIn 1s ease-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:834px) {
    .okome-index-buttons__img--1,.okome-index-buttons__img--2,.okome-index-buttons__img--3,.okome-index-buttons__img--4,.okome-index-buttons__img--5,.okome-index-buttons__img--6 {
        right: auto;
        bottom: 0;
        left: 15px;
        width: 25%
    }
}

@media screen and (max-width:736px) {
    .okome-index-buttons__img--1,.okome-index-buttons__img--2,.okome-index-buttons__img--3,.okome-index-buttons__img--4,.okome-index-buttons__img--5,.okome-index-buttons__img--6 {
        -webkit-animation: none;
        animation: none
    }
}

.okome-index-buttons__img--1 {
    top: -20%;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

@media screen and (max-width:834px) {
    .okome-index-buttons__img--1 {
        top: -3px;
        width: 55px
    }
}

.okome-index-buttons__img--2 {
    top: -12%;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

@media screen and (max-width:834px) {
    .okome-index-buttons__img--2 {
        top: -3px;
        width: 62px
    }
}

.okome-index-buttons__img--3 {
    top: -17%;
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s
}

@media screen and (max-width:834px) {
    .okome-index-buttons__img--3 {
        top: -3px;
        left: 10px;
        width: 57px
    }
}

.okome-index-buttons__img--4 {
    top: -14%;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

@media screen and (max-width:834px) {
    .okome-index-buttons__img--4 {
        top: -3px;
        width: 53px
    }
}

.okome-index-buttons__img--5 {
    top: -13%;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

@media screen and (max-width:834px) {
    .okome-index-buttons__img--5 {
        top: -3px;
        width: 54px
    }
}

.okome-index-buttons__img--6 {
    top: -13%;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

@media screen and (max-width:834px) {
    .okome-index-buttons__img--6 {
        top: -3px;
        width: 58px
    }
}

.okome-index-buttons__title,.okome-index-buttons__title--primary,.okome-index-buttons__title--tertiary,.okome-index-buttons__title--secondary,.okome-index-buttons__subtitle,.okome-index-buttons__subtitle--primary {
    position: absolute;
    top: 3px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 28px;
    margin: auto;
    padding-right: 5px
}

@media screen and (max-width:834px) {
    .okome-index-buttons__title,.okome-index-buttons__title--primary,.okome-index-buttons__title--tertiary,.okome-index-buttons__title--secondary,.okome-index-buttons__subtitle,.okome-index-buttons__subtitle--primary {
        top: -12px;
        height: 17px;
        padding-right: 0;
        padding-left: 3px
    }
}

@media screen and (max-width:414px) {
    .okome-index-buttons__title,.okome-index-buttons__title--primary,.okome-index-buttons__title--tertiary,.okome-index-buttons__title--secondary,.okome-index-buttons__subtitle,.okome-index-buttons__subtitle--primary {
        left: 27%;
        margin-left: 0
    }
}

.okome-index-buttons__title--primary,.okome-index-buttons__title--tertiary {
    top: -5px;
    height: 62px
}

@media screen and (max-width:834px) {
    .okome-index-buttons__title--primary,.okome-index-buttons__title--tertiary {
        top: -14px;
        height: 17px
    }
}

@media screen and (max-width:834px) {
    .okome-index-buttons__title--secondary {
        top: 0
    }
}

@media screen and (max-width:736px) {
    .okome-index-buttons__title--tertiary {
        padding-left: 2rem
    }
}

@media screen and (max-width:414px) {
    .okome-index-buttons__title--tertiary {
        height: 17px;
        padding-left: 0
    }
}

@media screen and (max-width:320px) {
    .okome-index-buttons__title--tertiary {
        height: 15px
    }
}

.okome-index-buttons__subtitle,.okome-index-buttons__subtitle--primary {
    top: 73px;
    height: 14px
}

@media screen and (max-width:834px) {
    .okome-index-buttons__subtitle,.okome-index-buttons__subtitle--primary {
        top: 30px;
        height: 10px
    }
}

.okome-index-buttons__subtitle--primary {
    top: 100px
}

@media screen and (max-width:834px) {
    .okome-index-buttons__subtitle--primary {
        top: 30px;
        height: 10px
    }
}

.okome-hero {
    position: absolute;
    top: 170px;
    left: 47%;
    width: 551px;
    height: 258px
}

@media screen and (max-width:1024px) {
    .okome-hero {
        right: 20px
    }
}

@media screen and (max-width:834px) {
    .okome-hero {
        width: auto
    }
}

@media screen and (max-width:736px) {
    .okome-hero {
        display: none
    }
}

.okome-hero__img--1 {
    width: 187px
}

@media screen and (max-width:834px) {
    .okome-hero__img--1 {
        position: absolute;
        top: 40px;
        left: 26px;
        width: calc(187px*.75)
    }
}

.okome-hero__img--2 {
    position: absolute;
    top: 155px;
    left: 146px
}

@media screen and (max-width:834px) {
    .okome-hero__img--2 {
        top: 140px;
        left: 136px
    }
}

.okome-hero__img--3 {
    position: absolute;
    top: 35px;
    left: 246px
}

@media screen and (max-width:834px) {
    .okome-hero__img--3 {
        top: -45px;
        left: 138px
    }
}

.okome-hero__img--4 {
    position: absolute;
    top: 65px;
    right: 0;
    width: 93px
}

@media screen and (max-width:834px) {
    .okome-hero__img--4 {
        width: calc(93px*.75)!important
    }
}

.okome-hero__img--5 {
    position: absolute;
    top: 65px;
    right: 93px;
    width: 172px
}

@media screen and (max-width:834px) {
    .okome-hero__img--5 {
        right: 0;
        width: calc(172px*.75)
    }
}

.okome-hero__img--6 {
    position: absolute;
    top: -40px;
    right: 230px
}

@media screen and (max-width:834px) {
    .okome-hero__img--6 {
        right: 110px
    }
}

.okome-img--bubble {
    width: 155px
}

.okome-img--seihakumai {
    width: 93px
}

@media screen and (max-device-width:736px) {
    .okome-img--seihakumai {
        width: 46px
    }
}

.okome-img--hatsuga {
    width: 91px
}

@media screen and (max-device-width:736px) {
    .okome-img--hatsuga {
        width: 45px
    }
}

.okome-img--genmai {
    width: 97px
}

@media screen and (max-device-width:736px) {
    .okome-img--genmai {
        width: 48px
    }
}

.okome-img--yayoi {
    width: 152px
}

@media screen and (max-device-width:736px) {
    .okome-img--yayoi {
        width: 76px
    }
}

.okome-img--owan {
    width: 172px
}

@media screen and (max-device-width:736px) {
    .okome-img--owan {
        width: 86px
    }
}

.okome-img--onigiri {
    width: 147px
}

@media screen and (max-device-width:736px) {
    .okome-img--onigiri {
        width: 73px
    }
}

@media screen and (max-device-width:736px) {
    .okome-img--komekun {
        width: 88px
    }
}

@media screen and (max-device-width:736px) {
    .okome-img--komeko {
        width: 61px
    }
}

.okome-img--ojisan {
    width: 153px
}

@media screen and (max-device-width:736px) {
    .okome-img--ojisan {
        width: 77px
    }
}

.niigata-table {
    font-size: 14px;
    font-weight: 700;
    display: none;
    width: 620px;
    margin-bottom: 1rem;
    color: #444;
    border-top: 3px solid #9ac841;
    border-left: 3px solid #9ac841
}

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

@media screen and (max-width:736px) {
    .niigata-table {
        width: 100%
    }
}

.niigata-table__head {
    padding: .125rem .25rem;
    text-align: center;
    border-right: 3px solid #9ac841;
    border-bottom: 3px solid #9ac841;
    background-color: #d9eb43
}

.niigata-table__label {
    width: 28%;
    padding: .125rem .25rem;
    text-align: center;
    color: #008c10;
    border-right: 3px solid #9ac841;
    border-bottom: 3px solid #9ac841
}

.niigata-table__cell {
    font-size: 12px;
    padding: .125rem .25rem;
    text-align: right;
    border-right: 3px solid #9ac841;
    border-bottom: 3px solid #9ac841
}

.okome-taste-table,.okome-country-table {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    color: #444;
    border-width: 4px;
    border-style: solid;
    border-color: #9ac841
}

@media screen and (max-width:736px) {
    .okome-taste-table,.okome-country-table {
        font-size: 14px;
        border-width: 3px
    }
}

@media screen and (max-width:736px) {
    .okome-country-table {
        margin-bottom: 1rem
    }
}

.okome-taste-table__label,.okome-country-table__label {
    width: 24%;
    padding: .25rem;
    text-align: center;
    color: #333;
    border-width: 4px;
    border-style: solid;
    border-color: #9ac841;
    background-color: #d9eb43
}

@media screen and (max-width:736px) {
    .okome-taste-table__label,.okome-country-table__label {
        padding: .125rem .25rem;
        border-width: 3px
    }
}

.okome-country-table__label {
    width: 45%;
    text-align: left
}

.okome-taste-table__cell,.okome-country-table__cell {
    font-size: 16px;
    padding: .33rem .25rem .33rem .5rem;
    border-width: 4px;
    border-style: solid;
    border-color: #9ac841
}

@media screen and (max-width:736px) {
    .okome-taste-table__cell,.okome-country-table__cell {
        font-size: 12px;
        padding: .125rem .25rem;
        border-width: 3px
    }
}

.okome-country-table__cell {
    text-align: right
}

.friends-card {
    margin-bottom: 60px
}

@media screen and (max-width:834px) {
    .friends-card {
        margin-bottom: 70px
    }
}

.friends-card__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: 0 auto;
    -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) {
    .friends-card__list {
        width: 638px
    }
}

@media screen and (max-width:736px) {
    .friends-card__list {
        width: calc(100% - 20px);
        margin: 0 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.friends-card__items {
    display: block;
    width: 314px;
    height: 564px;
    margin: 0 18px 40px 0;
    padding: 12px 18px 30px;
    -webkit-animation: animateOpacityFadeIn .5s ease;
    animation: animateOpacityFadeIn .5s ease;
    border-radius: 5px;
    background-image: url(../img/friends/img_note_friends@2x.jpg);
    background-repeat: repeat;
    background-size: 1px 40px;
    -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,.15);
    box-shadow: 4px 4px 0 0 rgba(0,0,0,.15);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.friends-card__items:nth-child(3n) {
    margin-right: 0
}

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

    .friends-card__items picture {
        width: calc(50% - 10px)
    }

    .friends-card__items:nth-child(odd) {
        margin-right: 10px
    }
}

@media screen and (max-width:736px) {
    .friends-card__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: auto;
        min-height: 70px;
        margin: 0 0 10px;
        padding: 10px;
        -webkit-animation: none;
        animation: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .friends-card__items:nth-child(odd) {
        margin-right: 0
    }
}

.friends-card__items:nth-of-type(1) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

.friends-card__items:nth-of-type(1) .friends-card__img {
    -webkit-animation-delay: 3.15s;
    animation-delay: 3.15s
}

.friends-card__items:nth-of-type(1) .friends-card__title,.friends-card__items:nth-of-type(1) .friends-card__title--hatsuga,.friends-card__items:nth-of-type(1) .friends-card__title--genmai,.friends-card__items:nth-of-type(1) .friends-card__title--yayoi,.friends-card__items:nth-of-type(1) .friends-card__title--owan,.friends-card__items:nth-of-type(1) .friends-card__title--onigiri,.friends-card__items:nth-of-type(1) .friends-card__title--komekun,.friends-card__items:nth-of-type(1) .friends-card__title--komeko,.friends-card__items:nth-of-type(1) .friends-card__title--nouka {
    -webkit-animation-delay: 4.05s;
    animation-delay: 4.05s
}

.friends-card__items:nth-of-type(1) .friends-card__subtitle,.friends-card__items:nth-of-type(1) .friends-card__subtitle--hatsuga,.friends-card__items:nth-of-type(1) .friends-card__subtitle--genmai,.friends-card__items:nth-of-type(1) .friends-card__subtitle--yayoi,.friends-card__items:nth-of-type(1) .friends-card__subtitle--owan,.friends-card__items:nth-of-type(1) .friends-card__subtitle--onigiri,.friends-card__items:nth-of-type(1) .friends-card__subtitle--komekun,.friends-card__items:nth-of-type(1) .friends-card__subtitle--komeko,.friends-card__items:nth-of-type(1) .friends-card__subtitle--nouka {
    -webkit-animation-delay: 4.95s;
    animation-delay: 4.95s
}

.friends-card__items:nth-of-type(1) .friends-card__text {
    -webkit-animation-delay: 5.85s;
    animation-delay: 5.85s
}

.friends-card__items:nth-of-type(2) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.friends-card__items:nth-of-type(2) .friends-card__img {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s
}

.friends-card__items:nth-of-type(2) .friends-card__title,.friends-card__items:nth-of-type(2) .friends-card__title--hatsuga,.friends-card__items:nth-of-type(2) .friends-card__title--genmai,.friends-card__items:nth-of-type(2) .friends-card__title--yayoi,.friends-card__items:nth-of-type(2) .friends-card__title--owan,.friends-card__items:nth-of-type(2) .friends-card__title--onigiri,.friends-card__items:nth-of-type(2) .friends-card__title--komekun,.friends-card__items:nth-of-type(2) .friends-card__title--komeko,.friends-card__items:nth-of-type(2) .friends-card__title--nouka {
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s
}

.friends-card__items:nth-of-type(2) .friends-card__subtitle,.friends-card__items:nth-of-type(2) .friends-card__subtitle--hatsuga,.friends-card__items:nth-of-type(2) .friends-card__subtitle--genmai,.friends-card__items:nth-of-type(2) .friends-card__subtitle--yayoi,.friends-card__items:nth-of-type(2) .friends-card__subtitle--owan,.friends-card__items:nth-of-type(2) .friends-card__subtitle--onigiri,.friends-card__items:nth-of-type(2) .friends-card__subtitle--komekun,.friends-card__items:nth-of-type(2) .friends-card__subtitle--komeko,.friends-card__items:nth-of-type(2) .friends-card__subtitle--nouka {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s
}

.friends-card__items:nth-of-type(2) .friends-card__text {
    -webkit-animation-delay: 6.1s;
    animation-delay: 6.1s
}

.friends-card__items:nth-of-type(3) {
    -webkit-animation-delay: 2.75s;
    animation-delay: 2.75s
}

.friends-card__items:nth-of-type(3) .friends-card__img {
    -webkit-animation-delay: 3.65s;
    animation-delay: 3.65s
}

.friends-card__items:nth-of-type(3) .friends-card__title,.friends-card__items:nth-of-type(3) .friends-card__title--hatsuga,.friends-card__items:nth-of-type(3) .friends-card__title--genmai,.friends-card__items:nth-of-type(3) .friends-card__title--yayoi,.friends-card__items:nth-of-type(3) .friends-card__title--owan,.friends-card__items:nth-of-type(3) .friends-card__title--onigiri,.friends-card__items:nth-of-type(3) .friends-card__title--komekun,.friends-card__items:nth-of-type(3) .friends-card__title--komeko,.friends-card__items:nth-of-type(3) .friends-card__title--nouka {
    -webkit-animation-delay: 4.55s;
    animation-delay: 4.55s
}

.friends-card__items:nth-of-type(3) .friends-card__subtitle,.friends-card__items:nth-of-type(3) .friends-card__subtitle--hatsuga,.friends-card__items:nth-of-type(3) .friends-card__subtitle--genmai,.friends-card__items:nth-of-type(3) .friends-card__subtitle--yayoi,.friends-card__items:nth-of-type(3) .friends-card__subtitle--owan,.friends-card__items:nth-of-type(3) .friends-card__subtitle--onigiri,.friends-card__items:nth-of-type(3) .friends-card__subtitle--komekun,.friends-card__items:nth-of-type(3) .friends-card__subtitle--komeko,.friends-card__items:nth-of-type(3) .friends-card__subtitle--nouka {
    -webkit-animation-delay: 5.45s;
    animation-delay: 5.45s
}

.friends-card__items:nth-of-type(3) .friends-card__text {
    -webkit-animation-delay: 6.35s;
    animation-delay: 6.35s
}

.friends-card__items:nth-of-type(4) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.friends-card__items:nth-of-type(4) .friends-card__img {
    -webkit-animation-delay: 3.9s;
    animation-delay: 3.9s
}

.friends-card__items:nth-of-type(4) .friends-card__title,.friends-card__items:nth-of-type(4) .friends-card__title--hatsuga,.friends-card__items:nth-of-type(4) .friends-card__title--genmai,.friends-card__items:nth-of-type(4) .friends-card__title--yayoi,.friends-card__items:nth-of-type(4) .friends-card__title--owan,.friends-card__items:nth-of-type(4) .friends-card__title--onigiri,.friends-card__items:nth-of-type(4) .friends-card__title--komekun,.friends-card__items:nth-of-type(4) .friends-card__title--komeko,.friends-card__items:nth-of-type(4) .friends-card__title--nouka {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s
}

.friends-card__items:nth-of-type(4) .friends-card__subtitle,.friends-card__items:nth-of-type(4) .friends-card__subtitle--hatsuga,.friends-card__items:nth-of-type(4) .friends-card__subtitle--genmai,.friends-card__items:nth-of-type(4) .friends-card__subtitle--yayoi,.friends-card__items:nth-of-type(4) .friends-card__subtitle--owan,.friends-card__items:nth-of-type(4) .friends-card__subtitle--onigiri,.friends-card__items:nth-of-type(4) .friends-card__subtitle--komekun,.friends-card__items:nth-of-type(4) .friends-card__subtitle--komeko,.friends-card__items:nth-of-type(4) .friends-card__subtitle--nouka {
    -webkit-animation-delay: 5.7s;
    animation-delay: 5.7s
}

.friends-card__items:nth-of-type(4) .friends-card__text {
    -webkit-animation-delay: 6.6s;
    animation-delay: 6.6s
}

.friends-card__items:nth-of-type(5) {
    -webkit-animation-delay: 3.25s;
    animation-delay: 3.25s
}

.friends-card__items:nth-of-type(5) .friends-card__img {
    -webkit-animation-delay: 4.15s;
    animation-delay: 4.15s
}

.friends-card__items:nth-of-type(5) .friends-card__title,.friends-card__items:nth-of-type(5) .friends-card__title--hatsuga,.friends-card__items:nth-of-type(5) .friends-card__title--genmai,.friends-card__items:nth-of-type(5) .friends-card__title--yayoi,.friends-card__items:nth-of-type(5) .friends-card__title--owan,.friends-card__items:nth-of-type(5) .friends-card__title--onigiri,.friends-card__items:nth-of-type(5) .friends-card__title--komekun,.friends-card__items:nth-of-type(5) .friends-card__title--komeko,.friends-card__items:nth-of-type(5) .friends-card__title--nouka {
    -webkit-animation-delay: 5.05s;
    animation-delay: 5.05s
}

.friends-card__items:nth-of-type(5) .friends-card__subtitle,.friends-card__items:nth-of-type(5) .friends-card__subtitle--hatsuga,.friends-card__items:nth-of-type(5) .friends-card__subtitle--genmai,.friends-card__items:nth-of-type(5) .friends-card__subtitle--yayoi,.friends-card__items:nth-of-type(5) .friends-card__subtitle--owan,.friends-card__items:nth-of-type(5) .friends-card__subtitle--onigiri,.friends-card__items:nth-of-type(5) .friends-card__subtitle--komekun,.friends-card__items:nth-of-type(5) .friends-card__subtitle--komeko,.friends-card__items:nth-of-type(5) .friends-card__subtitle--nouka {
    -webkit-animation-delay: 5.95s;
    animation-delay: 5.95s
}

.friends-card__items:nth-of-type(5) .friends-card__text {
    -webkit-animation-delay: 6.85s;
    animation-delay: 6.85s
}

.friends-card__items:nth-of-type(6) {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.friends-card__items:nth-of-type(6) .friends-card__img {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s
}

.friends-card__items:nth-of-type(6) .friends-card__title,.friends-card__items:nth-of-type(6) .friends-card__title--hatsuga,.friends-card__items:nth-of-type(6) .friends-card__title--genmai,.friends-card__items:nth-of-type(6) .friends-card__title--yayoi,.friends-card__items:nth-of-type(6) .friends-card__title--owan,.friends-card__items:nth-of-type(6) .friends-card__title--onigiri,.friends-card__items:nth-of-type(6) .friends-card__title--komekun,.friends-card__items:nth-of-type(6) .friends-card__title--komeko,.friends-card__items:nth-of-type(6) .friends-card__title--nouka {
    -webkit-animation-delay: 5.3s;
    animation-delay: 5.3s
}

.friends-card__items:nth-of-type(6) .friends-card__subtitle,.friends-card__items:nth-of-type(6) .friends-card__subtitle--hatsuga,.friends-card__items:nth-of-type(6) .friends-card__subtitle--genmai,.friends-card__items:nth-of-type(6) .friends-card__subtitle--yayoi,.friends-card__items:nth-of-type(6) .friends-card__subtitle--owan,.friends-card__items:nth-of-type(6) .friends-card__subtitle--onigiri,.friends-card__items:nth-of-type(6) .friends-card__subtitle--komekun,.friends-card__items:nth-of-type(6) .friends-card__subtitle--komeko,.friends-card__items:nth-of-type(6) .friends-card__subtitle--nouka {
    -webkit-animation-delay: 6.2s;
    animation-delay: 6.2s
}

.friends-card__items:nth-of-type(6) .friends-card__text {
    -webkit-animation-delay: 7.1s;
    animation-delay: 7.1s
}

.friends-card__items:nth-of-type(7) {
    -webkit-animation-delay: 3.75s;
    animation-delay: 3.75s
}

.friends-card__items:nth-of-type(7) .friends-card__img {
    -webkit-animation-delay: 4.65s;
    animation-delay: 4.65s
}

.friends-card__items:nth-of-type(7) .friends-card__title,.friends-card__items:nth-of-type(7) .friends-card__title--hatsuga,.friends-card__items:nth-of-type(7) .friends-card__title--genmai,.friends-card__items:nth-of-type(7) .friends-card__title--yayoi,.friends-card__items:nth-of-type(7) .friends-card__title--owan,.friends-card__items:nth-of-type(7) .friends-card__title--onigiri,.friends-card__items:nth-of-type(7) .friends-card__title--komekun,.friends-card__items:nth-of-type(7) .friends-card__title--komeko,.friends-card__items:nth-of-type(7) .friends-card__title--nouka {
    -webkit-animation-delay: 5.55s;
    animation-delay: 5.55s
}

.friends-card__items:nth-of-type(7) .friends-card__subtitle,.friends-card__items:nth-of-type(7) .friends-card__subtitle--hatsuga,.friends-card__items:nth-of-type(7) .friends-card__subtitle--genmai,.friends-card__items:nth-of-type(7) .friends-card__subtitle--yayoi,.friends-card__items:nth-of-type(7) .friends-card__subtitle--owan,.friends-card__items:nth-of-type(7) .friends-card__subtitle--onigiri,.friends-card__items:nth-of-type(7) .friends-card__subtitle--komekun,.friends-card__items:nth-of-type(7) .friends-card__subtitle--komeko,.friends-card__items:nth-of-type(7) .friends-card__subtitle--nouka {
    -webkit-animation-delay: 6.45s;
    animation-delay: 6.45s
}

.friends-card__items:nth-of-type(7) .friends-card__text {
    -webkit-animation-delay: 7.35s;
    animation-delay: 7.35s
}

.friends-card__items:nth-of-type(8) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.friends-card__items:nth-of-type(8) .friends-card__img {
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s
}

.friends-card__items:nth-of-type(8) .friends-card__title,.friends-card__items:nth-of-type(8) .friends-card__title--hatsuga,.friends-card__items:nth-of-type(8) .friends-card__title--genmai,.friends-card__items:nth-of-type(8) .friends-card__title--yayoi,.friends-card__items:nth-of-type(8) .friends-card__title--owan,.friends-card__items:nth-of-type(8) .friends-card__title--onigiri,.friends-card__items:nth-of-type(8) .friends-card__title--komekun,.friends-card__items:nth-of-type(8) .friends-card__title--komeko,.friends-card__items:nth-of-type(8) .friends-card__title--nouka {
    -webkit-animation-delay: 5.8s;
    animation-delay: 5.8s
}

.friends-card__items:nth-of-type(8) .friends-card__subtitle,.friends-card__items:nth-of-type(8) .friends-card__subtitle--hatsuga,.friends-card__items:nth-of-type(8) .friends-card__subtitle--genmai,.friends-card__items:nth-of-type(8) .friends-card__subtitle--yayoi,.friends-card__items:nth-of-type(8) .friends-card__subtitle--owan,.friends-card__items:nth-of-type(8) .friends-card__subtitle--onigiri,.friends-card__items:nth-of-type(8) .friends-card__subtitle--komekun,.friends-card__items:nth-of-type(8) .friends-card__subtitle--komeko,.friends-card__items:nth-of-type(8) .friends-card__subtitle--nouka {
    -webkit-animation-delay: 6.7s;
    animation-delay: 6.7s
}

.friends-card__items:nth-of-type(8) .friends-card__text {
    -webkit-animation-delay: 7.6s;
    animation-delay: 7.6s
}

.friends-card__items:nth-of-type(9) {
    -webkit-animation-delay: 4.25s;
    animation-delay: 4.25s
}

.friends-card__items:nth-of-type(9) .friends-card__img {
    -webkit-animation-delay: 5.15s;
    animation-delay: 5.15s
}

.friends-card__items:nth-of-type(9) .friends-card__title,.friends-card__items:nth-of-type(9) .friends-card__title--hatsuga,.friends-card__items:nth-of-type(9) .friends-card__title--genmai,.friends-card__items:nth-of-type(9) .friends-card__title--yayoi,.friends-card__items:nth-of-type(9) .friends-card__title--owan,.friends-card__items:nth-of-type(9) .friends-card__title--onigiri,.friends-card__items:nth-of-type(9) .friends-card__title--komekun,.friends-card__items:nth-of-type(9) .friends-card__title--komeko,.friends-card__items:nth-of-type(9) .friends-card__title--nouka {
    -webkit-animation-delay: 6.05s;
    animation-delay: 6.05s
}

.friends-card__items:nth-of-type(9) .friends-card__subtitle,.friends-card__items:nth-of-type(9) .friends-card__subtitle--hatsuga,.friends-card__items:nth-of-type(9) .friends-card__subtitle--genmai,.friends-card__items:nth-of-type(9) .friends-card__subtitle--yayoi,.friends-card__items:nth-of-type(9) .friends-card__subtitle--owan,.friends-card__items:nth-of-type(9) .friends-card__subtitle--onigiri,.friends-card__items:nth-of-type(9) .friends-card__subtitle--komekun,.friends-card__items:nth-of-type(9) .friends-card__subtitle--komeko,.friends-card__items:nth-of-type(9) .friends-card__subtitle--nouka {
    -webkit-animation-delay: 6.95s;
    animation-delay: 6.95s
}

.friends-card__items:nth-of-type(9) .friends-card__text {
    -webkit-animation-delay: 7.85s;
    animation-delay: 7.85s
}

.friends-card__img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
    -webkit-animation: flipInX 1s ease-out;
    animation: flipInX 1s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .friends-card__img {
        width: 100%;
        -webkit-animation: none;
        animation: none
    }
}

@media screen and (max-width:736px) {
    .friends-card__body {
        width: 50%;
        margin-top: 20px
    }
}

.friends-card__title,.friends-card__title--hatsuga,.friends-card__title--genmai,.friends-card__title--yayoi,.friends-card__title--owan,.friends-card__title--onigiri,.friends-card__title--komekun,.friends-card__title--komeko,.friends-card__title--nouka {
    position: relative;
    height: 50px;
    margin-bottom: 10px;
    -webkit-animation: animateOpacityFadeIn .5s ease;
    animation: animateOpacityFadeIn .5s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .friends-card__title,.friends-card__title--hatsuga,.friends-card__title--genmai,.friends-card__title--yayoi,.friends-card__title--owan,.friends-card__title--onigiri,.friends-card__title--komekun,.friends-card__title--komeko,.friends-card__title--nouka {
        height: 30px;
        -webkit-animation: none;
        animation: none
    }
}

.friends-card__title:before,.friends-card__title--hatsuga:before,.friends-card__title--genmai:before,.friends-card__title--yayoi:before,.friends-card__title--owan:before,.friends-card__title--onigiri:before,.friends-card__title--komekun:before,.friends-card__title--komeko:before,.friends-card__title--nouka:before {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 205px;
    height: auto;
    margin: auto;
    content: '';
    background-image: url(../img/friends/img_line_7l.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-width:736px) {
    .friends-card__title:before,.friends-card__title--hatsuga:before,.friends-card__title--genmai:before,.friends-card__title--yayoi:before,.friends-card__title--owan:before,.friends-card__title--onigiri:before,.friends-card__title--komekun:before,.friends-card__title--komeko:before,.friends-card__title--nouka:before {
        left: -5px;
        width: 140px;
        margin-left: 0
    }
}

.friends-card__title--hatsuga:before {
    width: 180px;
    background-image: url(../img/friends/img_line_6l.svg)
}

@media screen and (max-width:736px) {
    .friends-card__title--hatsuga:before {
        width: 125px
    }
}

.friends-card__title--genmai:before {
    width: 160px;
    background-image: url(../img/friends/img_line_5l.svg)
}

@media screen and (max-width:736px) {
    .friends-card__title--genmai:before {
        width: 110px
    }
}

.friends-card__title--yayoi:before {
    width: 160px;
    background-image: url(../img/friends/img_line_1l.svg)
}

@media screen and (max-width:736px) {
    .friends-card__title--yayoi:before {
        width: 110px
    }
}

.friends-card__title--owan:before {
    width: 160px;
    background-image: url(../img/friends/img_line_2l.svg)
}

@media screen and (max-width:736px) {
    .friends-card__title--owan:before {
        width: 110px
    }
}

.friends-card__title--onigiri:before {
    width: 180px;
    background-image: url(../img/friends/img_line_3l.svg)
}

@media screen and (max-width:736px) {
    .friends-card__title--onigiri:before {
        width: 125px
    }
}

.friends-card__title--komekun:before {
    width: 140px;
    background-image: url(../img/friends/img_line_4l.svg)
}

@media screen and (max-width:736px) {
    .friends-card__title--komekun:before {
        width: 90px
    }
}

.friends-card__title--komeko:before {
    width: 180px;
    background-image: url(../img/friends/img_line_8l.svg)
}

@media screen and (max-width:736px) {
    .friends-card__title--komeko:before {
        width: 125px
    }
}

.friends-card__title--nouka:before {
    background-image: url(../img/friends/img_line_9l.svg)
}

.friends-card__title-img {
    display: block;
    height: 25px;
    margin: auto
}

@media screen and (max-width:736px) {
    .friends-card__title-img {
        height: 18px;
        margin-left: 0
    }
}

.friends-card__subtitle,.friends-card__subtitle--hatsuga,.friends-card__subtitle--genmai,.friends-card__subtitle--yayoi,.friends-card__subtitle--owan,.friends-card__subtitle--onigiri,.friends-card__subtitle--komekun,.friends-card__subtitle--komeko,.friends-card__subtitle--nouka {
    width: 100%;
    height: 21px;
    margin-bottom: .5rem;
    padding: 4px 10px;
    -webkit-animation: animateOpacityFadeIn .5s ease;
    animation: animateOpacityFadeIn .5s ease;
    border-radius: 10px;
    background-color: #00a0e9;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .friends-card__subtitle,.friends-card__subtitle--hatsuga,.friends-card__subtitle--genmai,.friends-card__subtitle--yayoi,.friends-card__subtitle--owan,.friends-card__subtitle--onigiri,.friends-card__subtitle--komekun,.friends-card__subtitle--komeko,.friends-card__subtitle--nouka {
        height: 14px;
        margin-bottom: .25rem;
        padding: 2px 5px;
        -webkit-animation: none;
        animation: none
    }
}

.friends-card__subtitle--hatsuga {
    background-color: #ffcf3d
}

.friends-card__subtitle--genmai {
    background-color: #ffab3d
}

.friends-card__subtitle--yayoi {
    background-color: #be8dea
}

.friends-card__subtitle--owan {
    background-color: #3e6de5
}

.friends-card__subtitle--onigiri {
    background-color: #b8e435
}

.friends-card__subtitle--komekun {
    background-color: #f94e4e
}

.friends-card__subtitle--komeko {
    background-color: #f9a9d8
}

.friends-card__subtitle--nouka {
    background-color: #59bb4f
}

.friends-card__subtitle-img {
    display: block;
    height: 12px
}

@media screen and (max-width:736px) {
    .friends-card__subtitle-img {
        height: 10px
    }
}

.friends-card__text {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1rem;
    -webkit-animation: animateOpacityFadeIn .5s ease;
    animation: animateOpacityFadeIn .5s ease;
    color: #444;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .friends-card__text {
        font-size: 12px;
        margin-bottom: .5rem;
        -webkit-animation: none;
        animation: none
    }
}

@media screen and (max-width:834px) {
    .content--okome,.okomenokuni__content,.okomenokuni__content--primary,.okomenokuni__content--secondary {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media screen and (max-width:834px) and (max-width:736px) {
    .content--okome,.okomenokuni__content,.okomenokuni__content--primary,.okomenokuni__content--secondary {
        height: -webkit-fill-available;
        height: -moz-available;
        height: stretch
    }
}

.okome,.okome-about,.okome-history,.ricecracker-about {
    width: 100%;
    height: 100vh;
    min-height: 834px;
    background-image: url(../img/common/bg_01.jpg);
    background-repeat: repeat
}

@media screen and (max-width:736px) {
    .okome,.okome-about,.okome-history,.ricecracker-about {
        height: -webkit-fill-available;
        height: -moz-available;
        height: stretch
    }
}

.okome__bg {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url(../img/index/mainimage_top@2x.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1600px 718px
}

@media screen and (max-width:736px) {
    .okome__bg {
        background-image: url(../img/index/mainimage_top_sp@2x.jpg);
        background-size: cover
    }
}

.okome__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding-top: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:737px) {
    .okome__title {
        -webkit-animation: animateOpacityFadeIn 1s ease-out;
        animation: animateOpacityFadeIn 1s ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

.okome__title picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:834px) {
    .okome__title {
        max-width: 533px;
        max-height: 130px;
        margin-bottom: 130px;
        padding-top: 50px
    }
}

@media screen and (max-width:736px) {
    .okome__title {
        margin-bottom: 40px;
        padding-top: 20px
    }
}

.okome__title img {
    margin: auto
}

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

.okome-box__wrapper {
    position: relative
}

@media screen and (max-width:834px) {
    .okome-box__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (max-width:736px) {
    .okome-box__wrapper {
        width: 100vw;
        margin-top: 10px;
        margin-left: -20px
    }
}

.okome-box {
    position: absolute;
    margin: auto
}

@media screen and (max-width:736px) {
    .okome-box {
        position: relative
    }
}

.okome-box--rice {
    top: 70px;
    left: 18%
}

@media screen and (min-width:737px) {
    .okome-box--rice {
        -webkit-animation: animateFloat 6s ease-in-out infinite;
        animation: animateFloat 6s ease-in-out infinite;
        -webkit-animation-delay: 4s;
        animation-delay: 4s
    }
}

@media screen and (max-width:834px) {
    .okome-box--rice {
        top: 0;
        left: 40px
    }
}

@media screen and (max-width:736px) {
    .okome-box--rice {
        left: auto
    }

    .okome-box--rice .okome-box__image--1 {
        width: 149px
    }

    .okome-box--rice .okome-box__image--okome {
        top: -66px;
        width: 81px
    }
}

.okome-box--snack {
    top: 65px;
    right: 16%;
    width: 258px
}

@media screen and (min-width:737px) {
    .okome-box--snack {
        -webkit-animation: animateFloat 6s ease-in-out infinite;
        animation: animateFloat 6s ease-in-out infinite;
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }
}

@media screen and (max-width:834px) {
    .okome-box--snack {
        top: 0;
        right: 40px
    }
}

@media screen and (max-width:736px) {
    .okome-box--snack {
        right: auto;
        width: auto
    }

    .okome-box--snack .okome-box__image--2 {
        width: 161px
    }

    .okome-box--snack .okome-box__image--snack {
        top: -62px;
        width: 78px
    }
}

.okome-box--fellow {
    top: 320px;
    right: 0;
    left: 1%;
    width: 290px
}

@media screen and (min-width:737px) {
    .okome-box--fellow {
        -webkit-animation: animateFloat 6s ease-in-out infinite;
        animation: animateFloat 6s ease-in-out infinite;
        -webkit-animation-delay: 6s;
        animation-delay: 6s
    }
}

@media screen and (min-device-width:737px) and (max-device-width:834px) and (orientation:portrait) {
    .okome-box--fellow {
        top: 250px
    }
}

@media screen and (max-width:736px) {
    .okome-box--fellow {
        top: 40px;
        width: auto
    }

    .okome-box--fellow .okome-box__image--3 {
        width: 180px
    }

    .okome-box--fellow .okome-box__image--fellow {
        top: -76px;
        left: -28px;
        width: 217px
    }
}

.okome-box--welcome {
    top: 210px;
    right: 0;
    width: 166px
}

@media screen and (min-device-width:737px) and (max-device-width:834px) and (orientation:portrait) {
    .okome-box--welcome {
        top: 300px;
        top: auto;
        bottom: 0;
        bottom: -42vh
    }
}

@media screen and (max-width:736px) {
    .okome-box--welcome {
        top: 40px;
        width: auto
    }

    .okome-box--welcome .okome-box__image--4 {
        width: 180px;
        margin-left: 40px
    }

    .okome-box--welcome .okome-box__image--seihakumai {
        top: 7px;
        left: -18px;
        width: 39px
    }
}

@media screen and (min-width:737px) {
    .okome-box__image--1 {
        -webkit-animation: animateOpacity .5s ease-in;
        animation: animateOpacity .5s ease-in;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

.okome-box__image--okome {
    position: absolute;
    top: -110px;
    right: 0;
    left: 30px;
    width: 131px;
    margin: auto
}

@media screen and (min-width:737px) {
    .okome-box__image--okome {
        -webkit-animation: animateOpacityFadeInDown .8s ease-out;
        animation: animateOpacityFadeInDown .8s ease-out;
        -webkit-animation-delay: .8s;
        animation-delay: .8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

@media screen and (min-width:737px) {
    .okome-box__image--2 {
        -webkit-animation: animateOpacity .5s ease-in;
        animation: animateOpacity .5s ease-in;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

.okome-box__image--snack {
    position: absolute;
    top: -105px;
    right: 0;
    left: 0;
    width: 125px;
    margin: auto
}

@media screen and (min-width:737px) {
    .okome-box__image--snack {
        -webkit-animation: animateOpacityFadeInDown .8s ease-out;
        animation: animateOpacityFadeInDown .8s ease-out;
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

@media screen and (min-width:737px) {
    .okome-box__image--3 {
        -webkit-animation: animateOpacity .5s ease-in;
        animation: animateOpacity .5s ease-in;
        -webkit-animation-delay: 1.6s;
        animation-delay: 1.6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

.okome-box__image--fellow {
    position: absolute;
    top: -125px;
    right: 0;
    left: -45px;
    width: 356px;
    margin: auto
}

@media screen and (min-width:737px) {
    .okome-box__image--fellow {
        -webkit-animation: animateOpacityFadeInDown .8s ease-out;
        animation: animateOpacityFadeInDown .8s ease-out;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

.okome-box__image--4 {
    width: 165px
}

@media screen and (min-width:737px) {
    .okome-box__image--4 {
        -webkit-animation: animateOpacity .5s ease-in;
        animation: animateOpacity .5s ease-in;
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

.okome-box__image--seihakumai {
    position: absolute;
    top: 73px;
    left: -53px;
    width: 95px
}

@media screen and (min-width:737px) {
    .okome-box__image--seihakumai {
        -webkit-animation: bounceInRight 1.2s ease-out;
        animation: bounceInRight 1.2s ease-out;
        -webkit-animation-delay: 2.8s;
        animation-delay: 2.8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
}

.okomenokuni__main {
    margin: auto
}

@media screen and (max-width:736px) {
    .okomenokuni__main {
        width: 100%
    }
}

.okomenokuni__bg {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url(../img/okome_about/mainimage_04.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1600px 363px
}

@media screen and (max-width:736px) {
    .okomenokuni__bg {
        margin-top: 50px;
        background-image: url(../img/okome_about/mainimage_04_sp@2x.jpg);
        background-size: contain
    }
}

.okomenokuni__content {
    padding-right: 22px;
    padding-left: 22px
}

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

@media screen and (max-width:736px) {
    .okomenokuni__content {
        height: auto
    }
}

@media screen and (max-width:834px) {
    .okomenokuni__content--primary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media screen and (max-width:736px) {
    .okomenokuni__content--primary {
        height: auto
    }
}

@media screen and (max-width:1024px) {
    .okomenokuni__content--secondary {
        width: calc(100vw);
        padding-right: 22px;
        padding-left: 22px
    }
}

@media screen and (max-width:736px) {
    .okomenokuni__content--secondary {
        height: auto;
        padding-right: 10px;
        padding-left: 10px
    }
}

.okomenokuni__top {
    position: relative;
    left: -70px;
    width: 516px;
    height: 272px;
    margin: auto;
    margin-right: 50%;
    margin-bottom: 90px
}

@media screen and (max-width:834px) {
    .okomenokuni__top {
        left: -196px;
        margin-right: auto
    }
}

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

.okomenokuni__title {
    position: absolute;
    top: -29px;
    width: 516px;
    height: 272px;
    -webkit-animation: animateOpacityFadeInDown 1s ease-out;
    animation: animateOpacityFadeInDown 1s ease-out;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    background-image: url(../img/common/ttl_bg_okome@2x.png);
    background-repeat: no-repeat;
    background-size: 516px 272px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .okomenokuni__title {
        -webkit-animation: none;
        animation: none
    }
}

.okomenokuni__title h2 {
    position: relative;
    top: 80px;
    left: 92px
}

.okomenokuni__title-img {
    position: absolute;
    width: 308px;
    -webkit-animation: bounceIn .75s;
    animation: bounceIn .75s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .okomenokuni__title-img {
        -webkit-animation: none;
        animation: none
    }
}

.okomenokuni__subtitle img {
    height: 20px;
    margin-top: 76px;
    margin-left: 2px;
    -webkit-animation: bounceIn .75s;
    animation: bounceIn .75s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .okomenokuni__subtitle img {
        -webkit-animation: none;
        animation: none
    }
}

.okomenokuni__hero {
    position: absolute;
    top: 200px;
    right: 120px;
    width: 465px;
    height: 215px
}

@media screen and (max-width:1024px) {
    .okomenokuni__hero {
        right: 20px
    }
}

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

.okomenokuni__hero__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.okomenokuni__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: inherit;
    margin: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.okome-about {
    height: auto;
    padding-bottom: 0;
    background-image: url(../img/common/bg_02.jpg);
    background-size: 5px 7px
}

@media screen and (max-width:834px) {
    .okome-about {
        padding-bottom: 85px
    }
}

@media screen and (max-width:736px) {
    .okome-about {
        padding-bottom: 85px
    }
}

.button-nav--okome,.button-nav--okome-qanda,.button-nav--okome-country {
    width: 990px;
    margin: auto;
    margin-bottom: 60px;
    padding-left: 5px
}

@media screen and (max-width:834px) {
    .button-nav--okome,.button-nav--okome-qanda,.button-nav--okome-country {
        width: 740px;
        padding-left: 0
    }
}

@media screen and (max-width:834px) {
    .button-nav--okome,.button-nav--okome-qanda,.button-nav--okome-country {
        width: calc(100% - 20px);
        padding-left: 0
    }
}

@media screen and (max-width:736px) {
    .button-nav--okome,.button-nav--okome-qanda,.button-nav--okome-country {
        margin-top: 95vw
    }
}

@media screen and (max-width:736px) {
    .button-nav--okome-qanda {
        margin-top: 88vw;
        margin-bottom: 20px
    }
}

@media screen and (max-width:736px) {
    .button-nav--okome-country {
        margin-top: 88vw;
        margin-bottom: 20px
    }
}

.button-nav__list--okome {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:736px) {
    .button-nav__list--okome {
        margin-right: -5px
    }
}

.button-nav__items--okome,.button-nav__items--qanda {
    display: block;
    width: 323px;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-animation: animateOpacityFadeIn .75s ease-out;
    animation: animateOpacityFadeIn .75s ease-out;
    border: 0;
    background: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.button-nav__items--okome:first-child,.button-nav__items--qanda:first-child {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

.button-nav__items--okome:nth-child(2),.button-nav__items--qanda:nth-child(2) {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s
}

.button-nav__items--okome:nth-child(3),.button-nav__items--qanda:nth-child(3) {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}

.button-nav__items--okome:nth-child(4),.button-nav__items--qanda:nth-child(4) {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

.button-nav__items--okome:nth-child(5),.button-nav__items--qanda:nth-child(5) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.button-nav__items--okome:nth-child(6),.button-nav__items--qanda:nth-child(6) {
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s
}

.button-nav__items--okome:nth-child(7),.button-nav__items--qanda:nth-child(7) {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s
}

.button-nav__items--okome:nth-child(8),.button-nav__items--qanda:nth-child(8) {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s
}

.button-nav__items--okome:nth-child(9),.button-nav__items--qanda:nth-child(9) {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s
}

.button-nav__items--okome:nth-child(10),.button-nav__items--qanda:nth-child(10) {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.button-nav__items--okome:nth-child(11),.button-nav__items--qanda:nth-child(11) {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s
}

.button-nav__items--okome:nth-child(12),.button-nav__items--qanda:nth-child(12) {
    -webkit-animation-delay: 5.4s;
    animation-delay: 5.4s
}

.button-nav__items--okome:nth-child(13),.button-nav__items--qanda:nth-child(13) {
    -webkit-animation-delay: 5.6s;
    animation-delay: 5.6s
}

@media screen and (min-width:835px) {
    .button-nav__items--okome:nth-child(3n),.button-nav__items--qanda:nth-child(3n) {
        margin-right: 0
    }

    .button-nav__items--okome:nth-child(4n),.button-nav__items--qanda:nth-child(4n) {
        margin-right: 5px
    }

    .button-nav__items--okome a,.button-nav__items--qanda a {
        display: block;
        width: 323px
    }
}

@media screen and (max-width:834px) {
    .button-nav__items--okome,.button-nav__items--qanda {
        margin: auto
    }

    .button-nav__items--okome:nth-child(3n),.button-nav__items--qanda:nth-child(3n) {
        margin: 0 auto
    }

    .button-nav__items--okome:nth-child(4n),.button-nav__items--qanda:nth-child(4n) {
        margin: 0 auto
    }

    .button-nav__items--okome:nth-child(odd),.button-nav__items--qanda:nth-child(odd) {
        margin-left: 0
    }

    .button-nav__items--okome:nth-child(even),.button-nav__items--qanda:nth-child(even) {
        margin-right: 0
    }
}

@media screen and (max-width:736px) {
    .button-nav__items--okome,.button-nav__items--qanda {
        height: auto;
        margin: auto;
        -webkit-animation: none;
        animation: none
    }

    .button-nav__items--okome:nth-child(3n),.button-nav__items--qanda:nth-child(3n) {
        margin: 0 auto
    }

    .button-nav__items--okome:nth-child(4n),.button-nav__items--qanda:nth-child(4n) {
        margin: 0 auto
    }

    .button-nav__items--okome:nth-child(odd),.button-nav__items--qanda:nth-child(odd) {
        margin-left: calc(100% - 724px)
    }
}

@media screen and (max-width:736px) {
    .button-nav__items--okome,.button-nav__items--qanda {
        width: 50%;
        margin-left: 0
    }

    .button-nav__items--okome:nth-child(odd),.button-nav__items--qanda:nth-child(odd) {
        margin-left: 0
    }

    .button-nav__items--okome img,.button-nav__items--qanda img {
        width: 100%
    }
}

.button-nav__items--qanda {
    width: 489px;
    margin-right: 0
}

.button-nav__items--qanda a {
    width: 489px
}

@media screen and (max-width:834px) {
    .button-nav__items--qanda {
        width: 50%
    }

    .button-nav__items--qanda:nth-child(3) {
        margin-left: 0
    }

    .button-nav__items--qanda a {
        width: 100%
    }

    .button-nav__items--qanda img {
        width: 100%
    }

    .button-nav__items--qanda:nth-child(odd) {
        margin-left: 0
    }
}

@media screen and (max-width:736px) {
    .button-nav__items--qanda {
        width: 100%
    }
}

.ricecracker-index {
    width: 100%;
    height: calc(100vh - 70px)
}

@media screen and (min-width:835px) {
    .ricecracker-index {
        min-height: 834px
    }
}

@media screen and (max-width:834px) {
    .ricecracker-index {
        height: 100%;
        min-height: 0;
        padding-bottom: 80px
    }
}

@media screen and (max-width:834px) and (orientation:portrait) {
    .ricecracker-index {
        height: auto;
        min-height: 0
    }
}

.ricecracker-index__body {
    background-image: url(../img/common/bg_01.jpg);
    background-repeat: repeat
}

@media screen and (max-width:834px) and (orientation:portrait) {
    .ricecracker-index__body {
        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
    }
}

@media screen and (max-width:834px) and (orientation:portrait) {
    .ricecracker-index__main {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.okome-index {
    width: 100%;
    height: calc(100vh - 70px)
}

@media screen and (min-device-width:835px) {
    .okome-index {
        min-height: 834px
    }
}

@media only screen and (min-device-width:834px) and (max-device-width:1024px) and (orientation:landscape) {
    .okome-index {
        min-height: calc(834px - 70px)
    }
}

@media screen and (max-width:834px) {
    .okome-index {
        height: 100%;
        min-height: 0;
        padding-bottom: 80px
    }
}

@media screen and (max-width:834px) and (orientation:portrait) {
    .okome-index {
        height: auto;
        min-height: 0
    }
}

.okome-index__body {
    background-image: url(../img/common/bg_02.jpg);
    background-repeat: repeat
}

@media screen and (max-width:834px) and (orientation:portrait) {
    .okome-index__body {
        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
    }
}

@media screen and (max-width:834px) and (orientation:portrait) {
    .okome-index__main {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.okome-history {
    height: auto;
    padding-bottom: 140px;
    background-image: url(../img/common/bg_02.jpg);
    background-size: 5px 7px
}

@media screen and (max-width:736px) {
    .okome-history {
        padding-bottom: 185px
    }
}

.okome-history__bg,.okome-country__bg,.okome-niigata__bg,.okome-taste__bg,.okome-qanda__bg {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url(../img/okomeHistory/mainimage_okomeHistory.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1600px 363px
}

@media screen and (max-width:736px) {
    .okome-history__bg,.okome-country__bg,.okome-niigata__bg,.okome-taste__bg,.okome-qanda__bg {
        margin-top: 50px;
        background-image: url(../img/okomeHistory/mainimage_okomeHistory_sp@2x.jpg);
        background-size: contain
    }
}

.okome-history__float-img,.ricecracker-history__float-img {
    float: none
}

@media screen and (max-device-width:1024px) {
    .okome-history__float-img,.ricecracker-history__float-img {
        float: right;
        width: 32%;
        margin: 0 0 33px 10px
    }
}

@media screen and (max-device-width:1024px) and (max-width:414px) {
    .okome-history__float-img,.ricecracker-history__float-img {
        margin: 0 0 5px 10px
    }
}

@media screen and (max-device-width:1024px) {
    .ricecracker-history__float-img {
        width: auto
    }
}

.okome-history__float-figure,.okome-history__float-figure--grid {
    float: right;
    width: 203px
}

@media screen and (max-device-width:1024px) {
    .okome-history__float-figure,.okome-history__float-figure--grid {
        display: grid;
        width: auto;
        margin: 0 0 16px 14px
    }

    .okome-history__float-figure figcaption,.okome-history__float-figure--grid figcaption {
        font-size: 10px
    }
}

@media screen and (max-width:414px) {
    .okome-history__float-figure,.okome-history__float-figure--grid {
        width: calc(50% - 10px);
        margin: 0 0 8px 14px
    }

    .okome-history__float-figure img,.okome-history__float-figure--grid img {
        width: 100%
    }
}

.okome-history__float-figure--grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

@media screen and (max-width:736px) {
    .okome-history__float-figure--grid {
        margin-bottom: 2rem
    }
}

@media screen and (max-width:736px) {
    .okome-history__img,.okome-country__img,.okome-country__img--primary {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width:414px) {
    .okome-history__img--default {
        width: 35%;
        height: auto
    }
}

.okome-history__figure--1 {
    width: 203px
}

@media screen and (max-width:736px) {
    .okome-history__figure--1 {
        width: auto
    }
}

.ricecracker-about {
    height: auto;
    padding-bottom: 140px;
    background-image: url(../img/common/bg_03.jpg);
    background-size: 5px 7px
}

@media screen and (max-width:736px) {
    .ricecracker-about {
        padding-bottom: 185px
    }
}

.ricecracker-about__title__img,.ricecracker-history__title__img {
    position: absolute;
    top: 16px;
    height: 65px;
    -webkit-animation: bounceIn .75s;
    animation: bounceIn .75s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .ricecracker-about__title__img,.ricecracker-history__title__img {
        -webkit-animation: none;
        animation: none
    }
}

.ricecracker-about__bg {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url(../img/ricecrackerAbout/mainimage_ricecrackerAbout.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1600px 363px
}

@media screen and (max-width:736px) {
    .ricecracker-about__bg {
        margin-top: 50px;
        background-image: url(../img/ricecrackerAbout/mainimage_ricecrackerAbout_sp@2x.png);
        background-size: contain
    }
}

.ricecracker__top__title {
    position: absolute;
    top: -29px;
    width: 516px;
    height: 272px;
    -webkit-animation: animateOpacityFadeInDown 1s ease-out;
    animation: animateOpacityFadeInDown 1s ease-out;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    background-image: url(../img/common/ttl_bg_okomenookashi@2x.png);
    background-repeat: no-repeat;
    background-size: 516px 272px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .ricecracker__top__title {
        -webkit-animation: none;
        animation: none
    }
}

.ricecracker__top__title h2 {
    position: relative;
    top: 80px;
    left: 92px
}

.ricecracker-about__hero-img--1 {
    width: 185px
}

@media screen and (max-width:736px) {
    .ricecracker-about__hero-img--1 {
        width: auto
    }
}

.okome-country__title__img {
    position: absolute;
    top: -25px;
    height: 112px;
    -webkit-animation: bounceIn .75s;
    animation: bounceIn .75s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .okome-country__title__img {
        -webkit-animation: none;
        animation: none
    }
}

.okome-country__subtitle img {
    height: 20px;
    margin-top: 102px;
    margin-left: 2px;
    -webkit-animation: bounceIn .75s;
    animation: bounceIn .75s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .okome-country__subtitle img {
        -webkit-animation: none;
        animation: none
    }
}

.okome-country__bg {
    background-image: url(../img/okomeCountry/mainimage_okomeCountry.jpg)
}

@media screen and (max-width:736px) {
    .okome-country__bg {
        background-image: url(../img/okomeCountry/mainimage_okomeCountry_sp@2x.jpg)
    }
}

.okome-country__float-figure {
    display: inline-block;
    float: right
}

@media screen and (max-device-width:1024px) {
    .okome-country__float-figure {
        display: grid;
        float: right;
        width: auto;
        margin: 0 0 16px 14px
    }
}

@media screen and (max-width:736px) {
    .okome-country__float-figure {
        margin-left: 10px
    }
}

@media screen and (max-width:414px) {
    .okome-country__float-figure {
        width: calc(33% - 10px);
        margin: 0 0 8px 14px
    }

    .okome-country__float-figure img {
        width: 100%
    }
}

@media screen and (max-device-width:1024px) {
    .okome-country__figcaption,.okome-niigata__figcaption,.okome-niigata__figcaption--primary {
        font-size: 10px
    }
}

.okome-country__figcaption:first-of-type,.okome-niigata__figcaption:first-of-type,.okome-niigata__figcaption--primary:first-of-type {
    margin-bottom: 1rem
}

@media all and (min--moz-device-pixel-ratio:0) and (min-resolution:30dpcm) {
    .okome-country__figcaption,.okome-niigata__figcaption,.okome-niigata__figcaption--primary {
        display: contents
    }
}

@media screen and (max-width:736px) {
    .okome-country__img--primary {
        margin-bottom: 2rem
    }
}

.okome-country__figure--1 {
    width: 295px
}

@media screen and (max-device-width:1024px) {
    .okome-country__figure--1 {
        width: auto
    }
}

.okome-country__picture--1 {
    display: block;
    width: 110px;
    margin-right: 2rem
}

@media screen and (max-device-width:1024px) {
    .okome-country__picture--1 {
        width: auto;
        margin-right: 0
    }
}

.okome-country__picture--1 img {
    margin-right: 0
}

.okome-country__hero-img--1 {
    position: absolute;
    top: -14px;
    right: 229px;
    width: 180px
}

@media screen and (max-width:834px) {
    .okome-country__hero-img--1 {
        top: 38px;
        left: 24px;
        width: auto
    }
}

.okome-niigata__bg {
    background-image: url(../img/okomeNiigata/mainimage_okomeNiigata.jpg)
}

@media screen and (max-width:736px) {
    .okome-niigata__bg {
        background-image: url(../img/okomeNiigata/mainimage_okomeNiigata_sp@2x.jpg)
    }
}

.okome-niigata__hero-img--1 {
    position: absolute;
    top: -76px;
    right: 252px;
    width: 251px
}

@media screen and (max-width:834px) {
    .okome-niigata__hero-img--1 {
        top: 38px;
        left: 24px;
        width: auto
    }
}

.okome-niigata__hero-img--2 {
    position: absolute;
    top: -52px;
    right: 94px;
    width: 154px
}

@media screen and (max-width:834px) {
    .okome-niigata__hero-img--2 {
        top: 15px;
        right: 0;
        width: calc(154px*.75)
    }
}

.okome-niigata__figcaption,.okome-niigata__figcaption--primary {
    font-size: 14px
}

.okome-niigata__arrow {
    padding: 0 .5rem
}

.okome-niigata__figcaption--primary {
    margin-bottom: 0;
    text-align: center
}

.okome-niigata__figcaption--primary:first-of-type {
    margin-bottom: 0
}

@media screen and (max-width:736px) {
    .okome-niigata__figcaption--primary {
        font-size: 10px;
        margin-bottom: 0
    }
}

.okome-niigata__float-img,.okome-taste__float-img {
    float: none
}

@media screen and (max-width:736px) {
    .okome-niigata__float-img,.okome-taste__float-img {
        width: 33%
    }
}

@media screen and (max-device-width:736px) {
    .okome-niigata__float-img,.okome-taste__float-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: none;
        width: auto;
        margin: auto
    }
}

.okome-taste__bg {
    background-image: url(../img/okomeTaste/mainimage_okomeTaste.jpg)
}

@media screen and (max-width:736px) {
    .okome-taste__bg {
        background-image: url(../img/okomeTaste/mainimage_okomeTaste_sp@2x.jpg)
    }
}

.okome-taste__hero-img--1 {
    position: absolute;
    top: -7px;
    right: 300px;
    width: 246px
}

@media screen and (max-width:834px) {
    .okome-taste__hero-img--1 {
        top: -9px;
        left: 80px;
        width: auto
    }
}

.okome-taste__hero-img--2 {
    position: absolute;
    top: 110px;
    right: 88px
}

@media screen and (max-width:834px) {
    .okome-taste__hero-img--2 {
        top: 124px;
        right: 28px;
        width: calc(147px*.75)
    }
}

.okome-taste__figcaption,.okome-taste__figcaption--primary {
    font-size: 14px;
    margin-top: .2rem;
    text-align: right
}

@media all and (min--moz-device-pixel-ratio:0) and (min-resolution:30dpcm) {
    .okome-taste__figcaption,.okome-taste__figcaption--primary {
        display: none
    }
}

@media screen and (max-width:736px) {
    .okome-taste__figcaption,.okome-taste__figcaption--primary {
        margin-bottom: 0
    }
}

.okome-taste__figcaption--primary {
    margin-bottom: 0;
    text-align: center
}

.okome-taste__figcaption--primary:first-of-type {
    margin-bottom: 0
}

@media screen and (max-width:736px) {
    .okome-taste__figcaption--primary {
        font-size: 10px;
        margin-bottom: 0
    }
}

.okome-taste__float-figure,.okome-taste__float-figure--primary,.okome-taste__float-figure--secondary,.okome-taste__float-figure--tertiary {
    position: absolute;
    right: 0;
    float: right;
    width: 105px;
    margin-right: 48px
}

@media screen and (max-device-width:1024px) {
    .okome-taste__float-figure,.okome-taste__float-figure--primary,.okome-taste__float-figure--secondary,.okome-taste__float-figure--tertiary {
        display: grid;
        width: auto
    }

    .okome-taste__float-figure figcaption,.okome-taste__float-figure--primary figcaption,.okome-taste__float-figure--secondary figcaption,.okome-taste__float-figure--tertiary figcaption {
        font-size: 10px
    }
}

@media screen and (max-width:414px) {
    .okome-taste__float-figure,.okome-taste__float-figure--primary,.okome-taste__float-figure--secondary,.okome-taste__float-figure--tertiary {
        position: relative;
        max-width: 102px;
        margin: 0 0 10px 6px
    }

    .okome-taste__float-figure img,.okome-taste__float-figure--primary img,.okome-taste__float-figure--secondary img,.okome-taste__float-figure--tertiary img {
        width: 100%;
        max-width: 102px
    }
}

.okome-taste__float-figure--primary {
    width: 150px
}

@media screen and (max-width:736px) {
    .okome-taste__float-figure--primary {
        float: none;
        margin: auto
    }
}

.okome-taste__float-figure--secondary {
    width: 203px
}

@media screen and (max-width:736px) {
    .okome-taste__float-figure--secondary {
        max-width: 126px
    }
}

.okome-taste__float-figure--tertiary {
    width: 150px
}

.okome-taste__img--around:first-of-type {
    margin-right: 1rem
}

.okome-taste__img--around:last-of-type {
    margin-left: 1rem
}

@media screen and (max-width:736px) {
    .okome-taste__img--around {
        margin: auto
    }
}

@media screen and (max-width:414px) {
    .okome-taste__img--around {
        width: 100px
    }
}

.okome-taste__dl,.okome-taste__dl--primary {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.66;
    display: inline-block;
    width: 452px;
    margin-left: 1.2rem;
    letter-spacing: .06em;
    color: #444
}

@media screen and (max-width:736px) {
    .okome-taste__dl,.okome-taste__dl--primary {
        font-size: 12px;
        margin-bottom: 1em
    }
}

.okome-taste__dl--primary {
    margin-bottom: 1rem
}

.okome-taste__dt {
    float: left;
    clear: both;
    width: 120px
}

.okome-taste__dd {
    float: left
}

@media screen and (max-width:736px) {
    .okome-taste__img--full {
        width: calc(100% - 20px);
        height: auto;
        margin: auto;
        padding-left: 10px
    }
}

.okome-qanda__top {
    position: relative;
    left: -70px;
    width: 516px;
    height: 272px;
    margin: auto;
    margin-right: 50%;
    margin-bottom: 90px
}

@media screen and (max-width:834px) {
    .okome-qanda__top {
        left: -196px;
        margin-right: auto;
        margin-bottom: 110px
    }
}

@media screen and (max-width:736px) {
    .okome-qanda__top {
        display: none
    }
}

.okome-qanda__title__img {
    position: absolute;
    width: 368px;
    -webkit-animation: bounceIn .75s;
    animation: bounceIn .75s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .okome-qanda__title__img {
        -webkit-animation: none;
        animation: none
    }
}

.okome-qanda__bg {
    background-image: url(../img/okomeQanda/mainimage_okomeQanda.jpg)
}

@media screen and (max-width:736px) {
    .okome-qanda__bg {
        background-image: url(../img/okomeQanda/mainimage_okomeQanda_sp@2x.jpg)
    }
}

.okome-qanda__hero-img--1 {
    position: absolute;
    top: -62px;
    right: 330px;
    width: 206px
}

@media screen and (max-width:834px) {
    .okome-qanda__hero-img--1 {
        top: -90px;
        left: 80px;
        width: auto
    }
}

.okome-qanda__hero-img--2 {
    position: absolute;
    top: 5px;
    right: 138px
}

@media screen and (max-width:834px) {
    .okome-qanda__hero-img--2 {
        top: 83px;
        right: 99px;
        width: calc(177px*.75)
    }
}

.okome-qanda__hero-img--3 {
    position: absolute;
    top: 76px;
    right: 12px
}

@media screen and (max-width:834px) {
    .okome-qanda__hero-img--3 {
        position: absolute;
        top: 135px;
        right: 0;
        width: calc(123px*.75)
    }
}

.ricecracker-history__bg {
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url(../img/ricecrackerHistory/mainimage_ricecrackerHistory.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1600px 363px
}

@media screen and (max-width:736px) {
    .ricecracker-history__bg {
        margin-top: 50px;
        background-image: url(../img/ricecrackerHistory/mainimage_ricecrackerHistory_sp@2x.jpg);
        background-size: contain
    }
}

.friends {
    width: 100%;
    height: 100%
}

.friends__body {
    background-image: url(../img/friends/bg_04.jpg);
    background-repeat: repeat
}

@media screen and (max-width:834px) and (orientation:portrait) {
    .friends__body {
        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
    }
}

@media screen and (max-width:834px) and (orientation:portrait) {
    .friends__main {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.friends-hero {
    width: 100%;
    height: 328px;
    margin: auto;
    margin-top: -27px;
    margin-bottom: 50px;
    background-image: url(../img/friends/mainimage_friends_stage.jpg);
    background-repeat: no-repeat;
    background-position: top center
}

@media screen and (max-width:736px) {
    .friends-hero {
        width: 100vw;
        height: calc(100vw - 110px);
        margin-top: 70px;
        margin-bottom: 24px;
        background-image: url(../img/friends/mainimage_friends_sp@2x.jpg);
        background-size: cover
    }
}

@media screen and (max-width:736px) and (orientation:portrait) {
    .friends-hero {
        margin-top: 0
    }
}

.friends-hero__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 630px;
    height: 278px;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:736px) {
    .friends-hero__inner {
        display: none
    }
}

.friends-hero__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:736px) {
    .friends-hero__title {
        display: none
    }
}

.friends-hero__title h2 {
    display: contents;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen and (max-width:736px) {
    .friends-hero__title h2 {
        -webkit-animation: none;
        animation: none
    }
}

@media screen and (max-width:736px) {
    .friends-hero__title img {
        width: 70vw;
        min-width: 191px
    }
}

.friends-hero__text-img {
    width: 123px;
    height: 129px
}

.friends-hero__picture {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.friends-hero__picture:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.friends-hero__picture:nth-of-type(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.friends-hero__picture:nth-of-type(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.friends-hero__picture:nth-of-type(4) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.friends-hero__picture:nth-of-type(5) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.friends-hero__img {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    margin: auto
}

@media screen and (max-width:834px) {
    .friends-hero__img {
        width: 85%
    }
}

@media screen and (max-width:736px) {
    .friends-hero__img {
        width: 278px
    }
}

.clearfix {
    *zoom: 1
}

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