.image--fit {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden
}

.image--fit>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.en-re {
    display: inline-block;
    -webkit-transform: rotate(.05deg);
    transform: rotate(.05deg);
    vertical-align: top
}

.topicpath {
    position: relative;
    margin: 0 60px 60px;
    padding-top: 22px;
    z-index: 10
}

.body__fashion .topicpath {
    margin: 0 auto;
    padding-top: 28px;
    max-width: 1300px
}

.bnr__links--1,
.form__content .wrap {
    max-width: 1000px
}

.topicpath__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-top: -8px
}

.topicpath--item {
    position: relative;
    margin: 8px 12px 0 0;
    padding-left: 32px;
    font-family: IntervogueAlt, Arial, Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.2rem;
    line-height: 1.2
}

.topicpath--item:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 20px;
    height: 1px;
    background: #000
}

.title--1,
.title--2,
.title--block,
.title--top,
.title__head,
.title__head--title,
.topicpath--item a {
    position: relative
}

.topicpath--item:first-child {
    padding-left: 0
}

.topicpath--item:first-child:before {
    display: none
}

.topicpath--item:last-child {
    margin-right: 0
}

.topicpath--item a {
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    color: #002421
}

@media screen and (max-width:1300px) {
    .body__fashion .topicpath {
        margin: 0 10px
    }
}

@media screen and (max-width:1200px) {
    .topicpath {
        margin: 0 10px 60px
    }
}

@media screen and (max-width:768px) {
    .topicpath {
        margin: 0 0 24px 20px;
        padding-top: 12px
    }

    .body__fashion .topicpath {
        margin: 0 0 0 20px;
        padding-top: 22px
    }

    .topicpath__lists {
        margin-top: -6px
    }

    .topicpath--item {
        margin: 6px 10px 0 0;
        padding-left: 16px;
        font-size: 1rem
    }

    .topicpath--item:before {
        margin-top: 0;
        width: 10px
    }
}

.title--top {
    padding-left: 26px;
    letter-spacing: 0;
    line-height: 1.2
}

.title--top:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #002421
}

.title--top .en,
.title--top .ja {
    display: block;
    font-weight: 700
}

.title--top .en {
    font-family: IntervogueAlt;
    font-size: 2.4rem;
    letter-spacing: .0025em;
    color: #002421
}

.title--top .ja {
    font-size: 4.4rem;
    color: #000
}

.title--2,
.title--block {
    color: #002421;
    letter-spacing: .025em;
    text-align: center
}

.title--block {
    margin-bottom: 36px;
    font-family: IntervogueAlt, Arial, Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 5rem;
    line-height: 1.2
}

.contact__how--tel,
.title--2 .en,
.top__quarity__lists--title,
.top__quarity__lists:after {
    font-family: IntervogueAlt
}

.title--block:after {
    content: ' ';
    display: block;
    margin: 15px auto 0;
    width: 50px;
    height: 1px;
    background: #002421
}

.title__head,
.title__head__bg--item,
.title__head__bg:before {
    background-repeat: no-repeat;
    background-size: cover
}

.title--block--en {
    font-size: 6rem
}

.title--block--en:after {
    margin-top: 8px
}

.title--1 {
    margin-bottom: 35px;
    padding-bottom: 6px;
    border-bottom: solid #eee 1px;
    font-size: 2.4rem;
    letter-spacing: .025em;
    line-height: 1.2
}

.title--2 {
    margin-bottom: 26px;
    font-size: 3.6rem;
    font-weight: 700
}

.title--2 .en,
.title--2 .ja {
    display: inline-block;
    vertical-align: top
}

.title--2 .en {
    margin-top: -4px;
    font-size: 4.2rem
}

.title__head {
    width: 100%;
    height: 400px;
    background-position: center top
}

.title__head .wrap {
    height: 100%;
    z-index: 2
}

.title__head--title {
    padding-top: 166px;
    text-align: center;
    font-family: IntervogueAlt, Arial, Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    line-height: 1.2;
    color: #fff
}

.title__head--title span,
.title__head--title strong {
    display: block;
    font-weight: 700
}

.title__head--title strong {
    font-size: 5rem
}

.title__head--title span {
    margin-top: 6px;
    font-size: 2.4rem
}

.title__head__nav {
    position: absolute;
    bottom: 20px;
    left: 25px
}

.title__head__nav--title {
    margin-bottom: 16px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.2;
    color: #fff
}

.title__head__nav--title a {
    text-decoration: none;
    color: #fff
}

.title__head__nav__sub {
    margin: 10px 0 0 16px
}

.title__head__nav--item {
    position: relative;
    margin-top: 10px;
    font-size: 1.3rem
}

.title__head__nav--item:first-child {
    margin-top: 0
}

.title__head__nav--item a {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    text-decoration: none;
    vertical-align: top;
    color: #fff
}

.title__head__nav--item a:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    width: 10px;
    height: 1px;
    background: #fff
}

.device_click .title__head__nav--item a:hover:before,
.title__head__nav--item a.on:before {
    left: -12px;
    width: 30px
}

.title__head__bg,
.title__head__bg--item,
.title__head__bg:before {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.title__head__bg {
    height: calc(100% - 1px);
    z-index: 1
}

.title__head__bg:before {
    content: ' ';
    height: calc(100% + 2px);
    background-position: center bottom;
    z-index: 5
}

@media screen and (min-width:769px) {
    .title__head__bg:before {
        background-image: url(../img/share/title_head_bg.png)
    }
}

.title__head__bg--item {
    display: none;
    height: 100%;
    background-position: center center;
    z-index: 1
}

.title__head__bg--item.on {
    z-index: 2
}

@media screen and (max-width:768px) {
    .title--top {
        padding-left: 16px
    }

    .title--top:before {
        width: 3px
    }

    .title--top .en {
        font-size: 1.8rem;
        letter-spacing: 0
    }

    .title--top .ja {
        font-size: 2.7rem
    }

    .title--block {
        margin-bottom: 26px;
        font-size: 2.689rem;
        letter-spacing: .035em
    }

    .title--block:after {
        margin-top: 14px
    }

    .title--block--en {
        font-size: 2.65rem
    }

    .title--block--en:after {
        margin-top: 12px
    }

    .title--1 {
        margin-bottom: 18px;
        padding-bottom: 4px;
        font-size: 1.2rem;
        letter-spacing: .025em
    }

    .title--2 {
        margin-bottom: 10px;
        font-size: 1.8rem;
        letter-spacing: 0
    }

    .title--2 .en {
        margin-top: -2px;
        font-size: 2.1rem
    }

    .title__head {
        padding-bottom: 96%;
        height: 0;
        overflow: hidden
    }

    .title__head .wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .title__head--title {
        padding-top: 38%
    }

    .title__head--title strong {
        font-size: 3rem;
        letter-spacing: .035em
    }

    .title__head--title strong.double {
        margin-top: -20px
    }

    .title__head--title span {
        margin-top: 4px;
        font-size: 1.8rem
    }

    .title__head__nav {
        bottom: 18px;
        left: 20px
    }

    .title__head__nav--title {
        margin-bottom: 6px;
        font-size: 1.3rem;
        letter-spacing: .035em
    }

    .title__head__nav__sub {
        margin-top: 4px
    }

    .title__head__nav--item {
        margin-top: 4px;
        font-size: 1.1rem
    }

    .title__head__nav--item a {
        padding-left: 20px
    }

    .title__head__nav--item a:before {
        left: 0;
        width: 5px
    }

    .title__head__nav--item a.on:before {
        left: -20px;
        width: 25px
    }

    .title__head__bg:before {
        background-image: url(../img/share/title_head_bg-sp.png)
    }
}

.btn--more {
    position: relative;
    width: 300px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: .05em;
    line-height: 1.2
}

.btn--more:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: -110px;
    width: 140px;
    height: 1px;
    background: #002421
}

.btn--more a {
    display: block;
    position: relative;
    padding: 18px 0 19px;
    background: #fff;
    border: 1px solid #002421;
    text-decoration: none;
    color: #002c27
}

.device_click .btn--more a:hover {
    background: #002421;
    color: #fff;
    opacity: 1
}

.btn--more--back:after {
    right: auto;
    left: -110px
}

@media screen and (max-width:768px) {
    .btn--more {
        width: 60%;
        font-size: 1.2rem;
        letter-spacing: .025em
    }

    .btn--more:after {
        right: -24.4444444444%;
        width: 31.1111111111%
    }

    .btn--more a {
        padding: 14px 0 15px
    }

    .btn--more--back:after {
        left: -24.4444444444%
    }
}

.bnr__links--1 {
    margin-top: 100px
}

.bnr__links--1--item {
    position: relative;
    float: left
}

@media screen and (min-width:769px) {
    .bnr__links--1--item {
        margin: 1.3% 1.3% 0 0;
        width: 24%
    }

    .bnr__links--1--item:nth-of-type(-n+4) {
        margin-top: 0
    }

    .bnr__links--1--item:nth-of-type(4n) {
        margin-right: 0
    }

    .bnr__links--1--item:nth-of-type(4n+1) {
        clear: both
    }
}

.bnr__links--1--item a {
    display: block;
    position: relative
}

.bnr__links--1--item img {
    position: relative;
    z-index: 1
}

.bnr__links--1--text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    z-index: 2
}

.bnr__links--1--text img {
    margin: 7px 2px 0 0;
    width: 88px
}

@media screen and (max-width:768px) {
    .bnr__links--1 {
        margin: 125px 20px 0
    }

    .bnr__links--1--item {
        margin-top: 4.4776119403%;
        width: 46.7164179104%
    }

    .bnr__links--1--item:nth-of-type(-n+2) {
        margin-top: 0
    }

    .bnr__links--1--item:nth-of-type(2n) {
        float: right
    }

    .bnr__links--1--item:nth-of-type(2n+1) {
        clear: both
    }

    .bnr__links--1--text {
        font-size: 1.3rem
    }

    .bnr__links--1--text img {
        margin: 4px 2px 0 0;
        width: 56px
    }
}

.sort__post {
    position: relative;
    margin-bottom: 66px
}

.sort__post__box {
    position: relative;
    border: 1px solid #9fa0a0;
    border-radius: 40px
}

.sort__post--title {
    position: relative;
    padding: 18px 0;
    background: #fff;
    border-radius: 40px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2;
    z-index: 2;
    cursor: pointer
}

.sort__post--title:after,
.sort__post--title:before {
    content: ' ';
    position: absolute
}

.sort__post--title:before {
    top: 50%;
    right: 28px;
    margin-top: -8px;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 10px;
    height: 17px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%
}

.sort__post--title:after {
    bottom: -1px;
    left: 29px;
    width: calc(100% - 58px);
    height: 1px;
    background: #9fa0a0
}

.sort__post--title.on:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sort__post__content {
    display: none;
    position: absolute;
    top: 32px;
    left: -1px;
    padding-top: 23px;
    width: calc(100% + 2px);
    border-radius: 0 0 40px 40px;
    background: #fff;
    border: 1px solid #9fa0a0;
    border-top: none;
    z-index: 1
}

.sort__post__cat {
    float: left;
    padding: 18px 0;
    width: 66.9230769231%;
    z-index: 2
}

.sort__post__cat__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pager--1--direct a,
.pager--1--direct a:after,
.pager--1--direct a:before,
.sort__post__cat--item a,
.sort__post__cat--item span {
    display: inline-block;
    vertical-align: top
}

@media screen and (min-width:769px) {

    .sort__post__cat__lists:after,
    .sort__post__cat__lists:before {
        content: ' ';
        width: 1em
    }
}

.sort__post__cat--item {
    font-size: 1.6rem;
    line-height: 1.2
}

.sort__post__cat--item a {
    text-decoration: none;
    color: #a0a0a0
}

.cookie__allow--text a,
.cookiepolicy__guide__link--block,
.cookiepolicy__guide__link--inline,
.sort__post__cat--item span {
    text-decoration: underline
}

.sort__post__select {
    float: right;
    width: 28.4615384615%;
    z-index: 1
}

.sort__post__select__lists {
    padding: 0 29px;
    max-height: 310px;
    font-size: 1.6rem;
    line-height: 1.2;
    overflow: auto
}

.sort__post__select__lists a {
    display: block;
    position: relative;
    text-decoration: none
}

.sort__post__select__lists a[href='#']:after,
.sort__post__select__lists a[href='#']:before {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 74px;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    width: 16px;
    height: 1px;
    background: #999
}

.sort__post__select__lists a[href='#']:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sort__post__select__lists a[href='#'].on:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.sort__post__select__lists--item {
    position: relative;
    border-top: solid #9fa0a0 1px
}

.sort__post__select__lists--item:first-child {
    border-top: none
}

.sort__post__select__lists--item a {
    padding: 20px 86px
}

.sort__post__select__lists__sub {
    display: none
}

.sort__post__select__lists__sub--item {
    position: relative;
    border-top: dashed #9fa0a0 1px
}

.sort__post__select__lists__sub--item a {
    padding-left: 166px
}

.sort__post__select__lists__sub--item a:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 74px;
    margin-top: -8px;
    width: 10px;
    height: 17px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%
}

.sort__hash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 74px
}

.sort__hash__box {
    position: relative;
    margin: 0 30px;
    width: 370px;
    border: 1px solid #9fa0a0;
    border-radius: 40px
}

.sort__hash__box:nth-of-type(1) {
    z-index: 5
}

.sort__hash__box:nth-of-type(2) {
    z-index: 4
}

.sort__hash__box:nth-of-type(3) {
    z-index: 3
}

.sort__hash__box:nth-of-type(4) {
    z-index: 2
}

.sort__hash__box:nth-of-type(5) {
    z-index: 1
}

.sort__hash--title {
    position: relative;
    padding: 18px 0;
    background: #fff;
    border-radius: 40px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2;
    z-index: 2;
    cursor: pointer
}

.sort__hash--title:after,
.sort__hash--title:before {
    content: ' ';
    position: absolute
}

.sort__hash--title:before {
    top: 50%;
    right: 28px;
    margin-top: -8px;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 10px;
    height: 17px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%
}

.sort__hash--title:after {
    bottom: -1px;
    left: 29px;
    width: calc(100% - 58px);
    height: 1px;
    background: #9fa0a0
}

.sort__hash--title.on:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sort__hash__content {
    display: none;
    position: absolute;
    top: 32px;
    left: -1px;
    padding-top: 23px;
    width: calc(100% + 2px);
    border-radius: 0 0 40px 40px;
    background: #fff;
    border: 1px solid #9fa0a0;
    border-top: none;
    z-index: 1
}

.sort__hash__lists {
    padding: 0 29px 24px
}

.sort__hash__lists--item {
    position: relative;
    border-top: solid #9fa0a0 1px
}

.sort__hash__lists--item:first-child {
    border-top: none
}

.sort__hash__lists--title {
    padding: 14px 0 0 8px;
    font-size: 1.6rem;
    font-weight: 700
}

.sort__hash__lists__sub {
    position: relative;
    padding-bottom: 15px
}

.sort__hash__lists__sub--item {
    position: relative;
    margin-top: 24px;
    font-size: 1.6rem
}

.sort__hash__lists__sub--item:first-child {
    margin-top: 0
}

.sort__hash__lists__sub--item a {
    display: block;
    position: relative;
    padding: 0 36px 0 70px;
    text-decoration: none
}

.sort__hash__lists__sub--item a:after {
    content: ' ';
    position: absolute;
    top: 5px;
    right: 4px;
    width: 10px;
    height: 17px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%
}

@media screen and (min-width:769px) {
    .sort__post__cat .sort__post--title {
        display: none
    }

    .sort__post__cat .sort__post__content {
        display: block !important;
        position: relative;
        top: auto;
        left: auto;
        padding-top: 0;
        width: auto;
        background: 0 0;
        border: none
    }
}

@media screen and (max-width:768px) {
    .sort__post {
        margin: 0 auto 42px;
        width: calc(100% - 75px)
    }

    .sort__post__box {
        margin-top: 20px
    }

    .sort__post__box:first-child {
        margin-top: 0
    }

    .sort__post--title {
        padding: 12px 0;
        font-size: 1.2rem
    }

    .sort__post--title:before {
        right: 16px;
        margin-top: -5px;
        width: 6px;
        height: 11px
    }

    .sort__post--title:after {
        left: 18px;
        width: calc(100% - 36px)
    }

    .sort__post__content {
        top: 18px;
        padding-top: 20px;
        border-radius: 0 0 20px 20px
    }

    .sort__post__cat {
        float: none;
        padding: 0;
        width: auto
    }

    .sort__post__cat__lists {
        display: block;
        margin: 0 18px
    }

    .sort__post__cat--item {
        position: relative;
        border-top: solid #a0a0a0 1px;
        font-size: 1.2rem
    }

    .sort__post__cat--item:first-child {
        border-top: none
    }

    .sort__post__cat--item a,
    .sort__post__cat--item span {
        display: block;
        position: relative;
        padding: 10px 44px;
        color: #333
    }

    .sort__post__cat--item a:after,
    .sort__post__cat--item span:after {
        content: ' ';
        position: absolute;
        top: 50%;
        right: 40px;
        margin-top: -6px;
        width: 6px;
        height: 12px;
        background: url(../img/icon/arrow1.png) center center no-repeat;
        background-size: 100%
    }

    .sort__post__cat--item span {
        text-decoration: none
    }

    .sort__post__select {
        float: none;
        width: auto
    }

    .sort__post__select__lists {
        padding: 0 18px;
        max-height: 180px;
        font-size: 1.2rem
    }

    .sort__post__select__lists a[href='#']:after,
    .sort__post__select__lists a[href='#']:before {
        right: 65px;
        width: 8px
    }

    .sort__post__select__lists a[href='#']:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .sort__post__select__lists a[href='#'].on:after {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .sort__post__select__lists--item a {
        padding: 10px 80px
    }

    .sort__post__select__lists__sub--item a {
        padding-left: 150px
    }

    .sort__post__select__lists__sub--item a:after {
        right: 65px;
        margin-top: -6px;
        width: 6px;
        height: 12px
    }

    .sort__hash {
        display: block;
        margin: 50px 20px 0
    }

    .sort__hash__box {
        margin: 25px 0 0;
        width: auto
    }

    .sort__hash--title {
        padding: 18px 0;
        font-size: 1.4rem
    }

    .sort__hash--title:before {
        right: 29.8507462687%;
        margin-top: -6px;
        width: 8px;
        height: 15px
    }

    .sort__hash--title:after {
        left: 24px;
        width: calc(100% - 48px)
    }

    .sort__hash__content {
        top: 24px;
        padding-top: 28px
    }

    .sort__hash__lists {
        padding: 0 18px
    }

    .sort__hash__lists--title {
        padding: 14px 0 0 12px;
        font-size: 1.4rem
    }

    .sort__hash__lists__sub {
        padding-bottom: 14px
    }

    .sort__hash__lists__sub--item {
        margin-top: 14px;
        font-size: 1.4rem;
        line-height: 1.4
    }

    .sort__hash__lists__sub--item a {
        padding: 0 50px
    }

    .sort__hash__lists__sub--item a:after {
        top: 6px;
        right: 28px;
        width: 6px;
        height: 12px
    }
}

.pager--1,
.slide--1,
.slide--1__frame,
.slide--1__move {
    position: relative
}

.instagram__lists {
    margin-left: -120px
}

.instagram__lists--item {
    float: left;
    width: 16.6666666667%
}

.instagram__lists--item a {
    display: block
}

.instagram__lists--item img {
    width: 100%;
    max-width: inherit
}

@media screen and (max-width:768px) {
    .instagram__lists {
        margin-left: 0
    }
}

.slide--1__frame {
    overflow: hidden
}

.slide--1--item {
    clear: none !important;
    float: left !important;
    margin-top: 0 !important
}

.slide--1--direct {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 110px;
    height: 11px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden
}

.slide--1--prev {
    left: -55px;
    background-image: url(../img/icon/paging_prev1.png)
}

.slide--1--next {
    right: -55px;
    background-image: url(../img/icon/paging_next1.png)
}

.slide--1--not--moving .slide--1__move {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto !important
}

.slide--1--not--moving .slide--1--item:last-child {
    margin-right: 0 !important
}

@media screen and (max-width:768px) {
    .slide--1--direct {
        margin-top: -3px;
        width: 55px;
        height: 6px
    }

    .slide--1--prev {
        left: 20px
    }

    .slide--1--next {
        right: 20px
    }
}

.paging--1 .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 85px
}

.paging--1--current,
.paging--1--link {
    margin: 0 15px;
    padding-top: 14px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    font-size: 1.8rem;
    line-height: 1.2
}

.paging--1--link a {
    text-decoration: none
}

.paging--1--current {
    background: #9fa0a0;
    color: #fff
}

.pager--1--direct a:after,
.pager--1--direct a:before,
.paging--1--direct {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%
}

.paging--1--direct {
    margin-top: 14px;
    width: 110px;
    height: 11px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden
}

.paging--1--prev {
    margin-right: 50px;
    background-image: url(../img/icon/paging_prev1.png)
}

.paging--1--next {
    margin-left: 50px;
    background-image: url(../img/icon/paging_next1.png)
}

@media screen and (max-width:768px) {
    .paging--1 .pagination {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 58px 20px 0
    }

    .paging--1--current,
    .paging--1--link {
        margin: 0;
        padding-top: 5px;
        width: 25px;
        height: 25px;
        font-size: 1.2rem
    }

    .paging--1--direct {
        margin-top: 8px;
        width: 55px;
        height: 6px
    }

    .paging--1--prev {
        margin-right: 0
    }

    .paging--1--next {
        margin-left: 0
    }
}

.pager--1 {
    padding-top: 22px;
    border-top: solid #ccc 1px
}

.pager--1--direct {
    font-size: 1.4rem;
    line-height: 1.2
}

.pager--1--direct a {
    text-decoration: none
}

.pager--1--direct a:after,
.pager--1--direct a:before {
    content: ' ';
    margin-top: 1px;
    width: 10px;
    height: 17px
}

.pager--1--next a:before,
.pager--1--prev a:after {
    display: none
}

.pager--1--prev {
    float: left
}

.pager--1--prev a:before {
    margin-right: 18px;
    background-image: url(../img/icon/pager_prev1.png)
}

.pager--1--next {
    float: right
}

.pager--1--next a:after {
    margin-left: 18px;
    background-image: url(../img/icon/pager_next1.png)
}

@media screen and (max-width:768px) {
    .pager--1 {
        padding-top: 0;
        border-bottom: solid #ccc 1px
    }

    .pager--1--direct {
        float: none;
        border-top: dashed #ccc 1px;
        font-size: 1.2rem
    }

    .pager--1--direct:first-child {
        border-top: none
    }

    .pager--1--direct a {
        display: block;
        padding: 12px 0
    }

    .pager--1--direct a:after,
    .pager--1--direct a:before {
        width: 6px;
        height: 11px
    }

    .pager--1--prev a:before {
        margin: 2px 10px 0 6px
    }

    .pager--1--next {
        text-align: right
    }

    .pager--1--next a:after {
        margin: 2px 6px 0 10px
    }
}

.contact__btm {
    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;
    margin: 150px 0 -150px;
    padding: 20px 0;
    width: 100%;
    background: #ddd
}

.contact__btm--title {
    font-size: 1.6rem;
    letter-spacing: .07em;
    line-height: 1.2
}

.contact__btm__content {
    margin-left: 45px
}

.contact__btm__content .btn--more a:before {
    content: ' ';
    position: absolute;
    top: 17px;
    left: 46px;
    width: 29px;
    height: 23px;
    background: url(../img/icon/mail2.png) center center no-repeat;
    background-size: 100%
}

.contact__how {
    position: relative;
    margin-bottom: 46px;
    padding-top: 20px
}

.contact__how--entry {
    position: relative;
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: .05em;
    line-height: 1.2
}

.contact__how__box {
    position: relative;
    text-align: center;
    margin-top: 50px
}

.contact__how__box:first-child {
    margin-top: 0
}

.contact__how--title {
    font-size: 1.8rem;
    letter-spacing: .05em
}

.contact__how__content {
    position: relative;
    margin: 10px auto 0;
    max-width: 900px
}

.contact__how__content p:first-child {
    margin-top: 0
}

.contact__how--tel {
    margin-top: 8px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2
}

.contact__how--tel a {
    text-decoration: none
}

.device_pc .contact__how--tel a[href^='tel:'] {
    pointer-events: none
}

.contact__how--time {
    margin-top: 10px;
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.2
}

.contact__how--text {
    margin-top: 40px;
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.8
}

.contact__how--text:first-child {
    margin-top: 0
}

@media screen and (max-width:768px) {
    .contact__btm {
        display: block;
        margin: 50px 0 -50px;
        padding: 22px 0 25px
    }

    .contact__btm--title {
        text-align: center;
        font-size: 1.2rem;
        letter-spacing: .035em
    }

    .contact__btm__content {
        margin: 14px 0 0
    }

    .contact__btm__content .btn--more {
        margin: 0 auto
    }

    .contact__btm__content .btn--more a {
        padding: 13px 0 10px
    }

    .contact__btm__content .btn--more a:before {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        margin: -4px 15px 0 0;
        width: 27px;
        height: 23px;
        vertical-align: top
    }

    .contact__how {
        margin-bottom: 22px;
        padding-top: 0
    }

    .contact__how--entry {
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: .035em
    }

    .contact__how__box {
        margin: 28px 20px 0
    }

    .contact__how--title {
        font-size: 1.5rem;
        letter-spacing: .025em
    }

    .contact__how--tel {
        font-size: 1.8rem
    }

    .contact__how--time {
        font-size: 1.1rem;
        letter-spacing: .025em
    }

    .contact__how--text {
        margin-top: 20px;
        font-size: 1.2rem;
        letter-spacing: .025em;
        line-height: 1.6
    }
}

.form__content label,
.form__content label input,
.required {
    display: inline-block;
    vertical-align: top
}

.required {
    padding-top: 2px;
    min-width: 60px;
    height: 18px;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #fff
}

.form--select,
.form--text {
    font-size: 1.5rem;
    line-height: 1.2
}

button,
input,
textarea {
    font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 400
}

textarea {
    height: 150px
}

.form__content label {
    position: relative
}

.form__content label input {
    position: relative;
    margin: 3px 8px 0 0;
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #a0a0a0;
    border-radius: 0
}

.form__content label input:checked:after {
    content: ' ';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    background: #a0a0a0
}

.form__content,
.form__input,
.form__input--title,
.form__input__box {
    position: relative
}

.form__content label input[type=radio],
.form__content label input[type=radio]:checked:after {
    border-radius: 50%
}

.form--text {
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #a0a0a0;
    border-radius: 0
}

.form--text.w90 {
    width: 90%
}

.form--text.w75 {
    width: 75%
}

.form--text.w32 {
    width: 32%
}

.form--select {
    padding: 10px 30px 10px 18px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/icon/select_arrow1.png) right 15px center no-repeat;
    background-size: 12px;
    border: 1px solid #a0a0a0;
    border-radius: 0
}

.form--select::-ms-expand {
    display: none
}

.form__input {
    padding: 60px 114px 0;
    border-top: solid #eee 1px
}

.form__input__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    letter-spacing: .05em
}

.form__input__box:first-child {
    margin-top: 0
}

.form__input--title {
    margin-top: 9px;
    padding-right: 60px;
    width: 24.0932642487%;
    font-size: 1.6rem;
    line-height: 1.2
}

.form__input--title--top--0 {
    margin-top: 0
}

.form__input--title .required {
    position: absolute;
    top: 2px;
    right: 0
}

.form__input__content {
    margin-left: 3.36787564767%;
    width: 72.5388601036%;
    font-size: 1.6rem
}

.form__input__sub {
    position: relative;
    margin-top: 10px
}

.form__input__sub:first-child {
    margin-top: 0
}

.form__input__sub .form__input--title {
    margin-top: 0;
    width: auto
}

.form__input__sub .form__input__content {
    margin: 8px 0 0;
    width: auto
}

.form__input__sub .form__input__content:first-child {
    margin-top: 0
}

.form__input__parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.form__input__parts:first-child {
    margin-top: 0
}

.form__input__parts--note {
    margin-left: 12px;
    line-height: 1.2
}

.form__input__parts--text {
    margin-top: 10px;
    width: 100%;
    line-height: 1.2;
    color: #a0a0a0
}

.form__input__lists {
    margin-top: -2px
}

.form__input__lists--item {
    margin-top: 5px
}

.form__input__lists--item:first-child {
    margin-top: 0
}

.form__input__lists--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form__input__lists--horizontal .form__input__lists--item {
    margin-top: 0;
    width: 24.6428571429%
}

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

.form__input__select--item {
    position: relative;
    margin-left: 3.57142857143%
}

.form__input__select--item:first-child {
    margin-left: 0
}

.form__input__select--item.w20 {
    width: 20%
}

.form__input__select--item.w16 {
    width: 16%
}

.form__agree {
    position: relative;
    margin-top: 45px;
    letter-spacing: .05em
}

.form__agree--lead {
    text-align: center;
    font-size: 1.4rem
}

.form__agree__doc {
    margin-top: 40px;
    padding: 40px 50px;
    height: 360px;
    border: 1px solid #a0a0a0;
    overflow: auto
}

.form__agree__doc--title {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2
}

.form__agree__doc--lead {
    margin-top: 36px;
    text-align: center;
    font-size: 1.4rem
}

.form__agree__doc__box {
    margin-top: 38px
}

.form__agree__doc__box--title {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700
}

.form__agree__doc__box__content {
    font-size: 1.4rem
}

.form__agree--check {
    margin-top: 32px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.2
}

.form__agree--check label input {
    margin-top: -1px
}

.form__btns {
    position: relative;
    margin-top: 40px
}

.form__btns--item {
    position: relative;
    margin: 20px auto 0;
    width: 300px
}

.form__btns--item:first-child {
    margin-top: 0
}

.form__btns--item a,
.form__btns--item button {
    display: block;
    padding: 20px 0;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #002421;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    letter-spacing: .05em;
    line-height: 1.2;
    color: #002421;
    cursor: pointer
}

.form__btns--item a:after,
.form__btns--item button:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: -110px;
    width: 140px;
    height: 1px;
    background: #002421
}

.form__btns--back a:after,
.form__btns--back button:after {
    right: auto;
    left: -110px
}

@media screen and (max-width:1000px) {
    .form__input {
        padding: 30px 0 0
    }
}

@media screen and (max-width:768px) {
    .required {
        padding-top: 0;
        min-width: 50px;
        height: 12px;
        font-size: .9rem
    }

    .form--select,
    .form--text {
        padding: 6px 8px;
        font-size: 1.2rem
    }

    .form__content label input {
        margin: 4px 4px 0 0;
        width: 12px;
        height: 12px
    }

    .form__content label input:checked:after {
        top: 2px;
        left: 2px;
        width: 6px;
        height: 6px
    }

    .form--text.w75,
    .form--text.w90 {
        width: 100%
    }

    .form--text.w32 {
        width: 45%
    }

    .form--select {
        background-position: right 10px center;
        background-size: 8px
    }

    .form__content {
        margin: 0 20px
    }

    .form__input__box {
        display: block;
        margin-top: 38px
    }

    .form__input--title {
        margin-top: 0;
        padding-right: 0;
        width: auto;
        font-size: 1.2rem;
        font-weight: 700
    }

    .form__input--title--note {
        display: inline-block !important;
        margin-left: 6px;
        font-size: 1.1rem;
        font-weight: 400;
        vertical-align: top
    }

    .form__input--title .required {
        position: relative;
        top: auto;
        right: auto;
        margin: 2px 0 0 6px
    }

    .form__input__content {
        margin: 6px 0 0;
        width: auto;
        font-size: 1.2rem
    }

    .form__input__sub {
        margin-top: 6px
    }

    .form__input__sub:first-child {
        padding-top: 6px
    }

    .form__input__sub .form__input--title {
        font-weight: 400
    }

    .form__input__sub .form__input__content {
        margin-top: 5px
    }

    .form__input__parts {
        display: block;
        margin-top: 10px
    }

    .form__input__parts--note {
        margin: 0 0 5px
    }

    .form__input__parts--note:last-child {
        margin-bottom: 0
    }

    .form__input__parts--text {
        margin-top: 2px
    }

    .form__input__lists {
        margin-top: 12px
    }

    .form__input__lists--item {
        margin-top: 18px
    }

    .form__input__lists--item:first-child {
        margin-top: 0
    }

    .form__input__lists--horizontal .form__input__lists--item {
        margin-left: 2.98507462687%;
        width: auto
    }

    .form__input__lists--horizontal .form__input__lists--item:first-child {
        margin-left: 0
    }

    .form__input__select--item {
        margin-left: 3.73134328358%
    }

    .form__input__select--item.w20 {
        width: 35.8208955224%
    }

    .form__input__select--item.w16 {
        width: 28.3582089552%
    }

    .form__agree {
        margin-top: 34px;
        letter-spacing: .025em
    }

    .form__agree--lead {
        font-size: 1.2rem
    }

    .form__agree__doc {
        margin-top: 30px;
        padding: 18px 14px;
        height: 260px
    }

    .form__agree__doc--title {
        font-size: 1.5rem
    }

    .form__agree__doc--lead {
        margin-top: 16px;
        text-align: left;
        font-size: 1.2rem
    }

    .form__agree__doc__box {
        margin-top: 10px
    }

    .form__agree__doc__box--title,
    .form__agree__doc__box__content {
        font-size: 1.2rem
    }

    .form__agree--check {
        margin-top: 38px;
        font-size: 1.2rem
    }

    .form__agree--check label input {
        margin-top: 2px
    }

    .form__btns {
        margin-top: 42px
    }

    .form__btns--item {
        width: 67.1641791045%
    }

    .form__btns--item a,
    .form__btns--item button {
        padding: 14px 0;
        font-size: 1.2rem;
        letter-spacing: .025em
    }

    .form__btns--item a:after,
    .form__btns--item button:after {
        right: -24.4444444444%;
        width: 31.1111111111%
    }

    .form__btns--back a:after,
    .form__btns--back button:after {
        left: -24.4444444444%
    }
}

.cookie__allow {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 6px 0 22px;
    width: 100%;
    background: rgba(242, 242, 242, .95);
    z-index: 50
}

.cookie__allow .wrap {
    max-width: 1040px
}

.cookie__allow--title {
    margin-bottom: 8px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    color: #002421
}

.cookie__allow--text {
    font-size: 1.4rem;
    letter-spacing: 0
}

.device_click .cookie__allow--text a:hover {
    text-decoration: none
}

.cookie__allow__choose {
    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;
    margin-top: 20px
}

.cookie__allow__choose__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cookie__allow__choose--title {
    margin-right: 18px;
    font-size: 1.4rem
}

.cookie__allow__choose--title:after {
    content: '：'
}

.cookie__allow__choose--item {
    position: relative;
    float: left;
    margin-left: 28px;
    font-size: 1.4rem
}

.cookie__allow__choose--item:first-child {
    margin-left: 0
}

.cookie__allow__choose--item input,
.cookie__allow__choose--item label,
.cookie__allow__choose--item span {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.cookie__allow__choose--item input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #c1c1c1;
    width: 15px;
    height: 15px;
    border-radius: 0
}

.cookie__allow__choose--item input:checked {
    background: url(../img/icon/check1.png) center center no-repeat;
    background-size: 11px
}

.cookie__allow__choose--item input:disabled,
.cookie__allow__choose--item input:disabled+span {
    opacity: .6
}

.cookie__allow__choose--item span {
    margin-left: 6px
}

.cookie__allow__choose--submit {
    margin-left: 48px;
    width: 100px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

.cookie__allow__choose--submit a {
    display: block;
    padding: 6px 0;
    width: 100%;
    background: #002421;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width:768px) {
    .cookie__allow {
        padding: 20px 14px 15px
    }

    .cookie__allow--title {
        margin-bottom: 12px;
        font-size: 1.5rem;
        line-height: 1.2
    }

    .cookie__allow--text {
        font-size: 1.2rem
    }

    .cookie__allow__choose {
        display: block
    }

    .cookie__allow__choose__box {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cookie__allow__choose--title {
        margin-right: 0;
        width: 108px;
        font-size: 1.2rem
    }

    .cookie__allow__choose__content {
        width: calc(100% - 108px)
    }

    .cookie__allow__choose--item {
        margin-top: 12px;
        font-size: 1.2rem
    }

    .cookie__allow__choose--item:nth-of-type(-n+2) {
        margin-top: 0
    }

    .cookie__allow__choose--item:nth-of-type(2) {
        width: 60%
    }

    .cookie__allow__choose--item:nth-of-type(2n+1) {
        clear: both;
        margin-left: 0
    }

    .cookie__allow__choose--item input {
        margin-top: 2px
    }

    .cookie__allow__choose--item span {
        margin-left: 4px
    }

    .cookie__allow__choose--submit {
        margin: 10px 0 0 auto;
        width: 90px;
        font-size: 1.4rem
    }

    .cookie__allow__choose--submit a {
        padding: 6px 0
    }
}

.top__visual {
    position: relative
}

.top__visual:after {
    content: ' ';
    position: absolute;
    bottom: -80px;
    left: 50%;
    width: 1px;
    height: 90px;
    background: #002c27;
    z-index: 3
}

.top__visual__splash {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #002421;
    z-index: 5;
    opacity: 0
}

.top__visual__splash .frame {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.top__visual__splash--logo {
    margin: 0 auto;
    width: 260px;
    opacity: 0
}

.top__visual__splash--copy {
    margin-top: 20px;
    text-align: center;
    font-size: 3.4rem;
    font-weight: 300;
    color: #fff;
    opacity: 0
}

.top__visual__splash--copy span {
    display: inline-block;
    vertical-align: top
}

.top__visual__frame {
    position: relative;
    width: 100%;
    height: calc(100vh - 60px);
    z-index: 1;
    opacity: 0
}

.device_click .top__quarity__lists--item>a:hover,
.device_click .top__visual--item>a {
    opacity: 1
}

.top__visual__move {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.top__visual--item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.top__visual--item.on {
    z-index: 2
}

.top__visual--item>a,
.top__visual--item>span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.top__visual--text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.top__visual--direct,
.top__visual__thumb--item a {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden
}

.top__visual--direct {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 39px;
    height: 73px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
    opacity: 0
}

.top__visual--direct--prev {
    left: 34px;
    background-image: url(../img/icon/slide_prev1.png)
}

.top__visual--direct--next {
    right: 34px;
    background-image: url(../img/icon/slide_next1.png)
}

@media screen and (max-width:768px) {
    .top__visual--direct {
        display: none
    }
}

.top__visual__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 2;
    opacity: 0
}

.top__visual__thumb--item {
    width: 10px;
    height: 100%;
    font-size: 1rem
}

.top__visual__thumb--item a {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff
}

@media screen and (min-width:769px) {
    .top__visual__splash--copy span {
        margin-left: .2em
    }

    .top__visual__splash--copy span:first-child {
        margin-left: 0
    }

    .top__visual__thumb--item {
        margin: 0 20px
    }

    .top__visual__thumb--item a {
        border-radius: 50%
    }
}

.top__visual__thumb--item a.on {
    background: #022523
}

.top__quarity {
    position: relative;
    margin-top: 80px;
    overflow: hidden
}

.top__quarity .wrap {
    padding-top: 106px
}

.top__quarity .wrap:after,
.top__quarity .wrap:before {
    content: ' ';
    position: absolute;
    height: 0;
    overflow: hidden
}

.top__quarity .wrap:before {
    top: 50px;
    right: -20px;
    padding-bottom: 44.6153846154%;
    width: 69.2307692308%;
    background: url(../img/top/quarity_pic.jpg) center center no-repeat;
    background-size: cover;
    z-index: 3
}

.top__quarity .wrap:after {
    top: 0;
    right: -70px;
    padding-bottom: 30.7692307692%;
    width: 61.5384615385%;
    background: rgba(0, 36, 33, .8);
    z-index: 1
}

.top__quarity__info {
    position: relative;
    margin-left: -5px;
    padding: 56px 0 50px;
    width: 41.5384615385%;
    background: rgba(255, 255, 255, .9);
    z-index: 3
}

.top__quarity .title--top {
    margin-left: 37px
}

.top__quarity .title--top .ja {
    margin-top: 14px
}

.top__quarity--lead {
    margin-top: 32px;
    padding: 0 50px 0 56px;
    font-size: 1.4rem;
    letter-spacing: .005em;
    line-height: 1.8
}

.top__quarity .btn--more {
    margin: 16px auto 0
}

@media screen and (min-width:769px) {
    .top__quarity .btn--more:after {
        right: -120px
    }
}

@media screen and (max-width:1300px) and (min-width:769px) {
    .top__quarity .btn--more:after {
        right: -26%;
        width: 36.6666666667%
    }
}

.top__quarity__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 100px;
    z-index: 2
}

.top__quarity__lists:before {
    content: ' ';
    position: absolute;
    top: -200px;
    left: -7.69230769231%;
    padding-bottom: 36.9230769231%;
    width: 115.384615385%;
    background: url(../img/top/quarity_bg.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 1
}

.top__quarity__lists:after {
    content: 'S.I.C.';
    position: absolute;
    top: -210px;
    left: -50px;
    margin-left: -40px;
    font-size: 40rem;
    font-weight: 700;
    letter-spacing: -.06em;
    line-height: 1.2;
    color: #000;
    z-index: 3
}

@media all and (-ms-high-contrast:none) {
    .top__quarity__lists:after {
        top: -170px
    }
}

.top__quarity__lists--item {
    position: relative;
    z-index: 3
}

@media screen and (min-width:769px) {
    .top__quarity__lists--item {
        margin-left: 10.7692307692%;
        width: 30.7692307692%
    }

    .top__quarity__lists--item:first-child {
        margin-left: 0
    }

    .top__quarity__lists--item:nth-of-type(2) {
        margin-top: 4.61538461538%
    }
}

.top__quarity__lists--item>a {
    display: block;
    position: relative;
    text-decoration: none
}

.device_click .top__quarity__lists--item>a:hover .top__quarity__lists--text,
.device_click .top__quarity__lists--item>a:hover .top__quarity__lists--title {
    opacity: .8
}

.device_click .top__quarity__lists--item>a:hover .top__quarity__lists--photo img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.top__quarity__lists--photo {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.top__quarity__lists--photo span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2
}

.top__quarity__lists--photo img {
    position: relative
}

.device_click .top__quarity__lists--photo img {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.top__quarity__lists--photo:after {
    content: ' ';
    position: absolute;
    top: -20px;
    right: -20px;
    background: rgba(0, 36, 33, .8);
    width: 100%;
    height: 100%;
    z-index: 1
}

.top__quarity__lists__info {
    position: relative;
    margin-top: 40px;
    z-index: 2
}

.top__quarity__lists__info:before {
    content: ' ';
    position: absolute;
    top: -64px;
    left: 60px;
    width: 1px;
    height: 50px;
    background: #002c27
}

.top__quarity__lists--title {
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: .0025em;
    line-height: 1.2;
    color: #002421
}

.device_click .top__quarity__lists--title {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.top__quarity__lists--text {
    margin-top: 8px;
    font-size: 1.4rem
}

.top__about__lists:before,
.top__product:after {
    font-size: 40rem;
    letter-spacing: -.06em;
    font-weight: 700;
    font-family: IntervogueAlt
}

.device_click .top__quarity__lists--text {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.top__quarity.lazy--item .top__quarity__info,
.top__quarity.lazy--item .top__quarity__lists:after,
.top__quarity.lazy--item .wrap:after,
.top__quarity.lazy--item .wrap:before {
    -webkit-transition: ease .6s;
    transition: ease .6s;
    opacity: 0
}

.top__quarity.lazy--item--end .wrap:after {
    opacity: 1
}

.top__quarity.lazy--item--end .wrap:before {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 1
}

.top__quarity.lazy--item--end .top__quarity__lists:after {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    opacity: .2
}

.top__quarity.lazy--item--end .top__quarity__info {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    opacity: 1
}

.top__product {
    position: relative;
    margin-top: 88px;
    padding: 50px 0 90px;
    overflow: hidden
}

.top__product:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    background: rgba(242, 242, 242, .8)
}

.top__product:after {
    content: 'BUSINESS';
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -40px;
    line-height: 1.2;
    color: #000;
    z-index: 2
}

@media all and (-ms-high-contrast:none) {
    .top__product:after {
        top: 100px
    }
}

.top__product .title--top {
    top: -50px;
    z-index: 5
}

.top__product .title--top .en {
    padding-top: 8px
}

.top__product .title--top .ja {
    margin-top: 4px
}

.top__product .title--top img {
    margin: 10px 2px 0 0;
    width: 165px
}

.top__product__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.top__product__lists--item {
    position: relative
}

@media screen and (min-width:769px) {
    .top__product__lists--item {
        margin-left: 3.84615384615%;
        width: 30.7692307692%
    }

    .top__product__lists--item:first-child {
        margin-left: 0
    }

    .top__product__lists--item:nth-of-type(2) {
        margin-top: 3.84615384615%
    }

    .top__product__lists--item:nth-of-type(3) {
        margin-top: 7.69231%
    }
}

.top__product__lists--photo {
    position: relative;
    padding-bottom: 135%;
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1
}

.top__product__lists--photo--sic {
    background-image: url(../img/top/product_sic.jpg)
}

.top__product__lists--photo--im {
    background-image: url(../img/top/product_im.jpg)
}

.top__product__lists--photo--sc {
    background-image: url(../img/top/product_sc.jpg)
}

.top__product__lists__info {
    position: relative;
    padding: 24px 20px 23px;
    background: #fff;
    letter-spacing: .02em;
    z-index: 2
}

.top__product__lists__info:before {
    content: ' ';
    position: absolute;
    top: -28px;
    left: 60px;
    width: 1px;
    height: 50px;
    background: #002c27
}

.top__product__lists--title {
    position: relative;
    font-weight: 700;
    line-height: 1.2
}

.top__product__lists--title .l,
.top__product__lists--title .s {
    display: inline-block;
    vertical-align: baseline
}

.top__product__lists--title .l {
    font-size: 2.8rem;
    color: #002421
}

.top__product__lists--title .s {
    font-size: 2rem
}

.top__product__lists--text {
    margin-top: 14px;
    font-size: 1.4rem
}

.top__product__lists--cat {
    margin-top: 12px;
    font-size: 1.4rem
}

.top__product__lists--btn {
    margin: 18px auto 0;
    width: 83.3333333333%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.2
}

.top__product__lists--btn a {
    display: block;
    padding: 11px 0;
    text-decoration: none;
    border: 1px solid #002c27;
    color: #002c27
}

.device_click .top__product__lists--btn a:hover {
    background: #002c27;
    color: #fff;
    opacity: 1
}

.top__product.lazy--item .top__product__lists--item,
.top__product.lazy--item:after {
    -webkit-transition: ease-out 1s;
    transition: ease-out 1s;
    opacity: 0
}

.top__product.lazy--item .top__product__lists--item {
    top: 100px
}

.top__product.lazy--item--end .top__product__lists--item:nth-of-type(1) {
    top: 0;
    opacity: 1
}

.top__product.lazy--item--end .top__product__lists--item:nth-of-type(2) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    top: 0;
    opacity: 1
}

.top__product.lazy--item--end .top__product__lists--item:nth-of-type(3) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    top: 0;
    opacity: 1
}

.top__product.lazy--item--end:after {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: .2
}

.top__about {
    position: relative;
    margin-top: 90px;
    overflow: hidden
}

.top__about .wrap {
    padding-bottom: 114px
}

.top__about .wrap:after,
.top__about .wrap:before {
    content: ' ';
    position: absolute;
    width: 70.7692307692%;
    height: 0;
    overflow: hidden
}

.top__about .wrap:before {
    top: 100px;
    left: -4.23076923077%;
    padding-bottom: 59.2307692308%;
    background: rgba(0, 44, 39, .9);
    z-index: 2
}

.top__about .wrap:after {
    bottom: 0;
    right: -3.07692307692%;
    padding-bottom: 60.7692307692%;
    background: rgba(242, 242, 242, .9);
    z-index: 1
}

.top__about .title--top {
    margin-left: auto;
    width: 440px;
    height: 100px;
    z-index: 5
}

.top__about .title--top .en {
    padding-top: 10px
}

.top__about .title--top .ja {
    margin-top: 2px
}

.top__about .title--top img {
    margin: 10px 2px 0 0;
    width: 165px
}

.top__about__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-top: 96px;
    z-index: 3
}

.top__about__lists:before {
    content: 'ABOUT';
    position: absolute;
    top: -58px;
    left: -4.23076923077%;
    line-height: 1.2;
    color: #000;
    z-index: 2
}

.body--os--mac.body--browser--chrome .top__about__lists:before {
    top: -108px
}

@media all and (-ms-high-contrast:none) {
    .top__about__lists:before {
        top: -18px
    }
}

.top__about__lists:after {
    content: ' ';
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    z-index: 3
}

.top__about__lists--item {
    position: relative;
    z-index: 1
}

@media screen and (min-width:769px) {
    .top__about__lists--item {
        margin-left: 3.07692307692%;
        width: 48.4615384615%
    }

    .top__about__lists--item:first-child {
        margin: 4.61538461538% 0 0
    }
}

.top__about__lists--item .frame {
    position: relative;
    right: -100%;
    width: 0;
    overflow: hidden
}

.top__about__lists--item .frame--2 {
    position: relative;
    width: 100%
}

.top__about__lists--item a {
    display: block;
    position: relative;
    right: 100%;
    width: 100%;
    text-decoration: none
}

.device_click .top__about__lists--item a:hover {
    opacity: 1
}

.device_click .top__about__lists--item a:hover .top__about__lists--text,
.device_click .top__about__lists--item a:hover .top__about__lists--title {
    opacity: .8
}

.device_click .top__about__lists--item a:hover .top__about__lists--photo img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.top__about__lists--photo {
    position: relative;
    overflow: hidden
}

.top__about__lists--photo img {
    position: relative
}

.device_click .top__about__lists--photo img {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.top__about__lists--photo--en {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: IntervogueAlt;
    font-size: 2.8rem;
    letter-spacing: .05em;
    color: #fff;
    z-index: 2
}

.top__about__lists--photo img {
    z-index: 1
}

.top__about__lists__info {
    position: relative;
    padding: 30px 45px 45px;
    background: #fff
}

.top__about__lists--title {
    font-size: 2.4rem;
    letter-spacing: .05em;
    line-height: 1.2
}

.device_click .top__about__lists--title {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.top__about__lists--title--logo {
    font-family: IntervogueAlt
}

.top__about__lists--text {
    margin-top: 6px;
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.8
}

.device_click .top__about__lists--text {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.top__about.lazy--item .top__about__lists:before {
    -webkit-transition: ease .6s;
    transition: ease .6s;
    opacity: 0
}

.top__about.lazy--item .top__about__lists--item .frame,
.top__about.lazy--item .top__about__lists--item a {
    -webkit-transition: ease .6s;
    transition: ease .6s
}

.top__about.lazy--item--end .top__about__lists--item:nth-of-type(2) .frame,
.top__about.lazy--item--end .top__about__lists--item:nth-of-type(2) a {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.top__about.lazy--item--end .top__about__lists--item:nth-of-type(2) .frame {
    right: 0;
    width: 100%
}

.top__about.lazy--item--end .top__about__lists--item:nth-of-type(2) a {
    right: 0
}

.top__about.lazy--item--end .top__about__lists--item:nth-of-type(1) .frame,
.top__about.lazy--item--end .top__about__lists--item:nth-of-type(1) a {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.top__about.lazy--item--end .top__about__lists--item:nth-of-type(1) .frame {
    right: 0;
    width: 100%
}

.top__about.lazy--item--end .top__about__lists--item:nth-of-type(1) a {
    right: 0
}

.top__about.lazy--item--end .top__about__lists:before {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: .5
}

.top__magazine {
    position: relative;
    margin-top: 96px;
    z-index: 2
}

.top__magazine:before {
    content: ' ';
    position: absolute;
    top: -158px;
    left: 50%;
    width: 1px;
    height: 130px;
    background: #002c27
}

.top__magazine .title--top {
    margin-bottom: 66px;
    padding-left: 0;
    text-align: center
}

.top__magazine .title--top:before {
    display: none
}

.top__magazine .title--top .ja {
    margin-top: 6px;
    color: #002421
}

.top__magazine .title--top img {
    margin: 5px 4px 0 0;
    width: 204px
}

@media screen and (min-width:769px) {
    .top__magazine .slide--1--direct {
        display: none
    }

    .top__magazine__lists {
        -webkit-transform: none !important;
        transform: none !important;
        margin-right: 0 !important;
        width: auto !important
    }

    .top__magazine__lists--item {
        display: none;
        margin: 3.84615384615% 3.84615384615% 0 0 !important;
        width: 30.7692307692% !important
    }

    .top__magazine__lists--item.origin {
        display: block
    }

    .top__magazine__lists--item:nth-of-type(-n+3) {
        margin-top: 0 !important
    }

    .top__magazine__lists--item:nth-of-type(3n) {
        margin-right: 0 !important
    }

    .top__magazine__lists--item:nth-of-type(3n+1) {
        clear: both
    }
}

.top__magazine__lists--item>a,
.top__news__pickup>a {
    display: block;
    text-decoration: none
}

.top__magazine__lists--photo {
    padding-bottom: 75%
}

.top__magazine__lists__info {
    position: relative;
    margin-top: 12px
}

.top__magazine__lists--vol {
    font-family: IntervogueAlt;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2
}

.top__magazine__lists--title {
    margin-top: 4px;
    font-size: 1.6rem;
    font-weight: 400
}

.top__news {
    position: relative;
    margin-top: 115px;
    padding-bottom: 30px;
    overflow: hidden
}

@media screen and (max-width:1300px) {
    .top__news {
        padding: 0 20px 30px
    }
}

.top__news .wrap {
    padding: 50px 60px 55px 40px;
    background: #fff;
    border: 1px solid #ccc
}

.top__news .title--top {
    position: absolute;
    top: 50px;
    left: 0
}

.top__news .title--top .en {
    padding-top: 14px
}

.top__news .title--top .ja {
    padding: 8px 0 2px;
    font-size: 4rem;
    color: #002421
}

.top__news .title--top img {
    margin: 2px 2px 0 0;
    width: 204px
}

.top__news__pickup {
    float: left;
    margin-top: 100px;
    width: 30%
}

.top__news__pickup--photo {
    position: relative;
    width: 100%
}

@media screen and (min-width:769px) {
    .top__news__pickup--photo {
        padding-bottom: 66.6666666667%;
        height: 0;
        overflow: hidden
    }

    .top__news__pickup--photo img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.top__news__pickup__info {
    position: relative;
    margin-top: 12px
}

.top__news__pickup__icon_date {
    position: relative
}

.top__news__pickup--date {
    float: left;
    width: 120px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2
}

.top__news__pickup__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    float: right;
    margin-top: -12px;
    width: calc(100% - 120px)
}

.top__news__pickup__icon .news--icon {
    margin: 10px 10px 0 0
}

.top__news__pickup__icon .news--icon:last-child {
    margin-right: 0
}

.top__news__pickup--title {
    margin-top: 10px;
    font-size: 1.6rem;
    font-weight: 400
}

.top__news__lists {
    float: right;
    margin-top: 82px;
    width: 60%
}

.top__news__lists--item {
    position: relative;
    border-bottom: solid #ccc 1px
}

.top__news__lists--item>a {
    display: block;
    padding: 20px 0;
    text-decoration: none
}

.top__news__lists--photo,
.top__news__lists__icon_date {
    position: relative
}

.top__news__lists__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    float: right;
    margin-top: -12px;
    width: calc(100% - 120px)
}

.top__news__lists__icon .news--icon {
    margin: 10px 10px 0 0
}

.top__news__lists__icon .news--icon:last-child {
    margin-right: 0
}

.top__news__lists--date {
    float: left;
    margin-top: -2px;
    width: 120px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2
}

.top__news__lists--title {
    margin-top: 10px;
    font-size: 1.6rem;
    font-weight: 400
}

.top__news .btn--more {
    position: absolute;
    bottom: -30px;
    right: -1px
}

@media screen and (max-width:768px) {
    .top__visual:after {
        display: none
    }

    .top__visual__splash--logo {
        width: 200px
    }

    .top__visual__splash--copy {
        margin-top: 16px;
        font-size: 2.2rem
    }

    .top__visual__frame {
        height: calc(100vh - 100px)
    }

    .top__visual__thumb {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        bottom: auto;
        left: auto;
        margin: 25px 20px 0;
        width: auto;
        height: 3px;
        border-top: none
    }

    .top__visual__thumb--item {
        margin-left: 5.97014925373%;
        width: 8.9552238806%;
        height: 100%;
        border-left: none;
        text-align: left
    }

    .top__visual__thumb--item:first-child {
        margin-left: 0
    }

    .top__visual__thumb--item a {
        padding: 0;
        width: 100%;
        height: 100%;
        background: #9fa0a0;
        text-indent: 100%;
        white-space: normal;
        overflow: hidden
    }

    .top__visual__thumb--item a.on {
        background: #cb1f02
    }

    .top__quarity {
        margin-top: 38px
    }

    .top__quarity .wrap {
        margin: 0 20px;
        padding-top: 0
    }

    .top__quarity .wrap:before {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        margin-top: 18px;
        padding-bottom: 60.5970149254%;
        width: 94.0298507463%
    }

    .top__quarity .wrap:after {
        top: -18px;
        right: 0;
        margin-left: auto;
        padding-bottom: 50%;
        width: 83.5820895522%
    }

    .top__quarity__info {
        margin: 24px 0 0;
        padding: 0;
        width: auto;
        background: 0 0
    }

    .top__quarity .title--top {
        margin-left: 0
    }

    .top__quarity .title--top .ja {
        margin-top: 5px
    }

    .top__quarity--lead {
        margin-top: 32px;
        padding: 0;
        font-size: 1.2rem;
        letter-spacing: .0025em;
        line-height: 1.6
    }

    .top__quarity .btn--more {
        margin-top: 8px;
        width: 67.1641791045%
    }

    .top__quarity__lists {
        display: block;
        margin-top: 96px
    }

    .top__quarity__lists:before {
        top: -54px;
        left: 50%;
        margin-left: -134%;
        padding-bottom: 157.333333333%;
        width: 268%
    }

    .top__quarity__lists:after {
        top: -64px;
        left: -72px;
        margin-left: 0;
        font-size: 20rem;
        letter-spacing: -.025em
    }

    .top__quarity__lists--item {
        margin-top: 65px;
        width: calc(100% - 15px)
    }

    .top__quarity__lists--item:first-child {
        margin-top: 0
    }

    .top__quarity__lists--photo:after {
        top: -15px;
        right: -15px
    }

    .top__quarity__lists__info {
        margin-top: 0;
        padding: 28px 14px 15px;
        background: #fff
    }

    .top__quarity__lists__info:before {
        top: -25px;
        left: 48px
    }

    .top__quarity__lists--title {
        font-size: 1.8rem;
        letter-spacing: .0175em
    }

    .top__quarity__lists--text {
        margin-top: 6px;
        font-size: 1.2rem
    }

    .top__product {
        margin-top: 60px;
        padding: 25px 20px 40px;
        background: rgba(242, 242, 242, .8)
    }

    .top__product:before {
        display: none
    }

    .top__product:after {
        top: 108px;
        left: -4px;
        margin-left: 0;
        font-size: 20rem;
        letter-spacing: -.025em
    }

    .top__product .title--top {
        top: auto
    }

    .top__product .title--top .en {
        position: relative;
        top: -3px;
        padding-top: 0
    }

    .top__product .title--top .ja {
        margin-top: 0
    }

    .top__product .title--top img {
        margin: 5px 2px 5px 0;
        width: 116px
    }

    .top__product__lists {
        display: block;
        margin-top: 45px
    }

    .top__product__lists--item {
        margin: 11.9402985075% auto 0;
        width: 89.552238806%
    }

    .top__product__lists--item:first-child {
        margin-top: 0
    }

    .top__product__lists--photo {
        padding-bottom: 75%
    }

    .top__product__lists__info {
        padding: 20px 22px;
        letter-spacing: .025em
    }

    .top__product__lists__info:before {
        top: -15px;
        left: 28px;
        height: 30px
    }

    .top__product__lists--title .l {
        font-size: 1.8rem
    }

    .top__product__lists--title .s {
        font-size: 1.5rem
    }

    .top__product__lists--text {
        margin-top: 10px;
        font-size: 1.2rem
    }

    .top__product__lists--cat {
        margin-top: 16px;
        font-size: 1.2rem
    }

    .top__product__lists--btn {
        margin-top: 18px;
        width: 84.9420849421%;
        font-size: 1.3rem
    }

    .top__product__lists--btn a {
        padding: 8px 0 9px
    }

    .top__about {
        margin-top: 55px
    }

    .top__about .wrap {
        margin: 0 15px;
        padding-bottom: 40px
    }

    .top__about .wrap:after,
    .top__about .wrap:before {
        display: none
    }

    .top__about .title--top {
        margin-left: 5px;
        width: auto;
        height: auto
    }

    .top__about .title--top .en {
        position: relative;
        top: -3px;
        padding-top: 0
    }

    .top__about .title--top .ja {
        margin-top: 0
    }

    .top__about .title--top img {
        margin: 5px 2px 0 0;
        width: 116px
    }

    .top__about__lists {
        display: block;
        margin-top: 72px;
        padding-top: 0
    }

    .top__about__lists:before {
        top: -66px;
        left: -70px;
        font-size: 20rem;
        letter-spacing: -.025em
    }

    .body--os--mac.body--browser--chrome .top__about__lists:before {
        top: -96px
    }

    .top__about__lists:after {
        top: -60px;
        left: -15px;
        width: calc(100% + 30px);
        height: 20px
    }

    .top__about__lists--item {
        margin: 75px 0 0 auto;
        width: 82.1739130435%
    }

    .top__about__lists--item:after {
        content: ' ';
        position: absolute;
        top: -40px;
        left: -40px;
        width: calc(100% + 80px);
        height: calc(100% + 80px);
        z-index: 1
    }

    .top__about__lists--item:first-child {
        margin: 0
    }

    .top__about__lists--item:nth-of-type(1):after {
        height: calc(100% + 75px);
        background: rgba(0, 44, 39, .9)
    }

    .top__about__lists--item:nth-of-type(2):after {
        background: rgba(242, 242, 242, .9)
    }

    .top__about__lists--photo {
        z-index: 2
    }

    .top__about__lists--photo--en {
        font-size: 2rem;
        letter-spacing: .025em
    }

    .top__about__lists--photo img {
        position: relative;
        z-index: 1
    }

    .top__about__lists__info {
        padding: 12px 15px 16px;
        z-index: 2
    }

    .top__about__lists--title {
        font-size: 1.8rem;
        letter-spacing: .025em
    }

    .top__about__lists--text {
        margin-top: 8px;
        font-size: 1.2rem;
        letter-spacing: .025em;
        line-height: 1.6
    }

    .top__about.lazy--item--end .top__about__lists--item:nth-of-type(1) .frame,
    .top__about.lazy--item--end .top__about__lists--item:nth-of-type(1) a {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .top__about.lazy--item--end .top__about__lists--item:nth-of-type(2) .frame,
    .top__about.lazy--item--end .top__about__lists--item:nth-of-type(2) a {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .top__magazine {
        margin-top: 110px;
        width: 100%
    }

    .top__magazine:before {
        top: -62px;
        height: 50px
    }

    .top__magazine .title--top {
        margin-bottom: 22px
    }

    .top__magazine .title--top .ja {
        margin-top: 4px
    }

    .top__magazine .title--top img {
        margin: 5px 4px 0 0;
        width: 116px
    }

    .top__magazine .slide--1__move {
        margin-left: 20px
    }

    .top__magazine .slide--1--prev {
        left: 6px
    }

    .top__magazine .slide--1--next {
        right: 6px
    }

    .top__magazine__lists__info {
        margin-top: 6px;
        letter-spacing: .025em
    }

    .top__magazine__lists--vol {
        font-size: 1.2rem
    }

    .top__magazine__lists--title {
        margin-top: 2px;
        font-size: 1.2rem
    }

    .top__news {
        margin-top: 55px;
        padding: 0 17px 23px;
        width: 100%
    }

    .top__news .wrap {
        padding: 14px 20px 30px
    }

    .top__news .title--top {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 0 16px -20px
    }

    .top__news .title--top .en {
        position: relative;
        top: -3px;
        padding-top: 0
    }

    .top__news .title--top .ja {
        padding: 0;
        font-size: 2.7rem
    }

    .top__news .title--top img {
        margin: 5px 2px 0 0;
        width: 116px
    }

    .top__news__pickup {
        float: none;
        margin-top: 0;
        width: auto
    }

    .top__news__pickup>a {
        padding-bottom: 12px
    }

    .top__news__pickup__info {
        margin-top: 12px;
        padding: 0 3px
    }

    .top__news__pickup--date {
        width: 75px;
        font-size: 1.2rem
    }

    .top__news__pickup__icon {
        margin-top: -7px;
        width: calc(100% - 75px)
    }

    .top__news__pickup__icon .news--icon {
        margin: 5px 5px 0 0
    }

    .top__news__pickup--title {
        margin-top: 4px;
        font-size: 1.4rem
    }

    .top__news__lists {
        float: none;
        margin-top: 0;
        width: auto;
        border-top: solid #ccc 1px
    }

    .top__news__lists--item:last-child {
        border-bottom: none
    }

    .top__news__lists--item>a {
        padding: 12px 3px
    }

    .top__news__lists__icon {
        margin-top: -7px;
        width: calc(100% - 75px)
    }

    .top__news__lists__icon .news--icon {
        margin: 5px 5px 0 0
    }

    .top__news__lists--date {
        margin-top: 0;
        width: 75px;
        font-size: 1.2rem
    }

    .top__news__lists--title {
        margin-top: 4px;
        font-size: 1.4rem
    }

    .top__news .btn--more {
        bottom: -23px
    }

    .body__company .title__head--title {
        padding-top: 22%
    }
}

.body__company #main {
    background: 0 0
}

@media screen and (max-width:320px) {
    .body__company .title__head--title {
        padding-top: 12%
    }
}

.company--lead {
    position: relative;
    margin: 0 auto 30px;
    max-width: 900px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: .07em
}

.company__map {
    padding: 0;
    max-width: 1060px
}

.company__map__box {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden
}

.company__map__box.lazy--item .company__map--line {
    -webkit-transition: ease 2s;
    transition: ease 2s;
    width: 14%;
    opacity: 0
}

.company__map__box.lazy--item--end .company__map--line {
    width: 100%;
    opacity: 1
}

.company__map--line,
.company__map--name,
.company__map--pic {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    overflow: hidden
}

.company__map--line span,
.company__map--name span,
.company__map--pic span {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1060px;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden
}

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

    .company__map--line span,
    .company__map--name span,
    .company__map--pic span {
        width: calc(100vw - 20px)
    }
}

.company__map--pic {
    z-index: 1
}

.company__map--name {
    z-index: 3
}

.company__map--line {
    z-index: 2
}

@media screen and (min-width:769px) {
    .company__map__box {
        padding-bottom: 46.7924528302%
    }

    .company__map--pic span {
        background-image: url(../img/company/network_map.png)
    }

    .company__map--name span {
        background-image: url(../img/company/network_map_name.png)
    }

    .company__map--line span {
        background-image: url(../img/company/network_map_line.png)
    }
}

.company__philosophy {
    position: relative;
    margin-top: -60px
}

.company__philosophy__title--1 {
    margin-bottom: 23px;
    text-align: center;
    font-size: 5.4rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1.66;
    color: #002421
}

.company__philosophy__txt--1 {
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: .025em;
    line-height: 2;
    color: #002421
}

.company__philosophy__txt--2 {
    font-size: 2.4rem;
    color: #002421;
    line-height: 2;
    letter-spacing: .1em;
    text-align: center
}

.company__philosophy__txt--3 {
    margin-top: 28px;
    font-size: 1.6rem;
    color: #002421;
    line-height: 2;
    letter-spacing: .05em
}

.company__philosophy__inner,
.company__philosophy__message,
.company__philosophy__mission {
    position: relative;
    width: 100%;
    overflow: hidden
}

.company__philosophy__inner .wrap,
.company__philosophy__message .wrap,
.company__philosophy__mission .wrap {
    max-width: 1000px
}

.company__philosophy__inner .wrap:after,
.company__philosophy__message .wrap:after,
.company__philosophy__mission .wrap:after {
    position: absolute;
    font-family: IntervogueAlt;
    font-size: 26rem;
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: 1.2;
    opacity: .05
}

.company__group--title,
.fashion__lists--title,
.fashion__lists__links--item {
    font-family: IntervogueAlt, Arial, Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}

.company__philosophy__inner {
    padding-top: 158px
}

.company__philosophy__inner .wrap:after {
    content: 'Philosophy';
    top: -92px;
    left: -114px
}

.company__philosophy__inner .company__philosophy__title--1 {
    margin-top: -20px
}

.company__philosophy__inner.lazy--item .company__philosophy__title--1,
.company__philosophy__inner.lazy--item .company__philosophy__txt--1 {
    -webkit-transition: ease .6s;
    transition: ease .6s;
    opacity: 0
}

.company__philosophy__inner.lazy--item--end .company__philosophy__title--1 {
    opacity: 1
}

.company__philosophy__inner.lazy--item--end .company__philosophy__txt--1 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 1
}

.company__philosophy__mission {
    margin-top: 158px;
    padding: 90px 0 148px;
    background: #f2f2f2
}

.company__philosophy__mission .wrap:after {
    content: 'Mission';
    top: -87px;
    left: 50%;
    margin-left: 116px
}

.company__philosophy__mission .title--block {
    margin-bottom: 50px
}

.company__philosophy__mission .title--block:after {
    margin-top: 24px
}

.company__philosophy__mission.lazy--item .company__philosophy__txt--2,
.company__philosophy__mission.lazy--item .title--block {
    -webkit-transition: ease .6s;
    transition: ease .6s;
    opacity: 0
}

.company__philosophy__mission.lazy--item--end .title--block {
    opacity: 1
}

.company__philosophy__mission.lazy--item--end .company__philosophy__txt--2 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 1
}

.company__philosophy__message {
    margin-bottom: 144px;
    padding-top: 126px
}

.company__philosophy__message .wrap {
    max-width: 700px
}

.company__award .wrap,
.company__csr .wrap,
.company__profile .wrap,
.fashion__product--shindo-story {
    max-width: 1000px
}

.company__philosophy__message .wrap:after {
    content: 'Message';
    top: -130px;
    left: 0;
    margin-left: -550px;
    font-size: 30rem
}

.company__group--title:before,
.company__group__branch__btns--item:after,
.company__group__branch__btns--map a:before,
.company__group__main__btns--item:after,
.company__group__main__btns--map a:before,
.fashion__hash--2--item a:after,
.fashion__hash--item a:after,
.fashion__lists__links--item a:before,
.fashion__lists__links--item:after,
.fashion__map--area i:after,
.fashion__map--area:after,
.fashion__map--area:before,
.fashion__map__point--item:before,
.fashion__modal__btns--item a:after,
.fashion__modal__btns--item a:before,
.fashion__modal__close span:after,
.fashion__modal__close span:before,
.fashion__modal__prd--item.on>a:before,
.fashion__modal__prd--more a::before,
.fashion__modal__slide__thumb--item a.on:after {
    content: ' '
}

.company__philosophy__message .title--block {
    margin-bottom: 60px
}

.company__philosophy__message .title--block:after {
    margin-top: 20px
}

.company__philosophy__message--logo {
    margin: 82px auto 0;
    width: 240px
}

.company__philosophy__message.lazy--item .company__philosophy__message--logo,
.company__philosophy__message.lazy--item .company__philosophy__txt--3,
.company__philosophy__message.lazy--item .title--block {
    -webkit-transition: ease .6s;
    transition: ease .6s;
    opacity: 0
}

.company__philosophy__message.lazy--item--end .title--block {
    opacity: 1
}

.company__philosophy__message.lazy--item--end .company__philosophy__txt--3 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 1
}

.company__philosophy__message.lazy--item--end .company__philosophy__message--logo {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    opacity: 1
}

.company__profile {
    padding-top: 10px
}

.company__profile__lists {
    border-top: solid #a0a0a0 1px
}

.company__profile__lists__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 20px;
    border-bottom: solid #a0a0a0 1px;
    letter-spacing: .07em
}

.company__profile__lists--title {
    width: 205px;
    font-size: 1.6rem;
    font-weight: 700
}

.company__profile__lists__content {
    width: calc(100% - 205px);
    font-size: 1.6rem
}

.company__profile__lists__content p {
    margin-top: 1em
}

.company__profile__lists__content p:first-child {
    margin-top: 0
}

.company__profile__lists__content a {
    text-decoration: none
}

.device_pc .company__profile__lists__content a[href^='tel:'] {
    pointer-events: none
}

.company__network {
    padding-top: 30px
}

.company__network .title--2 img {
    display: inline-block;
    margin: 16px 4px 0 0;
    width: 140px;
    vertical-align: top
}

.company__network .company--lead {
    margin-bottom: 52px
}

.company__group {
    margin-top: 38px
}

.company__group .title--block img {
    display: inline-block;
    margin: 12px 4px 0 0;
    width: 204px;
    vertical-align: top
}

.company__group__box {
    margin-bottom: 120px
}

.company__group__box:last-child {
    margin-bottom: 0
}

.company__group--title {
    position: relative;
    margin-bottom: 30px;
    padding: 12px 0 0 35px;
    height: 60px;
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.2
}

.company__group--title:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 60px;
    background: #002421
}

.company__group__main--item {
    position: relative;
    margin-top: 70px;
    padding: 50px;
    border: 1px solid #ccc
}

.company__group__main--item:first-child {
    margin-top: 0
}

.company__group__main__frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.company__group__main--photo {
    width: 46.6666666667%
}

.company__group__main__info {
    margin-left: 3.33333333333%;
    width: 50%
}

.company__group__main__location--title {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.2
}

.company__group__main__location__content {
    margin-top: 28px
}

.company__group__main__location table {
    width: 100%;
    border-top: solid #a0a0a0 1px;
    border-collapse: collapse
}

.company__group__main__location table td,
.company__group__main__location table th {
    padding: 13px 0 14px 20px;
    border-bottom: solid #a0a0a0 1px;
    text-align: left;
    vertical-align: top;
    font-size: 1.6rem;
    letter-spacing: .005em;
    line-height: 1.4
}

.company__group__main__location table th {
    width: 110px;
    font-weight: 700
}

.company__group__main__location table td a {
    text-decoration: none
}

.device_pc .company__group__main__location table td a[href^='tel:'] {
    pointer-events: none
}

.company__group__main__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 40px;
    padding-right: 110px;
    width: 100%
}

.company__group__main__btns--item {
    position: relative;
    margin-left: 150px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2
}

.company__group__main__btns--item:first-child {
    margin-left: 0
}

.company__group__main__btns--item:after {
    position: absolute;
    top: 50%;
    right: -110px;
    width: 140px;
    height: 1px;
    background: #002c27
}

.company__group__main__btns--item a {
    display: block;
    position: relative;
    padding: 18px 0 19px;
    background: #fff;
    border: 1px solid #002c27;
    text-decoration: none
}

.company__group__main__btns--map {
    width: 180px;
    letter-spacing: .001em
}

.company__group__main__btns--map a:before {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -12px;
    width: 14px;
    height: 24px;
    background: url(../img/icon/pin1.png) center center no-repeat;
    background-size: 100%
}

.company__group__branch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-top: 40px
}

.company__group__branch--item {
    position: relative;
    margin-top: 70px;
    padding: 50px 50px 40px;
    border: 1px solid #ccc
}

@media screen and (min-width:769px) {
    .company__group__branch--item {
        margin-top: 3.07692307692%;
        width: 48.4615384615%
    }

    .company__group__branch--item:nth-of-type(-n+2) {
        margin-top: 0
    }

    .company__group__branch--item:nth-of-type(2n) {
        margin-left: 3.076923077%
    }
}

.company__group__branch__location--title {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: .001em;
    line-height: 1.2
}

.company__group__branch__location__content {
    margin-top: 20px
}

.company__group__branch__location table {
    width: 100%;
    border-top: solid #a0a0a0 1px;
    border-collapse: collapse
}

.company__group__branch__location table td,
.company__group__branch__location table th {
    padding: 13px 0 14px 20px;
    border-bottom: solid #a0a0a0 1px;
    text-align: left;
    vertical-align: top;
    font-size: 1.6rem;
    letter-spacing: .005em;
    line-height: 1.4
}

.company__group__branch__location table th {
    width: 110px;
    font-weight: 700
}

.company__group__branch__location table td a {
    text-decoration: none
}

.device_pc .company__group__branch__location table td a[href^='tel:'] {
    pointer-events: none
}

.company__group__branch__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 30px;
    padding-right: 110px
}

.company__group__branch__btns--item {
    position: relative;
    margin-left: 150px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2
}

.company__group__branch__btns--item:first-child {
    margin-left: 0
}

.company__group__branch__btns--item:after {
    position: absolute;
    top: 50%;
    right: -110px;
    width: 140px;
    height: 1px;
    background: #002c27
}

.company__group__branch__btns--item a {
    display: block;
    position: relative;
    padding: 18px 0 19px;
    background: #fff;
    border: 1px solid #002c27;
    text-decoration: none
}

.company__group__branch__btns--map {
    width: 180px;
    letter-spacing: .001em
}

.company__group__branch__btns--map a:before {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -12px;
    width: 14px;
    height: 24px;
    background: url(../img/icon/pin1.png) center center no-repeat;
    background-size: 100%
}

.company__csr {
    padding-top: 10px
}

.company__csr__box {
    position: relative;
    margin-top: 86px
}

.company__csr__box:first-child {
    margin-top: 0
}

.company__csr--text {
    font-size: 1.6rem;
    letter-spacing: .07em
}

.company__csr--decimal {
    margin-top: 30px
}

.company__csr--decimal--item {
    padding-left: 2.4em;
    text-indent: -2.4em
}

.company__csr--date {
    margin-top: 10px
}

.company__csr--date--text {
    float: right
}

.company__csr--ceo {
    margin-top: 10px;
    text-align: center
}

.company__csr__iso--mark {
    margin: 0 auto;
    width: 12.6%
}

.company__csr__iso__table {
    margin: 32px auto 0;
    width: 440px
}

.company__csr__iso__table td,
.company__csr__iso__table th {
    padding-top: 5px;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    vertical-align: top;
    font-size: 1.6rem;
    letter-spacing: .07em
}

.company__csr__iso__table tr:first-child td,
.company__csr__iso__table tr:first-child th {
    padding-top: 0
}

.company__csr__iso__table th {
    width: 105px
}

.company__csr__fukui {
    letter-spacing: .07em
}

.company__csr__fukui--mark {
    margin: 0 auto 10px;
    width: 22.7%
}

.company__csr__fukui--title {
    font-size: 1.6rem;
    font-weight: 700
}

.company__csr__fukui__content {
    margin-top: 26px;
    font-size: 1.6rem
}

.company__award {
    margin-top: -10px
}

.company__award__box {
    position: relative;
    margin-top: 86px
}

.company__award__box:first-child {
    margin-top: 0
}

.company__award__prize {
    float: left;
    width: 41%
}

.company__award__prize--item {
    margin: 20px auto 0
}

.company__award__prize--item:first-child {
    margin-top: 0
}

.company__award__prize--manabi {
    width: 93.4146341463%
}

.company__award__prize--kigyou1 {
    width: 82.4390243902%
}

.company__award__prize--kigyou2 {
    margin-top: 44px
}

.company__award__prize--sic {
    width: 74.6341463415%
}

.company__award__prize--sangakukan1 {
    width: 89.0243902439%
}

.company__award__prize--sangakukan2 {
    margin-top: 25px;
    width: 44.6341463415%
}

.company__award__prize--gnt1 {
    width: 88.2926829268%
}

.company__award__prize--gnt2 {
    margin-top: 38px;
    width: 43.9024390244%
}

.company__award__info {
    float: right;
    width: 56%
}

.company__award--text {
    font-size: 1.6rem;
    letter-spacing: .05em
}

.company__award--text strong {
    font-size: 1.8rem
}

.company__ad {
    padding-top: 2px
}

.company__ad .wrap {
    max-width: 800px
}

.company__ad__box {
    position: relative;
    margin-top: 86px
}

.company__ad__box:first-child {
    margin-top: 0
}

.company__ad__box .title--2 .min {
    font-size: 2.94rem
}

.company__ad--video {
    position: relative;
    padding-bottom: 56.5%;
    width: 100%;
    height: 0;
    overflow: hidden
}

.company__ad--video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

@media screen and (max-width:768px) {
    .company--lead {
        margin-bottom: 20px;
        padding: 0 20px;
        text-align: left;
        font-size: 1.2rem;
        letter-spacing: .035em
    }

    .company__map {
        margin: 0 20px
    }

    .company__map__box {
        padding-bottom: 46.7164179104%
    }

    .company__map--line span,
    .company__map--name span,
    .company__map--pic span {
        width: calc(100vw - 40px)
    }

    .company__map--pic span {
        background-image: url(../img/company/network_map-sp.png)
    }

    .company__map--name span {
        background-image: url(../img/company/network_map_name-sp.png)
    }

    .company__map--line span {
        background-image: url(../img/company/network_map_line-sp.png)
    }

    .company__philosophy {
        margin-top: 0;
        padding-top: 0
    }

    .company__philosophy__title--1 {
        margin-bottom: 14px;
        font-size: 3.1rem
    }

    .company__philosophy__txt--1 {
        font-size: 1.2rem
    }

    .company__philosophy__txt--2 {
        font-size: 1.8rem;
        letter-spacing: .003em
    }

    .company__philosophy__txt--3 {
        margin-top: 25px;
        font-size: 1.2rem
    }

    .company__philosophy__inner .wrap,
    .company__philosophy__message .wrap,
    .company__philosophy__mission .wrap {
        padding: 0 20px
    }

    .company__philosophy__inner .wrap:after,
    .company__philosophy__message .wrap:after,
    .company__philosophy__mission .wrap:after {
        font-size: 9rem;
        letter-spacing: -.025em
    }

    .company__philosophy__inner {
        padding-top: 65px
    }

    .company__philosophy__inner .wrap:after {
        top: -46px;
        left: 12px;
        font-size: 8rem
    }

    .company__philosophy__inner .company__philosophy__title--1 {
        margin-top: -12px
    }

    .company__philosophy__mission {
        margin-top: 50px;
        padding: 90px 0 70px
    }

    .company__philosophy__mission .wrap {
        padding: 0
    }

    .company__philosophy__mission .wrap:after {
        top: -65px;
        left: 44px;
        margin-left: 0
    }

    .company__philosophy__mission .title--block {
        margin-bottom: 25px
    }

    .company__philosophy__mission .title--block:after {
        margin-top: 15px
    }

    .company__philosophy__message {
        margin-bottom: -78px;
        padding-top: 90px
    }

    .company__philosophy__message .wrap:after {
        top: -70px;
        left: 20px;
        margin-left: 0
    }

    .company__philosophy__message .title--block {
        margin-bottom: 40px
    }

    .company__philosophy__message .title--block:after {
        margin-top: 12px
    }

    .company__philosophy__message--logo {
        margin-top: 40px;
        padding-bottom: 2px;
        width: 160px
    }

    .company__profile {
        padding-top: 22px
    }

    .company__profile__lists {
        margin: 0 20px
    }

    .company__profile__lists__box {
        display: block;
        padding: 10px 0;
        letter-spacing: .035em
    }

    .company__profile__lists--title {
        width: auto;
        font-size: 1.2rem
    }

    .company__profile__lists__content {
        margin-top: 4px;
        width: auto;
        font-size: 1.2rem
    }

    .company__network {
        padding-top: 28px
    }

    .company__network .title--2 img {
        display: block;
        margin: 0 auto 4px;
        width: 116px
    }

    .company__network .company--lead {
        margin-bottom: 20px
    }

    .company__group {
        margin-top: 46px
    }

    .company__group .title--block img {
        margin: 7px 4px 0 0;
        width: 102px
    }

    .company__group__box {
        margin: 0 20px 50px
    }

    .company__group--title {
        margin-bottom: 28px;
        padding: 2px 0 0 20px;
        height: 30px;
        font-size: 2rem;
        letter-spacing: .035em
    }

    .company__group--title:before {
        width: 3px;
        height: 30px
    }

    .company__group__main--item {
        margin-top: 35px;
        padding: 25px 16px
    }

    .company__group__main__frame {
        display: block
    }

    .company__group__main--photo {
        width: auto;
        text-align: center
    }

    .company__group__main__info {
        margin: 22px 0 0;
        width: auto
    }

    .company__group__main__location--title {
        font-size: 1.4rem;
        letter-spacing: .0005em
    }

    .company__group__main__location__content {
        margin-top: 14px
    }

    .company__group__main__location table td,
    .company__group__main__location table th {
        padding: 10px 0 11px 10px;
        font-size: 1.2rem;
        letter-spacing: .0025em
    }

    .company__group__main__location table th {
        width: 64px
    }

    .company__group__main__btns {
        display: block;
        margin: 40px auto 0;
        padding-right: 0;
        width: 75%
    }

    .company__group__main__btns--item {
        margin: 25px 0 0;
        width: 100%;
        font-size: 1.2rem;
        letter-spacing: .0025em
    }

    .company__group__main__btns--item:first-child {
        margin-top: 0
    }

    .company__group__main__btns--item:after {
        right: -16.4444444444%;
        margin-right: -17px;
        width: 31.1111111111%
    }

    .company__group__main__btns--item a {
        padding: 13px 0 14px
    }

    .company__group__main__btns--map a {
        padding: 12px 0 13px
    }

    .company__group__main__btns--map a:before {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        margin: 1px 10px 0 0;
        width: 10px;
        height: 16px;
        vertical-align: top
    }

    .company__group__branch {
        display: block
    }

    .company__group__branch--item {
        margin-top: 25px;
        padding: 25px 16px
    }

    .company__group__branch--item:first-child {
        margin-top: 0
    }

    .company__group__branch__location--title {
        font-size: 1.4rem;
        letter-spacing: .0005em
    }

    .company__group__branch__location__content {
        margin-top: 14px
    }

    .company__group__branch__location table td,
    .company__group__branch__location table th {
        padding: 10px 0 11px 10px;
        font-size: 1.2rem;
        letter-spacing: .0025em
    }

    .company__group__branch__location table th {
        width: 64px
    }

    .company__group__branch__btns {
        display: block;
        margin: 40px auto 0;
        padding-right: 0;
        width: 75%
    }

    .company__group__branch__btns--item {
        margin: 25px 0 0;
        width: 100%;
        font-size: 1.2rem;
        letter-spacing: .0025em
    }

    .company__group__branch__btns--item:first-child {
        margin-top: 0
    }

    .company__group__branch__btns--item:after {
        right: -16.4444444444%;
        margin-right: -17px;
        width: 31.1111111111%
    }

    .company__group__branch__btns--item a {
        padding: 13px 0 14px
    }

    .company__group__branch__btns--map a {
        padding: 12px 0 13px
    }

    .company__ad,
    .company__award,
    .company__csr {
        padding-top: 22px
    }

    .company__group__branch__btns--map a:before {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        margin: 1px 10px 0 0;
        width: 10px;
        height: 16px;
        vertical-align: top
    }

    .company__csr__box {
        margin: 98px 20px 0
    }

    .company__csr--text {
        font-size: 1.2rem;
        letter-spacing: .035em
    }

    .company__csr--decimal {
        margin-top: 16px
    }

    .company__csr--decimal--item {
        margin-top: 16px;
        padding-left: 0;
        text-indent: 0
    }

    .company__csr--decimal--item:first-child {
        margin-top: 0
    }

    .company__csr__iso--mark {
        width: 22.6865671642%
    }

    .company__csr__iso__table {
        margin-top: 10px;
        width: calc(100% - 35px)
    }

    .company__csr__iso__table td,
    .company__csr__iso__table th {
        font-size: 1.2rem;
        letter-spacing: 0
    }

    .company__award--text,
    .company__csr__fukui {
        letter-spacing: .035em
    }

    .company__csr__iso__table th {
        width: 66px
    }

    .company__csr__fukui--mark {
        margin-bottom: 10px;
        width: 40.7462686567%
    }

    .company__csr__fukui--title {
        font-size: 1.2rem
    }

    .company__csr__fukui__content {
        margin-top: 12px;
        font-size: 1.2rem
    }

    .company__award {
        margin-top: 0
    }

    .company__award__box {
        margin: 98px 20px 0
    }

    .company__award__prize {
        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;
        float: none;
        margin-top: 0;
        width: auto
    }

    .company__award__prize--item {
        margin: 0
    }

    .company__award__prize--manabi {
        width: 57.3134328358%
    }

    .company__award__prize--kigyou1 {
        width: 40.2985074627%
    }

    .company__award__prize--kigyou2 {
        margin: 0 0 0 2.68656716418%;
        width: 48.0597014925%
    }

    .company__award__prize--taisetu {
        width: 60.5970149254%
    }

    .company__award__prize--sic {
        width: 45.0746268657%
    }

    .company__award__prize--sic:last-child {
        margin-left: 6.71641791045%
    }

    .company__award__prize--sangakukan1 {
        width: 54.4776119403%
    }

    .company__award__prize--sangakukan2 {
        margin: 0 0 0 8.05970149254%;
        width: 27.1641791045%
    }

    .company__award__prize--gnt1 {
        width: 54.0298507463%
    }

    .company__award__prize--gnt2 {
        margin: 0 0 0 5.07462686567%;
        width: 26.7164179104%
    }

    .company__award__info {
        float: none;
        margin-top: 15px;
        width: auto
    }

    .company__award--text {
        font-size: 1.2rem
    }

    .company__award--text strong {
        font-size: 1.3rem
    }

    .company__award .btn--more {
        margin: 0 auto;
        width: 67.1641791045%
    }

    .company__ad__box {
        margin: 98px 20px 0
    }

    .company__ad__box .title--2 .min {
        font-size: 1.47rem
    }

    .company__ad--video {
        padding-bottom: 56.1194029851%
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes mapAnimation {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes mapRedAnimation {
    0% {
        width: 0;
        height: 0
    }

    50% {
        width: 28px;
        height: 28px
    }

    100% {
        width: 56px;
        height: 56px;
        opacity: 0
    }
}

@keyframes mapRedAnimation {
    0% {
        width: 0;
        height: 0
    }

    50% {
        width: 28px;
        height: 28px
    }

    100% {
        width: 56px;
        height: 56px;
        opacity: 0
    }
}

@media screen and (max-width:768px) {
    @-webkit-keyframes mapRedAnimation {
        0% {
            width: 0;
            height: 0
        }

        50% {
            width: 10px;
            height: 10px
        }

        95% {
            width: 20px;
            height: 20px;
            opacity: 0
        }

        100% {
            width: 0;
            height: 0;
            opacity: 0
        }
    }

    @keyframes mapRedAnimation {
        0% {
            width: 0;
            height: 0
        }

        50% {
            width: 10px;
            height: 10px
        }

        95% {
            width: 20px;
            height: 20px;
            opacity: 0
        }

        100% {
            width: 0;
            height: 0;
            opacity: 0
        }
    }
}

.fashion__title__head--img--sic {
    margin: 0 auto;
    width: 111px
}

.fashion__title__head--img--sinfinity {
    margin: 0 auto;
    width: 188px
}

@media screen and (min-width:769px) {
    .fashion__title__head--img--sinfinity {
        margin-top: -36px
    }
}

.fashion__title__head--img--product {
    display: inline-block;
    margin: 8px 10px 0 0;
    width: 204px;
    vertical-align: top
}

.fashion--copy {
    margin: 0 auto 24px;
    max-width: 900px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    color: #002421
}

.fashion--lead {
    position: relative;
    margin: 0 auto 30px;
    max-width: 900px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: .07em
}

.fashion__hash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 55px
}

.fashion__hash--item {
    position: relative;
    margin: 0 26px;
    width: 430px;
    text-align: center;
    font-size: 2rem;
    line-height: 1.2
}

.fashion__hash--item a {
    display: block;
    position: relative;
    padding: 14px 0 28px;
    border: 1px solid #002421;
    text-decoration: none
}

.fashion__hash--item a:after {
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 10px;
    height: 17px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%
}

.fashion__hash--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 74px
}

.fashion__hash--2--item {
    position: relative;
    margin: 0 30px;
    width: 370px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2
}

.fashion__hash--2--item a {
    display: block;
    position: relative;
    padding: 20px 0;
    border: 1px solid #9fa0a0;
    border-radius: 40px;
    text-decoration: none
}

.fashion__hash--2--item a:after {
    position: absolute;
    top: 50%;
    right: 28px;
    margin-top: -6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 10px;
    height: 17px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%
}

.fashion__bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 96px
}

.fashion__bnr--item {
    margin: 0 28px;
    width: 235px
}

.fashion__bnr--item a {
    display: block
}

.fashion__lists {
    position: relative;
    margin-top: 72px;
    max-width: 1290px
}

.fashion__lists--item {
    position: relative;
    float: left
}

@media screen and (min-width:769px) {
    .fashion__lists--item {
        margin: 2.32558139535% 2.32558139535% 0 0;
        width: 23.2558139535%
    }

    .fashion__lists--item:nth-of-type(-n+4) {
        margin-top: 0
    }

    .fashion__lists--item:nth-of-type(4n) {
        margin-right: 0
    }

    .fashion__lists--item:nth-of-type(4n+1) {
        clear: both
    }
}

.fashion__lists__frame {
    position: relative;
    width: 100%;
    border-radius: 26px;
    overflow: hidden;
    cursor: pointer
}

.fashion__lists__frame.hover .fashion__lists__info {
    background: 0 0
}

.fashion__lists--photo {
    padding-bottom: 100%;
    background: #002421;
    z-index: 1
}

.fashion__lists__info {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 2
}

.fashion__lists--title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.4;
    color: #fff
}

.fashion__lists--title--min {
    font-size: 2.4rem
}

.fashion__lists__links {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fashion__lists__links--item {
    position: relative;
    margin: 30px auto 0;
    width: 63.3333333333%;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2
}

.fashion__lists__links--item:first-child {
    margin-top: 0
}

.fashion__lists__links--item:after {
    position: absolute;
    top: 50%;
    right: -28.9473684211%;
    width: 36.8421052632%;
    height: 1px;
    background: #fff
}

.fashion__lists__links--item a {
    display: block;
    position: relative;
    padding: 9px 0 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #fff;
    text-decoration: none;
    color: #fff
}

.fashion__lists__links--item a:before {
    display: inline-block;
    margin-right: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: top
}

.fashion__lists__links--detail a:before {
    margin-top: 4px;
    width: 12px;
    height: 12px;
    background-image: url(../img/icon/plus1.png)
}

@media all and (-ms-high-contrast:none) {
    .fashion__lists__links--item a {
        padding: 12px 0 3px
    }

    .fashion__lists__links--detail a:before {
        margin-top: 0
    }
}

.fashion__lists__links--catalog a:before {
    margin-top: 2px;
    width: 19px;
    height: 16px;
    background-image: url(../img/icon/book1.png)
}

@media all and (-ms-high-contrast:none) {
    .fashion__lists__links--catalog a:before {
        margin-top: -2px
    }
}

.fashion__lists__other {
    position: relative;
    margin-top: 3%
}

.fashion__lists__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fashion__modal .fashion__lists__icon {
    margin-top: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fashion__lists__icon--item {
    padding: 6px 16px 8px;
    min-width: 120px;
    background: #cb1f02;
    border-radius: 20px;
    text-align: center;
    font-size: 1.4rem;
    font-style: inherit;
    letter-spacing: .05em;
    line-height: 1.2;
    color: #fff
}

.fashion__modal {
    display: none;
    position: relative;
    padding: 40px 55px 55px 75px;
    background: #fff;
    z-index: 1
}

.fashion__modal__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 36, 33, .8);
    z-index: 50
}

.fashion__modal__content {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -470px;
    width: 940px;
    z-index: 100
}

.fashion__modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: #bdc1c3;
    z-index: 2
}

.fashion__modal__close span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden
}

.fashion__modal__close span:after,
.fashion__modal__close span:before {
    position: absolute;
    top: 20px;
    left: 10px;
    width: 20px;
    height: 1px;
    background: #fff
}

.fashion__modal__close span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fashion__modal__close span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fashion__modal--title {
    letter-spacing: .025em;
    line-height: 1.2
}

.fashion__modal--title .l,
.fashion__modal--title .s {
    display: inline-block;
    vertical-align: baseline
}

.fashion__modal--title .en {
    font-family: IntervogueAlt
}

.fashion__modal--title .l {
    margin-right: 12px;
    font-weight: 700
}

.fashion__modal--title .l.en {
    font-size: 4.2rem
}

.fashion__modal--title .l.ja {
    font-size: 3.6rem
}

.fashion__modal--title .s.en {
    font-size: 1.6rem;
    font-weight: 700
}

.fashion__modal--title .s.ja {
    font-size: 1.6rem;
    font-weight: 400
}

.fashion__modal--desc {
    margin-top: 10px;
    font-size: 1.4rem
}

.fashion__modal__info {
    position: relative;
    margin-top: 18px
}

.fashion__modal__slide {
    position: relative;
    float: left;
    width: 55.5555555556%
}

.fashion__modal__slide__main {
    position: relative;
    width: 100%
}

.fashion__modal__slide__frame {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    overflow: hidden
}

.fashion__modal__slide__move {
    position: absolute;
    top: 0;
    left: 0
}

.fashion__modal__slide--item {
    float: left;
    padding-bottom: 100%
}

.fashion__modal__slide--direct {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 110px;
    height: 11px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden
}

.fashion__modal__slide--prev {
    left: -40px;
    background-image: url(../img/icon/paging_prev1.png)
}

.fashion__modal__slide--next {
    right: -40px;
    background-image: url(../img/icon/paging_next1.png)
}

.fashion__modal__slide__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 20px 0
}

.fashion__modal__slide__thumb--item {
    margin-left: 2.43902439024%;
    width: 14.6341463415%
}

.fashion__modal__slide__thumb--item:first-child {
    margin-left: 0
}

.fashion__modal__slide__thumb--item a {
    display: block;
    padding-bottom: 100%
}

.fashion__modal__slide__thumb--item a.on:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #ddd
}

.fashion__modal__prd {
    float: right;
    margin-bottom: 80px;
    width: 37.037037037%
}

.fashion__modal__prd--item {
    display: table;
    position: relative;
    margin-top: 5px;
    width: 100%;
    min-height: 70px
}

.fashion__modal__prd--item:first-child {
    margin-top: 0
}

.fashion__modal__prd--item>a {
    display: table-cell;
    position: relative;
    padding: 4px 16px 8px;
    background: #f2f2f2;
    text-decoration: none;
    vertical-align: middle
}

.fashion__modal__prd--item.on>a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #002421
}

.fashion__modal__prd--code,
.fashion__modal__prd--en,
.fashion__modal__prd--ja {
    line-height: 1.2
}

.fashion__modal__prd--code {
    margin-bottom: 3px;
    font-size: 1.2rem;
    color: #999
}

.fashion__modal__prd--en,
.fashion__modal__prd--ja {
    margin-bottom: 4px;
    font-size: 1.4rem
}

.fashion__modal__prd--en:last-child,
.fashion__modal__prd--ja:last-child {
    margin-bottom: 0
}

.fashion__modal__prd--more {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    z-index: 1
}

.fashion__modal__prd--more a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background: #002421
}

.fashion__map--pic,
.fashion__top__manufacturer--pic {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.fashion__modal__prd--more a::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -8px;
    color: #fff;
    border-top: 2px solid;
    border-right: 2px solid;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fashion__modal__prd--more+a {
    padding-right: 70px
}

.fashion__modal__btns {
    position: absolute;
    bottom: 0;
    right: 8.02469135802%;
    width: 23.4567901235%
}

.fashion__modal__btns--item {
    position: relative;
    margin-top: 20px;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.2
}

.fashion__modal__btns--item:first-child {
    margin-top: 0
}

.fashion__modal__btns--item a {
    display: block;
    position: relative;
    background: #fff;
    border: 1px solid #002421;
    text-decoration: none;
    color: #002421
}

.fashion__map--area:after,
.fashion__map--area:before,
.fashion__map--pic,
.fashion__modal__btns--item a:before {
    background-position: center center;
    background-size: 100%
}

.fashion__modal__btns--item a:before {
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: top
}

.fashion__modal__btns--item a:after {
    position: absolute;
    top: 50%;
    right: -34.2105263158%;
    width: 42.1052631579%;
    height: 1px;
    background: #002421
}

.fashion__modal__btns--detail a {
    padding: 10px 0
}

.fashion__modal__btns--contact a {
    padding: 9px 0
}

.fashion__modal__btns--contact a:before {
    margin: 1px 10px 0 0;
    width: 21px;
    height: 17px;
    background-image: url(../img/icon/mail2.png)
}

.fashion__modal__btns--catalog {
    font-family: IntervogueAlt;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0
}

.fashion__modal__btns--catalog a {
    padding: 10px 0 7px
}

.fashion__modal__btns--catalog a:before {
    margin: 1px 10px 0 0;
    width: 20px;
    height: 16px;
    background-image: url(../img/icon/book2.png)
}

@media all and (-ms-high-contrast:none) {
    .fashion__modal__btns--catalog a {
        padding: 12px 0 5px
    }

    .fashion__modal__btns--catalog a:before {
        margin-top: -2px
    }
}

.fashion__map {
    position: relative;
    max-width: 1080px
}

.fashion__map__box {
    position: relative;
    width: 100%
}

.fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(1) {
    -webkit-animation: mapAnimation 1.2s ease .4s forwards;
    animation: mapAnimation 1.2s ease .4s forwards
}

@media screen and (min-width:769px) {
    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(1):after {
        -webkit-animation: mapRedAnimation 2s ease .4s infinite;
        animation: mapRedAnimation 2s ease .4s infinite
    }
}

.fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(2) {
    -webkit-animation: mapAnimation 1.2s ease .8s forwards;
    animation: mapAnimation 1.2s ease .8s forwards
}

@media screen and (min-width:769px) {
    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(2):after {
        -webkit-animation: mapRedAnimation 2s ease .8s infinite;
        animation: mapRedAnimation 2s ease .8s infinite
    }
}

.fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(3) {
    -webkit-animation: mapAnimation 1.2s ease 1.2s forwards;
    animation: mapAnimation 1.2s ease 1.2s forwards
}

@media screen and (min-width:769px) {
    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(3):after {
        -webkit-animation: mapRedAnimation 2s ease 1.2s infinite;
        animation: mapRedAnimation 2s ease 1.2s infinite
    }
}

.fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(4) {
    -webkit-animation: mapAnimation 1.2s ease 1.6s forwards;
    animation: mapAnimation 1.2s ease 1.6s forwards
}

@media screen and (min-width:769px) {
    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(4):after {
        -webkit-animation: mapRedAnimation 2s ease 1.6s infinite;
        animation: mapRedAnimation 2s ease 1.6s infinite
    }
}

.fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(5) {
    -webkit-animation: mapAnimation 1.2s ease 2s forwards;
    animation: mapAnimation 1.2s ease 2s forwards
}

@media screen and (min-width:769px) {
    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(5):after {
        -webkit-animation: mapRedAnimation 2s ease 2s infinite;
        animation: mapRedAnimation 2s ease 2s infinite
    }
}

.fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(6) {
    -webkit-animation: mapAnimation 1.2s ease 2.4s forwards;
    animation: mapAnimation 1.2s ease 2.4s forwards
}

.fashion__map--pic {
    position: relative;
    width: 100%;
    height: 0;
    background-repeat: no-repeat;
    z-index: 1
}

.fashion__map--area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.fashion__map--area:after,
.fashion__map--area:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: 2
}

@media screen and (min-width:769px) {
    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(6):after {
        -webkit-animation: mapRedAnimation 2s ease 2.4s infinite;
        animation: mapRedAnimation 2s ease 2.4s infinite
    }

    .fashion__map--pic {
        padding-bottom: 48.9603024575%;
        background-image: url(/assets/images/network_map.png)
    }

    .fashion__map--area:before {
        background-image: url(/assets/images/map-site.png)
    }

    .fashion__map--area:after {
        background-image: url(/assets/images/map-point.png)
    }
}

.fashion__map--area i {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #cb1f02;
    border-radius: 50%;
    z-index: 1;
    opacity: 0
}

.fashion__map--area i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: rgba(203, 31, 2, .3);
    border-radius: 50%
}

.fashion__map__point--showroom:before,
.news--icon--pickup {
    background: #cb1f02
}

@media screen and (min-width:769px) {
    .fashion__map--area i:nth-of-type(1) {
        top: 39.3822393822%;
        left: 6.9943289225%
    }

    .fashion__map--area i:nth-of-type(2) {
        top: 54.6332046332%;
        left: 35.9168241966%
    }

    .fashion__map--area i:nth-of-type(3) {
        top: 55.5984555985%;
        left: 36.6729678639%
    }

    .fashion__map--area i:nth-of-type(4) {
        top: 50.5791505792%;
        left: 38.9413988658%
    }

    .fashion__map--area i:nth-of-type(5) {
        top: 47.6833976834%;
        left: 43.7618147448%
    }

    .fashion__map--area i:nth-of-type(6) {
        top: 44.4015444015%;
        left: 89.4139886578%
    }
}

.fashion__map ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.fashion__map__point--item {
    margin-left: 36px;
    font-size: 15px;
    line-height: 1.2
}

.fashion__map__point--item:first-child {
    margin-left: 0
}

.fashion__map__point--item:before {
    display: inline-block;
    margin: 2px 8px 0 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    vertical-align: top
}

.fashion__catalog .wrap,
.fashion__showroom__frame,
.fashion__top__product__lists {
    display: -webkit-box;
    display: -ms-flexbox
}

.fashion__top__office .title--block,
.fashion__top__product .title--block {
    margin-bottom: 44px
}

.fashion__map__point--showroom {
    color: #cb1f02
}

.fashion__map__point--office {
    color: #002421
}

.fashion__map__point--office:before {
    background: #002421
}

.fashion__map__point--factory {
    color: #ffa70f
}

.fashion__map__point--factory:before {
    background: #ffa70f
}

.fashion__top__product {
    position: relative;
    margin-top: 70px
}

.fashion__top__product .title--block:after {
    margin-top: 25px
}

.fashion__top__product__content {
    position: relative;
    padding: 34px 0 70px;
    background: rgba(242, 242, 242, .8);
    overflow: hidden
}

.fashion__top__product__content:after,
.fashion__top__product__content:before {
    position: absolute;
    font-family: IntervogueAlt;
    font-size: 40rem;
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: 1.2;
    color: #ededed;
    z-index: 1
}

.fashion__top__product__content:before {
    content: 'PRODUCT';
    top: -152px;
    left: 50%;
    margin-left: -680px
}

.fashion__top__product__content:after {
    content: 'SERVICE';
    bottom: -130px;
    left: -100px
}

.fashion__top__product__content .wrap {
    max-width: 1680px
}

.fashion__top__product__lists {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.fashion__top__product__lists--item {
    position: relative;
    z-index: 2
}

.fashion__top__product__lists--item>a {
    display: block;
    position: relative;
    text-decoration: none
}

@media screen and (min-width:769px) {
    .fashion__top__product__lists.lazy--item .fashion__top__product__lists--item {
        top: 100px;
        -webkit-transition: ease-out 1s;
        transition: ease-out 1s;
        opacity: 0
    }

    .fashion__top__product__lists.lazy--item--end .fashion__top__product__lists--item:nth-of-type(1) {
        top: 0;
        opacity: 1
    }

    .fashion__top__product__lists.lazy--item--end .fashion__top__product__lists--item:nth-of-type(2) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        top: 0;
        opacity: 1
    }

    .fashion__top__product__lists.lazy--item--end .fashion__top__product__lists--item:nth-of-type(3) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
        top: 0;
        opacity: 1
    }

    .fashion__top__product__lists.lazy--item--end .fashion__top__product__lists--item:nth-of-type(4) {
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
        top: 0;
        opacity: 1
    }

    .fashion__top__product__lists--item {
        margin-left: 1.60714285714%;
        width: 23.8095238095%
    }

    .fashion__top__product__lists--item:nth-of-type(1) {
        margin-left: 0
    }

    .fashion__top__product__lists--item:nth-of-type(2) {
        margin-top: 42px
    }

    .fashion__top__product__lists--item:nth-of-type(3) {
        margin-top: 82px
    }

    .fashion__top__product__lists--item:nth-of-type(4) {
        margin-top: 158px
    }
}

.fashion__top__product__lists--title {
    position: relative;
    text-align: center;
    font-family: IntervogueAlt, Arial, Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.2;
    color: #002421;
    z-index: 2
}

.fashion__top__product__lists--title:after {
    content: ' ';
    position: absolute;
    bottom: -48px;
    left: 50%;
    width: 1px;
    height: 40px;
    background: #002c27
}

.fashion__top__product__lists--title>span,
.fashion__top__product__lists--title>strong {
    display: block
}

.fashion__top__product__lists--title>strong.en {
    font-size: 3.6rem
}

.fashion__top__product__lists--title>strong.ja {
    font-size: 3.2rem
}

.fashion__top__product__lists--title>span.en {
    margin-top: 8px;
    font-size: 2rem
}

.fashion__top__product__lists--title>span.ja {
    margin-top: 10px;
    font-size: 1.8rem
}

.fashion__top__product__lists--photo {
    position: relative;
    margin-top: 26px;
    z-index: 1
}

.fashion__top__product__lists--photo .image--fit {
    padding-bottom: 135%
}

.fashion__top__product__lists--caption {
    margin-top: 25px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: .05em
}

.fashion__top__office {
    position: relative;
    margin-top: 98px
}

.fashion__top__office .title--block:after {
    margin-top: 25px
}

.fashion__top__office .fashion--lead {
    margin-bottom: 0;
    z-index: 2
}

.fashion__top__office .fashion__map {
    margin-top: -16px;
    z-index: 1
}

.fashion__top__office .btn--more {
    margin: 24px auto 0
}

.fashion__top__manufacturer {
    position: relative;
    margin-top: 60px;
    padding: 74px 0 40px;
    overflow: hidden
}

.fashion__top__manufacturer--pic,
.fashion__top__manufacturer:after {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    height: 0
}

.fashion__top__manufacturer:after {
    content: ' ';
    top: 25px;
    left: 0;
    width: 100%;
    z-index: 1
}

.fashion__top__manufacturer--pic {
    background-size: 100%;
    z-index: 2
}

@media screen and (min-width:769px) {
    .fashion__top__manufacturer:after {
        padding-bottom: 597px;
        background-image: url(../img/fashion/manufacturer_top_bg.png)
    }

    .fashion__top__manufacturer--pic--1 {
        bottom: 0;
        left: 50%;
        margin-left: -810px;
        padding-bottom: 584px;
        width: 583px;
        background-image: url(../img/fashion/manufacturer_top_photo1.png)
    }

    .fashion__top__manufacturer--pic--2 {
        top: 0;
        right: 50%;
        margin-right: -870px;
        padding-bottom: 656px;
        width: 541px;
        background-image: url(../img/fashion/manufacturer_top_photo2.png)
    }
}

.fashion__top__manufacturer .frame {
    position: relative;
    padding: 134px 0;
    width: 100%;
    background: rgba(238, 238, 238, .5)
}

.fashion__top__manufacturer__block {
    position: relative;
    z-index: 3
}

.fashion__top__manufacturer .title--block {
    margin-bottom: 44px
}

.fashion__top__manufacturer .title--block:after {
    margin-top: 25px
}

.fashion__top__manufacturer .title--block img {
    margin: 10px 6px 0 70px;
    width: 204px;
    max-width: inherit
}

.fashion__top__manufacturer .title--block span {
    display: inline-block;
    margin: 5px 0 0 -25px;
    vertical-align: top
}

.fashion__top__manufacturer .fashion--lead {
    margin-bottom: 0;
    max-width: 620px
}

.fashion__top__manufacturer .btn--more {
    margin: 60px auto 0
}

@media screen and (min-width:769px) {
    .fashion__top__manufacturer .btn--more {
        width: 360px
    }
}

.fashion__top__news {
    position: relative;
    margin-top: 136px;
    padding-bottom: 30px;
    overflow: hidden
}

.fashion__top__news .wrap {
    padding: 68px 0 102px;
    max-width: 1460px;
    background: #fff;
    border: 1px solid #ccc
}

.fashion__top__news .title--block:after {
    margin-top: 25px
}

.fashion__top__news .slide--1 {
    margin: 0 auto;
    width: 86.9863013699%
}

.fashion__top__news .btn--more {
    position: absolute;
    bottom: -30px;
    right: -1px
}

.fashion__instagram {
    position: relative;
    margin-top: 130px
}

.fashion__instagram .title--block {
    margin-bottom: 34px
}

.fashion__instagram .title--block:after {
    margin-top: 25px
}

.fashion__instagram .slide--1--prev {
    left: 60px
}

.fashion__instagram .slide--1--next {
    right: 60px
}

.fashion__instagram .btn--more {
    margin: 50px auto 0
}

.fashion__sic__about {
    position: relative;
    margin-top: 134px
}

.fashion__sic__about .wrap {
    padding: 0;
    max-width: 1200px
}

.fashion__sic__about__info {
    position: relative;
    float: right;
    padding-top: 30px;
    width: 45.3333333333%;
    z-index: 2
}

.fashion__sic__about--title {
    position: relative;
    -webkit-transform: rotate(.05deg);
    transform: rotate(.05deg);
    padding-left: 35px;
    font-family: IntervogueAlt;
    font-size: 4.4rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.4;
    color: #000
}

.fashion__sic__about--title:before {
    content: ' ';
    position: absolute;
    top: 8%;
    left: 0;
    width: 5px;
    height: 90%;
    background: #002421
}

.fashion__sic__about--title .line:nth-of-type(2) {
    margin-top: -7px
}

.fashion__sic__about--title .en {
    font-size: 6rem
}

.fashion__sic__about--title .min {
    font-size: 2rem;
    letter-spacing: 0
}

.fashion__sic__about--title .min2 {
    font-size: 3.08rem;
    letter-spacing: 0
}

.fashion__sic__about--title img {
    margin: 16px 4px 0 0;
    width: 165px;
    max-width: inherit
}

.fashion__sic__about--text {
    padding: 38px 0 0 32px;
    font-size: 1.6rem;
    line-height: 1.8
}

.fashion__sic__about--photo {
    position: relative;
    float: left;
    width: 48%;
    z-index: 1
}

.fashion__catalog:after,
.fashion__sic__about--photo:after {
    position: absolute;
    font-size: 40rem;
    letter-spacing: -.076em;
    font-weight: 700;
    font-family: IntervogueAlt
}

.fashion__sic__about--photo:after {
    content: 'S.I.C.';
    top: -152px;
    left: -158px;
    line-height: 1.2;
    color: #ededed;
    z-index: 1
}

.fashion__sic__about--photo img {
    position: relative;
    z-index: 2
}

.fashion__sic__about.lazy--item .fashion__sic__about--photo img {
    -webkit-transition: ease .6s;
    transition: ease .6s;
    opacity: 0
}

.fashion__sic__about.lazy--item--end .fashion__sic__about--photo img {
    opacity: 1
}

.fashion__collection {
    position: relative;
    margin-top: 138px
}

.fashion__collection fashion--lead {
    margin-bottom: 0
}

.fashion__catalog {
    position: relative;
    margin-top: 80px;
    padding-bottom: 76px;
    overflow: hidden
}

.fashion__catalog:after {
    content: 'CATALOG';
    bottom: -162px;
    left: 50%;
    margin-left: -325px;
    opacity: .1
}

.fashion__catalog .frame {
    position: relative;
    padding: 40px 0;
    background: rgba(238, 238, 238, .5)
}

.fashion__catalog .wrap {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 70px 120px 66px;
    max-width: 1460px;
    background: #fff;
    border: 1px solid #ccc
}

.fashion__catalog--photo,
.fashion__catalog__info {
    position: relative;
    z-index: 2
}

.fashion__catalog--photo {
    width: 49.3421052632%
}

.fashion__catalog__info {
    margin-left: 8.0592105263%;
    width: 42.5986842105%
}

.fashion__catalog--title {
    font-family: IntervogueAlt;
    font-size: 5rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.2;
    color: #000
}

.fashion__office--title,
.fashion__product--title-2,
.fashion__product--title-3,
.fashion__showroom--title,
.material__contents .en {
    font-family: IntervogueAlt, Arial, Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}

.fashion__catalog--text {
    margin-top: 26px;
    font-size: 1.6rem
}

.fashion__catalog .btn--more {
    margin-top: 36px
}

.fashion__catalog .btn--more a {
    padding: 20px 0 13px
}

.fashion__catalog .btn--more img {
    margin: -8px 2px 0 0;
    width: 50px
}

.fashion__byorder .fashion--lead,
.fashion__sinfinity .fashion--lead {
    margin-bottom: 0
}

.fashion__byorder,
.fashion__material,
.fashion__sinfinity {
    margin-top: 52px;
    position: relative
}

.fashion__catalog.lazy--item .fashion__catalog--photo,
.fashion__catalog.lazy--item .fashion__catalog__info {
    -webkit-transition: ease .6s;
    transition: ease .6s;
    opacity: 0
}

.fashion__catalog.lazy--item--end .fashion__catalog--photo,
.fashion__catalog.lazy--item--end .fashion__catalog__info {
    opacity: 1
}

.fashion__material .fashion__lists--item {
    margin-top: 3.1007751938%
}

.fashion__special {
    position: relative;
    margin-top: 92px
}

.fashion__special .title--block {
    margin-bottom: 32px
}

.fashion__special .title--block:after {
    margin-top: 25px
}

.fashion__special .fashion--lead {
    margin-bottom: 0
}

.fashion__special .fashion__lists {
    margin-top: 40px
}

.fashion__processing {
    position: relative;
    margin-top: 132px
}

.fashion__processing .title--block:after {
    margin-top: 25px
}

.fashion__showroom_office {
    position: relative;
    margin-top: 52px
}

.fashion__showroom_office .fashion--copy {
    margin-bottom: 38px
}

.fashion__showroom_office .fashion--lead {
    margin-bottom: 50px
}

.fashion__showroom {
    position: relative;
    margin-top: 90px
}

.fashion__showroom__box {
    margin-bottom: 100px
}

.fashion__showroom__box:last-child {
    margin-bottom: 0
}

.fashion__showroom--title {
    position: relative;
    margin-bottom: 30px;
    padding: 12px 0 0 35px;
    height: 60px;
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.2
}

.fashion__showroom--title:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 60px;
    background: #002421
}

.fashion__showroom--item {
    position: relative;
    margin-top: 70px;
    padding: 50px;
    border: 1px solid #ccc
}

.fashion__showroom--item:first-child {
    margin-top: 0
}

.fashion__showroom__frame {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fashion__showroom--photo {
    padding-bottom: 31.6360601002%;
    width: 46.6666666667%
}

.fashion__showroom__info {
    margin-left: 3.33333333333%;
    width: 50%
}

.fashion__showroom__location--title {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.2
}

.fashion__showroom__location__content {
    margin-top: 28px
}

.fashion__showroom__location table {
    width: 100%;
    border-top: solid #a0a0a0 1px;
    border-collapse: collapse
}

.fashion__showroom__location table td,
.fashion__showroom__location table th {
    padding: 13px 0 14px 20px;
    border-bottom: solid #a0a0a0 1px;
    text-align: left;
    vertical-align: top;
    font-size: 1.6rem;
    letter-spacing: .005em;
    line-height: 1.4
}

.fashion__showroom__location table th {
    width: 110px;
    font-weight: 700
}

.fashion__showroom__location table td a {
    text-decoration: none
}

.device_pc .fashion__showroom__location table td a[href^='tel:'] {
    pointer-events: none
}

.fashion__showroom__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 60px;
    padding-right: 110px;
    width: 100%
}

.fashion__showroom__btns--item {
    position: relative;
    margin-left: 150px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2
}

.fashion__showroom__btns--item:first-child {
    margin-left: 0
}

.fashion__showroom__btns--item:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: -110px;
    width: 140px;
    height: 1px;
    background: #002c27
}

.fashion__showroom__btns--item a {
    display: block;
    position: relative;
    padding: 18px 0 19px;
    background: #fff;
    border: 1px solid #002c27;
    text-decoration: none
}

.fashion__showroom__btns--site {
    width: 320px;
    letter-spacing: .005em
}

.fashion__showroom__btns--map {
    width: 180px;
    letter-spacing: .001em
}

.fashion__showroom__btns--map a:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -12px;
    width: 14px;
    height: 24px;
    background: url(../img/icon/pin1.png) center center no-repeat;
    background-size: 100%
}

.fashion__office {
    position: relative;
    margin-top: 88px
}

.fashion__office__box {
    margin-bottom: 60px
}

.fashion__office__box:last-child,
.fashion__product .fashion--lead {
    margin-bottom: 0
}

.fashion__office--title {
    position: relative;
    margin-bottom: 40px;
    padding: 12px 0 0 35px;
    height: 60px;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.2
}

.fashion__office--title:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 60px;
    background: #002421
}

.fashion__office__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fashion__office--item {
    position: relative;
    margin-top: 70px;
    padding: 50px 50px 40px;
    border: 1px solid #ccc
}

@media screen and (min-width:769px) {
    .fashion__office--item {
        margin-top: 3.07692307692%;
        width: 48.4615384615%
    }

    .fashion__office--item:nth-of-type(-n+2) {
        margin-top: 0
    }

    .fashion__office--item:nth-of-type(2n) {
        margin-left: 3.076923077%
    }
}

.fashion__office__location--title {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: .001em;
    line-height: 1.2
}

.fashion__office__location__content {
    margin-top: 20px
}

.fashion__office__location table {
    width: 100%;
    border-top: solid #a0a0a0 1px;
    border-collapse: collapse
}

.fashion__office__location table td,
.fashion__office__location table th {
    padding: 13px 0 14px 20px;
    border-bottom: solid #a0a0a0 1px;
    text-align: left;
    vertical-align: top;
    font-size: 1.6rem;
    letter-spacing: .005em;
    line-height: 1.4
}

.fashion__office__location table th {
    width: 110px;
    font-weight: 700
}

.fashion__office__location table td a {
    text-decoration: none
}

.device_pc .fashion__office__location table td a[href^='tel:'] {
    pointer-events: none
}

.fashion__office__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 30px;
    padding-right: 110px
}

.fashion__office__btns--item {
    position: relative;
    margin-left: 150px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2
}

.fashion__office__btns--item:first-child {
    margin-left: 0
}

.fashion__office__btns--item:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: -110px;
    width: 140px;
    height: 1px;
    background: #002c27
}

.fashion__office__btns--item a {
    display: block;
    position: relative;
    padding: 18px 0 19px;
    background: #fff;
    border: 1px solid #002c27;
    text-decoration: none
}

.fashion__office__btns--map {
    width: 180px;
    letter-spacing: .001em
}

.fashion__office__btns--map a:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -12px;
    width: 14px;
    height: 24px;
    background: url(../img/icon/pin1.png) center center no-repeat;
    background-size: 100%
}

.fashion__product {
    position: relative;
    margin-top: 52px
}

.fashion__product .fashion--copy {
    margin-bottom: 38px;
    font-size: 3.2rem;
    letter-spacing: .07em
}

.fashion__product--textarea {
    padding-top: 126px;
    overflow: hidden
}

.fashion__product--wrapper {
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1240px
}

.fashion__product--row {
    position: relative;
    display: table;
    width: 100%;
    margin: 0 auto 140px
}

.fashion__product--row.bg-3 {
    margin-bottom: 45px
}

.fashion__product--row.bg-1:before,
.fashion__product--row.bg-2:after,
.fashion__product--row.bg-3:after {
    position: absolute;
    font-family: IntervogueAlt;
    font-size: 40rem;
    font-weight: 700;
    letter-spacing: -.076em;
    opacity: .1
}

.fashion__product--row.bg-1:before {
    content: '1';
    top: -280px;
    left: -152px
}

.fashion__product--row.bg-2:after {
    content: '2';
    top: -260px;
    right: -140px
}

.fashion__product--row.bg-3:after {
    content: '3';
    top: -280px;
    left: -150px
}

.fashion__product--col-img {
    display: table-cell;
    position: relative;
    width: 50%;
    vertical-align: top;
    z-index: 1
}

.fashion__product--col-img img {
    position: relative;
    z-index: 2
}

.fashion__product--col-img:after {
    content: ' ';
    position: absolute;
    top: -20px;
    right: -20px;
    width: 100%;
    height: 100%;
    background: #33504d;
    z-index: 1
}

.lazy--item .fashion__product--col-img img,
.lazy--item .fashion__product--col-img:after {
    -webkit-transition: ease .6s;
    transition: ease .6s;
    opacity: 0
}

.lazy--item--end .fashion__product--col-img:after {
    opacity: 1
}

.lazy--item--end .fashion__product--col-img img {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 1
}

.fashion__product--col-txt {
    padding: 0 5.7%;
    display: table-cell;
    width: 50%;
    vertical-align: top
}

.fashion__product--title-2 {
    position: relative;
    margin-bottom: 50px;
    padding: 5px 0 5px 35px;
    font-size: 5rem;
    color: #002421;
    border-left: 5px solid #002421;
    line-height: 1.2;
    letter-spacing: .05em
}

.fashion__product--title-2 .upercase {
    display: block;
    text-transform: uppercase
}

.fashion__product--title-3 {
    margin-bottom: 30px;
    font-size: 5.2rem;
    line-height: 1;
    color: #fff
}

.fashion__product--title-3 img {
    display: inline-block;
    margin: 5px 18px 0;
    width: 204px;
    vertical-align: top
}

.fashion__product--txt-1 {
    font-size: 1.6rem;
    line-height: 1.87;
    letter-spacing: .05em;
    color: #333
}

.fashion__product--txt-2 {
    margin-bottom: 30px;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.08;
    color: #000
}

.fashion__product--txt-3 {
    margin-bottom: 30px;
    font-size: 1.8rem;
    line-height: 1.66;
    color: #fff
}

.fashion__product--step picture {
    display: block;
    margin: 0 auto
}

.fashion__product--shindo-story {
    position: relative;
    margin: 115px auto 0;
    width: 100%;
    height: 400px;
    background: url(../img/fashion/product_4.jpg) center center no-repeat;
    background-size: cover
}

.fashion__product--shindo-story:after {
    content: ' ';
    position: absolute;
    top: -70px;
    left: 50%;
    width: 1px;
    height: 130px;
    background: #002c27
}

.fashion__product--shindo-story--txtarea {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.fashion__product--btn--story {
    position: relative;
    padding: 15px 0;
    display: block;
    margin: 0 auto;
    width: 300px;
    font-size: 1.6rem;
    color: #002c27;
    letter-spacing: .05em;
    text-decoration: none;
    background: #fff;
    border: 1px solid #002c27
}

.fashion__product--btn--story:before {
    content: ' ';
    position: absolute;
    top: 50%;
    right: -110px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
    width: 140px;
    background: #002c27
}

@media screen and (max-width:1680px) {
    .fashion__top__product__content .wrap {
        padding: 0 20px
    }
}

@media screen and (max-width:1460px) {
    .fashion__top__news {
        padding: 0 10px 30px
    }

    .fashion__catalog .frame {
        padding: 40px 10px
    }
}

@media screen and (max-width:940px) {
    .fashion__modal {
        padding: 16px 20px
    }

    .fashion__modal__content {
        left: 0;
        margin-left: 0;
        width: 100%
    }

    .fashion__modal__slide {
        width: 60%
    }

    .fashion__modal__slide--prev {
        left: 10px
    }

    .fashion__modal__slide--next {
        right: 10px
    }

    .fashion__modal__prd {
        width: 38%
    }

    .fashion__modal__prd--code {
        font-size: 1rem
    }

    .fashion__modal__prd--en,
    .fashion__modal__prd--ja {
        font-size: 1.2rem
    }
}

@media screen and (max-width:768px) {
    .fashion__title__head--img--sic {
        width: 76px
    }

    .fashion__title__head--img--sinfinity {
        width: 94px
    }

    .fashion__title__head--img--product {
        margin: 2px 5px 6px 0;
        width: 148px
    }

    .fashion--copy {
        margin: 0 20px 20px;
        text-align: left;
        font-size: 2.5rem
    }

    .fashion--lead {
        margin-bottom: 20px;
        padding: 0 20px;
        font-size: 1.2rem;
        letter-spacing: .035em
    }

    .fashion__hash {
        display: block;
        margin: 40px 20px 0
    }

    .fashion__hash--item {
        margin: 25px 0 0;
        width: 100%;
        font-size: 1.4rem
    }

    .fashion__hash--item:first-child {
        margin-top: 0
    }

    .fashion__hash--item a {
        padding: 10px 0 22px
    }

    .fashion__hash--item a:after {
        margin-left: -4px;
        width: 8px;
        height: 15px
    }

    .fashion__hash--2 {
        display: block;
        margin: 50px 20px 0
    }

    .fashion__hash--2--item {
        margin: 25px 0 0;
        width: auto;
        font-size: 1.4rem
    }

    .fashion__hash--2--item:first-child {
        margin-top: 0
    }

    .fashion__hash--2--item a {
        padding: 16px 0
    }

    .fashion__hash--2--item a:after {
        right: 29.8507462687%;
        margin-top: -6px;
        width: 8px;
        height: 15px
    }

    .fashion__bnr {
        margin-top: 60px
    }

    .fashion__bnr--item {
        margin: 0 4.26666666667%;
        width: 35.7333333333%
    }

    .fashion__lists__links--item a:before,
    .fashion__modal--title .l {
        margin-right: 6px
    }

    .fashion__lists {
        margin-top: 34px;
        padding: 0 20px
    }

    .fashion__lists__frame {
        border-radius: 13px
    }

    .fashion__lists--item {
        margin-top: 2.98507462687%;
        width: 48.5074626866%
    }

    .fashion__lists--item:nth-of-type(-n+2) {
        margin-top: 0
    }

    .fashion__lists--item:nth-of-type(2n) {
        float: right
    }

    .fashion__lists--item:nth-of-type(2n+1) {
        clear: both
    }

    .fashion__lists--title {
        font-size: 1.8rem;
        letter-spacing: .025em
    }

    .fashion__lists--title--min {
        font-size: 1.8rem
    }

    .fashion__lists__links--item {
        margin-top: 26px;
        width: 73.8461538462%;
        font-size: 1.2rem
    }

    .fashion__lists__links--item:after {
        right: -17.5%;
        width: 21.6666666667%
    }

    .fashion__lists__links--item a {
        padding: 10px 0 7px
    }

    .fashion__lists__links--detail a:before {
        margin-top: 3px;
        width: 8px;
        height: 8px
    }

    .fashion__lists__links--catalog a:before {
        margin-top: 2px;
        width: 12px;
        height: 10px
    }

    .fashion__lists__other {
        margin-top: 5.84615384615%
    }

    .fashion__modal .fashion__lists__icon {
        margin-top: 6px
    }

    .fashion__lists__icon--item {
        padding: 5px 8px;
        min-width: 90px;
        font-size: 1.1rem;
        letter-spacing: .025em
    }

    .fashion__modal {
        padding: 16px 20px 34px
    }

    .fashion__modal__close {
        width: 36px;
        height: 36px
    }

    .fashion__modal__close span:after,
    .fashion__modal__close span:before {
        top: 18px;
        width: 18px
    }

    .fashion__modal--title {
        padding-right: 40px;
        letter-spacing: .025em
    }

    .fashion__modal--title .l.en,
    .fashion__modal--title .l.ja {
        font-size: 2.5rem
    }

    .fashion__modal--title .s.en,
    .fashion__modal--title .s.ja {
        font-size: 1.2rem
    }

    .fashion__modal--desc {
        margin-top: 30px;
        font-size: 1.2rem
    }

    .fashion__modal__info {
        margin-top: 20px
    }

    .fashion__modal__prd,
    .fashion__modal__slide {
        float: none;
        width: auto
    }

    .fashion__modal__slide__frame {
        float: left;
        padding-bottom: 83.5820895522%;
        width: 83.5820895522%
    }

    .fashion__modal__slide__thumb {
        clear: none;
        display: block;
        float: right;
        margin: 0;
        width: 12.6865671642%
    }

    .fashion__modal__slide__thumb--item {
        margin: 11.7647058824% 0 0;
        width: 100%
    }

    .fashion__modal__slide__thumb--item:first-child {
        margin-top: 0
    }

    .fashion__modal__slide__thumb--item a.on:after {
        border-width: 2px
    }

    .fashion__modal__slide--direct {
        display: none
    }

    .fashion__modal__prd {
        margin: 25px 0 0
    }

    .fashion__modal__prd--item {
        display: none;
        margin-top: 0
    }

    .fashion__modal__prd--item.on {
        display: table
    }

    .fashion__modal__prd--item.on>a:before {
        width: 2px
    }

    .fashion__modal__prd--code {
        font-size: 1.2rem
    }

    .fashion__modal__prd--en,
    .fashion__modal__prd--ja {
        font-size: 1.3rem
    }

    .fashion__modal__btns {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 40px auto 0;
        width: 67.1641791045%
    }

    .fashion__modal__btns--item {
        font-size: 1.2rem;
        letter-spacing: 0
    }

    .fashion__modal__btns--item a {
        padding: 14px 0
    }

    .fashion__modal__btns--item a:after {
        right: -24.4444444444%;
        width: 31.1111111111%
    }

    .fashion__modal__btns--contact a {
        padding-bottom: 13px
    }

    .fashion__modal__btns--contact a:before {
        margin-top: 1px;
        width: 17px;
        height: 14px
    }

    .fashion__modal__btns--catalog a:before {
        margin-top: -1px;
        width: 18px;
        height: 15px
    }

    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(1):after {
        -webkit-animation: mapRedAnimation 3s ease .6s infinite;
        animation: mapRedAnimation 3s ease .6s infinite
    }

    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(2):after {
        -webkit-animation: mapRedAnimation 3s ease 1.2s infinite;
        animation: mapRedAnimation 3s ease 1.2s infinite
    }

    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(3):after {
        -webkit-animation: mapRedAnimation 3s ease 1.8s infinite;
        animation: mapRedAnimation 3s ease 1.8s infinite
    }

    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(4):after {
        -webkit-animation: mapRedAnimation 3s ease 2.4s infinite;
        animation: mapRedAnimation 3s ease 2.4s infinite
    }

    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(5):after {
        -webkit-animation: mapRedAnimation 3s ease 3s infinite;
        animation: mapRedAnimation 3s ease 3s infinite
    }

    .fashion__map__box.lazy--item--end .fashion__map--area i:nth-of-type(6):after {
        -webkit-animation: mapRedAnimation 3s ease 3.6s infinite;
        animation: mapRedAnimation 3s ease 3.6s infinite
    }

    .fashion__map--pic {
        padding-bottom: 48.9552238806%;
        background-image: url(/assets/images/network_map.png)
    }

    .fashion__map--area:before {
        background-image: url(/assets/images/m-map-site.png)
    }

    .fashion__map--area:after {
        background-image: url(/assets/images/m-map-point.png)
    }

    .fashion__map--area i {
        width: 4px;
        height: 4px
    }

    .fashion__map--area i:nth-of-type(1) {
        top: 36.2804878049%;
        left: 11.2%
    }

    .fashion__map--area i:nth-of-type(2) {
        top: 50.6097560976%;
        left: 36.8%
    }

    .fashion__map--area i:nth-of-type(3) {
        top: 52.4390243902%;
        left: 37.7333333333%
    }

    .fashion__map--area i:nth-of-type(4) {
        top: 47.5609756098%;
        left: 39.7333333333%
    }

    .fashion__map--area i:nth-of-type(5) {
        top: 44.2073170732%;
        left: 44.2666666667%
    }

    .fashion__map--area i:nth-of-type(6) {
        top: 41.1585365854%;
        left: 86.1333333333%
    }

    .fashion__map ul {
        margin: 12px 20px 0
    }

    .fashion__map__point--item {
        margin-left: 24px;
        font-size: 15px;
    }

    .fashion__map__point--item:before {
        margin: 3px 4px 0 0;
        width: 10px;
        height: 10px
    }

    .fashion__map__point--showroom {
        color: #cb1f02
    }

    .fashion__map__point--showroom:before {
        background: #cb1f02
    }

    .fashion__map__point--office {
        color: #002421
    }

    .fashion__map__point--office:before {
        background: #002421
    }

    .fashion__map__point--factory {
        color: #ffa70f
    }

    .fashion__map__point--factory:before {
        background: #ffa70f
    }

    .fashion__top__product {
        margin-top: 44px
    }

    .fashion__top__product .title--block {
        margin-bottom: 20px
    }

    .fashion__top__product .title--block:after {
        margin-top: 14px
    }

    .fashion__top__product__content {
        padding: 30px calc(75px / 2) 26px
    }

    .fashion__top__product__content:after,
    .fashion__top__product__content:before {
        font-size: 20rem;
        letter-spacing: -.025em
    }

    .fashion__top__product__content:before {
        top: -82px;
        left: -30px;
        margin-left: 0
    }

    .fashion__top__product__content:after {
        bottom: -60px;
        left: -30px
    }

    .fashion__top__product__content .wrap {
        padding: 0
    }

    .fashion__top__product__lists {
        display: block
    }

    .fashion__top__product__lists--item {
        margin: 30px 0 0
    }

    .fashion__top__product__lists--item:first-child {
        margin-top: 0
    }

    .fashion__top__product__lists--item.lazy--item {
        top: 60px;
        -webkit-transition: ease-out 1s;
        transition: ease-out 1s;
        opacity: 0
    }

    .fashion__top__product__lists--item.lazy--item--end {
        top: 0;
        opacity: 1
    }

    .fashion__top__product__lists--title strong.en,
    .fashion__top__product__lists--title strong.ja {
        font-size: 2.5rem
    }

    .fashion__top__product__lists--title span.en {
        margin-top: 5px;
        font-size: 1.4rem
    }

    .fashion__top__product__lists--title span.ja {
        margin-top: 6px;
        font-size: 1.2rem
    }

    .fashion__top__product__lists--photo {
        margin-top: 28px
    }

    .fashion__top__product__lists--caption {
        margin-top: 10px;
        font-size: 1.2rem;
        letter-spacing: .025em
    }

    .fashion__top__office {
        margin-top: 60px
    }

    .fashion__top__office .title--block {
        margin-bottom: 20px
    }

    .fashion__top__office .title--block:after {
        margin-top: 14px
    }

    .fashion__top__office .fashion__map {
        margin-top: 22px
    }

    .fashion__top__manufacturer {
        margin-top: 60px;
        padding: 0 0 20px;
        overflow: hidden
    }

    .fashion__top__manufacturer:after {
        top: 128px;
        padding-bottom: 63.6%;
        background-image: url(../img/fashion/manufacturer_top_bg-sp.png);
        background-size: 100%
    }

    .fashion__top__manufacturer--pic--1 {
        top: 20px;
        bottom: auto;
        left: 0;
        margin-left: 0;
        padding-bottom: 82.9333333333%;
        width: 100%;
        background-image: url(../img/fashion/manufacturer_top_photo1-sp.png)
    }

    .fashion__top__manufacturer--pic--2 {
        top: auto;
        right: 0;
        bottom: 0;
        margin-right: 0;
        padding-bottom: 64%;
        width: 100%;
        background-image: url(../img/fashion/manufacturer_top_photo2-sp.png)
    }

    .fashion__top__manufacturer .frame {
        padding: 104% 0 70%
    }

    .fashion__top__manufacturer .title--block {
        margin-bottom: 16px
    }

    .fashion__top__manufacturer .title--block img {
        margin: 7px 3px 0 20px;
        width: 102px
    }

    .fashion__top__manufacturer .title--block span {
        margin: 2px 0 0 -12px
    }

    .fashion__top__manufacturer .btn--more {
        margin-top: 18px
    }

    .fashion__top__news {
        margin-top: 56px;
        padding: 0
    }

    .fashion__top__news .wrap {
        padding: 0;
        border: none
    }

    .fashion__top__news .slide--1 {
        width: 100%
    }

    .fashion__top__news .btn--more {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 22px auto 0
    }

    .fashion__instagram {
        margin-top: 54px
    }

    .fashion__instagram .title--block {
        margin-bottom: 18px
    }

    .fashion__instagram .title--block:after {
        margin-top: 16px
    }

    .fashion__instagram .slide--1__move {
        margin-left: 20px
    }

    .fashion__instagram .slide--1--prev {
        left: 20px
    }

    .fashion__instagram .slide--1--next {
        right: 20px
    }

    .fashion__instagram .btn--more {
        margin-top: 25px
    }

    .fashion__sic__about {
        margin-top: 38px;
        overflow: hidden
    }

    .fashion__sic__about .wrap {
        padding: 0 20px
    }

    .fashion__sic__about--photo,
    .fashion__sic__about__info {
        float: none;
        width: auto
    }

    .fashion__sic__about__info {
        padding-top: 0
    }

    .fashion__sic__about--title {
        padding-left: 16px;
        font-size: 2.5rem;
        letter-spacing: -.05em
    }

    .fashion__sic__about--title:before {
        top: 9%;
        width: 3px;
        height: 88%
    }

    .fashion__sic__about--title .en {
        font-size: 3.3rem;
        letter-spacing: .025em
    }

    .fashion__sic__about--title .min {
        font-size: 1.2rem
    }

    .fashion__sic__about--title .min2 {
        font-size: 1.75rem
    }

    .fashion__sic__about--title img {
        margin-top: 10px;
        width: 82px
    }

    .fashion__sic__about--text {
        padding: 18px 0 0 16px;
        font-size: 1.2rem;
        letter-spacing: .035em;
        line-height: 1.6
    }

    .fashion__sic__about--photo {
        margin-top: 40px;
        text-align: center
    }

    .fashion__sic__about--photo img {
        width: 80.1492537313%
    }

    .fashion__sic__about--photo:after {
        top: -60px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 18.5rem;
        letter-spacing: -.072em
    }

    .fashion__collection {
        margin-top: 52px
    }

    .fashion__collection .fashion--lead {
        text-align: left
    }

    .fashion__catalog {
        margin-top: 60px;
        padding-bottom: 30px
    }

    .fashion__catalog:after {
        right: auto;
        bottom: -80px;
        left: 0;
        margin-left: 0;
        font-size: 20rem;
        letter-spacing: -.025em
    }

    .fashion__catalog .frame {
        padding: 25px 20px
    }

    .fashion__catalog .wrap {
        display: block;
        padding: 40px 16px
    }

    .fashion__catalog--photo,
    .fashion__catalog__info {
        width: auto
    }

    .fashion__catalog__info {
        margin: 20px 0 0
    }

    .fashion__catalog--title {
        text-align: center;
        font-size: 2.65rem;
        letter-spacing: .0125em
    }

    .fashion__byorder .fashion--lead,
    .fashion__material .fashion--lead,
    .fashion__showroom_office .fashion--lead,
    .fashion__sinfinity .fashion--lead,
    .fashion__special .fashion--lead {
        text-align: left
    }

    .fashion__catalog--text {
        margin-top: 20px;
        font-size: 1.2rem
    }

    .fashion__catalog .btn--more {
        margin: 16px auto 0;
        width: 75%
    }

    .fashion__catalog .btn--more:after {
        margin-right: 2px
    }

    .fashion__catalog .btn--more a {
        padding: 13px 0 11px
    }

    .fashion__catalog .btn--more img {
        margin: -3px 6px 0 0;
        width: 35px
    }

    .fashion__byorder,
    .fashion__material,
    .fashion__sinfinity {
        margin-top: 42px
    }

    .fashion__material .fashion__lists--item {
        margin-top: 4.4776119403%
    }

    .fashion__special {
        margin-top: 58px
    }

    .fashion__special .title--block {
        margin-bottom: 26px
    }

    .fashion__special .fashion__lists {
        margin-top: 30px
    }

    .fashion__processing {
        margin-top: 56px
    }

    .fashion__showroom_office {
        margin-top: 42px
    }

    .fashion__showroom_office .fashion--copy {
        margin-bottom: 20px
    }

    .fashion__showroom_office .fashion--lead {
        margin-bottom: 40px
    }

    .fashion__showroom {
        margin-top: 54px
    }

    .fashion__showroom__box {
        margin: 0 20px 54px
    }

    .fashion__showroom--title {
        margin-bottom: 28px;
        padding: 2px 0 0 20px;
        height: 30px;
        font-size: 2rem;
        letter-spacing: .035em
    }

    .fashion__showroom--title:before {
        width: 3px;
        height: 30px
    }

    .fashion__showroom--item {
        margin-top: 35px;
        padding: 25px 16px
    }

    .fashion__showroom__frame {
        display: block
    }

    .fashion__showroom--photo {
        padding-bottom: 71.4285714286%;
        width: auto;
        text-align: center
    }

    .fashion__showroom__info {
        margin: 22px 0 0;
        width: auto
    }

    .fashion__showroom__location--title {
        font-size: 1.4rem;
        letter-spacing: .0005em
    }

    .fashion__showroom__location__content {
        margin-top: 14px
    }

    .fashion__showroom__location table td,
    .fashion__showroom__location table th {
        padding: 10px 0 11px 10px;
        font-size: 1.2rem;
        letter-spacing: .0025em
    }

    .fashion__showroom__location table th {
        width: 64px
    }

    .fashion__showroom__btns {
        display: block;
        margin: 40px auto 0;
        padding-right: 0;
        width: 75%
    }

    .fashion__showroom__btns--item {
        margin: 25px 0 0;
        width: 100%;
        font-size: 1.2rem;
        letter-spacing: .0025em
    }

    .fashion__showroom__btns--item:first-child {
        margin-top: 0
    }

    .fashion__showroom__btns--item:after {
        right: -16.4444444444%;
        margin-right: -17px;
        width: 31.1111111111%
    }

    .fashion__showroom__btns--item a {
        padding: 13px 0 14px
    }

    .fashion__showroom__btns--map a {
        padding: 12px 0 13px
    }

    .fashion__showroom__btns--map a:before {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        margin: 1px 10px 0 0;
        width: 10px;
        height: 16px;
        vertical-align: top
    }

    .fashion__office {
        margin-top: 54px
    }

    .fashion__office__box {
        margin: 0 20px 50px
    }

    .fashion__office--title {
        margin-bottom: 25px;
        padding: 2px 0 0 20px;
        height: 30px;
        font-size: 2rem;
        letter-spacing: .035em
    }

    .fashion__office--title:before {
        width: 3px;
        height: 30px
    }

    .fashion__office__lists {
        display: block
    }

    .fashion__office--item {
        margin-top: 25px;
        padding: 25px 16px
    }

    .fashion__office--item:first-child {
        margin-top: 0
    }

    .fashion__office__location--title {
        font-size: 1.4rem;
        letter-spacing: .0005em
    }

    .fashion__office__location__content {
        margin-top: 14px
    }

    .fashion__office__location table td,
    .fashion__office__location table th {
        padding: 10px 0 11px 10px;
        font-size: 1.2rem;
        letter-spacing: .0025em
    }

    .fashion__office__location table th {
        width: 64px
    }

    .fashion__office__btns {
        display: block;
        margin: 40px auto 0;
        padding-right: 0;
        width: 75%
    }

    .fashion__office__btns--item {
        margin: 25px 0 0;
        width: 100%;
        font-size: 1.2rem;
        letter-spacing: .0025em
    }

    .fashion__office__btns--item:first-child {
        margin-top: 0
    }

    .fashion__office__btns--item:after {
        right: -16.4444444444%;
        margin-right: -17px;
        width: 31.1111111111%
    }

    .fashion__office__btns--item a {
        padding: 13px 0 14px
    }

    .fashion__office__btns--map a {
        padding: 12px 0 13px
    }

    .fashion__office__btns--map a:before {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        margin: 1px 10px 0 0;
        width: 10px;
        height: 16px;
        vertical-align: top
    }

    .fashion__product {
        margin-top: 42px
    }

    .fashion__product .fashion--copy {
        font-size: 2.5rem
    }

    .fashion__product .fashion--lead {
        text-align: left
    }

    .fashion__product--textarea {
        padding-top: 90px
    }

    .fashion__product--row {
        margin-bottom: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fashion__product--row.bg-1:before,
    .fashion__product--row.bg-2:after,
    .fashion__product--row.bg-3:after {
        font-size: 20rem;
        letter-spacing: 0
    }

    .fashion__product--row.bg-1:before {
        top: -140px;
        left: -24px
    }

    .fashion__product--row.bg-2:after {
        top: -146px;
        right: -30px
    }

    .fashion__product--row.bg-3:after {
        top: -134px;
        left: -20px
    }

    .fashion__product--col-img {
        padding: 0 15px;
        margin-bottom: 25px;
        display: block;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .fashion__product--col-img:after {
        top: -10px;
        right: -10px
    }

    .fashion__product--col--sp1 {
        padding: 0 10px 0 20px
    }

    .fashion__product--col--sp2 {
        padding: 0 30px 0 0
    }

    .fashion__product--col-txt {
        padding: 0;
        display: block;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .fashion__product--txt-1 {
        font-size: 1.2rem
    }

    .fashion__product--txt-2 {
        font-size: 1.7rem;
        line-height: 1.67
    }

    .fashion__product--txt-3 {
        font-size: 1.2rem
    }

    .fashion__product--title-2 {
        margin-bottom: 23px;
        padding: 7px 0 7px 15px;
        border-left: 3px solid #002421;
        font-size: 3.5rem;
        line-height: 1.1
    }

    .fashion__product--title-3 {
        margin-bottom: 30px;
        font-size: 4.3rem
    }

    .fashion__product--title-3 img {
        margin: 5px 12px 0;
        width: 160px
    }

    .fashion__product--step picture {
        width: 59.7014925373%
    }

    .fashion__product--shindo-story {
        margin-top: 96px;
        padding: 42px 0;
        height: auto
    }

    .fashion__product--shindo-story:after {
        top: -35px;
        height: 65px
    }

    .fashion__product--shindo-story--txtarea {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none
    }

    .fashion__product--btn--story {
        font-size: 1.2rem;
        width: 223px
    }

    .fashion__product--btn--story:before {
        width: 58px;
        right: -45px
    }
}

.material__contents>.material__shimteq {
    margin-bottom: 85px
}

.material__contents .en {
    margin-bottom: 15px;
    display: block;
    font-size: 3rem;
    line-height: 1.5
}

.material__contents .material__shimteq {
    margin-top: 0
}

.material__btn {
    position: relative;
    display: block;
    padding: 16px 0;
    margin: 0 auto;
    width: 300px;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    color: #002421;
    letter-spacing: .05em;
    border: 1px solid #002421;
    background: #fff
}

.material__btn:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 140px;
    background: #002421;
    right: -115px;
    top: 30px
}

.material__performance--title {
    margin: 0 auto 45px;
    max-width: 900px;
    text-align: center;
    font-size: 3.2rem;
    letter-spacing: .025em;
    color: #002421
}

.material__performance--txt {
    margin: 0 auto 60px;
    max-width: 900px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.75;
    color: #333
}

.material__performance--list,
.silicone__factory__introduction .wrap,
.silicone__product .wrap {
    max-width: 1200px
}

.material__performance--list {
    margin: 0 auto 120px
}

.material__performance--list li {
    position: relative;
    float: left;
    width: 50%
}

.material__performance--caption {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(.05deg) translate(-50%, -50%);
    transform: rotate(.05deg) translate(-50%, -50%);
    text-align: center;
    font-family: IntervogueAlt;
    font-size: 3.6rem;
    font-weight: 700;
    letter-spacing: .025em;
    color: #fff
}

.material__detail__example--title--2,
.material__product--title,
.news--icon,
.sitemap__links--title {
    font-family: IntervogueAlt, Arial, Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}

.material__service {
    position: relative;
    margin-top: 120px;
    padding-bottom: 30px;
    overflow: hidden
}

.material__service .wrap {
    max-width: 1000px
}

.material__service a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 33px 0 53px;
    background: #fff;
    border: 1px solid #ccc;
    text-decoration: none
}

.device_click .material__service a:hover {
    opacity: 1
}

.material__service--left {
    margin-left: 10%;
    width: 25.2%
}

.material__service--right {
    margin-left: 11%;
    width: 53.8%
}

.material__service--title {
    text-align: center;
    font-size: 3.2rem;
    letter-spacing: -.01em;
    color: #000
}

.material__service--list {
    margin: 15px auto 0;
    width: 85.5018587361%
}

.material__service--list li {
    margin-top: 5px;
    padding: 10px 0 12px 56px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff
}

.material__service--list li:first-child {
    margin-top: 0
}

.material__service--list li.yellow {
    background: #f39800
}

.material__service--list li.blue {
    background: #00a0e9
}

.material__service--list li.green {
    background: #90c31f
}

.material__service--btn {
    position: absolute;
    right: -1px;
    bottom: -30px;
    background: url(../img/icon/pdf1.png) 20px center no-repeat #fff;
    background-size: 18px
}

.device_click .material__service--btn {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.device_click .material__service--btn:hover {
    opacity: .7
}

.material__product {
    position: relative;
    margin-top: 76px
}

.material__product .wrap {
    max-width: 1300px
}

.material__product--logo {
    display: block;
    margin: 0 auto;
    max-width: 195px
}

.material__product--list li {
    width: calc(33.33% - 33.33px);
    float: left
}

.material__product--list li+li {
    margin-left: 50px
}

.material__product--title {
    margin-bottom: 20px;
    width: 100%;
    height: 90px;
    position: relative;
    font-size: 3.2rem;
    color: #002421;
    line-height: 1.1
}

.material__product--title.en {
    margin-bottom: 20px
}

.material__product--title>span {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.material__product--title .s {
    display: block;
    font-size: 2rem;
    font-weight: 400
}

.material__product--caption {
    margin-top: 15px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: .05em;
    color: #333
}

.material__product--photo {
    position: relative
}

.material__product--photo:before {
    position: absolute;
    top: -20px;
    left: 50%;
    content: '';
    height: 45px;
    border-left: 1px solid #002c27;
    z-index: 2
}

.material__product--photo a {
    display: block;
    position: relative;
    z-index: 1
}

.material__represent {
    position: relative;
    margin-top: 130px
}

.material__represent:first-child {
    margin-top: 72px
}

.material__represent .title--block {
    margin-bottom: 60px
}

.material__represent--txt {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #333
}

.material__represent--txt.txt--1 {
    margin: 0 auto 75px;
    max-width: 900px;
    text-align: center
}

.material__represent--title {
    position: relative;
    -webkit-transform: rotate(.05deg);
    transform: rotate(.05deg);
    margin-bottom: 35px;
    text-align: center;
    font-family: IntervogueAlt;
    font-size: 3.2rem;
    letter-spacing: .025em;
    color: #002421
}

.material__represent--img {
    margin-bottom: 170px;
    text-align: center
}

.material__represent--row {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    max-width: 990px
}

.material__detail .wrap,
.news__detail,
.recruit__detail .wrap {
    max-width: 1000px
}

.material__represent--item {
    width: 50%;
    padding: 0 40px
}

.material__represent--caption {
    margin: 30px auto;
    font-size: 3rem;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: #000
}

.material__represent--list {
    margin-top: 16px
}

.material__represent--list li {
    position: relative;
    margin-bottom: 15px;
    margin-left: 24px;
    display: table;
    font-size: 1.6rem;
    color: #333;
    letter-spacing: .05em;
    line-height: 1.75
}

.material__represent--list li:before {
    position: absolute;
    content: '';
    left: -24px;
    width: 10px;
    height: 1px;
    background: #333;
    top: 14px
}

.material__detail {
    position: relative;
    margin-top: 72px
}

.material__detail--title {
    margin-bottom: 40px;
    padding-bottom: 23px;
    font-size: 3.2rem;
    color: #002421;
    line-height: 1;
    border-bottom: 1px solid #a0a0a0
}

.material__detail--title span {
    margin-top: 10px;
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    color: #333
}

.material__detail--title--2 {
    margin-bottom: 25px;
    font-size: 1.8rem;
    color: #000
}

.material__detail--right {
    float: right;
    width: 44.4444444444%
}

.material__detail--left {
    float: left;
    width: 48%
}

.material__detail--txt {
    margin-top: 26px;
    font-size: 1.6rem;
    letter-spacing: .02em;
    line-height: 1.75;
    color: #333
}

.material__detail--txt:first-child {
    margin-top: 0
}

.material__detail--btn {
    margin: 48px 0 0;
    padding: 12px 20px 16px;
    min-width: 260px
}

.material__detail--btn:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 25px;
    background: url(../img/icon/pdf1.png) center center no-repeat;
    background-size: 100%;
    position: relative;
    top: 4px;
    margin-right: 10px
}

.material__detail--download {
    margin-top: 26px;
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.75;
    color: #333
}

.material__detail__example {
    margin-top: 90px;
    padding: 40px 50px 50px;
    background: #f2f2f2
}

.material__detail__example--title {
    margin-bottom: 26px;
    padding-bottom: 20px;
    border-bottom: 1px solid #a0a0a0;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    color: #002421
}

.material__detail__example--title--2 {
    margin-bottom: 25px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #000
}

.material__detail__example--link {
    position: relative;
    margin-top: 54px
}

.material__detail__example--link:first-child {
    margin-top: 0
}

.material__detail__example--list li {
    position: relative;
    margin: 15px 0 0 24px;
    display: table;
    font-size: 1.6rem;
    color: #333;
    letter-spacing: .05em;
    line-height: 1.75
}

.material__detail__example--list li:first-child {
    margin-top: 0
}

.material__detail__example--list li:before {
    position: absolute;
    content: '';
    left: -24px;
    width: 10px;
    height: 1px;
    background: #333;
    top: 14px
}

.material__news {
    position: relative;
    margin: 78px 0 80px;
    padding-bottom: 30px;
    overflow: hidden
}

.material__news .wrap {
    padding: 68px 0 102px;
    max-width: 1460px;
    background: #fff;
    border: 1px solid #ccc
}

.material__news .slide--1 {
    margin: 0 auto;
    width: 86.9863013699%
}

.material__news .btn--more {
    position: absolute;
    bottom: -30px;
    right: -1px
}

.material__shimteq {
    position: relative;
    margin-top: 116px;
    padding: 80px 0 65px;
    background: #f2f2f2
}

.material__shimteq+.contact__btm {
    margin-top: 0
}

.material__shimteq--logo {
    margin: 0 auto 45px;
    width: 325px;
    text-align: center
}

.material__shimteq--title {
    margin-bottom: 40px;
    font-size: 3rem;
    text-align: center;
    color: #333
}

.material__shimteq--txt {
    margin: 0 auto 35px;
    max-width: 900px;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2;
    letter-spacing: .05em;
    color: #333
}

@media screen and (min-width:769px) {
    .material .sp {
        display: contents
    }

    .material__detail--inner {
        padding: 0 40px
    }

    .material__detail__example--multi .material__detail__example--link {
        float: left;
        width: 50%
    }

    .material__detail__example--multi .material__detail__example--link:nth-of-type(-n+2) {
        margin-top: 0
    }

    .material__detail__example--multi .material__detail__example--link:nth-of-type(2n) {
        float: right;
        padding-left: 80px
    }

    .material__detail__example--multi .material__detail__example--link:nth-of-type(2n):after {
        content: ' ';
        position: absolute;
        top: 12px;
        left: 0;
        width: 1px;
        height: 100%;
        background: #a0a0a0
    }

    .material__detail__example--multi .material__detail__example--link:nth-of-type(2n+1) {
        clear: both
    }
}

@media screen and (max-width:1460px) {
    .material__news {
        padding: 0 10px 30px
    }
}

@media screen and (max-width:768px) {
    .material__contents>.material__shimteq {
        margin-bottom: 45px
    }

    .material__contents .pc {
        display: contents
    }

    .material__contents .en {
        margin-bottom: 10px;
        font-size: 1.5rem
    }

    .material__performance--title {
        margin-bottom: 25px;
        padding: 0 20px;
        font-size: 2.5rem
    }

    .material__performance--txt {
        margin-bottom: 25px;
        padding: 0 20px;
        font-size: 1.2rem
    }

    .material__performance--caption {
        width: 100%;
        font-size: 2rem
    }

    .material__performance--list {
        margin-bottom: 50px
    }

    .material__service {
        margin-top: 50px;
        padding: 0 13px 20px
    }

    .material__service a {
        display: block;
        padding: 83px 0 57px
    }

    .material__service--left,
    .material__service--right {
        width: auto
    }

    .material__service--left {
        margin: 0 auto;
        width: 62.8985507246%
    }

    .material__service--right {
        margin: 20px 22px 0
    }

    .material__service--title {
        position: absolute;
        top: 34px;
        left: 0;
        width: 100%;
        font-size: 1.6rem
    }

    .material__service--list {
        margin-top: 30px;
        width: auto
    }

    .material__service--list li {
        margin-top: 10px;
        padding: 13px 0 15px 15px;
        font-size: 1.4rem
    }

    .material__service--btn {
        bottom: -20px;
        background-position: 15px center;
        background-size: 13px
    }

    .material__product {
        margin-top: 48px
    }

    .material__product .wrap {
        padding: 0 20px
    }

    .material__product .title--block {
        margin-bottom: 36px
    }

    .material__product--logo {
        width: 95px;
        line-height: 1;
        margin-bottom: 5px
    }

    .material__product--list {
        padding: 0 10px;
        margin-bottom: 0
    }

    .material__product--list li {
        margin-top: 55px;
        float: none;
        width: 100%
    }

    .material__product--list li:first-child {
        margin-top: 0
    }

    .material__product--list li+li {
        margin-left: 0
    }

    .material__product--title {
        margin-bottom: 25px;
        height: auto;
        font-size: 2.1rem;
        text-align: center
    }

    .material__product--title.en {
        margin-bottom: 28px;
        font-size: 2.5rem
    }

    .material__product--title>span {
        position: relative
    }

    .material__product--title .s {
        margin-top: -8px;
        font-size: 1.4rem
    }

    .material__product--photo {
        text-align: center
    }

    .material__product--photo:before {
        height: 40px
    }

    .material__product--caption {
        margin-top: 20px;
        font-size: 1.2rem
    }

    .material__represent {
        margin-top: 20px;
        padding: 0 20px
    }

    .material__represent:first-child {
        margin-top: 46px
    }

    .material__represent .title--block {
        margin-bottom: 30px
    }

    .material__represent--title {
        margin-bottom: 25px;
        font-size: 2.1rem
    }

    .material__represent--txt {
        font-size: 1.3rem
    }

    .material__represent--txt.txt--1 {
        margin-bottom: 42px
    }

    .material__represent--img {
        margin-bottom: 90px
    }

    .material__represent--row {
        display: block
    }

    .material__represent--item {
        width: 100%;
        padding: 0 20px
    }

    .material__represent--caption {
        margin: 20px 0;
        font-size: 2rem
    }

    .material__represent--list {
        margin-top: 14px
    }

    .material__represent--list li {
        margin-bottom: 17px;
        font-size: 1.2rem
    }

    .material__btn {
        padding: 12px 0;
        width: 225px;
        font-size: 1.2rem
    }

    .material__btn:after {
        width: 50px;
        right: -35px;
        top: 22px
    }

    .material__detail {
        margin-top: 28px
    }

    .material__detail .wrap {
        padding: 0 20px
    }

    .material__detail--title {
        margin: 5px 0 22px;
        padding-bottom: 5px;
        font-size: 2.1rem
    }

    .material__detail--title span {
        font-size: 1.2rem;
        line-height: 1.4
    }

    .material__detail--left,
    .material__detail--right {
        float: none;
        width: 100%
    }

    .material__detail--right {
        margin-bottom: 20px;
        padding: 0 15px
    }

    .material__detail--txt {
        margin-top: 20px;
        font-size: 1.3rem
    }

    .material__detail--btn {
        margin: 26px auto 0;
        padding: 3px 0 11px
    }

    .material__detail--btn:before {
        background: url(../img/icon/pdf1.png) left 5px no-repeat;
        background-size: 14px
    }

    .material__detail--download {
        margin-top: 18px;
        text-align: center;
        font-size: 1.2rem
    }

    .material__detail__example {
        margin-top: 30px;
        padding: 20px 15px 32px
    }

    .material__detail__example--title {
        margin-bottom: 20px;
        padding-bottom: 10px;
        font-size: 2rem
    }

    .material__detail__example--title--2 {
        margin-bottom: 10px;
        padding: 0 6px;
        font-size: 1.5rem
    }

    .material__detail__example--link {
        margin-top: 32px
    }

    .material__detail__example--list li {
        margin: 15px 0 0 30px;
        font-size: 1.2rem
    }

    .material__detail__example--list li:before {
        left: -18px
    }

    .material__news {
        margin: -6px 0 60px;
        padding: 0
    }

    .material__news .wrap {
        padding: 0;
        background: 0 0;
        border: none
    }

    .material__news .slide--1 {
        width: 100%
    }

    .material__news .btn--more {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 22px auto 0
    }

    .material__shimteq {
        margin-top: 52px;
        padding: 40px 0 20px
    }

    .material__shimteq--logo {
        margin-bottom: 40px;
        width: 230px
    }

    .material__shimteq--title {
        margin-bottom: 25px;
        font-size: 1.8rem
    }

    .material__shimteq--txt {
        margin: 0 20px 25px;
        text-align: left;
        font-size: 1.2rem
    }

    .material__shimteq .material__btn {
        margin-bottom: 20px
    }
}

.silicone--lead {
    position: relative;
    margin: 0 auto 65px;
    max-width: 900px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: .07em
}

.silicone__top__product__introduction {
    margin-top: 70px;
    margin-bottom: 120px;
    overflow: hidden
}

.silicone__top__product__introduction--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px
}

.silicone__top__product__introduction--list li {
    float: left;
    margin: 0 30px;
    width: calc(33.33% - 60px);
    max-width: 480px;
    text-align: center
}

.silicone__top__product__introduction--list li>a {
    display: block;
    position: relative;
    text-decoration: none
}

.silicone__top__product__introduction--title {
    display: table;
    position: relative;
    margin-bottom: 25px;
    width: 100%;
    min-height: 82px;
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.31;
    color: #002421
}

.silicone__top__product__introduction--title span {
    display: table-cell;
    vertical-align: middle
}

.silicone__top__product__introduction--caption {
    margin-top: 13px;
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: .05em;
    color: #333
}

.silicone__top__product__introduction .btn--more {
    margin: 0 auto
}

.silicone__top__product__system {
    padding: 80px 0 68px;
    position: relative;
    min-height: 530px;
    background: url(../img/silicone/top_img_8.jpg) center top no-repeat;
    background-size: cover;
    overflow: hidden
}

.silicone__top__product__system .link {
    position: absolute;
    bottom: 70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.silicone__top__product__system .zindex {
    position: relative;
    z-index: 2
}

.silicone__top__product__system .silicone--lead {
    max-width: 500px
}

.silicone__top__product__system .btn--more {
    position: absolute;
    bottom: 68px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.silicone__factory__class {
    margin: 72px 0 130px
}

.silicone__factory__class--title {
    margin: 0 auto 50px;
    max-width: 900px;
    font-size: 3.2rem;
    text-align: center;
    line-height: 1.31;
    color: #002421;
    letter-spacing: .07em
}

.silicone__factory__class__txt {
    font-size: 1.6rem;
    line-height: 1.76;
    color: #333
}

.silicone__factory__class__txt.txt--1 {
    margin-bottom: 80px;
    text-align: center
}

.silicone__factory__class--wrap {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 20px
}

.silicone__factory__class--wrap .title--block {
    margin-bottom: 54px
}

.silicone__factory__class__info {
    position: relative
}

.silicone__factory__class--left {
    width: 55.5555555556%;
    float: left
}

.silicone__factory__class__slide {
    position: relative
}

.silicone__factory__class__slide__frame {
    position: relative;
    padding-bottom: 66.6666666667%;
    width: 100%;
    height: 0;
    overflow: hidden
}

.silicone__factory__class__slide__move {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.silicone__factory__class__slide__move li {
    position: relative;
    float: left;
    height: 100%
}

.silicone__factory__class__slide__move li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.silicone__factory__class__slide__thumb {
    margin-top: 20px
}

.silicone__factory__class__slide__thumb a {
    position: relative;
    float: left;
    margin: 20px 20px 0 0;
    width: calc(25% - 15px)
}

.silicone__factory__class__slide__thumb a:nth-of-type(-n+4) {
    margin-top: 0
}

.silicone__factory__class__slide__thumb a:nth-of-type(4n) {
    margin-right: 0
}

.silicone__factory__class__slide__thumb a.on:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #ddd
}

.silicone__factory__class--right {
    padding: 25px 0 0 4.8%;
    width: 44.4%;
    float: left
}

.silicone__factory__introduction--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 100px
}

.silicone__factory__introduction--caption {
    margin-top: 15px;
    font-size: 1.8rem;
    text-align: center;
    letter-spacing: .05em;
    color: #333
}

.silicone__factory__iso .wrap {
    max-width: 980px
}

.silicone__factory__iso--block {
    margin-bottom: 120px;
    display: table;
    width: 100%
}

.silicone__factory__iso--left {
    width: 300px;
    display: table-cell;
    vertical-align: top;
    text-align: center
}

.silicone__factory__iso--left figure {
    margin: 0 auto
}

.silicone__factory__iso--right {
    display: table-cell;
    vertical-align: top;
    padding-left: 5.1%
}

.silicone__factory__iso--title {
    margin-bottom: 25px;
    font-size: 3.6rem;
    letter-spacing: .05em;
    color: #000
}

.silicone__factory__iso--txt {
    margin-bottom: 30px;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: .05em;
    color: #333
}

.silicone__factory__iso--txt.txt--2 {
    margin-bottom: 20px
}

.silicone__factory__iso--logo {
    margin-bottom: 10px;
    width: 216px
}

.silicone__factory__company {
    padding: 0 20px;
    overflow: hidden
}

.silicone__factory__company--box {
    padding: 65px 0 90px;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center
}

.silicone__factory__company__horizontal--tree {
    margin: 0 auto
}

.silicone__factory__company__horizontal--tree ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.silicone__factory__company__horizontal--tree li {
    float: left;
    text-align: center;
    position: relative;
    padding: 60px 15px 0
}

.silicone__factory__company__horizontal--tree li::after,
.silicone__factory__company__horizontal--tree li::before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #000;
    width: 50%;
    height: 60px
}

.silicone__factory__company__horizontal--tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #000
}

.silicone__factory__company__horizontal--tree li:only-child::after,
.silicone__factory__company__horizontal--tree li:only-child::before {
    display: none
}

.silicone__factory__company__horizontal--tree li:only-child {
    padding-top: 0
}

.silicone__factory__company__horizontal--tree li:first-child::before,
.silicone__factory__company__horizontal--tree li:last-child::after {
    border: 0
}

.silicone__factory__company__horizontal--tree li:last-child::before {
    border-right: 1px solid #000
}

.silicone__factory__company__horizontal--tree li div {
    border: 1px solid #ccc;
    padding: 15px 40px;
    text-decoration: none;
    color: #000;
    font-size: 1.8rem;
    display: inline-block;
    border-radius: 5px;
    background: #eee
}

.silicone__factory__company__vertical--tree {
    margin: 100px auto 0;
    position: relative;
    height: 200px;
    width: 1px;
    background: #000;
    left: .5px
}

.silicone__factory__company__vertical--txt {
    position: absolute;
    min-width: 180px;
    border: 1px solid #ccc;
    padding: 15px 0;
    text-decoration: none;
    color: #000;
    font-size: 1.8rem;
    display: inline-block;
    border-radius: 5px;
    background: #eee;
    z-index: 1
}

.silicone__factory__company__vertical--txt.txt--1 {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.silicone__factory__company__vertical--txt.txt--2 {
    width: 200px;
    top: 100px;
    left: 60px
}

.silicone__factory__company__vertical--txt.txt--2:before {
    content: '';
    position: absolute;
    left: -61px;
    top: 30px;
    border-bottom: 1px solid #000;
    width: 60px
}

.silicone__product {
    margin-top: 72px
}

.silicone__product--title--1 {
    margin: 0 auto 40px;
    max-width: 900px;
    text-align: center;
    font-size: 3.2rem;
    letter-spacing: .025em;
    line-height: normal;
    color: #002421
}

.silicone__product--title--2 {
    position: relative;
    -webkit-transform: rotate(.05deg);
    transform: rotate(.05deg);
    margin-bottom: 46px;
    padding-left: 29px;
    border-left: 5px solid #002421;
    font-family: IntervogueAlt;
    font-size: 4.2rem;
    letter-spacing: .025em;
    line-height: 1;
    color: #002421
}

.silicone__product--title--2 sub {
    display: block;
    margin-top: 40px;
    font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2.4rem;
    line-height: 1.5
}

.silicone__product--txt {
    font-size: 1.6rem;
    color: #333;
    line-height: 1.75;
    letter-spacing: .07em
}

.silicone__product--txt.txt--1 {
    margin: 0 auto 55px;
    max-width: 900px;
    text-align: center
}

.silicone__product--menu a {
    padding: 15px 0 25px;
    position: relative;
    display: block;
    height: 100%;
    font-size: 2rem;
    line-height: 1.4;
    color: #000;
    letter-spacing: .1em;
    text-align: center;
    border: 1px solid #002421;
    text-decoration: none
}

.silicone__product--menu a:after {
    content: ' ';
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 10px;
    height: 17px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%
}

.silicone__news {
    position: relative;
    margin-top: 120px;
    padding-bottom: 30px;
    overflow: hidden
}

.silicone__news .wrap {
    padding: 68px 0 102px;
    max-width: 1460px;
    background: #fff;
    border: 1px solid #ccc
}

.silicone__news .slide--1 {
    margin: 0 auto;
    width: 86.9863013699%
}

.silicone__news .btn--more {
    position: absolute;
    bottom: -30px;
    right: -1px
}

@media screen and (min-width:769px) {
    .silicone__top__product__system--left {
        position: absolute;
        width: calc(50% - 230px);
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        background: url(../img/silicone/top_system_1.png) right center no-repeat
    }

    .silicone__top__product__system--right {
        position: absolute;
        width: calc(50% - 260px);
        height: 100%;
        right: 0;
        top: 0;
        z-index: 0;
        background: url(../img/silicone/top_system_2.png) left center no-repeat
    }

    .silicone__factory__introduction--list li {
        margin-bottom: 50px;
        width: calc(33.33% - 33.33px)
    }

    .silicone__factory__introduction--list li:not(:nth-child(3n+1)) {
        margin-left: 50px
    }

    .silicone__factory__iso--left.first-logo {
        padding-top: 45px
    }

    /*.silicone__factory__iso--left.first-logo figure{width:61.0738255034%}*/
    .silicone__product--txt.txt--2 {
        padding-right: 60px
    }

    .silicone__product--txt.txt--3 {
        max-width: 520px
    }

    .silicone__product--menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto 155px;
        width: calc(100% - 60px)
    }

    .silicone__product--menu li {
        float: left;
        margin: 0 30px;
        width: calc(33.33% - 60px)
    }

    .silicone__product--row {
        margin-bottom: 200px;
        display: table;
        width: 100%
    }

    .silicone__product--row.row--2 {
        margin-bottom: 90px
    }

    .silicone__product--row.row--3 .silicone__product--right {
        vertical-align: middle
    }

    .silicone__product--row.row--3 .silicone__product--left {
        padding-right: 10px
    }

    .silicone__product--row.row--4 {
        margin-bottom: 0
    }

    .silicone__product--left,
    .silicone__product--right {
        display: table-cell;
        width: 50%;
        vertical-align: top
    }

    .silicone__product--left.padding-left,
    .silicone__product--right.padding-left {
        padding-left: 60px
    }

    .silicone__product--left.left--2,
    .silicone__product--right.left--2 {
        width: 56%
    }

    .silicone__product--left.right--2,
    .silicone__product--right.right--2 {
        padding-top: 30px;
        width: 44%
    }
}

@media screen and (max-width:1460px) {
    .silicone__news {
        padding: 0 10px 30px
    }
}

@media screen and (max-width:1000px) and (min-width:769px) {
    .silicone__factory__company__vertical--tree {
        left: 0
    }

    .silicone__factory__company__vertical--txt {
        min-width: 114px;
        font-size: 1.2rem
    }

    .silicone__factory__company__vertical--txt.txt--2 {
        width: 120px
    }

    .silicone__factory__company__horizontal--tree li {
        padding: 60px 5px 0
    }

    .silicone__factory__company__horizontal--tree li div {
        padding: 15px 30px;
        font-size: 1.2rem
    }

    .silicone__product--menu {
        width: calc(100% - 20px)
    }

    .silicone__product--menu li {
        margin: 0 10px;
        width: calc(33.33% - 20px)
    }
}

@media screen and (max-width:768px) {
    .silicone__contents .pc {
        display: contents
    }

    .silicone--lead {
        margin: 0 20px 40px;
        text-align: left;
        font-size: 1.2rem
    }

    .silicone__top__product__introduction {
        margin-top: 44px;
        margin-bottom: 70px
    }

    .silicone__top__product__introduction--list {
        display: block;
        margin: 0 20px
    }

    .silicone__top__product__introduction--list li {
        float: none;
        width: 100%;
        margin: 0 0 36px
    }

    .silicone__top__product__introduction--title {
        margin-bottom: 12px;
        display: block;
        font-size: 2.5rem;
        line-height: 1.6;
        min-height: unset
    }

    .silicone__top__product__introduction--title span {
        display: block
    }

    .silicone__top__product__introduction--caption {
        font-size: 1.2rem
    }

    .silicone__top__product__system {
        padding: 10px 0
    }

    .silicone__top__product__system--left {
        margin-bottom: 40px;
        display: block;
        width: 100%;
        height: 68vw;
        background: url(../img/silicone/top_system_sp_1.png) center center no-repeat;
        background-size: contain
    }

    .silicone__top__product__system--right {
        display: block;
        margin-top: 32px;
        width: 100%;
        height: 55vw;
        background: url(../img/silicone/top_system_sp_2.png) center center no-repeat;
        background-size: contain
    }

    .silicone__top__product__system .link {
        margin-bottom: 34px;
        position: relative;
        left: unset;
        bottom: unset;
        -webkit-transform: unset;
        transform: unset
    }

    .silicone__top__product__system .title--block {
        margin-bottom: 20px
    }

    .silicone__top__product__system .silicone--lead {
        margin-bottom: 48px
    }

    .silicone__top__product__system .btn--more {
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        margin: 0 auto
    }

    .silicone__factory__class {
        margin: 46px 0 60px
    }

    .silicone__factory__class--title {
        margin-bottom: 25px;
        font-size: 2.5rem;
        text-align: left
    }

    .silicone__factory__class .wrap {
        padding: 0 20px
    }

    .silicone__factory__class__txt {
        font-size: 1.2rem
    }

    .silicone__factory__class__txt.txt--1 {
        margin-bottom: 60px;
        text-align: left
    }

    .silicone__factory__class--wrap {
        padding: 0
    }

    .silicone__factory__class--wrap .title--block {
        margin-bottom: 40px
    }

    .silicone__factory__class--left,
    .silicone__factory__class--right {
        float: none;
        width: 100%
    }

    .silicone__factory__class--left {
        margin-bottom: 18px
    }

    .silicone__factory__class__slide__thumb {
        margin-top: 15px
    }

    .silicone__factory__class__slide__thumb a {
        margin: 5px 5px 0 0;
        width: calc(25% - 4px)
    }

    .silicone__factory__class__slide__thumb a.on:after {
        border-width: 2px
    }

    .silicone__factory__class--right {
        padding: 0 15px
    }

    .silicone__factory__introduction .wrap,
    .silicone__factory__iso .wrap {
        padding: 0 20px
    }

    .silicone__factory__introduction--list {
        margin-bottom: 15px
    }

    .silicone__factory__introduction--list li {
        margin-bottom: 40px;
        width: calc(50% - 7.5px)
    }

    .silicone__factory__introduction--list li:not(:nth-child(2n+1)) {
        margin-left: 15px
    }

    .silicone__factory__introduction--caption {
        margin-top: 10px;
        font-size: 1.3rem
    }

    .silicone__factory__iso--left {
        margin-bottom: 25px;
        display: block;
        width: 100%
    }

    .silicone__factory__iso--left figure {
        width: 41.7910447761%
    }

    .silicone__factory__iso--left.first-logo figure {
        width: 41.7910447761%
    }

    .silicone__factory__iso--right {
        display: block;
        padding-left: 0;
        width: auto
    }

    .silicone__factory__iso--title {
        margin-bottom: 15px;
        font-size: 1.8rem
    }

    .silicone__factory__iso--txt {
        margin-bottom: 25px;
        font-size: 1.2rem
    }

    .silicone__factory__iso--txt .txt-2 {
        margin-bottom: 15px
    }

    .silicone__factory__iso--block {
        margin-bottom: 42px
    }

    .silicone__factory__iso--logo {
        margin-bottom: 2px;
        width: 150px
    }

    .silicone__factory__company {
        margin-bottom: 50px
    }

    .silicone__factory__company--box {
        padding: 0;
        border: none
    }

    .silicone__factory__company__vertical--tree {
        margin: -28px auto 0;
        height: 100px;
        bottom: -28px
    }

    .silicone__factory__company__vertical--txt {
        padding: 5px 0;
        font-size: .7rem;
        min-width: 65px
    }

    .silicone__factory__company__vertical--txt.txt--2 {
        width: 72px;
        top: 42px;
        left: 22px
    }

    .silicone__factory__company__vertical--txt.txt--2:before {
        left: -22px;
        top: 10px;
        width: 21px
    }

    .silicone__factory__company__horizontal--tree ul {
        margin: 0 -5px;
        width: calc(100% + 10px)
    }

    .silicone__factory__company__horizontal--tree li {
        padding: 22px 5px 0;
        width: 20%
    }

    .silicone__factory__company__horizontal--tree li:after,
    .silicone__factory__company__horizontal--tree li:before {
        height: 22px
    }

    .silicone__factory__company__horizontal--tree li:nth-child(3):after {
        border-left: 1px solid transparent
    }

    .silicone__factory__company__horizontal--tree li div {
        display: block;
        padding: 5px 0;
        font-size: .6555rem
    }

    .silicone__product {
        margin-top: 46px
    }

    .silicone__product .wrap {
        padding: 0 20px
    }

    .silicone__product--title--1 {
        margin-bottom: 20px;
        font-size: 2.5rem;
        text-align: left
    }

    .silicone__product--title--2 {
        padding-left: 15px;
        margin-bottom: 25px;
        font-size: 2.5rem;
        border-left: 3px solid #002421
    }

    .silicone__product--title--2 sub {
        margin-top: 15px;
        font-size: 1.6rem
    }

    .silicone__product--txt {
        font-size: 1.2rem;
        line-height: 1.52
    }

    .silicone__product--txt.txt--1 {
        margin-bottom: 38px;
        text-align: left
    }

    .silicone__product--txt.txt--2,
    .silicone__product--txt.txt--3 {
        margin-bottom: 25px
    }

    .silicone__product--menu {
        margin-bottom: 60px
    }

    .silicone__product--menu li {
        display: block;
        margin-top: 25px
    }

    .silicone__product--menu li:first-child {
        margin-top: 0
    }

    .silicone__product--menu a {
        padding: 10px 0 20px;
        font-size: 1.4rem
    }

    .silicone__product--menu a:after {
        bottom: 4px;
        margin-left: -4px;
        width: 8px;
        height: 15px
    }

    .silicone__product--row {
        margin-bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .silicone__product--row.row--2 {
        margin-bottom: 33px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .silicone__product__img {
        margin: 0 auto
    }

    .silicone__product__img--w--mid {
        width: 84.3548387097%
    }

    .silicone__news {
        margin-top: 56px;
        padding: 0
    }

    .silicone__news .wrap {
        padding: 0;
        background: 0 0;
        border: none
    }

    .silicone__news .slide--1 {
        width: 100%
    }

    .silicone__news .btn--more {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 22px auto 0
    }
}

.body__about #main,
.body__news #main,
.body__recruit #main {
    background: 0 0
}

.recruit--lead {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: .07em
}

.recruit__hash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 55px
}

.recruit__hash--item {
    position: relative;
    margin: 0 26px;
    width: 430px;
    text-align: center;
    font-size: 2rem;
    line-height: 1.2
}

.recruit__hash--item a {
    display: block;
    position: relative;
    padding: 14px 0 28px;
    border: 1px solid #002421;
    text-decoration: none
}

.recruit__hash--item a:after {
    content: ' ';
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 10px;
    height: 17px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%
}

.recruit__bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 92px
}

.recruit__bnr--item {
    margin: 0 28px;
    width: 235px
}

.recruit__bnr--item a {
    display: block
}

.recruit__detail .recruit__hash {
    margin-bottom: 102px
}

.recruit__detail .title--2 {
    margin-bottom: 14px
}

.recruit__detail .recruit--lead {
    margin-bottom: 48px
}

.recruit__detail .btn--more {
    margin: 50px auto 0
}

.recruit__detail .btn--more--contact a:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 46px;
    margin-top: -12px;
    width: 29px;
    height: 23px;
    background: url(../img/icon/mail2.png) center center no-repeat;
    background-size: 100%
}

.recruit__detail--title {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    color: #002421
}

.recruit__detail__career--text,
.recruit__detail__career--time,
.recruit__detail__lists--title,
.recruit__detail__lists__content {
    font-size: 1.6rem
}

.recruit__detail__box {
    position: relative;
    margin-bottom: 108px
}

.recruit__detail__box:last-child {
    margin-bottom: 0
}

.recruit__detail__lists {
    border-top: solid #a0a0a0 1px
}

.recruit__detail__lists__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 20px;
    border-bottom: solid #a0a0a0 1px;
    letter-spacing: .07em
}

.recruit__detail__lists--title {
    width: 205px;
    font-weight: 700
}

.recruit__detail__lists__content p {
    margin-top: 1em
}

.recruit__detail__lists__content p:first-child {
    margin-top: 0
}

.recruit__detail__career {
    text-align: center;
    letter-spacing: .05em
}

.recruit__detail__career--text {
    margin-bottom: 6px
}

.recruit__detail__career--tel {
    margin-top: -4px;
    font-family: IntervogueAlt;
    font-size: 2.4rem;
    font-weight: 700
}

.recruit__detail__career--tel a {
    text-decoration: none
}

@media screen and (max-width:768px) {
    .recruit--lead {
        margin-bottom: 20px;
        padding: 0 20px;
        text-align: left;
        font-size: 1.2rem;
        letter-spacing: .035em
    }

    .recruit__hash {
        display: block;
        margin: 40px 20px 0
    }

    .recruit__hash--item {
        margin: 25px 0 0;
        width: 100%;
        font-size: 1.4rem
    }

    .recruit__hash--item:first-child {
        margin-top: 0
    }

    .recruit__hash--item a {
        padding: 10px 0 22px
    }

    .recruit__hash--item a:after {
        margin-left: -4px;
        width: 8px;
        height: 15px
    }

    .recruit__bnr {
        margin-top: 62px
    }

    .recruit__bnr--item {
        margin: 0 2.26666666667%;
        width: 37.6%
    }

    .recruit__detail .recruit__hash {
        margin: 28px 20px 42px
    }

    .recruit__detail .title--2 {
        margin-bottom: 14px
    }

    .recruit__detail .recruit--lead {
        margin-bottom: 28px
    }

    .recruit__detail .btn--more {
        margin-top: 35px
    }

    .recruit__detail .btn--more--contact a:before {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        margin: 1px 10px 0 0;
        width: 15px;
        height: 13px;
        vertical-align: top
    }

    .recruit__detail--title {
        margin-bottom: 12px;
        font-size: 1.5rem
    }

    .recruit__detail__box {
        margin-bottom: 92px
    }

    .recruit__detail__lists {
        margin: 0 20px
    }

    .recruit__detail__lists__box {
        display: block;
        padding: 10px 0;
        letter-spacing: .035em
    }

    .recruit__detail__lists--title {
        width: auto;
        font-size: 1.2rem
    }

    .recruit__detail__lists__content {
        margin-top: 4px;
        font-size: 1.2rem
    }

    .recruit__detail__career {
        letter-spacing: .025em
    }

    .recruit__detail__career--text {
        margin-bottom: 1px;
        font-size: 1.2rem
    }

    .recruit__detail__career--tel {
        margin-top: 2px;
        font-size: 1.8rem
    }

    .recruit__detail__career--time {
        margin-top: 4px;
        font-size: 1.1rem
    }
}

.cookiepolicy__guide__table th,
.cookiepolicy__guide__table--col3,
.news--icon,
.news__detail__share--title,
.notfound--text,
.notfound--title,
.privacy__policy__sign,
.sitemap__blank--gloabl {
    text-align: center
}

.news--icon {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 12px 2px;
    vertical-align: bottom;
    font-size: 1.1rem;
    font-style: normal;
    line-height: 1.2;
    color: #fff
}

.news__detail__share--title,
.news__pickup:after {
    font-family: IntervogueAlt;
    line-height: 1.2
}

.news--icon:first-child {
    margin-left: 0
}

.body--os--mac.body--browser--chrome .news--icon {
    padding: 3px 12px 4px
}

@media all and (-ms-high-contrast:none) {
    .news--icon {
        padding: 6px 12px 2px
    }
}

.news--icon--shindo {
    background: #002c27
}

.news--icon--tx {
    background: #672e63
}

.news--icon--im {
    background: #007e6d
}

.news--icon--sc {
    background: #185589
}

.news__pickup {
    position: relative;
    margin-bottom: 140px;
    padding: 120px 0 108px;
    background: #f5f5f5;
    overflow: hidden
}

.news__pickup:after {
    content: 'PICK UP';
    position: absolute;
    bottom: -140px;
    right: -170px;
    white-space: nowrap;
    font-size: 32rem;
    font-weight: 700;
    letter-spacing: 0;
    opacity: .1;
    z-index: 1
}

.body--os--mac.body--browser--chrome .news__pickup:after {
    top: -100px
}

.news__pickup .wrap {
    padding: 0;
    z-index: 2
}

.news__pickup--photo {
    position: relative;
    float: left;
    margin-left: 3.23076923077%;
    width: 46.1538461538%
}

@media screen and (min-width:769px) {
    .news__pickup--photo {
        padding-bottom: 30.7692307692%;
        height: 0;
        overflow: hidden
    }

    .news__pickup--photo img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.news__pickup__info {
    position: relative;
    float: left;
    margin: 30px 0 0 7.23076923077%;
    width: 33.3846153846%
}

.news__pickup__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 35px
}

.news__pickup--date {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.2
}

.news__pickup--title {
    margin-top: 12px;
    font-size: 2.2rem;
    font-weight: 400
}

.news__pickup--more {
    margin-top: 52px;
    width: 73.732718894%
}

.news__pickup--more:after {
    right: -34.375%;
    width: 43.75%
}

.news__lists--item {
    float: left
}

.news__lists--item>a {
    display: block;
    text-decoration: none
}

.news__lists--photo {
    padding-bottom: 66.6666666667%
}

.news__lists__info {
    position: relative;
    margin-top: 12px
}

.news__lists__icon_date {
    position: relative
}

.news__lists__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    float: right;
    margin-top: -12px;
    width: calc(100% - 120px)
}

.news__lists__icon .news--icon {
    margin: 10px 10px 0 0
}

.news__lists__icon .news--icon:last-child {
    margin-right: 0
}

.news__lists--date {
    float: left;
    width: 120px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2
}

.news__lists--title {
    margin-top: 10px;
    font-size: 1.6rem;
    font-weight: 400
}

.about__guide .wrap,
.cookiepolicy__guide .wrap,
.privacy__policy .wrap {
    max-width: 900px
}

.news__detail__head {
    position: relative;
    margin-bottom: 38px
}

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

.news__detail--date {
    margin-top: 12px;
    font-size: 1.8rem;
    letter-spacing: .05em;
    line-height: 1.2
}

.news__detail--title {
    margin-top: -4px;
    border-bottom: solid #ccc 1px;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .05em
}

.news__detail__content {
    position: relative;
    font-size: 1.4rem
}

.news__detail__content p {
    margin-top: 1.4em
}

.news__detail__content p:first-child {
    margin-top: 0
}

.news__detail__content .main {
    margin-bottom: 40px
}

.news__detail__content .link a {
    display: inline-block;
    vertical-align: top
}

.news__detail__content .link a:after {
    content: ' ';
    display: inline-block;
    margin: 3px 0 0 10px;
    width: 10px;
    height: 17px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%;
    vertical-align: top
}

.news__detail__content .multi {
    margin: 60px 0 32px
}

.news__detail__content .multi:first-child {
    margin-top: 0
}

.news__detail__content .multi:last-child {
    margin-bottom: 0
}

.news__detail__content .multi .photo {
    float: left;
    width: 50%
}

.news__detail__content .multi .info {
    float: right;
    width: 47%
}

.news__detail__foot {
    position: relative;
    margin-top: 66px
}

.news__detail__foot .btn--more {
    margin: 46px auto 0
}

.news__detail__share {
    position: relative;
    padding-bottom: 45px
}

.news__detail__share--title {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .05em
}

.news__detail__share__content {
    margin-top: 22px
}

.news__detail__share__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news__detail__share--item {
    margin: 0 22px;
    width: 40px
}

.news__detail__share--item a {
    display: block
}

@media screen and (min-width:769px) {
    .news__pickup__icon .news--icon:first-child {
        padding: 7px 18px 4px;
        font-size: 1.65rem
    }

    .body--os--mac.body--browser--chrome .news__pickup__icon .news--icon:first-child {
        padding: 6px 18px 5px
    }

    .body--browser--ie .news__pickup__icon .news--icon:first-child {
        padding: 9px 18px 1px
    }

    .news__lists--item {
        margin: 62px 4.92307692308% 0 0;
        width: 30%
    }

    .news__lists--item:nth-of-type(-n+3) {
        margin-top: 0
    }

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

    .news__lists--item:nth-of-type(3n+1) {
        clear: both
    }
}

@media screen and (max-width:1000px) {
    .news__detail {
        padding: 0 10px
    }
}

@media screen and (max-width:768px) {
    .news--icon {
        margin-left: 5px;
        padding: 3px 10px;
        font-size: .9rem
    }

    @-moz-document url-prefix() {
        .news--icon {
            padding: 4px 10px 2px
        }
    }

    .news__pickup {
        margin-bottom: 30px;
        padding: 26px 0 45px
    }

    .news__pickup:after {
        bottom: -28px;
        right: auto;
        left: -10px;
        font-size: 10.574rem
    }

    .news__pickup .wrap {
        width: calc(100% - 75px)
    }

    .news__pickup--photo {
        float: none;
        margin: 0 auto;
        width: auto
    }

    .news__pickup__info {
        float: none;
        margin: 10px 0 0;
        width: auto
    }

    .news__pickup__icon {
        margin-bottom: 8px
    }

    .news__pickup--date {
        font-size: 1rem
    }

    .news__pickup--title {
        margin-top: 6px;
        font-size: 1.2rem
    }

    .news__pickup--more {
        margin: 20px auto 0;
        width: 75%
    }

    .news__pickup--more:after {
        right: -18.3333333333%;
        width: 23.3333333333%
    }

    .news__lists {
        margin: 0 20px
    }

    .news__lists--item {
        margin-top: 32px;
        width: 46.2686567164%
    }

    .news__lists--item:nth-of-type(-n+2) {
        margin-top: 0
    }

    .news__lists--item:nth-of-type(2n) {
        float: right
    }

    .news__lists--item:nth-of-type(2n+1) {
        clear: both
    }

    .news__lists__info {
        margin-top: 8px
    }

    .news__lists__icon_date {
        padding-left: 0
    }

    .news__lists__icon {
        float: none;
        margin: 0 0 1px;
        width: auto
    }

    .news__lists__icon .news--icon {
        margin: 0 5px 5px 0
    }

    .news__lists--date {
        float: none;
        font-size: 1.1rem;
        width: auto
    }

    .news__lists--title {
        margin-top: 2px;
        font-size: 1.2rem;
        line-height: 1.4
    }

    .news__detail {
        padding: 0 20px
    }

    .news__detail__head {
        margin-bottom: 24px
    }

    .news__detail--date {
        margin-top: 10px;
        font-size: 1.2rem
    }

    .news__detail--title {
        margin-top: 0;
        font-size: 1.8rem
    }

    .news__detail__content {
        font-size: 1.2rem
    }

    .news__detail__content p {
        margin-top: 1.2em
    }

    .news__detail__content .main {
        margin-bottom: 14px
    }

    .news__detail__content .link a:after {
        margin: 4px 0 0 6px;
        width: 6px;
        height: 11px
    }

    .news__detail__content .multi {
        margin: 30px 0 16px
    }

    .news__detail__content .multi .info,
    .news__detail__content .multi .photo {
        float: none;
        width: auto
    }

    .news__detail__content .multi .info {
        margin-top: 15px
    }

    .news__detail__foot {
        margin-top: 42px
    }

    .news__detail__foot .btn--more {
        margin-top: 30px;
        width: 67.1641791045%
    }

    .news__detail__foot .btn--more:after {
        left: -24.4444444444%;
        width: 31.1111111111%
    }

    .news__detail__share {
        padding-bottom: 30px
    }

    .news__detail__share--title {
        font-size: 1.8rem;
        letter-spacing: .025em
    }

    .news__detail__share__content {
        margin-top: 16px
    }
}

.about__guide .title--block {
    margin-bottom: 58px
}

.about__guide__box {
    position: relative;
    margin-top: 46px
}

.about__guide__box:first-child {
    margin-top: 0
}

.about__guide__box--title {
    position: relative;
    padding-bottom: 8px;
    border-bottom: solid #a0a0a0 1px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: .05em
}

.about__guide__box__content {
    margin-top: 22px;
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.8
}

.about__guide .btn--more {
    margin: 72px auto 0
}

.about__guide .btn--more a:before {
    content: ' ';
    position: absolute;
    top: 17px;
    left: 46px;
    width: 29px;
    height: 23px;
    background: url(../img/icon/mail2.png) center center no-repeat;
    background-size: 100%
}

.body__contact #main,
.body__cookie #main,
.body__privacy #main,
.body__sitemap #main {
    background: 0 0
}

@media screen and (max-width:768px) {
    .about__guide .title--block {
        margin-bottom: 34px
    }

    .about__guide__block {
        margin: 0 20px
    }

    .about__guide__box {
        margin-top: 50px
    }

    .about__guide__box--title {
        padding-bottom: 6px;
        font-size: 1.4rem;
        letter-spacing: .035em
    }

    .about__guide__box__content {
        margin-top: 8px;
        font-size: 1.2rem;
        letter-spacing: .035em;
        line-height: 1.6
    }

    .about__guide .btn--more {
        margin-top: 60px
    }

    .about__guide .btn--more a:before {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        margin: -4px 15px 0 0;
        width: 27px;
        height: 23px;
        vertical-align: top
    }
}

.privacy__policy .title--block {
    margin-bottom: 58px
}

.privacy__policy--title {
    padding: 5px 0 5px 24px;
    margin-bottom: 35px;
    font-size: 3rem;
    line-height: 1;
    color: #000;
    border-left: 5px solid #002421
}

.privacy__policy--subtitle {
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: solid #a0a0a0 1px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: .05em
}

.privacy__policy--lead {
    position: relative;
    margin-bottom: 34px;
    font-size: 1.4rem;
    letter-spacing: .05em
}

.privacy__policy__block {
    margin-bottom: 74px
}

.privacy__policy__block:last-child {
    margin-bottom: 0
}

.privacy__policy__box {
    position: relative;
    margin-bottom: 34px
}

.privacy__policy__box:last-child {
    margin-top: 0
}

.privacy__policy__box--title {
    position: relative;
    margin-bottom: 8px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .05em
}

.privacy__policy__box__content {
    margin: 5px 0 22px;
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.8
}

.privacy__policy__box__list li {
    padding-left: 1em;
    text-indent: -1em
}

.privacy__policy__sign {
    position: relative;
    margin-top: 76px
}

.privacy__policy__sign--date {
    margin-bottom: 14px;
    font-size: 1.4rem;
    line-height: 1.2
}

.privacy__policy__sign--logo {
    margin: 0 auto;
    width: 140px
}

.privacy__policy__sign--name {
    margin-top: 6px;
    font-size: 1.4rem;
    line-height: 1.2
}

.privacy__policy .btn--more {
    margin: 72px auto 0
}

@media screen and (max-width:768px) {
    .privacy__policy .title--block {
        margin-bottom: 34px
    }

    .privacy__policy--lead {
        margin-bottom: 50px;
        padding: 0;
        font-size: 1.2rem;
        letter-spacing: .035em
    }

    .privacy__policy__block {
        margin: 0 20px
    }

    .privacy__policy--title {
        font-size: 1.5rem;
        margin-bottom: 14px;
        padding-left: 10px;
        position: relative
    }

    .privacy__policy--subtitle,
    .privacy__policy__box--title {
        padding-bottom: 6px;
        font-size: 1.4rem;
        letter-spacing: .035em
    }

    .privacy__policy--title:before {
        content: "";
        display: block;
        width: 3px;
        height: 25px;
        position: absolute;
        top: -1px;
        left: 0
    }

    .privacy__policy--subtitle {
        margin-bottom: 8px
    }

    .privacy__policy__box {
        margin-top: 20px
    }

    .privacy__policy__box--title {
        margin-bottom: 6px
    }

    .privacy__policy__box__content {
        margin-top: 8px;
        font-size: 1.2rem;
        letter-spacing: .035em;
        line-height: 1.6
    }

    .privacy__policy__sign {
        margin-top: 50px
    }

    .privacy__policy__sign--date {
        margin-bottom: 12px;
        font-size: 1.2rem
    }

    .privacy__policy__sign--logo {
        width: 110px
    }

    .privacy__policy__sign--name {
        margin-top: 3px;
        font-size: 1.2rem
    }

    .privacy__policy .btn--more {
        margin-top: 60px
    }
}

.cookiepolicy__guide--block {
    margin-bottom: 60px
}

.cookiepolicy__guide--title {
    padding: 5px 0 5px 24px;
    margin-bottom: 35px;
    font-size: 3rem;
    line-height: 1;
    color: #000;
    border-left: 5px solid #002421
}

.cookiepolicy__guide__txt--1 {
    margin-bottom: 30px;
    font-size: 1.4rem;
    line-height: 1.71;
    color: #333
}

.cookiepolicy__guide__link--block {
    display: block
}

.cookiepolicy__guide__link--block.indent {
    text-indent: 15px
}

.cookiepolicy__guide__link--inline {
    display: inline
}

.cookiepolicy__guide__table {
    width: 100%;
    border-collapse: collapse
}

.cookiepolicy__guide__table td,
.cookiepolicy__guide__table th {
    width: 33.33%;
    font-size: 1.4rem;
    color: #333;
    letter-spacing: .07em;
    line-height: 3.57;
    border: 1px solid #a0a0a0;
    word-break: break-all
}

.cookiepolicy__guide__table--col1 {
    padding: 0 0 0 6.7%
}

.cookiepolicy__guide__table--col2 {
    padding: 0 0 0 4.4%
}

@media screen and (max-width:768px) {
    .cookiepolicy__guide {
        padding: 0 20px
    }

    .cookiepolicy__guide--block {
        margin-bottom: 50px
    }

    .cookiepolicy__guide--title {
        padding: 5px 0 5px 9px;
        margin-bottom: 10px;
        font-size: 1.5rem;
        border-left: 3px solid #002421
    }

    .cookiepolicy__guide__txt--1 {
        margin-bottom: 20px;
        font-size: 1.2rem
    }

    .cookiepolicy__guide__link--block.indent {
        text-indent: 12px
    }

    .cookiepolicy__guide__table td,
    .cookiepolicy__guide__table th {
        font-size: 1.2rem;
        line-height: 1.5;
        padding: 6px 10px
    }

    .cookiepolicy__guide__table--col1,
    .cookiepolicy__guide__table--col2 {
        padding: 6px 10px
    }
}

.sitemap__contents>.title--block {
    margin-bottom: 50px
}

.sitemap__links {
    position: relative
}

.sitemap__links .wrap {
    max-width: 1000px
}

.sitemap__links__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 30px;
    letter-spacing: .05em
}

.sitemap__links__box:first-child {
    margin-top: 0
}

.sitemap__links--title {
    padding: 8px 0;
    width: 12.5%;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #002421
}

.notfound--title,
.sitemap__blank--gloabl {
    font-family: IntervogueAlt;
    line-height: 1.2
}

.sitemap__links__contnet {
    padding: 12px 0 12px 7%;
    border-left: solid #a0a0a0 1px;
    width: 87.5%
}

.sitemap__links__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sitemap__links__lists--item {
    margin-right: 42px;
    font-size: 1.4rem;
    line-height: 1.2
}

.sitemap__links__lists--item:last-child {
    margin-right: 0
}

.sitemap__links__lists--item a {
    text-decoration: none
}

.sitemap__links__multi {
    position: relative;
    margin-top: 22px
}

.sitemap__links__multi:first-child {
    margin-top: 0
}

.sitemap__links__multi--title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2
}

.sitemap__links__multi--title a {
    text-decoration: none
}

.sitemap__links__multi__content {
    margin: 12px 0 0 20px
}

.sitemap__links__multi__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -12px
}

.sitemap__links__multi__lists--item {
    margin: 12px 28px 0 0;
    font-size: 1.4rem;
    line-height: 1.2
}

.sitemap__links__multi__lists--item:last-child {
    margin-right: 0
}

.sitemap__links__multi__lists--item:before {
    content: 'ー'
}

.sitemap__links__multi__lists--item a {
    text-decoration: none
}

.sitemap__blank {
    position: relative;
    margin-top: 120px
}

.sitemap__blank .wrap {
    max-width: 840px
}

.sitemap__blank__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sitemap__blank__banner--item {
    position: relative;
    height: 0;
    overflow: hidden
}

.sitemap__blank__banner--item:first-child {
    margin-top: 0
}

.sitemap__blank__banner--item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden
}

.sitemap__blank--gloabl {
    margin: 50px auto 0;
    width: 45.2380952381%;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: .05em
}

.sitemap__blank--gloabl a {
    display: block;
    padding: 16px 0 14px;
    border: 1px solid #002421;
    text-decoration: none;
    color: #002421
}

.sitemap__blank--gloabl a:before {
    content: ' ';
    display: inline-block;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    background: url(../img/icon/global2.png) center center no-repeat;
    background-size: 100%;
    vertical-align: top
}

.sitemap__blank--gloabl img {
    padding-top: 3px;
    width: 70px;
    vertical-align: top
}

.sitemap__blank--gloabl span {
    display: inline-block;
    margin: 1px 0 0 5px;
    vertical-align: top
}

@media screen and (min-width:769px) {
    .sitemap__blank__banner--item {
        margin: 3.57142857143% 4.7619047619% 0 0;
        padding-bottom: 9.52380952381%;
        width: 47.619047619%
    }

    .sitemap__blank__banner--item:nth-of-type(-n+2) {
        margin-top: 0
    }

    .sitemap__blank__banner--item:nth-of-type(2n) {
        margin-right: 0
    }

    .sitemap__blank__banner--story a {
        background-image: url(../img/share/bnr_story2.jpg)
    }

    .sitemap__blank__banner--online a {
        background-image: url(../img/share/bnr_online2.jpg)
    }

    .sitemap__blank__banner--instagram a {
        background-image: url(../img/share/bnr_instagram2.jpg)
    }

    .sitemap__blank__banner--showroom a {
        background-image: url(../img/share/bnr_showroom2.jpg)
    }
}

@media screen and (max-width:768px) {
    .sitemap__links {
        margin: 0 20px;
        border-bottom: solid #a0a0a0 1px
    }

    .sitemap__links__box {
        display: block;
        margin-top: 0;
        padding: 20px 0 25px;
        border-top: solid #a0a0a0 1px;
        letter-spacing: .025em
    }

    .sitemap__links--title {
        padding: 0;
        width: auto;
        font-size: 1.8rem
    }

    .sitemap__links__contnet {
        margin-top: 16px;
        padding: 0;
        border-left: none;
        width: auto
    }

    .sitemap__links__lists {
        margin-top: -22px
    }

    .sitemap__links__lists--item {
        margin: 22px 28px 0 0;
        font-size: 1.2rem
    }

    .sitemap__links__multi {
        margin-top: 22px
    }

    .sitemap__links__multi--title {
        font-size: 1.2rem
    }

    .sitemap__links__multi__content {
        margin: 15px 0 0 15px
    }

    .sitemap__links__multi__lists {
        margin-top: -22px
    }

    .sitemap__links__multi__lists--item {
        margin: 22px 22px 0 0;
        font-size: 1.2rem
    }

    .sitemap__links__multi__lists--item:before {
        content: '-'
    }

    .sitemap__blank {
        margin: 75px 20px 0
    }

    .sitemap__blank__banner--item {
        margin: 4.4776119403% 7.46268656716% 0 0;
        padding-bottom: 17.9104477612%;
        width: 46.2686567164%
    }

    .sitemap__blank__banner--item:nth-of-type(-n+2) {
        margin-top: 0
    }

    .sitemap__blank__banner--item:nth-of-type(2n) {
        margin-right: 0
    }

    .sitemap__blank__banner--story a {
        background-image: url(../img/share/bnr_story2-sp.jpg)
    }

    .sitemap__blank__banner--online a {
        background-image: url(../img/share/bnr_online2-sp.jpg)
    }

    .sitemap__blank__banner--instagram a {
        background-image: url(../img/share/bnr_instagram2-sp.jpg)
    }

    .sitemap__blank__banner--showroom a {
        background-image: url(../img/share/bnr_showroom2-sp.jpg)
    }

    .sitemap__blank--gloabl {
        margin-top: 20px;
        width: 77.6119402985%;
        font-size: 1.35rem;
        letter-spacing: .025em
    }

    .sitemap__blank--gloabl a {
        padding: 12px 0 8px
    }

    .sitemap__blank--gloabl a:before {
        width: 15px;
        height: 15px
    }

    .sitemap__blank--gloabl img {
        padding-top: 2px;
        width: 52px
    }

    .sitemap__blank--gloabl span {
        margin: 1px 0 0 4px
    }
}

.body__404 #main {
    background: 0 0
}

.notfound {
    position: relative;
    padding-top: 194px
}

.notfound--title {
    position: relative;
    font-size: 8rem;
    color: #002421
}

.notfound--title:after {
    content: '404';
    position: absolute;
    top: -110px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 30rem;
    line-height: 1.2;
    color: #000;
    opacity: .3
}

.body--os--mac.body--browser--chrome .notfound--title:after {
    top: -136px
}

.notfound--text {
    margin-top: 128px;
    font-size: 2.4rem
}

.body--os--mac.body--browser--chrome .notfound--text {
    padding-top: 138px
}

.notfound .btn--more {
    margin: 42px auto 0
}

@media screen and (max-width:768px) {
    .notfound {
        padding-top: 96px
    }

    .notfound--title {
        font-size: 4rem
    }

    .notfound--title:after {
        top: -55px;
        font-size: 15rem
    }

    .notfound--text {
        margin-top: 68px;
        font-size: 1.2rem
    }

    .notfound .btn--more {
        margin-top: 24px
    }
}