@charset "UTF-8";
/* ==========================================================
[ Module CSS / Page CSS ]

* サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
* 汎用モジュールは、アルファベット降順(A->Z)に記述する
* ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
* ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

module
page

========================================================== */
/* ==========================================================
*
*   module
*
========================================================== */
/* ---------------------------------------------
*   keyvisual
--------------------------------------------- */
/* line 21, src/special/odyssey/_sass/module/_module.scss */
.keyvisual {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 1240px;
    width: 100vw;
    height: 804.5px;
    background-color: #fff;
    background-image: url(../img/pc/index/bg_keyvisual.png);
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

/* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
.keyvisual:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 738px) {
    /* line 21, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual {
        max-width: none;
        max-width: initial;
        max-width: auto;
        width: auto;
    }
}

/* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
.keyvisual:after {
    display: block;
    clear: both;
    content: "";
}

/* line 32, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__left {
    position: relative;
    float: left;
    width: 50%;
}

/* line 37, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__left-product {
    position: absolute;
    left: 16px;
    z-index: 2;
    width: 350px;
}

/* line 44, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__left-ballon {
    position: absolute;
    top: 190px;
    left: 254px;
    z-index: 1;
    width: 260px;
}

/* line 52, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__left-person {
    position: absolute;
    top: 277px;
    left: 57px;
    z-index: 3;
    width: 275px;
}

/* line 61, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__right {
    position: relative;
    float: right;
    width: 50%;
}

/* line 66, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__right-product {
    position: absolute;
    top: -8px;
    right: 0;
    z-index: 2;
    width: 405px;
}

/* line 74, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__right-ballon {
    position: absolute;
    top: 272px;
    left: 158px;
    z-index: 1;
    width: 344px;
}

/* line 82, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__right-person {
    position: absolute;
    top: 300px;
    right: 0;
    z-index: 3;
    width: 298px;
}

/* line 91, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__catch {
    position: absolute;
    bottom: 40px;
    z-index: 5;
    width: 100%;
}

/* line 98, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__copy {
    position: relative;
    top: 100px;
    z-index: 4;
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 27px;
    line-height: 1.3;
}

/* line 107, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__copy-main {
    display: block;
    margin-top: 9px;
    margin-left: 45px;
    font-weight: bold;
    font-size: 95px;
    line-height: 1.1;
}

/* line 116, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__copy-num {
    letter-spacing: 0;
    font-size: 34px;
}

/* line 121, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__copy-adjust {
    margin-right: -1.8%;
    letter-spacing: 0.15em;
}

/* line 126, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__copy b {
    position: relative;
    top: -37px;
    left: -9px;
    vertical-align: bottom;
    font-size: 10px;
}

/* line 135, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__caption {
    position: absolute;
    top: 89.3%;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1.2;
}

/* line 144, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__anchors {
    position: absolute;
    top: 79.7%;
    z-index: 999;
    display: flex;
    width: 100%;
    height: 75px;

    flex-wrap: wrap;
    justify-content: space-between;
}

/* line 154, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__anchors-item {
    display: block;
    width: 50%;
    transition: all 300ms;
}

/* line 159, src/special/odyssey/_sass/module/_module.scss */
.keyvisual__anchors-item:hover {
    opacity: .7;
}

@media screen and (max-width: 1240px) {
    /* line 21, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual {
        height: 64.87903vw;
    }
    /* line 170, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__left-product {
        left: 1.29032vw;
        width: 28.22581vw;
    }
    /* line 175, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__left-ballon {
        top: 15.32258vw;
        left: 20.48387vw;
        width: 20.96774vw;
    }
    /* line 181, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__left-person {
        top: 22.33871vw;
        left: 4.59677vw;
        width: 22.17742vw;
    }
    /* line 190, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__right-product {
        top: -0.64516vw;
        width: 32.66129vw;
    }
    /* line 195, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__right-ballon {
        top: 21.93548vw;
        left: 12.74194vw;
        width: 27.74194vw;
    }
    /* line 201, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__right-person {
        top: 24.19355vw;
        width: 24.03226vw;
    }
    /* line 207, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__catch {
        bottom: 3.22581vw;
    }
    /* line 211, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__copy {
        top: 8.06452vw;
        font-size: 2.17742vw;
    }
    /* line 215, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__copy-main {
        margin-top: 0.72581vw;
        margin-left: 3.62903vw;
        font-size: 7.66129vw;
    }
    /* line 221, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__copy-num {
        font-size: 2.74194vw;
    }
    /* line 225, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__copy b {
        top: -3.5vw;
        left: -0.7vw;
        font-size: 0.80645vw;
    }
    /* line 232, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__anchors {
        top: 79.7%;
        height: 6.04839vw;
    }
}

@media screen and (max-width: 738px) {
    /* line 21, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual {
        height: 95.87903vw;
        background-image: url(../img/pc/index/bg_keyvisual_sp.png);
    }
    /* line 244, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__left-product {
        top: 0vw;
        left: 1.29032vw;
        width: 39.22581vw;
    }
    /* line 250, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__left-ballon {
        top: 39.32258vw;
        left: 18.48387vw;
        width: 39.96774vw;
    }
    /* line 256, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__left-person {
        top: 54.43871vw;
        left: 4.59677vw;
        width: 25.17742vw;
    }
    /* line 265, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__right-product {
        top: 0;
        width: 45.66129vw;
    }
    /* line 270, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__right-ballon {
        top: 35.93548vw;
        left: 5.74194vw;
        width: 48.74194vw;
    }
    /* line 276, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__right-person {
        top: 56.69355vw;
        width: 28.03226vw;
    }
    /* line 282, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__catch {
        bottom: -3.41935vw;
    }
    /* line 286, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__copy {
        top: 5.06452vw;
        font-size: 3.17742vw;
    }
    /* line 290, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__copy-main {
        margin-top: 0;
        margin-left: 3.62903vw;
        font-size: 10.66129vw;
    }
    /* line 296, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__copy-num {
        font-size: 4.74194vw;
    }
    /* line 300, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__copy b {
        top: -5vw;
        left: -0.6vw;
        font-size: 1.80645vw;
    }
    /* line 307, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__anchors {
        top: 93.1%;
        height: 6.04839vw;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1240px) {
    /* line 314, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__caption {
        top: 88.9%;
    }
}

@media screen and (max-width: 999px) {
    /* line 320, src/special/odyssey/_sass/module/_module.scss */
    .keyvisual__caption {
        display: none;
    }
}

/*  keyvisual-catch
--------------------------------------------- */
/* ---------------------------------------------
*   modal-youtube
--------------------------------------------- */
/* line 342, src/special/odyssey/_sass/module/_module.scss */
.modal-youtube#colorbox, .modal-youtube#cboxOverlay, .modal-youtube#cboxWrapper {
    z-index: 9;
}

/* line 348, src/special/odyssey/_sass/module/_module.scss */
.modal-youtube#cboxOverlay {
    background: #000;
}

/* line 352, src/special/odyssey/_sass/module/_module.scss */
.modal-youtube #cboxContent {
    margin-top: 60px;
}

/* line 356, src/special/odyssey/_sass/module/_module.scss */
.modal-youtube #cboxClose {
    top: -55px;
    right: -5px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-top: 60px;
    width: 60px;
    height: 0;
    outline: none;
    border: 0;
    background: none;
    text-indent: 0;
}

/* line 370, src/special/odyssey/_sass/module/_module.scss */
.modal-youtube #cboxClose:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    border: 1px solid #fff;
    content: "";
    transform: rotate(45deg);
}

/* line 380, src/special/odyssey/_sass/module/_module.scss */
.modal-youtube #cboxClose:after {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    border: 1px solid #fff;
    content: "";
    transform: rotate(-45deg);
}

/* ---------------------------------------------
*   section
--------------------------------------------- */
/* line 397, src/special/odyssey/_sass/module/_module.scss */
.section__head {
    padding: 4% 0 9%;
    background: url(../img/pc/index/bg_radial.png) center 89.7% no-repeat;
    background-size: 100%;
    color: #3E3A39;
    text-align: center;
    font-weight: bold;
    font-size: 2.125rem;
}

/* line 406, src/special/odyssey/_sass/module/_module.scss */
.section__head-cassette {
    display: block;
    letter-spacing: 0.3em;
}

/* line 410, src/special/odyssey/_sass/module/_module.scss */
.section__head-cassette:last-child {
    margin-top: -1.2%;
    font-size: 2.9375rem;
}

@media screen and (max-width: 1240px) {
    /* line 419, src/special/odyssey/_sass/module/_module.scss */
    .section__head {
        font-size: 2.74194vw;
    }
    /* line 424, src/special/odyssey/_sass/module/_module.scss */
    .section__head-cassette:last-child {
        font-size: 3.79032vw;
    }
}

@media screen and (max-width: 738px) {
    /* line 432, src/special/odyssey/_sass/module/_module.scss */
    .section__head {
        padding-top: 10%;
        background: url(../img/pc/index/bg_radial_sp.png) center 47% no-repeat;
        font-size: 4.83871vw;
    }
    /* line 439, src/special/odyssey/_sass/module/_module.scss */
    .section__head-cassette:last-child {
        margin-top: -1.2%;
        font-size: 6.45161vw;
    }
}

/* ---------------------------------------------
*   section-middle
--------------------------------------------- */
/* line 451, src/special/odyssey/_sass/module/_module.scss */
.section-middle {
    position: relative;
    background-color: #AA1F26;
}

/* line 456, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance {
    margin-top: 145px;
    background-color: #2287C0;
}

/* line 461, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    width: 88.70968vw;
}

/* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
.section-middle__head:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 738px) {
    /* line 461, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head {
        max-width: none;
        max-width: initial;
        max-width: auto;
        width: auto;
    }
}

/* line 465, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head-wrapper {
    position: absolute;
    top: -40px;
    width: 695px;
    color: #AA1F26;
    text-align: center;
    letter-spacing: 0.2em;
    font-weight: bold;
    font-size: 2rem;
}

/* line 475, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head-wrapper span {
    font-size: 2.875rem;
}

/* line 479, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__head-wrapper {
    color: #2287C0;
}

/* line 485, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head-title {
    padding-top: 1%;
    background: url(../img/pc/index/bg_heading_direction.png) 0 0 no-repeat;
    background-size: 100%;
}

/* line 490, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__head-title {
    background: url(../img/pc/index/bg_heading_distance.png) 0 0 no-repeat;
    background-size: 100%;
}

/* line 496, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head-box {
    position: relative;
    z-index: 3;
    display: flex;
    transform: translateY(-24%);

    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

/* line 506, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head-ballon {
    margin-top: 8vw;
    padding: 1.2vw 10vw 1.4vw 6vw;
    background: url(../img/pc/index/img_ballon_square.png) 0 0 no-repeat;
    background-size: 100%;
    font-weight: bold;
    font-size: 2.0625rem;
}

/* line 514, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__head-ballon {
    padding: 1.2vw 10vw 1.4vw 6vw;
    background: url(../img/pc/index/img_ballon_square_type2.png) 0 0 no-repeat;
    background-size: 100%;
    text-align: center;
}

/* line 522, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head-person {
    position: relative;
    width: 26%;
}

/* line 526, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__head-person {
    width: 26.9%;
}

/* line 531, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head-icon {
    position: absolute;
    top: 9%;
    left: -38%;
    display: block;
    width: 51%;
}

/* line 538, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__head-icon {
    top: 16%;
    left: -27%;
    z-index: -1;
}

/* line 545, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head-caption {
    position: absolute;
    bottom: -19%;
    display: block;
    width: 100%;
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 1.125rem;
}

/* line 555, src/special/odyssey/_sass/module/_module.scss */
.section-middle__head-small {
    position: absolute;
    top: 59%;
    left: -19%;
    display: inline-block;
    font-size: 10px;
    line-height: 1.4;
}

/* line 563, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__head-small {
    top: 66%;
    left: -15%;
}

/* line 570, src/special/odyssey/_sass/module/_module.scss */
.section-middle__body {
    position: relative;
    margin-top: -7%;
    background-image: url(../img/pc/index/bg_direction.png), url(../img/pc/index/bg_radial.png);
    background-position: center top, center 38%;
    background-size: 100%, 100%;
    background-repeat: no-repeat, no-repeat;
}

/* line 578, src/special/odyssey/_sass/module/_module.scss */
.section-middle__body:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 93%;
    height: 96px;
    background: url(../img/pc/index/icon_direction_line.png) 0 0 no-repeat;
    background-size: 100%;
    content: "";
    transform: translateY(-56px);
}

/* line 591, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__body {
    background-image: url(../img/pc/index/bg_distance.png), url(../img/pc/index/bg_radial.png);
    background-size: 100%, 100%;
}

/* line 595, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__body:before {
    height: 45px;
    background: url(../img/pc/index/icon_distance_line.png) 0 0 no-repeat;
    background-size: 100%;
    transform: translateY(-47px);
}

/* line 605, src/special/odyssey/_sass/module/_module.scss */
.section-middle__flex {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    width: 88.70968vw;
    height: 475px;

    justify-content: space-between;
    flex-wrap: wrap;
}

/* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
.section-middle__flex:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 738px) {
    /* line 605, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__flex {
        max-width: none;
        max-width: initial;
        max-width: auto;
        width: auto;
    }
}

/* line 612, src/special/odyssey/_sass/module/_module.scss */
.section-middle__flex:after {
    content: none;
}

/* line 616, src/special/odyssey/_sass/module/_module.scss */
.section-middle__flex-caption {
    display: block;
    margin-bottom: 2%;
    color: #000;
    text-align: right;
}

/* line 623, src/special/odyssey/_sass/module/_module.scss */
.section-middle__flex-item:nth-of-type(1) {
    width: 30.772727%;

    align-self: flex-end;
}

/* line 627, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__flex-item:nth-of-type(1) {
    width: 33%;
}

/* line 632, src/special/odyssey/_sass/module/_module.scss */
.section-middle__flex-item:nth-of-type(2) {
    width: 19.4545454545%;

    align-self: center;
}

/* line 636, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__flex-item:nth-of-type(2) {
    width: 34.454545%;
}

/* line 642, src/special/odyssey/_sass/module/_module.scss */
.section-middle__body-wrapper {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    width: 88.70968vw;
}

/* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
.section-middle__body-wrapper:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 738px) {
    /* line 642, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__body-wrapper {
        max-width: none;
        max-width: initial;
        max-width: auto;
        width: auto;
    }
}

/* line 647, src/special/odyssey/_sass/module/_module.scss */
.section-middle__body-visual {
    position: absolute;
    top: 0;
    left: 47%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    width: 88.70968vw;
    width: 32.727273%;
    transform: translateX(-50%);
}

/* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
.section-middle__body-visual:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 738px) {
    /* line 647, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__body-visual {
        max-width: none;
        max-width: initial;
        max-width: auto;
        width: auto;
    }
}

/* line 655, src/special/odyssey/_sass/module/_module.scss */
.section-middle--distance .section-middle__body-visual {
    top: -1%;
    width: 40.727273%;
}

/* line 661, src/special/odyssey/_sass/module/_module.scss */
.section-middle__text {
    position: absolute;
    right: 0;
    bottom: 4%;
    color: #3E3A39;
    text-align: center;
    letter-spacing: 0.2em;
    font-weight: bold;
    font-size: 1.8125rem;
    line-height: 1.8;
}

/* line 672, src/special/odyssey/_sass/module/_module.scss */
.section-middle__text ruby > rt {
    letter-spacing: -1.6em;
    font-size: .4em;
    transform: translate(16%, -0.5vw);
}

/* line 677, src/special/odyssey/_sass/module/_module.scss */
.ie11 .section-middle__text ruby > rt,
.edge .section-middle__text ruby > rt {
    letter-spacing: 0.3em;
    transform: translateX(2%);
}

@media screen and (max-width: 1100px) {
    /* line 687, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-small {
        top: 61%;
        left: -37%;
    }
    /* line 691, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__head-small {
        top: 60%;
        left: -33%;
    }
}

@media screen and (min-width: 1240px) {
    /* line 701, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-ballon {
        margin-top: 99.2px;
        padding: 14.88px 124px 17.36px 74.4px;
    }
    /* line 705, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__head-ballon {
        padding: 14.88px 124px 17.36px 74.4px;
    }
}

@media screen and (max-width: 1240px) {
    /* line 716, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-wrapper {
        width: 63.2%;
        font-size: 2.58065vw;
    }
    /* line 720, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-wrapper span {
        font-size: 3.70968vw;
    }
    /* line 728, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-title:before {
        left: -2.3%;
        border-top: 1.25em solid transparent;
        /* 上下のborderを透過 */
        border-right: 0.5em solid #EBEBEB;
        border-bottom: 1.3em solid transparent;
    }
    /* line 735, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-title:after {
        right: -2.3%;
        border-top: 1.25em solid transparent;
        border-bottom: 1.3em solid transparent;
        /* 上下のborderを透過 */
        border-left: 0.5em solid #EBEBEB;
    }
    /* line 745, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-shape:before {
        left: -2.3%;
        border-top: 1.25em solid transparent;
        /* 上下のborderを透過 */
        border-right: 0.5em solid #5D0008;
        border-bottom: 1.3em solid transparent;
    }
    /* line 752, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-shape:after {
        right: -2.3%;
        border-top: 1.3em solid transparent;
        border-bottom: 1.3em solid transparent;
        /* 上下のborderを透過 */
        border-left: 0.5em solid #5D0008;
    }
    /* line 760, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-box {
        transform: translateY(-24%);
    }
    /* line 764, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-ballon {
        font-size: 2.66129vw;
    }
    /* line 768, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-caption {
        font-size: 1.45161vw;
    }
    /* line 788, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__body:before {
        width: 93%;
        height: 7.8vw;
        transform: translateY(-4.59677vw);
    }
    /* line 796, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__body:before {
        height: 3.62903vw !important;
        background: url(../img/pc/index/icon_distance_line.png) 0 0 no-repeat;
        background-size: 100%;
        transform: translateY(-3.76774vw);
    }
    /* line 806, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__flex {
        height: 38.3vw;
    }
    /* line 809, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__flex-caption {
        font-size: 1.3vw;
    }
    /* line 814, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__body-visual {
        left: 47%;
        transform: translateX(-50%);
    }
    /* line 819, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__text {
        font-size: 2.33871vw;
    }
}

@media screen and (max-width: 738px) {
    /* line 826, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance {
        margin-top: 0;
    }
    /* line 831, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-wrapper {
        top: -4.7%;
        left: 50%;
        width: 84.2%;
        font-size: 3.580vw;
        transform: translateX(-50%);
    }
    /* line 838, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-wrapper span {
        font-size: 5.709vw;
    }
    /* line 846, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-title:before {
        left: -1.4vw;
        border-top: 4.9vw solid transparent;
        /* 上下のborderを透過 */
        border-right: 1.7vw solid #EBEBEB;
        border-bottom: 5vw solid transparent;
    }
    /* line 853, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-title:after {
        right: -1.4vw;
        border-top: 4.9vw solid transparent;
        border-bottom: 5vw solid transparent;
        /* 上下のborderを透過 */
        border-left: 1.7vw solid #EBEBEB;
    }
    /* line 863, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-shape:before {
        left: -1.4vw;
        border-top: 4.9vw solid transparent;
        /* 上下のborderを透過 */
        border-right: 1.7vw solid #5D0008;
        border-bottom: 5vw solid transparent;
    }
    /* line 870, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-shape:after {
        right: -1.4vw;
        border-top: 4.9vw solid transparent;
        border-bottom: 5vw solid transparent;
        /* 上下のborderを透過 */
        border-left: 1.7vw solid #5D0008;
    }
    /* line 878, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-box {
        padding-top: 10%;
        padding-bottom: 11%;
        transform: none;

        flex-flow: column nowrap;
        align-items: center;
    }
    /* line 886, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-ballon {
        position: relative;
        z-index: 0;
        display: inline-block;
        margin-top: 0;
        padding: 5% 2%;
        width: auto;
        border: 3px solid #fff;
        background: none;
        text-align: center;
        font-size: 4.66129vw;
    }
    /* line 899, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-ballon:before {
        position: absolute;
        bottom: -9%;
        left: 50%;
        z-index: 0;
        margin-left: -9px;
        width: 0px;
        height: 0px;
        border-width: 2.01613vw 2.01613vw 0 2.01613vw;
        border-style: solid;
        border-color: #F6F6F6 transparent transparent transparent;
        content: "";
    }
    /* line 913, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-ballon:after {
        position: absolute;
        bottom: -9%;
        left: 50%;
        z-index: -1;
        margin-left: -11px;
        width: 0px;
        height: 0px;
        border-width: 2.41935vw 2.41935vw 0 2.41935vw;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        content: "";
    }
    /* line 927, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__head-ballon {
        padding: 5% 2%;
        background: none;
    }
    /* line 933, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-person {
        position: relative;
        margin-top: 8%;
        width: 47%;
        height: 57vw;
    }
    /* line 940, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__head-person {
        width: 40%;
        height: 52.2vw;
    }
    /* line 945, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-person > img {
        display: block;
    }
    /* line 956, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-caption {
        left: -28%;
        width: 73vw;
        background-color: #5D0008;
        font-size: 3vw;
    }
    /* line 962, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__head-caption {
        left: -44%;
        background-color: #214F7C;
    }
    /* line 968, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__head-small {
        position: static;
        margin-right: 3vw;
    }
    /* line 975, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__body {
        margin-top: 0;
    }
    /* line 978, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__body:before {
        content: none;
    }
    /* line 982, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__body {
        background-image: url(../img/pc/index/bg_distance.png), url(../img/pc/index/bg_radial.png);
        background-size: 100%, 100%;
    }
    /* line 986, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__body:before {
        background: none;
    }
    /* line 993, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__flex {
        padding-right: 4.25vw;
        padding-left: 4.25vw;
        height: 81.3vw;
    }
    /* line 998, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__flex:after {
        content: none;
    }
    /* line 1002, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__flex-caption {
        font-size: 1.9vw;
    }
    /* line 1006, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__flex-item:nth-of-type(1) {
        width: 55.272727%;

        align-self: flex-end;
    }
    /* line 1010, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__flex-item:nth-of-type(1) {
        width: 48.2%;
    }
    /* line 1015, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__flex-item:nth-of-type(2) {
        width: 30.454545%;
    }
    /* line 1018, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__flex-item:nth-of-type(2) {
        margin-top: 10%;
        width: 50.45454545%;
    }
    /* line 1025, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__body-visual {
        width: 41%;
    }
    /* line 1028, src/special/odyssey/_sass/module/_module.scss */
    .section-middle--distance .section-middle__body-visual {
        width: 51%;
    }
    /* line 1033, src/special/odyssey/_sass/module/_module.scss */
    .section-middle__text {
        bottom: 1%;
        font-size: 3.43871vw;
    }
}

/* ---------------------------------------------
*   section-small
--------------------------------------------- */
/* line 1046, src/special/odyssey/_sass/module/_module.scss */
.section-small__head {
    position: relative;
    z-index: 0;
    border-top: 10px solid #5D0008;
    border-bottom: 10px solid #5D0008;
    background-color: #AA1F26;
    color: #fff;
    text-align: center;
    font-size: 1.8125rem;
}

/* line 1056, src/special/odyssey/_sass/module/_module.scss */
.section-small--distance .section-small__head {
    border-top-color: #214F7C;
    border-bottom-color: #214F7C;
    background-color: #2287C0;
}

/* line 1062, src/special/odyssey/_sass/module/_module.scss */
.section-small__head-circle {
    position: relative;
    position: absolute;
    top: -50%;
    left: 10%;
    display: flex;
    box-sizing: border-box;
    width: 250px;
    height: 250px;
    border: 10px solid #5D0008;
    border-radius: 50%;
    background-color: #fff;
    color: #5D0008;
    font-weight: bold;
    font-size: 3.25rem;
    line-height: 1.4;

    align-items: center;
    justify-content: center;
}

/* line 1081, src/special/odyssey/_sass/module/_module.scss */
.section-small--distance .section-small__head-circle {
    border-color: #214F7C;
    color: #214F7C;
}

/* line 1086, src/special/odyssey/_sass/module/_module.scss */
.section-small__head-circle:before {
    position: absolute;
    top: -9%;
    left: 19.7%;
    z-index: -1;
    display: block;
    width: 120%;
    height: 120%;
    background: url(../img/pc/index/img_blur.png) 0 0 no-repeat;
    background-size: 100%;
    content: "";
}

/* line 1100, src/special/odyssey/_sass/module/_module.scss */
.section-small__head-adjust {
    display: inline-block;
    letter-spacing: 0.1em;
    transform: translateX(7%);
}

/* line 1107, src/special/odyssey/_sass/module/_module.scss */
.section-small__title {
    padding: 0.4em 0 0.4em 12em;
    letter-spacing: 0.2em;
    line-height: 1.6;
}

/* line 1113, src/special/odyssey/_sass/module/_module.scss */
.section-small__movie {
    display: flex;
    padding-top: 55px;
    background-color: #fff;

    justify-content: space-between;
    flex-wrap: wrap;
}

/* line 1121, src/special/odyssey/_sass/module/_module.scss */
.section-small__youtube {
    margin-bottom: 25px;
    margin-left: 125px;
    width: 440px;
}

/* line 1126, src/special/odyssey/_sass/module/_module.scss */
.section-small__youtube span {
    display: block;
    letter-spacing: 0.15em;
}

/* line 1131, src/special/odyssey/_sass/module/_module.scss */
.section-small__youtube-title {
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
}

/* line 1139, src/special/odyssey/_sass/module/_module.scss */
.section-small__youtube-movie {
    position: relative;
}

/* line 1143, src/special/odyssey/_sass/module/_module.scss */
.section-small__youtube-movie-image {
    position: relative;
    padding-top: 56%;
    width: 100%;
    background: url(../img/pc/index/img_direction_movie1.jpg) center center no-repeat;
    background-size: 100%;
    transition: opacity 0.5s;
}

/* line 48, src/special/odyssey/_sass/pertial/_mixin.scss */
.section-small__youtube-movie-image:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 738px) {
    /* line 54, src/special/odyssey/_sass/pertial/_mixin.scss */
    .section-small__youtube-movie-image:hover {
        opacity: 1;
    }
}

/* line 1151, src/special/odyssey/_sass/module/_module.scss */
.section-small__youtube-movie-image:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 18.9%;
    height: 40.6%;
    background-image: url(../img/pc/index/icon_play.png);
    background-position: 0 center;
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    transform: translate(-50%, -50%);
}

/* line 1166, src/special/odyssey/_sass/module/_module.scss */
.section-small--distance .section-small__youtube-movie-image {
    background: url(../img/pc/index/img_distance_movie1.jpg) center center no-repeat;
    background-size: 100%;
}

/* line 1174, src/special/odyssey/_sass/module/_module.scss */
.section-small__image {
    position: relative;
    margin-right: 50px;
    width: 550px;

    align-self: flex-end;
}

/* line 1180, src/special/odyssey/_sass/module/_module.scss */
.section-small__image-caption {
    position: absolute;
    top: 27%;
    left: 38%;
    overflow: hidden;
    padding-top: 13%;
    width: 27.3%;
    height: 0;
    background: url(../img/pc/index/img_direction_voice.png) 0 0 no-repeat;
    background-size: 100%;
}

/* line 1191, src/special/odyssey/_sass/module/_module.scss */
.section-small--distance .section-small__image-caption {
    top: -1%;
    left: 53%;
    width: 41%;
    background: url(../img/pc/index/img_distance_voice.png) center center no-repeat;
    background-size: 100%;
}

/* line 1201, src/special/odyssey/_sass/module/_module.scss */
.section-small__flow {
    display: flex;
    padding-top: 6%;
    background-color: #fff;

    flex-wrap: wrap;
    justify-content: space-between;
}

/* line 1208, src/special/odyssey/_sass/module/_module.scss */
.section-small__flow-cassette {
    width: 48.38709677%;

    align-self: flex-end;
}

/* line 1212, src/special/odyssey/_sass/module/_module.scss */
.section-small--distance .section-small__flow-cassette {
    width: 44.387097%;
}

/* line 1216, src/special/odyssey/_sass/module/_module.scss */
.section-small--distance .section-small__flow-cassette:nth-child(3) {
    width: 46.8%;
}

/* line 1221, src/special/odyssey/_sass/module/_module.scss */
.section-small__flow-arrow {
    width: 1.612903225%;

    align-self: center;
}

/* line 1226, src/special/odyssey/_sass/module/_module.scss */
.section-small--distance .section-small__flow {
    padding: 6% 6% 0 9%;
}

@media screen and (max-width: 1240px) {
    /* line 1232, src/special/odyssey/_sass/module/_module.scss */
    .section-small__head {
        border-top: 10px solid #5D0008;
        border-bottom: 10px solid #5D0008;
        font-size: 2.33871vw;
    }
    /* line 1237, src/special/odyssey/_sass/module/_module.scss */
    .section-small__head-circle {
        width: 20.16129vw;
        height: 20.16129vw;
        border: 0.80645vw solid #5D0008;
        font-size: 4.19355vw;
    }
    /* line 1245, src/special/odyssey/_sass/module/_module.scss */
    .section-small__movie {
        padding-top: 5%;
    }
    /* line 1249, src/special/odyssey/_sass/module/_module.scss */
    .section-small__youtube {
        margin-bottom: 2.01613vw;
        margin-left: 10.08065vw;
        width: 35.48387vw;
    }
    /* line 1254, src/special/odyssey/_sass/module/_module.scss */
    .section-small__youtube-title {
        font-size: 1.93548vw;
    }
    /* line 1258, src/special/odyssey/_sass/module/_module.scss */
    .section-small__youtube-movie {
        margin-bottom: 10px;
    }
    /* line 1263, src/special/odyssey/_sass/module/_module.scss */
    .section-small__image {
        margin-right: 4.03226vw;
        width: 44.35484vw;
    }
}

@media screen and (max-width: 738px) {
    /* line 1270, src/special/odyssey/_sass/module/_module.scss */
    .section-small__head {
        border-top: 2vw solid #5D0008;
        border-bottom: 2vw solid #5D0008;
        font-size: 4.5vw;
    }
    /* line 1275, src/special/odyssey/_sass/module/_module.scss */
    .section-small__head-circle {
        top: 50%;
        left: 5%;
        transform: translateY(-50%);
    }
    /* line 1280, src/special/odyssey/_sass/module/_module.scss */
    .section-small__head-circle:before {
        content: none;
    }
    /* line 1286, src/special/odyssey/_sass/module/_module.scss */
    .section-small__title {
        padding: 0.6em 1em 0.6em 6em;
        font-size: 3.5vw;
    }
    /* line 1290, src/special/odyssey/_sass/module/_module.scss */
    .section-small--distance .section-small__title {
        padding-left: 8em;
    }
    /* line 1295, src/special/odyssey/_sass/module/_module.scss */
    .section-small__movie {
        display: block;
    }
    /* line 1299, src/special/odyssey/_sass/module/_module.scss */
    .section-small__youtube {
        margin-left: 0;
        width: 100%;
    }
    /* line 1303, src/special/odyssey/_sass/module/_module.scss */
    .section-small__youtube-title {
        width: 100%;
        font-size: 5vw;
    }
    /* line 1308, src/special/odyssey/_sass/module/_module.scss */
    .section-small__youtube-movie {
        margin-bottom: 0;
        width: 100%;
    }
    /* line 1314, src/special/odyssey/_sass/module/_module.scss */
    .section-small__image {
        width: 100%;
    }
    /* line 1317, src/special/odyssey/_sass/module/_module.scss */
    .section-small__image-caption {
        top: 3%;
        left: 5%;
    }
    /* line 1321, src/special/odyssey/_sass/module/_module.scss */
    .section-small--distance .section-small__image-caption {
        top: 0%;
        left: 51%;
        width: 47%;
    }
    /* line 1329, src/special/odyssey/_sass/module/_module.scss */
    .section-small__flow {
        display: block;
    }
    /* line 1332, src/special/odyssey/_sass/module/_module.scss */
    .section-small__flow-cassette {
        width: 100%;
    }
    /* line 1335, src/special/odyssey/_sass/module/_module.scss */
    .section-small--distance .section-small__flow-cassette {
        width: 100%;
    }
    /* line 1339, src/special/odyssey/_sass/module/_module.scss */
    .section-small--distance .section-small__flow-cassette:nth-child(3) {
        width: 100%;
    }
    /* line 1344, src/special/odyssey/_sass/module/_module.scss */
    .section-small__flow-arrow {
        margin: 0 auto;
        width: 5%;
        transform: rotate(90deg);
    }
    /* line 1349, src/special/odyssey/_sass/module/_module.scss */
    .section-small--distance .section-small__flow-arrow {
        margin-left: 49.6%;
    }
    /* line 1354, src/special/odyssey/_sass/module/_module.scss */
    .section-small--distance .section-small__flow {
        padding: 6% 6% 0 6%;
    }
}

/* ---------------------------------------------
*   section-little
--------------------------------------------- */
/* line 1367, src/special/odyssey/_sass/module/_module.scss */
.section-little__head {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    margin-left: 9.5%;
    padding: 1em 0;
    max-width: 860px;
    width: 69.35484vw;
    width: 70%;

    justify-content: space-around;
    align-items: center;
}

/* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
.section-little__head:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 738px) {
    /* line 1367, src/special/odyssey/_sass/module/_module.scss */
    .section-little__head {
        max-width: none;
        max-width: initial;
        max-width: auto;
        width: auto;
    }
}

/* line 1376, src/special/odyssey/_sass/module/_module.scss */
.section-little__head:after {
    content: none;
}

/* line 1380, src/special/odyssey/_sass/module/_module.scss */
.section-little--distance .section-little__head {
    margin-right: auto;
    margin-left: auto;
    max-width: 1110px;
    width: 89.51613vw;
    width: 90%;
}

/* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
.section-little--distance .section-little__head:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 738px) {
    /* line 1380, src/special/odyssey/_sass/module/_module.scss */
    .section-little--distance .section-little__head {
        max-width: none;
        max-width: initial;
        max-width: auto;
        width: auto;
    }
}

/* line 1386, src/special/odyssey/_sass/module/_module.scss */
.section-little__logo {
    margin-left: 3%;
    width: 105px;
}

/* line 1390, src/special/odyssey/_sass/module/_module.scss */
.section-little--distance .section-little__logo {
    margin-left: 0;
    width: 250px;
}

/* line 1396, src/special/odyssey/_sass/module/_module.scss */
.section-little__text {
    margin-right: 0;
    margin-left: 6%;
    letter-spacing: 0.4em;
    font-size: 2.375rem;
}

/* line 1402, src/special/odyssey/_sass/module/_module.scss */
.section-little--distance .section-little__text {
    margin-right: 9%;
    margin-left: 0;
}

/* line 1408, src/special/odyssey/_sass/module/_module.scss */
.section-little__body {
    position: relative;
}

/* line 1412, src/special/odyssey/_sass/module/_module.scss */
.section-little__body-image {
    position: relative;
    padding-top: 30.8%;
    width: 100%;
    background: url(../img/pc/index/img_direction_movie2_pc.png);
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: opacity 0.5s;
}

/* line 48, src/special/odyssey/_sass/pertial/_mixin.scss */
.section-little__body-image:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 738px) {
    /* line 54, src/special/odyssey/_sass/pertial/_mixin.scss */
    .section-little__body-image:hover {
        opacity: 1;
    }
}

/* line 1422, src/special/odyssey/_sass/module/_module.scss */
.section-little--distance .section-little__body-image {
    background-image: url(../img/pc/index/img_distance_movie2_pc.png);
}

/* line 1426, src/special/odyssey/_sass/module/_module.scss */
.section-little__body-image:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8.9%;
    height: 29.6%;
    background-image: url(../img/pc/index/icon_play_red.png);
    background-position: 0 center;
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    transform: translate(-50%, -50%);
}

/* line 1440, src/special/odyssey/_sass/module/_module.scss */
.section-little--distance .section-little__body-image:before {
    background-image: url(../img/pc/index/icon_play_blue.png);
}

/* line 1447, src/special/odyssey/_sass/module/_module.scss */
.section-little__body-text {
    position: absolute;
    top: 35%;
    left: 11%;
    width: 280px;
}

@media screen and (max-width: 1240px) {
    /* line 1456, src/special/odyssey/_sass/module/_module.scss */
    .section-little__logo {
        width: 8.46774vw;
    }
    /* line 1459, src/special/odyssey/_sass/module/_module.scss */
    .section-little--distance .section-little__logo {
        width: 20.16129vw;
    }
    /* line 1464, src/special/odyssey/_sass/module/_module.scss */
    .section-little__text {
        letter-spacing: 0.4em;
        font-size: 3.06452vw;
    }
    /* line 1469, src/special/odyssey/_sass/module/_module.scss */
    .section-little__body-text {
        width: 22.58065vw;
    }
}

@media screen and (max-width: 738px) {
    /* line 1475, src/special/odyssey/_sass/module/_module.scss */
    .section-little__head {
        margin-left: 0;

        flex-flow: column nowrap;
    }
    /* line 1479, src/special/odyssey/_sass/module/_module.scss */
    .section-little__head:after {
        content: none;
    }
    /* line 1483, src/special/odyssey/_sass/module/_module.scss */
    .section-little--distance .section-little__head {
        margin-right: auto;
        margin-left: auto;
        max-width: 810px;
        width: 65.32258vw;
    }
    /* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
    .section-little--distance .section-little__head:after {
        display: block;
        clear: both;
        content: "";
    }
}

@media screen and (max-width: 738px) and (max-width: 738px) {
    /* line 1483, src/special/odyssey/_sass/module/_module.scss */
    .section-little--distance .section-little__head {
        max-width: none;
        max-width: initial;
        max-width: auto;
        width: auto;
    }
}

@media screen and (max-width: 738px) {
    /* line 1488, src/special/odyssey/_sass/module/_module.scss */
    .section-little__body-image {
        position: relative;
        padding-top: 34.78%;
        width: 100%;
        background-image: url(../img/pc/index/img_direction_movie2_sp.png);
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        transition: opacity 0.5s;
    }
    /* line 48, src/special/odyssey/_sass/pertial/_mixin.scss */
    .section-little__body-image:hover {
        text-decoration: none;
        opacity: 0.8;
    }
}

@media screen and (max-width: 738px) and (max-width: 738px) {
    /* line 54, src/special/odyssey/_sass/pertial/_mixin.scss */
    .section-little__body-image:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 738px) {
    /* line 1498, src/special/odyssey/_sass/module/_module.scss */
    .section-little--distance .section-little__body-image {
        background-image: url(../img/pc/index/img_distance_movie2_sp.png);
    }
    /* line 1502, src/special/odyssey/_sass/module/_module.scss */
    .section-little__body-image:before {
        width: 11.9%;
        height: 34.6%;
    }
    /* line 1508, src/special/odyssey/_sass/module/_module.scss */
    .section-little__logo {
        width: 25.46744vw;
    }
    /* line 1511, src/special/odyssey/_sass/module/_module.scss */
    .section-little--distance .section-little__logo {
        width: 250px;
    }
    /* line 1516, src/special/odyssey/_sass/module/_module.scss */
    .section-little__text {
        font-size: 6.06452vw;
    }
    /* line 1519, src/special/odyssey/_sass/module/_module.scss */
    .section-little--distance .section-little__text {
        margin-right: 0;
    }
    /* line 1524, src/special/odyssey/_sass/module/_module.scss */
    .section-little__body-text {
        left: 6%;
        width: 31vw;
    }
}

/* ---------------------------------------------
*   product
--------------------------------------------- */
/* line 1534, src/special/odyssey/_sass/module/_module.scss */
.product {
    margin-top: 35px;
}

/* line 1539, src/special/odyssey/_sass/module/_module.scss */
.product__upper-head {
    position: relative;
    display: flex;
    letter-spacing: 0.2em;
    font-weight: bold;
    font-size: 1.875rem;

    justify-content: space-between;
    flex-wrap: wrap;
}

/* line 1548, src/special/odyssey/_sass/module/_module.scss */
.product__upper-head ruby > rt {
    letter-spacing: -1.6em;
    font-size: .4em;
    transform: translateY(-0.5vw);
}

/* line 1553, src/special/odyssey/_sass/module/_module.scss */
.ie11 .product__upper-head ruby > rt,
.edge .product__upper-head ruby > rt {
    letter-spacing: 0.3em;
    transform: translateX(2%);
}

/* line 1561, src/special/odyssey/_sass/module/_module.scss */
.product__upper-toe {
    box-sizing: border-box;
    padding: 2.5vw 2vw 3vw 0;
    width: 50%;
    background-color: #AA1F26;
    text-align: right;
    letter-spacing: 0.3em;
}

/* line 1570, src/special/odyssey/_sass/module/_module.scss */
.product__upper-stroke {
    box-sizing: border-box;
    padding: 2.5vw 0 3vw 2vw;
    width: 50%;
    background-color: #2287C0;
    text-align: left;
    letter-spacing: 0.3em;
}

/* line 1579, src/special/odyssey/_sass/module/_module.scss */
.product__upper-text {
    position: absolute;
    bottom: 9%;
    left: 50%;
    font-size: 1.25rem;
    transform: translateX(-50%);
}

@media screen and (min-width: 1240px) {
    /* line 1591, src/special/odyssey/_sass/module/_module.scss */
    .product__upper-toe {
        padding: 31px 24.8px 43.4px 0;
    }
    /* line 1595, src/special/odyssey/_sass/module/_module.scss */
    .product__upper-stroke {
        padding: 31px 0 43.4px 24.8px;
    }
}

@media screen and (max-width: 1240px) {
    /* line 1604, src/special/odyssey/_sass/module/_module.scss */
    .product__upper-head {
        font-size: 2.41935vw;
    }
    /* line 1608, src/special/odyssey/_sass/module/_module.scss */
    .product__upper-text {
        font-size: 1.6129vw;
    }
}

@media screen and (max-width: 738px) {
    /* line 1534, src/special/odyssey/_sass/module/_module.scss */
    .product {
        margin-top: 0;
    }
    /* line 1618, src/special/odyssey/_sass/module/_module.scss */
    .product__upper-head {
        font-size: 6.41935vw;
    }
    /* line 1622, src/special/odyssey/_sass/module/_module.scss */
    .product__upper-toe {
        padding-left: 2vw;
        text-align: left;
        font-size: 3.3vw;
    }
    /* line 1628, src/special/odyssey/_sass/module/_module.scss */
    .product__upper-stroke {
        padding-bottom: 11.5vw;
        font-size: 3.3vw;
    }
    /* line 1633, src/special/odyssey/_sass/module/_module.scss */
    .product__upper-text {
        bottom: 16%;
        width: 100%;
        text-align: center;
        font-size: 4.6129vw;
    }
}

/* lowerのみsmartphone firstで制作 */
/* line 1647, src/special/odyssey/_sass/module/_module.scss */
.product__lower {
    background-color: #BFC0C0;
}

/* line 1650, src/special/odyssey/_sass/module/_module.scss */
.product__lower-inner {
    position: relative;
}

/* line 1654, src/special/odyssey/_sass/module/_module.scss */
.product__lower-image {
    padding: 6% 0;
}

/* line 1658, src/special/odyssey/_sass/module/_module.scss */
.product__lower-person {
    margin: 2% auto 0;
    width: 55%;
}

/* line 1663, src/special/odyssey/_sass/module/_module.scss */
.product__lower-figure {
    margin: 2% auto 0;
    width: 85%;
}

/* line 1668, src/special/odyssey/_sass/module/_module.scss */
.product__lower-title {
    padding-top: 6%;
    color: #333;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 5.5vw;
}

/* line 1677, src/special/odyssey/_sass/module/_module.scss */
.product__lower-text {
    margin: 0 auto;
    margin-top: 5%;
    width: 93.75%;
    color: #333;
    font-size: 3.5vw;
}

/* line 1685, src/special/odyssey/_sass/module/_module.scss */
.product__lower-movie {
    margin: 5% auto 0;
    width: 93.75%;
}

/* line 1689, src/special/odyssey/_sass/module/_module.scss */
.product__lower-movie-title {
    color: #333;
    text-align: center;
    font-weight: bold;
    font-family: "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
}

/* line 1696, src/special/odyssey/_sass/module/_module.scss */
.product__lower-movie-image {
    position: relative;
    padding-top: 46.8%;
    width: 100%;
    background: url(../img/pc/index/img_product_movie1.jpg) center center no-repeat;
    background-size: 100%;
    transition: opacity 0.5s;
}

/* line 48, src/special/odyssey/_sass/pertial/_mixin.scss */
.product__lower-movie-image:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 738px) {
    /* line 54, src/special/odyssey/_sass/pertial/_mixin.scss */
    .product__lower-movie-image:hover {
        opacity: 1;
    }
}

/* line 1703, src/special/odyssey/_sass/module/_module.scss */
.product__lower-movie-image:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 18.9%;
    height: 40.6%;
    background-image: url(../img/pc/index/icon_play.png);
    background-position: 0 center;
    background-size: 100%;
    background-repeat: no-repeat;
    content: "";
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 740px) {
    /* line 1722, src/special/odyssey/_sass/module/_module.scss */
    .product__lower {
        height: 59.67742vw;
    }
    /* line 1725, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-title {
        position: absolute;
        top: 2%;
        left: 24%;
        padding-top: 0;
        letter-spacing: 0.25em;
        font-size: 2.41935vw;
    }
    /* line 1734, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-inner {
        height: 100%;
    }
    /* line 1738, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-person {
        position: absolute;
        margin: 0;
        width: 23.4%;
    }
    /* line 1744, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-figure {
        position: absolute;
        top: -3.7%;
        right: 0;
        margin: 0;
        width: 37.3%;
    }
    /* line 1752, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-image {
        position: absolute;
        bottom: 8%;
        left: 0;
        padding: 0;
        width: 49.6%;
    }
    /* line 1760, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-text {
        position: absolute;
        top: 19%;
        left: 24.7%;
        margin-top: 0;
        width: 41.95%;
        letter-spacing: 0.18em;
        font-weight: bold;
        font-size: 1.29032vw;
        line-height: 2.1;
    }
    /* line 1772, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-movie {
        position: absolute;
        right: 4%;
        bottom: 11%;
        margin: 0;
        width: 42.4%;
    }
    /* line 1779, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-movie-title {
        letter-spacing: 0.1em;
        font-size: 2.41935vw;
    }
    /* line 1784, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-movie-image {
        position: relative;
        padding-top: 46.8%;
        width: 100%;
        background: url(../img/pc/index/img_product_movie1.jpg) center center no-repeat;
        background-size: 100%;
        transition: opacity 0.5s;
    }
    /* line 48, src/special/odyssey/_sass/pertial/_mixin.scss */
    .product__lower-movie-image:hover {
        text-decoration: none;
        opacity: 0.8;
    }
}

@media screen and (min-width: 740px) and (max-width: 738px) {
    /* line 54, src/special/odyssey/_sass/pertial/_mixin.scss */
    .product__lower-movie-image:hover {
        opacity: 1;
    }
}

@media screen and (min-width: 740px) {
    /* line 1791, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-movie-image:before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 18.9%;
        height: 40.6%;
        background-image: url(../img/pc/index/icon_play.png);
        background-position: 0 center;
        background-size: 100%;
        background-repeat: no-repeat;
        content: "";
        transform: translate(-50%, -50%);
    }
}

@media screen and (min-width: 1240px) {
    /* line 1811, src/special/odyssey/_sass/module/_module.scss */
    .product__lower {
        height: 740px;
    }
    /* line 1814, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-inner {
        height: 100%;
    }
    /* line 1818, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-title {
        position: absolute;
        top: 2%;
        left: 24%;
        padding-top: 0;
        font-size: 30px;
    }
    /* line 1826, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-person {
        position: absolute;
        margin: 0;
        width: 23.4%;
    }
    /* line 1832, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-figure {
        position: absolute;
        top: -3.7%;
        right: 0;
        margin: 0;
        width: 37.3%;
    }
    /* line 1840, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-text {
        position: absolute;
        top: 19%;
        left: 24.7%;
        margin-top: 0;
        width: 41.95%;
        letter-spacing: 0.18em;
        font-weight: bold;
        font-size: 16px;
        line-height: 2.1;
    }
    /* line 1852, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-image {
        position: absolute;
        bottom: 8%;
        left: 0;
        padding: 0;
        width: 49.6%;
    }
    /* line 1860, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-movie {
        position: absolute;
        right: 4%;
        bottom: 11%;
        margin: 0;
        width: 42.4%;
    }
    /* line 1867, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-movie-title {
        font-size: 30px;
    }
    /* line 1871, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-movie-image {
        position: relative;
        padding-top: 46.8%;
        width: 100%;
        background: url(../img/pc/index/img_product_movie1.jpg) center center no-repeat;
        background-size: 100%;
        transition: opacity 0.5s;
    }
    /* line 48, src/special/odyssey/_sass/pertial/_mixin.scss */
    .product__lower-movie-image:hover {
        text-decoration: none;
        opacity: 0.8;
    }
}

@media screen and (min-width: 1240px) and (max-width: 738px) {
    /* line 54, src/special/odyssey/_sass/pertial/_mixin.scss */
    .product__lower-movie-image:hover {
        opacity: 1;
    }
}

@media screen and (min-width: 1240px) {
    /* line 1878, src/special/odyssey/_sass/module/_module.scss */
    .product__lower-movie-image:before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 18.9%;
        height: 40.6%;
        background-image: url(../img/pc/index/icon_play.png);
        background-position: 0 center;
        background-size: 100%;
        background-repeat: no-repeat;
        content: "";
        transform: translate(-50%, -50%);
    }
}

/* ---------------------------------------------
*   catalog
--------------------------------------------- */
/* line 1902, src/special/odyssey/_sass/module/_module.scss */
.catalog {
    margin-bottom: 70px;
}

/* line 1906, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
    width: 94.35484vw;

    justify-content: space-between;
    flex-wrap: wrap;
}

/* line 24, src/special/odyssey/_sass/pertial/_mixin.scss */
.catalog__cassette:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 738px) {
    /* line 1906, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette {
        max-width: none;
        max-width: initial;
        max-width: auto;
        width: auto;
    }
}

/* line 1912, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette:nth-of-type(n+2) {
    border-top: 2px solid #000;
}

/* line 1917, src/special/odyssey/_sass/module/_module.scss */
.catalog__product {
    width: 61.42149%;
}

/* line 1920, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette--oworks .catalog__product {
    display: flex;
    width: 46.98275862%;

    flex-wrap: wrap;
    justify-content: space-between;
}

/* line 1928, src/special/odyssey/_sass/module/_module.scss */
.catalog__head {
    display: flex;
    width: 37.9310344%;

    align-items: center;
    justify-content: center;
}

/* line 1934, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette--oworks .catalog__head {
    display: block;
    margin-top: 4%;
}

/* line 1938, src/special/odyssey/_sass/module/_module.scss */
.firefox .catalog__cassette--oworks .catalog__head {
    margin-top: 4vw;
}

/* line 1943, src/special/odyssey/_sass/module/_module.scss */
.catalog__head-text {
    margin-top: 10%;
    color: #3E3A39;
    text-align: right;
    letter-spacing: 0.3em;
    font-weight: bold;
    font-size: 1rem;
}

/* line 1952, src/special/odyssey/_sass/module/_module.scss */
.catalog__head-button {
    display: block;
    margin: 4.5% auto 0;
    padding: 2% 0;
    width: 195px;
    border-radius: 3px;
    background-color: #6D6C6C;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.25em;
    font-size: 0.8125rem;
    transition: opacity 0.5s;
}

/* line 48, src/special/odyssey/_sass/pertial/_mixin.scss */
.catalog__head-button:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 738px) {
    /* line 54, src/special/odyssey/_sass/pertial/_mixin.scss */
    .catalog__head-button:hover {
        opacity: 1;
    }
}

/* line 1967, src/special/odyssey/_sass/module/_module.scss */
.catalog__logo-caption {
    display: block;
    margin-bottom: 3%;
    color: #000;
    text-align: right;
    font-weight: bold;
}

/* line 1975, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette--toeup .catalog__logo {
    margin: 0;
    width: 226px;
}

/* line 1980, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette--strokelab .catalog__logo {
    margin-right: 16%;
    padding-left: 5px;
    width: 340px;
}

/* line 1986, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette--oworks:after {
    content: none;
}

/* line 1990, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette--oworks .catalog__logo {
    margin-left: 13%;
    width: 295px;
}

/* line 1995, src/special/odyssey/_sass/module/_module.scss */
.catalog__list {
    display: flex;
    margin-bottom: 20px;

    justify-content: space-between;
    flex-wrap: wrap;
}

/* line 2001, src/special/odyssey/_sass/module/_module.scss */
.catalog__list-image {
    color: #3E3A39;
    text-align: center;
    font-size: 1.25rem;
}

/* line 2007, src/special/odyssey/_sass/module/_module.scss */
.catalog__list-item {
    width: 30.3937007%;
}

/* line 2011, src/special/odyssey/_sass/module/_module.scss */
.catalog__list-caption {
    margin-top: 13%;
}

/* line 2015, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette--strokelab .catalog__list:nth-of-type(1) {
    transform: translateX(-6%);
}

/* line 2019, src/special/odyssey/_sass/module/_module.scss */
.catalog__cassette--strokelab .catalog__list:nth-of-type(n+2) {
    border-top: 2px solid #000;
}

/* line 2024, src/special/odyssey/_sass/module/_module.scss */
.catalog__button {
    display: block;
    margin-top: 7%;
    padding: 2% 0;
    width: 100%;
    border-radius: 3px;
    background-color: #6D6C6C;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.25em;
    font-size: 0.9125rem;
    transition: opacity 0.5s;
}

/* line 48, src/special/odyssey/_sass/pertial/_mixin.scss */
.catalog__button:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 738px) {
    /* line 54, src/special/odyssey/_sass/pertial/_mixin.scss */
    .catalog__button:hover {
        opacity: 1;
    }
}

/* line 2038, src/special/odyssey/_sass/module/_module.scss */
.catalog__product-image {
    width: 33%;
}

/* line 2042, src/special/odyssey/_sass/module/_module.scss */
.catalog__product-text {
    margin-top: 9%;
    margin-right: 3%;
    color: #3E3A39;
    letter-spacing: 0.3em;
    font-weight: bold;
    font-weight: bold;
    font-size: 1.2rem;

    align-self: center;
}

@media screen and (min-width: 1240px) {
    /* line 2058, src/special/odyssey/_sass/module/_module.scss */
    .firefox .catalog__cassette--oworks .catalog__head {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1240px) {
    /* line 2068, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette:nth-of-type(n+2) {
        border-top: 0.16129vw solid #000;
    }
    /* line 2075, src/special/odyssey/_sass/module/_module.scss */
    .catalog__head-text {
        font-size: 1.29032vw;
    }
    /* line 2079, src/special/odyssey/_sass/module/_module.scss */
    .catalog__head-button {
        width: 15.72581vw;
        border-radius: 0.24194vw;
        font-size: 1.04839vw;
    }
    /* line 2086, src/special/odyssey/_sass/module/_module.scss */
    .catalog__logo-caption {
        font-size: 1.3vw;
    }
    /* line 2090, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--toeup .catalog__logo {
        width: 18.22581vw;
    }
    /* line 2094, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--strokelab .catalog__logo {
        padding-left: 0.40323vw;
        width: 27.41935vw;
    }
    /* line 2099, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--oworks .catalog__logo {
        width: 23.79032vw;
    }
    /* line 2103, src/special/odyssey/_sass/module/_module.scss */
    .catalog__list {
        margin-bottom: 1.6129vw;
    }
    /* line 2106, src/special/odyssey/_sass/module/_module.scss */
    .catalog__list-image {
        font-size: 1.6129vw;
    }
    /* line 2110, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--strokelab .catalog__list:nth-of-type(n+2) {
        border-top: 0.16129vw solid #000;
    }
    /* line 2115, src/special/odyssey/_sass/module/_module.scss */
    .catalog__button {
        border-radius: 0.24194vw;
        font-size: 1.17742vw;
    }
    /* line 2120, src/special/odyssey/_sass/module/_module.scss */
    .catalog__product-text {
        font-size: 1.29032vw;
    }
}

@media screen and (max-width: 738px) {
    /* line 1902, src/special/odyssey/_sass/module/_module.scss */
    .catalog {
        margin: 12% 0;
    }
    /* line 2128, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette {
        display: block;
        padding-right: 4.375vw;
        padding-left: 4.375vw;
    }
    /* line 2133, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette:nth-of-type(n+2) {
        padding-top: 12%;
        border-top: 0.16129vw solid #000;
    }
    /* line 2138, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--oworks {
        position: relative;
        display: flex;

        flex-flow: column nowrap;
    }
    /* line 2145, src/special/odyssey/_sass/module/_module.scss */
    .catalog__product {
        margin-top: 5%;
        width: 100%;
    }
    /* line 2149, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--oworks .catalog__product {
        display: flex;
        margin-top: 24%;
        width: 100%;

        flex-flow: column nowrap;
        justify-content: space-between;
        align-items: center;
        order: 1;
    }
    /* line 2160, src/special/odyssey/_sass/module/_module.scss */
    .catalog__head {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    /* line 2165, src/special/odyssey/_sass/module/_module.scss */
    .catalog__head-text {
        text-align: center;
        font-size: 4.51613vw;
    }
    /* line 2170, src/special/odyssey/_sass/module/_module.scss */
    .catalog__head-button {
        width: 100%;
        border-radius: 0.84677vw;
        font-size: 3.66935vw;
    }
    /* line 2176, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--oworks .catalog__head {
        order: 2;
    }
    /* line 2181, src/special/odyssey/_sass/module/_module.scss */
    .catalog__logo-caption {
        font-size: 2.8vw;
    }
    /* line 2185, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--toeup .catalog__logo {
        margin: 0 auto;
        width: 45%;
    }
    /* line 2190, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--strokelab .catalog__logo {
        margin: 0 auto;
        padding-left: 0;
        width: 80%;
    }
    /* line 2196, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--oworks .catalog__logo {
        position: absolute;
        top: 9%;
        left: 50%;
        margin: 0 auto;
        width: 70%;
        transform: translateX(-50%);
    }
    /* line 2205, src/special/odyssey/_sass/module/_module.scss */
    .catalog__list {
        margin-bottom: 5.64516vw;
    }
    /* line 2208, src/special/odyssey/_sass/module/_module.scss */
    .catalog__list-item {
        width: 100%;
    }
    /* line 2212, src/special/odyssey/_sass/module/_module.scss */
    .catalog__list-image {
        font-size: 5.64516vw;
    }
    /* line 2216, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--strokelab .catalog__list:nth-of-type(1) {
        transform: none;
    }
    /* line 2220, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--strokelab .catalog__list:nth-of-type(n+2) {
        border-top: 0.16129vw solid #000;
    }
    /* line 2225, src/special/odyssey/_sass/module/_module.scss */
    .catalog__button {
        border-radius: 0.84677vw;
        font-size: 3.66935vw;
    }
    /* line 2230, src/special/odyssey/_sass/module/_module.scss */
    .catalog__product-image {
        order: 2;
    }
    /* line 2233, src/special/odyssey/_sass/module/_module.scss */
    .catalog__cassette--oworks .catalog__product-image {
        width: 75%;
    }
    /* line 2238, src/special/odyssey/_sass/module/_module.scss */
    .catalog__product-text {
        font-size: 4.51613vw;

        order: 1;
    }
}

/* ---------------------------------------------
*   js-slick
--------------------------------------------- */
/* line 2248, src/special/odyssey/_sass/module/_module.scss */
.js-slick .slick-slide:not(.slick-center) {
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.5s linear;

    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

/* line 2257, src/special/odyssey/_sass/module/_module.scss */
.js-slick .slick-slide {
    margin: 0.3%;
}

/* ---------------------------------------------
*   js-modal-youtube
--------------------------------------------- */
/* line 2264, src/special/odyssey/_sass/module/_module.scss */
.js-modal-youtube {
    display: block;
    outline: none;
    background-color: #fff;
}

/* ==========================================================
*
*   page
*
========================================================== */