@charset "UTF-8";
/* ==========================================================
Name:
    module.css

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

Contents:
    margin
    hide
    module
    page
    ========================================================== */
/* ==========================================================
*
*   module
*
========================================================== */
/*  mod-archive
--------------------------------------------- */
/* line 20, src/_sass/module/_module.scss */
h1,h2,h3{
	font-family: "Century Gothic", "Roboto", sans-serif;
}
.mod-archive--topics-index {
    padding: 40px 0;
}

@media screen and (max-width: 738px) {
    /* line 20, src/_sass/module/_module.scss */
    .mod-archive--topics-index {
        margin-bottom: 8.25%;
        padding: 6.25% 0 0;
    }
}

/* line 29, src/_sass/module/_module.scss */
.mod-archive--topics-detail {
    margin-top: 43px;
}

@media screen and (max-width: 738px) {
    /* line 29, src/_sass/module/_module.scss */
    .mod-archive--topics-detail {
        margin-top: 9.875%;
    }
}

@media screen and (max-width: 750px) {
    /* line 37, src/_sass/module/_module.scss */
    .mod-archive__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 44, src/_sass/module/_module.scss */
.mod-archive__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 44, src/_sass/module/_module.scss */
    .mod-archive__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 48, src/_sass/module/_module.scss */
.mod-archive--topics-detail .mod-archive__heading {
    font-size: 2rem;
}

@media screen and (max-width: 750px) {
    /* line 48, src/_sass/module/_module.scss */
    .mod-archive--topics-detail .mod-archive__heading {
        text-align: left;
        font-size: 1.42857rem;
    }
}

/* line 57, src/_sass/module/_module.scss */
.mod-archive__body {
    margin-top: 33px;
}

@media screen and (max-width: 750px) {
    /* line 57, src/_sass/module/_module.scss */
    .mod-archive__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 66, src/_sass/module/_module.scss */
.mod-archive--topics-detail .mod-archive__body {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    /* line 66, src/_sass/module/_module.scss */
    .mod-archive--topics-detail .mod-archive__body {
        margin-top: 3.25%;
    }
}

/* line 74, src/_sass/module/_module.scss */
.mod-archive__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    /* line 74, src/_sass/module/_module.scss */
    .mod-archive__list {
        display: block;
    }
}

/* line 83, src/_sass/module/_module.scss */
.mod-archive__list-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 3.07377%;
    width: 31.14754%;
}

/* line 89, src/_sass/module/_module.scss */
.mod-archive__list-item.js-topics-link {
    cursor: pointer;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

/* line 36, src/_sass/partial/_util.scss */
.mod-archive__list-item.js-topics-link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .mod-archive__list-item.js-topics-link,
.ipad .mod-archive__list-item.js-topics-link,
.android .mod-archive__list-item.js-topics-link,
.androidTablet .mod-archive__list-item.js-topics-link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .mod-archive__list-item.js-topics-link:hover,
.ipad .mod-archive__list-item.js-topics-link:hover,
.android .mod-archive__list-item.js-topics-link:hover,
.androidTablet .mod-archive__list-item.js-topics-link:hover {
    opacity: 1;
}

@media screen and (min-width: 751px) {
    /* line 83, src/_sass/module/_module.scss */
    .mod-archive__list-item {
        margin-right: 3.27869%;
    }
    /* line 97, src/_sass/module/_module.scss */
    .mod-archive__list-item:nth-of-type(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 750px) {
    /* line 83, src/_sass/module/_module.scss */
    .mod-archive__list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 6.66667%;
        width: auto;
    }
}

/* line 109, src/_sass/module/_module.scss */
.mod-archive__list-item:nth-child(-n+3) {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    /* line 109, src/_sass/module/_module.scss */
    .mod-archive__list-item:nth-child(-n+3) {
        margin-top: 6.66667%;
    }
}

@media screen and (max-width: 750px) {
    /* line 117, src/_sass/module/_module.scss */
    .mod-archive__list-item:first-child {
        margin-top: 0;
    }
}

/* line 124, src/_sass/module/_module.scss */
.mod-archive__image {
    position: relative;
    overflow: hidden;
    padding-top: 70.45455%;
    width: 100%;
    height: 0;
}

@media screen and (max-width: 750px) {
    /* line 124, src/_sass/module/_module.scss */
    .mod-archive__image {
        padding-top: 34.51852%;
        min-width: 48.88889%;
        width: 48.88889%;
    }
}

/* line 138, src/_sass/module/_module.scss */
.mod-archive__image-content {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    height: 100%; 
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* wakabayashi add 0805 */
    width: auto;
}

/* line 147, src/_sass/module/_module.scss */
.mod-archive__text {
    padding: 4.93421%;
}

@media screen and (max-width: 750px) {
    /* line 147, src/_sass/module/_module.scss */
    .mod-archive__text {
        padding: 0 0 0 4.16667%;

        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }
}

/* line 156, src/_sass/module/_module.scss */
.mod-archive__label {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 5.26316% 5.26316%;
    padding: 1.31579% 3.94737%;
    background-color: #fff;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 156, src/_sass/module/_module.scss */
    .mod-archive__label {
        position: static;
        display: inline-block;
        margin: 0;
        padding: 0.57803% 4.33526% 0;
        background-color: #bab3b1;
        color: #fff;
        vertical-align: top;
        font-size: 0.71429rem;
    }
}

/* line 177, src/_sass/module/_module.scss */
.mod-archive__date {
    font-size: 0.875rem;
}

@media screen and (max-width: 750px) {
    /* line 177, src/_sass/module/_module.scss */
    .mod-archive__date {
        margin-top: 2.31214%;
        font-size: 0.71429rem;
    }
}

/* line 186, src/_sass/module/_module.scss */
.mod-archive__headline {
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    /* line 186, src/_sass/module/_module.scss */
    .mod-archive__headline {
        margin-top: 4.62428%;
        font-size: 0.85714rem;
    }
}

/* line 195, src/_sass/module/_module.scss */
.mod-archive__tags {
    overflow: hidden;
    margin-top: 10px;
}

@media screen and (max-width: 750px) {
    /* line 195, src/_sass/module/_module.scss */
    .mod-archive__tags {
        margin-top: 4.33526%;
    }
}

/* line 204, src/_sass/module/_module.scss */
.mod-archive__tag {
    position: relative;
    float: left;
    margin-right: 5px;
    padding-right: 10px;
    color: #8a7f7c;
    font-size: 0.8125rem;
}

@media screen and (max-width: 750px) {
    /* line 204, src/_sass/module/_module.scss */
    .mod-archive__tag {
        margin: 2.89017% 2.89017% 0 0;
        font-size: 0.71429rem;
    }
}

/* line 218, src/_sass/module/_module.scss */
.mod-archive__tag:last-child {
    margin-right: 0;
    padding-right: 0;
}

/* line 223, src/_sass/module/_module.scss */
.mod-archive__tag:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    content: "/";
}

/* line 232, src/_sass/module/_module.scss */
.mod-archive__tag:last-child:after {
    display: none;
}

/* line 236, src/_sass/module/_module.scss */
.mod-archive__tag-link {
    display: block;
    text-decoration: underline;
}

/* line 128, src/_sass/partial/_util.scss */
.mod-archive__tag-link:hover {
    text-decoration: none;
}

/* line 139, src/_sass/partial/_util.scss */
.iphone .mod-archive__tag-link:hover,
.ipad .mod-archive__tag-link:hover,
.android .mod-archive__tag-link:hover,
.androidTablet .mod-archive__tag-link:hover {
    text-decoration: underline;
}

/* line 241, src/_sass/module/_module.scss */
.mod-archive__footer {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    /* line 241, src/_sass/module/_module.scss */
    .mod-archive__footer {
        margin-top: 10%;
    }
}

/* ---------------------------------------------
*   mod-client
--------------------------------------------- */
/* line 259, src/_sass/module/_module.scss */
.mod-client--index {
    margin-bottom: 55px;
}

@media screen and (max-width: 750px) {
    /* line 259, src/_sass/module/_module.scss */
    .mod-client--index {
        margin-bottom: 4.5%;
    }
}

/* line 267, src/_sass/module/_module.scss */
.mod-client__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 83.25%;
}

@media screen and (min-width: 1601px) {
    /* line 267, src/_sass/module/_module.scss */
    .mod-client__container {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 267, src/_sass/module/_module.scss */
    .mod-client__container {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 279, src/_sass/module/_module.scss */
.mod-client__inner {
    padding: 35px 0 60px;
    border: 1px solid #202832;
}

@media screen and (max-width: 750px) {
    /* line 279, src/_sass/module/_module.scss */
    .mod-client__inner {
        padding: 8.05556% 0 9.16667%;
    }
}

/* line 291, src/_sass/module/_module.scss */
.mod-client__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 291, src/_sass/module/_module.scss */
    .mod-client__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 295, src/_sass/module/_module.scss */
.mod-client__body {
    margin-top: 32px;
	text-align:center;

}

/* line 299, src/_sass/module/_module.scss */
.mod-client__dummy-image {
    margin: 0 auto;
    width: 66.31098%;
    text-align:center;
}

@media screen and (max-width: 750px) {
    /* line 299, src/_sass/module/_module.scss */
    .mod-client__dummy-image {
	vertical-align: middle;
    width: 79.44444%;
	text-align:center;
    }
}

/* ---------------------------------------------
*   mod-faq
--------------------------------------------- */
/* line 312, src/_sass/module/_module.scss */
.mod-faq {
    padding: 64px 0 80px;
    background-color: #ecf0f5;
}

@media screen and (max-width: 750px) {
    /* line 312, src/_sass/module/_module.scss */
    .mod-faq {
        padding: 8.5% 0 10%;
    }
}

/* line 325, src/_sass/module/_module.scss */
.mod-faq--bottom-barrow {
    padding-bottom: 56px;
}

@media screen and (max-width: 750px) {
    /* line 325, src/_sass/module/_module.scss */
    .mod-faq--bottom-barrow {
        padding-bottom: 3%;
    }
}

/* line 333, src/_sass/module/_module.scss */
.mod-faq__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 69.25%;
}

@media screen and (min-width: 1601px) {
    /* line 333, src/_sass/module/_module.scss */
    .mod-faq__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 333, src/_sass/module/_module.scss */
    .mod-faq__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 348, src/_sass/module/_module.scss */
.mod-faq__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 348, src/_sass/module/_module.scss */
    .mod-faq__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 352, src/_sass/module/_module.scss */
.mod-faq__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 58px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 69.25%;
}

@media screen and (min-width: 1601px) {
    /* line 352, src/_sass/module/_module.scss */
    .mod-faq__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 352, src/_sass/module/_module.scss */
    .mod-faq__body {
        margin-top: 7.125%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 372, src/_sass/module/_module.scss */
.mod-faq__section {
    margin-top: 16px;
    border: 1px solid #688daa;
}

@media screen and (max-width: 750px) {
    /* line 372, src/_sass/module/_module.scss */
    .mod-faq__section {
        margin-top: 4.44444%;
    }
}

/* line 381, src/_sass/module/_module.scss */
.mod-faq__section:first-child {
    margin-top: 0;
}

/* line 385, src/_sass/module/_module.scss */
.mod-faq__section-header {
    padding: 25px 29px;
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    /* line 385, src/_sass/module/_module.scss */
    .mod-faq__section-header {
        padding: 3.05556% 5.27778%;
    }
}

@media screen and (max-width: 750px) {
    /* line 394, src/_sass/module/_module.scss */
    .mod-faq__section-header-inner {
        padding: 0 1.24611%;
    }
}

/* line 401, src/_sass/module/_module.scss */
.mod-faq__section-heading {
    position: relative;
    padding: 0 30px 0 50px;
    background: url("/img/common/icon_question.png") left top no-repeat;
    background-size: 28px auto;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 750px) {
    /* line 401, src/_sass/module/_module.scss */
    .mod-faq__section-heading {
        padding: 0 0 0 11.21495%;
        background-position: left center;
        background-size: 8.41121% auto;
        font-size: 1rem;
    }
}

/* line 417, src/_sass/module/_module.scss */
.mod-faq__section-heading:after {
    position: absolute;
    top: 0.5em;
    right: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 22px;
    height: 0;
    background: url("/img/pc/common/arrow_down_blue.png") 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 750px) {
    /* line 417, src/_sass/module/_module.scss */
    .mod-faq__section-heading:after {
        display: none;
    }
}

/* line 434, src/_sass/module/_module.scss */
.mod-faq__section-body {
    display: none;
    padding: 0 23px;
}

@media screen and (max-width: 750px) {
    /* line 434, src/_sass/module/_module.scss */
    .mod-faq__section-body {
        padding: 0 5.27778% 6.11111%;
    }
}

/* line 443, src/_sass/module/_module.scss */
.mod-faq__section--opened .mod-faq__section-body {
    display: block;
}

/* line 447, src/_sass/module/_module.scss */
.mod-faq__section-body-inner {
    padding: 24px 6px 33px;
    border-top: 1px solid #202832;
}

@media screen and (max-width: 750px) {
    /* line 447, src/_sass/module/_module.scss */
    .mod-faq__section-body-inner {
        padding: 24px 1.24611% 0;
    }
}

/* line 456, src/_sass/module/_module.scss */
.mod-faq__section-text {
    padding-left: 50px;
    background: url("/img/common/icon_answer.png") left top no-repeat;
    background-size: 29px auto;
    line-height: 1.75;
}

@media screen and (max-width: 750px) {
    /* line 456, src/_sass/module/_module.scss */
    .mod-faq__section-text {
        padding-left: 11.52648%;
        background-size: 8.56698% auto;
        font-size: 1rem;
    }
}

/* line 469, src/_sass/module/_module.scss */
.mod-faq__footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 69.25%;
}

@media screen and (min-width: 1601px) {
    /* line 469, src/_sass/module/_module.scss */
    .mod-faq__footer {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 469, src/_sass/module/_module.scss */
    .mod-faq__footer {
        margin-top: 6%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 486, src/_sass/module/_module.scss */
.mod-faq__footer-link {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 16px 0;
    width: 304px;
    border-radius: 4px;
    background-color: #bab3b1;
    color: #fff;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.mod-faq__footer-link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .mod-faq__footer-link,
.ipad .mod-faq__footer-link,
.android .mod-faq__footer-link,
.androidTablet .mod-faq__footer-link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .mod-faq__footer-link:hover,
.ipad .mod-faq__footer-link:hover,
.android .mod-faq__footer-link:hover,
.androidTablet .mod-faq__footer-link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 486, src/_sass/module/_module.scss */
    .mod-faq__footer-link {
        padding: 3.61111% 0;
        width: 66.66667%;
        font-size: 0.85714rem;
    }
}

/* line 501, src/_sass/module/_module.scss */
.mod-faq__footer-link-text {
    display: block;
}

/* ---------------------------------------------
*   mod-pagination
--------------------------------------------- */
/* line 509, src/_sass/module/_module.scss */
.mod-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin-bottom: 3.27869%;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    /* line 509, src/_sass/module/_module.scss */
    .mod-pagination {
        margin-bottom: 5.33333%;
    }
}

/* line 519, src/_sass/module/_module.scss */
.mod-pagination a {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

/* line 36, src/_sass/partial/_util.scss */
.mod-pagination a:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .mod-pagination a,
.ipad .mod-pagination a,
.android .mod-pagination a,
.androidTablet .mod-pagination a {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .mod-pagination a:hover,
.ipad .mod-pagination a:hover,
.android .mod-pagination a:hover,
.androidTablet .mod-pagination a:hover {
    opacity: 1;
}

/* line 523, src/_sass/module/_module.scss */
.mod-pagination__pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0.40984%;
    margin-left: 0.40984%;
    width: 32px;
    height: 32px;
    border: 1px solid #688daa;
    color: #688daa;
    font-size: 1rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1;

    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    /* line 523, src/_sass/module/_module.scss */
    .mod-pagination__pager {
        margin-right: 0.81967%;
        margin-left: 0.81967%;
        max-width: 80px;
        max-height: 80px;
        width: 10vw;
        height: 10vw;
        border-width: 0.25vw;
        font-size: 4.375vw;
    }
}

/* line 549, src/_sass/module/_module.scss */
.mod-pagination__pager--prev, .mod-pagination__pager--next {
    padding-bottom: .4%;
    font-size: 1.25rem;
}

@media screen and (max-width: 750px) {
    /* line 549, src/_sass/module/_module.scss */
    .mod-pagination__pager--prev, .mod-pagination__pager--next {
        font-size: 5.625vw;
    }
}

/* line 559, src/_sass/module/_module.scss */
.mod-pagination__pager--prev {
    margin-right: 1.22951%;
    margin-left: 0;
}

/* line 564, src/_sass/module/_module.scss */
.mod-pagination__pager--next {
    margin-right: 0;
    margin-left: 1.22951%;
}

/* line 569, src/_sass/module/_module.scss */
.mod-pagination__pager--nolink {
    border-color: #ccd3db;
    color: #ccd3db;
}

/* line 574, src/_sass/module/_module.scss */
.mod-pagination__pager--current {
    border-color: #202832;
    color: #202832;
}

/* ---------------------------------------------
*   mod-post
--------------------------------------------- */
/* line 584, src/_sass/module/_module.scss */
.mod-post {
    margin-right: auto;
    margin-left: auto;
    padding-top: 53px;
    width: 77.04918%;
    /* Facebook Button */
}

@media screen and (max-width: 750px) {
    /* line 584, src/_sass/module/_module.scss */
    .mod-post {
        padding-top: 9.125%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 600, src/_sass/module/_module.scss */
.mod-post__header-upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: end;
    margin-bottom: 28px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
}

@media screen and (max-width: 750px) {
    /* line 600, src/_sass/module/_module.scss */
    .mod-post__header-upper {
        margin-bottom: 3.88889%;
    }
}

/* line 611, src/_sass/module/_module.scss */
.mod-post__date {
    padding: 4px 10px;
    background-color: #202832;
    color: #fff;
    font-weight: 700;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 611, src/_sass/module/_module.scss */
    .mod-post__date {
        padding: 0.83333% 2.36111%;
        font-size: 0.71429rem;
    }
}

/* line 623, src/_sass/module/_module.scss */
.mod-post__header-share {
    line-height: 1;
}

/* line 630, src/_sass/module/_module.scss */
.mod-post__heading {
    margin-bottom: 9px;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 630, src/_sass/module/_module.scss */
    .mod-post__heading {
        margin-bottom: 2.5%;
        font-size: 1.42857rem;
    }
}

/* line 642, src/_sass/module/_module.scss */
.mod-post__tags {
    overflow: hidden;
    margin-top: -5px;
}

@media screen and (max-width: 750px) {
    /* line 642, src/_sass/module/_module.scss */
    .mod-post__tags {
        margin-top: -2.22222%;
    }
}

/* line 652, src/_sass/module/_module.scss */
.mod-post__tag {
    position: relative;
    float: left;
    margin: 5px 5px 0 0;
    padding-right: 12px;
    color: #8a7f7c;
}

@media screen and (max-width: 750px) {
    /* line 652, src/_sass/module/_module.scss */
    .mod-post__tag {
        margin: 2.22222% 2.08333% 0 0;
        padding-right: 3.47222%;
        font-size: 0.71429rem;
    }
}

/* line 666, src/_sass/module/_module.scss */
.mod-post__tag:last-child {
    margin-right: 0;
    padding-right: 0;
}

/* line 671, src/_sass/module/_module.scss */
.mod-post__tag:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    content: "/";
}

/* line 680, src/_sass/module/_module.scss */
.mod-post__tag:last-child:after {
    display: none;
}

/* line 684, src/_sass/module/_module.scss */
.mod-post__tag-link {
    display: block;
    text-decoration: underline;
}

/* line 128, src/_sass/partial/_util.scss */
.mod-post__tag-link:hover {
    text-decoration: none;
}

/* line 139, src/_sass/partial/_util.scss */
.iphone .mod-post__tag-link:hover,
.ipad .mod-post__tag-link:hover,
.android .mod-post__tag-link:hover,
.androidTablet .mod-post__tag-link:hover {
    text-decoration: underline;
}

/* line 692, src/_sass/module/_module.scss */
.mod-post__mainimg {
    padding-top: 20px;
}

@media screen and (max-width: 750px) {
    /* line 692, src/_sass/module/_module.scss */
    .mod-post__mainimg {
        padding-top: 5%;
    }
}

/* line 702, src/_sass/module/_module.scss */
.mod-post__wysiwyg > * {
    margin: 2em 0;
}

@media screen and (max-width: 750px) {
    /* line 702, src/_sass/module/_module.scss */
    .mod-post__wysiwyg > * {
        margin: 1.3em 0;
    }
}

/* line 710, src/_sass/module/_module.scss */
.mod-post__wysiwyg h3 {
    font-size: 1.75rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 710, src/_sass/module/_module.scss */
    .mod-post__wysiwyg h3 {
        font-size: 1.31429rem;
    }
}

/* line 719, src/_sass/module/_module.scss */
.mod-post__wysiwyg h4 {
    font-size: 1.5rem;
    line-height: 1.25;
}
.mod-post__wysiwyg h2 {
    font-size: 1.5rem;
    line-height: 1.25;
	margin-top: 2em !important;
}

@media screen and (max-width: 750px) {
    /* line 719, src/_sass/module/_module.scss */
    .mod-post__wysiwyg h4 {
        font-size: 1.2rem;
    }
    .mod-post__wysiwyg h2 {
        font-size: 1.2rem;
    }
}

/* line 728, src/_sass/module/_module.scss */
.mod-post__wysiwyg h5 {
    font-size: 1rem;
    line-height: 1.25;
	margin-top: 2em !important;
}

@media screen and (max-width: 750px) {
    /* line 728, src/_sass/module/_module.scss */
    .mod-post__wysiwyg h5 {
        font-size: 1.08571rem;
    }
}

/* line 737, src/_sass/module/_module.scss */
.mod-post__wysiwyg h6 {
    font-size: 1rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 737, src/_sass/module/_module.scss */
    .mod-post__wysiwyg h6 {
        font-size: 1rem;
    }
}

/* line 746, src/_sass/module/_module.scss */
.mod-post__wysiwyg p,
.mod-post__wysiwyg ul,
.mod-post__wysiwyg ol {
    font-size: 1rem;
}

@media screen and (max-width: 750px) {
    /* line 746, src/_sass/module/_module.scss */
    .mod-post__wysiwyg p,
    .mod-post__wysiwyg ul,
    .mod-post__wysiwyg ol {
        font-size: 1rem;
        line-height: 2;
    }
}

/* line 757, src/_sass/module/_module.scss */
.mod-post__wysiwyg ul,
.mod-post__wysiwyg ol {
    padding-left: 1.2em;
}

/* line 762, src/_sass/module/_module.scss */
.mod-post__wysiwyg ul > li {
    list-style: disc;
}

/* line 766, src/_sass/module/_module.scss */
.mod-post__wysiwyg ol > li {
    list-style: decimal;
}

/* line 770, src/_sass/module/_module.scss */
.mod-post__wysiwyg a {
    text-decoration: underline;
}

/* line 128, src/_sass/partial/_util.scss */
.mod-post__wysiwyg a:hover {
    text-decoration: none;
}

/* line 139, src/_sass/partial/_util.scss */
.iphone .mod-post__wysiwyg a:hover,
.ipad .mod-post__wysiwyg a:hover,
.android .mod-post__wysiwyg a:hover,
.androidTablet .mod-post__wysiwyg a:hover {
    text-decoration: underline;
}

/* line 774, src/_sass/module/_module.scss */
.mod-post__wysiwyg strong {
    font-weight: bold;
}

/* line 778, src/_sass/module/_module.scss */
.mod-post__wysiwyg em {
    font-style: italic;
}

/* line 786, src/_sass/module/_module.scss */
.mod-post__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px;
}

@media screen and (max-width: 750px) {
    /* line 786, src/_sass/module/_module.scss */
    .mod-post__media {
        display: block;
        margin-top: 4.16667%;
    }
}

/* line 796, src/_sass/module/_module.scss */
.mod-post__media:first-child {
    margin-top: 0;
}

/* line 800, src/_sass/module/_module.scss */
.mod-post__media:nth-child(2n+1) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

/* line 804, src/_sass/module/_module.scss */
.mod-post__media-text {
    padding-right: 4.25532%;
    line-height: 1.75;

    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

@media screen and (max-width: 750px) {
    /* line 804, src/_sass/module/_module.scss */
    .mod-post__media-text {
        padding-right: 0;
        font-size: 1rem;
        line-height: 2;
    }
}

/* line 816, src/_sass/module/_module.scss */
.mod-post__media:nth-child(2n+1) .mod-post__media-text {
    padding-right: 0;
    padding-left: 4.25532%;
}

@media screen and (max-width: 750px) {
    /* line 816, src/_sass/module/_module.scss */
    .mod-post__media:nth-child(2n+1) .mod-post__media-text {
        padding-left: 0;
    }
}

/* line 825, src/_sass/module/_module.scss */
.mod-post__media-image {
    min-width: 40.42553%;
    width: 40.42553%;
}

@media screen and (max-width: 750px) {
    /* line 825, src/_sass/module/_module.scss */
    .mod-post__media-image {
        margin: 4.16667% auto 0;
        width: 67.5%;
    }
}

/* line 841, src/_sass/module/_module.scss */
.mod-post__media-image-caption {
    margin-top: 6px;
    color: #999999;
    font-size: 0.8125rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 841, src/_sass/module/_module.scss */
    .mod-post__media-image-caption {
        font-size: 0.71429rem;
    }
}

/* line 852, src/_sass/module/_module.scss */
.mod-post__footer {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    /* line 852, src/_sass/module/_module.scss */
    .mod-post__footer {
        margin-top: 6.38889%;
    }
}

/* line 860, src/_sass/module/_module.scss */
.mod-post__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 23px 3.98936%;
    border: 1px solid #202832;
}

@media screen and (max-width: 750px) {
    /* line 860, src/_sass/module/_module.scss */
    .mod-post__profile {
        display: block;
        padding: 3.19444% 0 4.16667%;
    }
}

/* line 871, src/_sass/module/_module.scss */
.mod-post__profile-image {
    min-width: 23.12139%;
    width: 23.12139%;
}

@media screen and (max-width: 750px) {
    /* line 871, src/_sass/module/_module.scss */
    .mod-post__profile-image {
        margin: 0 auto;
        min-width: 0;
        width: 31.94444%;
    }
}

.mod-post__profile-image-inner {
    display: block;
    overflow: hidden;
    border-radius: 50%;
}

.mod-post__profile-image-content {
    display: block;
    width: 100%;
    max-width: none;
}

/* line 884, src/_sass/module/_module.scss */
.mod-post__profile-text {
    padding-left: 3.61272%;

    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

@media screen and (max-width: 750px) {
    /* line 884, src/_sass/module/_module.scss */
    .mod-post__profile-text {
        margin-top: 1.66667%;
        padding-left: 0;
    }
}

/* line 894, src/_sass/module/_module.scss */
.mod-post__profile-heading {
    letter-spacing: -.4em;
}

/* line 898, src/_sass/module/_module.scss */
.mod-post__profile-heading-name {
    display: inline-block;
    letter-spacing: normal;
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 750px) {
    /* line 898, src/_sass/module/_module.scss */
    .mod-post__profile-heading-name {
        display: block;
        text-align: center;
        font-size: 1.14286rem;
    }
}

/* line 911, src/_sass/module/_module.scss */
.mod-post__profile-heading-status {
    display: inline-block;
    margin-left: 13px;
    color: #39424c;
    letter-spacing: normal;
    font-size: 0.875rem;
}

@media screen and (max-width: 750px) {
    /* line 911, src/_sass/module/_module.scss */
    .mod-post__profile-heading-status {
        display: block;
        margin-left: 0;
        text-align: center;
        font-size: 0.85714rem;
    }
}

/* line 926, src/_sass/module/_module.scss */
.mod-post__profile-description {
    margin-top: 2px;
    font-size: 0.9375rem;
    line-height: 1.75;
}

@media screen and (max-width: 750px) {
    /* line 926, src/_sass/module/_module.scss */
    .mod-post__profile-description {
        margin-top: 3.33333%;
        padding: 0 6.94444%;
        font-size: 1rem;
    }
}

/* line 938, src/_sass/module/_module.scss */
.mod-post__footer-share {
    padding: 26px 0;
    text-align: center;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    /* line 938, src/_sass/module/_module.scss */
    .mod-post__footer-share {
        padding: 7.77778% 0;
    }
}

/* line 949, src/_sass/module/_module.scss */
.mod-post .fb_iframe_widget {
    line-height: 1;
}

/*20200414 graff wakabayashi add*/
.wp-block-separator {
    border: none;
    border-top: 2px solid;
    margin-top: 2.5em;
}

.mod-post_profileBox {
    width: 90%;
    margin: 0 auto 50px auto;
  }
  .mod-post_profileBox h4 {
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
  }
  .mod-post_profileBox dt {
    margin-bottom: 15px;
  }
  .mod-post_profileBox dt h5 {
    font-size: 1em;
    font-weight: bold;
  }
  .mod-post_profileBox dd {
    font-size: 0.8em;
    line-height: 1.5em;
    letter-spacing: 0.1em;
  }
  .mod-post_profileBox h4::before {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #696969;
    position: absolute;
    top: 25px;
    left: 0;
  }

  /*0430 gruff wakabayashi add  引用の定型用スタイル*/
  .bQuaote{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

/* ---------------------------------------------
*   mod-product-case
--------------------------------------------- */
/* line 957, src/_sass/module/_module.scss */
.mod-product-case {
    padding: 36px 0 120px;
}

@media screen and (max-width: 750px) {
    /* line 957, src/_sass/module/_module.scss */
    .mod-product-case {
        padding: 5% 0 6.25%;
    }
}

/* line 967, src/_sass/module/_module.scss */
.mod-product-case__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 70.5%;
}

@media screen and (min-width: 1601px) {
    /* line 967, src/_sass/module/_module.scss */
    .mod-product-case__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 967, src/_sass/module/_module.scss */
    .mod-product-case__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 982, src/_sass/module/_module.scss */
.mod-product-case__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 982, src/_sass/module/_module.scss */
    .mod-product-case__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 986, src/_sass/module/_module.scss */
.mod-product-case__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 70.5%;
}

@media screen and (min-width: 1601px) {
    /* line 986, src/_sass/module/_module.scss */
    .mod-product-case__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 986, src/_sass/module/_module.scss */
    .mod-product-case__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1006, src/_sass/module/_module.scss */
.mod-product-case__section {
    margin-top: 62px;
}

@media screen and (max-width: 750px) {
    /* line 1006, src/_sass/module/_module.scss */
    .mod-product-case__section {
        margin-top: 7.5%;
    }
}

/* line 1014, src/_sass/module/_module.scss */
.mod-product-case__section:first-child {
    margin-top: 0;
}

/* line 1021, src/_sass/module/_module.scss */
.mod-product-case__section-heading {
    font-weight: bold;
    font-size: 2rem;
}

@media screen and (max-width: 750px) {
    /* line 1021, src/_sass/module/_module.scss */
    .mod-product-case__section-heading {
        font-size: 1.42857rem;
    }
}

/* line 1030, src/_sass/module/_module.scss */
.mod-product-case__section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
}

@media screen and (max-width: 750px) {
    /* line 1030, src/_sass/module/_module.scss */
    .mod-product-case__section-body {
        display: block;
        margin-top: 3.33333%;
    }
}

/* line 1040, src/_sass/module/_module.scss */
.mod-product-case__section-image {
    min-width: 38.23529%;
    width: 38.23529%;
}

@media screen and (max-width: 750px) {
    /* line 1040, src/_sass/module/_module.scss */
    .mod-product-case__section-image {
        min-width: 0;
        width: auto;
    }
}

/* line 1050, src/_sass/module/_module.scss */
.mod-product-case__section-image-content {
    max-width: none;
    width: 100%;
}

/* line 1055, src/_sass/module/_module.scss */
.mod-product-case__section-text {
    padding-left: 32px;

    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

@media screen and (max-width: 750px) {
    /* line 1055, src/_sass/module/_module.scss */
    .mod-product-case__section-text {
        margin-top: 5%;
        padding-left: 0;
    }
}

/* line 1065, src/_sass/module/_module.scss */
.mod-product-case__section-lead {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 1065, src/_sass/module/_module.scss */
    .mod-product-case__section-lead {
        font-size: 1.14286rem;
    }
}

/* line 1075, src/_sass/module/_module.scss */
.mod-product-case__section-description {
    line-height: 2;
}

@media screen and (max-width: 750px) {
    /* line 1075, src/_sass/module/_module.scss */
    .mod-product-case__section-description {
        margin-top: 2.22222%;
        font-size: 1rem;
        line-height: 1.75;
    }
}

/* ---------------------------------------------
*   mod-product-intro
--------------------------------------------- */
/* line 1089, src/_sass/module/_module.scss */
.mod-product-intro {
    padding: 40px 0 56px;
}

@media screen and (max-width: 750px) {
    /* line 1089, src/_sass/module/_module.scss */
    .mod-product-intro {
        padding: 8% 0 8.5%;
    }
}

/* line 1099, src/_sass/module/_module.scss */
.mod-product-intro__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 56.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1099, src/_sass/module/_module.scss */
    .mod-product-intro__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1099, src/_sass/module/_module.scss */
    .mod-product-intro__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1114, src/_sass/module/_module.scss */
.mod-product-intro__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 1114, src/_sass/module/_module.scss */
    .mod-product-intro__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 1118, src/_sass/module/_module.scss */
.mod-product-intro__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 52px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 56.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1118, src/_sass/module/_module.scss */
    .mod-product-intro__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1118, src/_sass/module/_module.scss */
    .mod-product-intro__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1135, src/_sass/module/_module.scss */
.mod-product-intro__text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    /* line 1135, src/_sass/module/_module.scss */
    .mod-product-intro__text-wrapper {
        display: block;
    }
}

/* line 1144, src/_sass/module/_module.scss */
.mod-product-intro__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 16px;
    width: 416px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    /* line 1144, src/_sass/module/_module.scss */
    .mod-product-intro__text {
        margin: 0;
        width: auto;
    }
}

/* line 1156, src/_sass/module/_module.scss */
.mod-product-intro__text:first-child {
    margin-left: 0;
}

/* line 1160, src/_sass/module/_module.scss */
.mod-product-intro__text:nth-child(2) {
    margin-right: 0;
}

/* line 1164, src/_sass/module/_module.scss */
.mod-product-intro__section {
    margin-top: 55px;
}

/* line 1168, src/_sass/module/_module.scss */
.mod-product-intro__section-header {
    margin-bottom: 24px;
}

@media screen and (max-width: 750px) {
    /* line 1168, src/_sass/module/_module.scss */
    .mod-product-intro__section-header {
        margin-bottom: 3.33333%;
    }
}

/* line 1176, src/_sass/module/_module.scss */
.mod-product-intro__section-heading {
    font-weight: bold;
    font-size: 2rem;
}

@media screen and (max-width: 750px) {
    /* line 1176, src/_sass/module/_module.scss */
    .mod-product-intro__section-heading {
        font-size: 1.42857rem;
    }
}

/* line 1188, src/_sass/module/_module.scss */
.mod-product-intro__subsections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 1580px) {
    /* line 1188, src/_sass/module/_module.scss */
    .mod-product-intro__subsections {
        display: block;
    }
}

/* line 1197, src/_sass/module/_module.scss */
.mod-product-intro__subsection {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 282px;
    border: 1px solid #000;
}

@media screen and (max-width: 1580px) {
    /* line 1197, src/_sass/module/_module.scss */
    .mod-product-intro__subsection {
        margin-top: 20px;
        width: auto;
    }
}

@media screen and (max-width: 750px) {
    /* line 1197, src/_sass/module/_module.scss */
    .mod-product-intro__subsection {
        margin-top: 5.55556%;
    }
}

/* line 1212, src/_sass/module/_module.scss */
.mod-product-intro__subsection:first-child {
    margin-top: 0;
}

/* line 1216, src/_sass/module/_module.scss */
.mod-product-intro__subsection-header {
    padding: 10px 12px;
    background-color: #ecf0f5;
}

@media screen and (max-width: 750px) {
    /* line 1216, src/_sass/module/_module.scss */
    .mod-product-intro__subsection-header {
        padding: 0.97222% 2.77778% 0.83333%;
    }
}

/* line 1225, src/_sass/module/_module.scss */
.mod-product-intro__subsection-heading {
    padding-left: 22px;
    background: url("/img/sp/product/common/icon_check.png") left center no-repeat;
    background-size: 16px auto;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 750px) {
    /* line 1225, src/_sass/module/_module.scss */
    .mod-product-intro__subsection-heading {
        padding-left: 6.38889%;
        background-size: 3.75vw;
        font-size: 1rem;
    }
}

/* line 1242, src/_sass/module/_module.scss */
.mod-product-intro__subsection-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding: 13px 18px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    /* line 1242, src/_sass/module/_module.scss */
    .mod-product-intro__subsection-list {
        padding: 2.22222% 5.27778%;
    }
}

/* line 1253, src/_sass/module/_module.scss */
.mod-product-intro__subsection-list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    width: 100%;
}

@media screen and (min-width: 751px) and (max-width: 1580px) {
    /* line 1253, src/_sass/module/_module.scss */
    .mod-product-intro__subsection-list-item {
        width: 50%;
    }
}

@media screen and (max-width: 750px) {
    /* line 1253, src/_sass/module/_module.scss */
    .mod-product-intro__subsection-list-item {
        margin-top: 0.27778%;
    }
}

/* line 1267, src/_sass/module/_module.scss */
.mod-product-intro__subsection-list-item:first-child {
    margin-top: 0;
}

@media screen and (min-width: 751px) and (max-width: 1580px) {
    /* line 1271, src/_sass/module/_module.scss */
    .mod-product-intro__subsection-list-item:nth-child(-n+2) {
        margin-top: 0;
    }
}

/* line 1278, src/_sass/module/_module.scss */
.mod-product-intro__subsection-list--2-columns .mod-product-intro__subsection-list-item {
    width: 50%;
}

/* line 1282, src/_sass/module/_module.scss */
.mod-product-intro__subsection-list--2-columns .mod-product-intro__subsection-list-item:nth-child(-n+2) {
    margin-top: 0;
}

/* line 1286, src/_sass/module/_module.scss */
.mod-product-intro__subsection-link {
    color: #8a7f7c;
    text-decoration: underline;
    font-size: 0.9375rem;
}

/* line 128, src/_sass/partial/_util.scss */
.mod-product-intro__subsection-link:hover {
    text-decoration: none;
}

/* line 139, src/_sass/partial/_util.scss */
.iphone .mod-product-intro__subsection-link:hover,
.ipad .mod-product-intro__subsection-link:hover,
.android .mod-product-intro__subsection-link:hover,
.androidTablet .mod-product-intro__subsection-link:hover {
    text-decoration: underline;
}

@media screen and (max-width: 750px) {
    /* line 1286, src/_sass/module/_module.scss */
    .mod-product-intro__subsection-link {
        font-size: 0.85714rem;
    }
}

/* ---------------------------------------------
*   mod-product-logo
--------------------------------------------- */
/* line 1300, src/_sass/module/_module.scss */
.mod-product-logo {
    margin-top: 37px;
    padding-bottom: 56px;
}

@media screen and (max-width: 750px) {
    /* line 1300, src/_sass/module/_module.scss */
    .mod-product-logo {
        margin-top: 9.25%;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 750px) {
    /* line 1312, src/_sass/module/_module.scss */
    .mod-product-logo__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1319, src/_sass/module/_module.scss */
.mod-product-logo__heading {
    text-align: left;
    font-weight: 700;
    font-size: 2rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 1319, src/_sass/module/_module.scss */
    .mod-product-logo__heading {
        font-size: 1.42857rem;
    }
}

/* line 1329, src/_sass/module/_module.scss */
.mod-product-logo__body {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    /* line 1329, src/_sass/module/_module.scss */
    .mod-product-logo__body {
        margin-top: 3.25%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1338, src/_sass/module/_module.scss */
.mod-product-logo__images {
    overflow: hidden;
}

/* line 1342, src/_sass/module/_module.scss */
.mod-product-logo__image {
    position: relative;
    overflow: hidden;
    margin-top: 2.86885%;
    padding-top: 20.28689%;
    width: 48.36066%;
    height: 0;
    border: 1px solid #202832;
}

@media screen and (max-width: 750px) {
    /* line 1342, src/_sass/module/_module.scss */
    .mod-product-logo__image {
        margin-top: 5.55556%;
        padding-top: 47.5%;
        width: auto;
    }
}

/* line 1358, src/_sass/module/_module.scss */
.mod-product-logo__image:nth-child(2n+1) {
    float: left;
}

@media screen and (max-width: 750px) {
    /* line 1358, src/_sass/module/_module.scss */
    .mod-product-logo__image:nth-child(2n+1) {
        float: none;
    }
}

/* line 1366, src/_sass/module/_module.scss */
.mod-product-logo__image:nth-child(2n) {
    float: right;
}

@media screen and (max-width: 750px) {
    /* line 1366, src/_sass/module/_module.scss */
    .mod-product-logo__image:nth-child(2n) {
        float: none;
    }
}

/* line 1374, src/_sass/module/_module.scss */
.mod-product-logo__image:nth-child(-n+2) {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    /* line 1374, src/_sass/module/_module.scss */
    .mod-product-logo__image:nth-child(-n+2) {
        margin-top: 5.55556%;
    }
}

@media screen and (max-width: 750px) {
    /* line 1382, src/_sass/module/_module.scss */
    .mod-product-logo__image:first-child {
        margin-top: 0;
    }
}

/* line 1389, src/_sass/module/_module.scss */
.mod-product-logo__image-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

/* line 36, src/_sass/partial/_util.scss */
.mod-product-logo__image-inner:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .mod-product-logo__image-inner,
.ipad .mod-product-logo__image-inner,
.android .mod-product-logo__image-inner,
.androidTablet .mod-product-logo__image-inner {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .mod-product-logo__image-inner:hover,
.ipad .mod-product-logo__image-inner:hover,
.android .mod-product-logo__image-inner:hover,
.androidTablet .mod-product-logo__image-inner:hover {
    opacity: 1;
}

/* line 1402, src/_sass/module/_module.scss */
.mod-product-logo__image-content {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* line 1410, src/_sass/module/_module.scss */
.mod-product-logo__image--cypher .mod-product-logo__image-content {
    width: 69.70339%;
}

@media screen and (max-width: 750px) {
    /* line 1410, src/_sass/module/_module.scss */
    .mod-product-logo__image--cypher .mod-product-logo__image-content {
        width: 79.02778%;
    }
}

/* line 1418, src/_sass/module/_module.scss */
.mod-product-logo__image--ai .mod-product-logo__image-content {
    width: 41.94915%;
}

@media screen and (max-width: 750px) {
    /* line 1418, src/_sass/module/_module.scss */
    .mod-product-logo__image--ai .mod-product-logo__image-content {
        width: 40.55556%;
    }
}

/* ---------------------------------------------
*   mod-product-price
--------------------------------------------- */
/* line 1430, src/_sass/module/_module.scss */
.mod-product-price {
    padding: 40px 0 36px;
}

@media screen and (max-width: 750px) {
    /* line 1430, src/_sass/module/_module.scss */
    .mod-product-price {
        padding: 8% 0 5%;
    }
}

/* line 1441, src/_sass/module/_module.scss */
.mod-product-price__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 70.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1441, src/_sass/module/_module.scss */
    .mod-product-price__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1441, src/_sass/module/_module.scss */
    .mod-product-price__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1456, src/_sass/module/_module.scss */
.mod-product-price__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 1456, src/_sass/module/_module.scss */
    .mod-product-price__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 1460, src/_sass/module/_module.scss */
.mod-product-price__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 52px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-bottom: 72px;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 70.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1460, src/_sass/module/_module.scss */
    .mod-product-price__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1460, src/_sass/module/_module.scss */
    .mod-product-price__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-bottom: 10%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1479, src/_sass/module/_module.scss */
.mod-product-price__sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 1300px) {
    /* line 1479, src/_sass/module/_module.scss */
    .mod-product-price__sections {
        display: block;
    }
}

/* line 1489, src/_sass/module/_module.scss */
.mod-product-price__section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 32px;
    width: 48.52941%;
    border: 1px solid #202832;
}

@media screen and (max-width: 1300px) {
    /* line 1489, src/_sass/module/_module.scss */
    .mod-product-price__section {
        width: auto;
    }
}

@media screen and (max-width: 750px) {
    /* line 1489, src/_sass/module/_module.scss */
    .mod-product-price__section {
        margin-top: 6.66667%;
    }
}

/* line 1504, src/_sass/module/_module.scss */
.mod-product-price__section:nth-child(-n+2) {
    margin-top: 0;
}

@media screen and (min-width: 751px) and (max-width: 1300px) {
    /* line 1504, src/_sass/module/_module.scss */
    .mod-product-price__section:nth-child(-n+2) {
        margin-top: 32px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1504, src/_sass/module/_module.scss */
    .mod-product-price__section:nth-child(-n+2) {
        margin-top: 6.66667%;
    }
}

@media screen and (max-width: 1300px) {
    /* line 1516, src/_sass/module/_module.scss */
    .mod-product-price__section:first-child {
        margin-top: 0;
    }
}

/* line 1523, src/_sass/module/_module.scss */
.mod-product-price__section-header {
    padding: 13px 0 12px;
    background-color: #ecf0f5;
}

@media screen and (max-width: 750px) {
    /* line 1523, src/_sass/module/_module.scss */
    .mod-product-price__section-header {
        padding: 1.52778% 0 1.38889%;
    }
}

/* line 1532, src/_sass/module/_module.scss */
.mod-product-price__section-heading {
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
}

@media screen and (max-width: 750px) {
    /* line 1532, src/_sass/module/_module.scss */
    .mod-product-price__section-heading {
        font-size: 1.14286rem;
    }
}

/* line 1542, src/_sass/module/_module.scss */
.mod-product-price__section-body {
    padding: 45px 52px 39px;
}

@media screen and (max-width: 750px) {
    /* line 1542, src/_sass/module/_module.scss */
    .mod-product-price__section-body {
        padding: 6.11111% 0 7.5%;
    }
}

/* line 1550, src/_sass/module/_module.scss */
.mod-product-price__section-price {
    text-align: center;
    letter-spacing: -.4em;
}

/* line 1555, src/_sass/module/_module.scss */
.mod-product-price__section-price-number, .mod-product-price__section-price-unit, .mod-product-price__section-price-tax {
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: normal;
    line-height: 1;
}

/* line 1564, src/_sass/module/_module.scss */
.mod-product-price__section-price-number {
    color: #3b81b8;
    font-weight: 700;
    font-size: 4rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 1564, src/_sass/module/_module.scss */
    .mod-product-price__section-price-number {
        font-size: 2.85714rem;
    }
}

/* line 1574, src/_sass/module/_module.scss */
.mod-product-price__section-price-unit {
    padding-bottom: 9px;
    font-weight: bold;
    font-size: 2.25rem;
}

@media screen and (max-width: 750px) {
    /* line 1574, src/_sass/module/_module.scss */
    .mod-product-price__section-price-unit {
        padding-bottom: 0.3em;
        font-size: 1.42857rem;
    }
}

/* line 1585, src/_sass/module/_module.scss */
.mod-product-price__section-price-tax {
    padding-bottom: 10px;
}

@media screen and (max-width: 750px) {
    /* line 1585, src/_sass/module/_module.scss */
    .mod-product-price__section-price-tax {
        padding-bottom: 0.55em;
        font-size: 0.85714rem;
    }
}

/* line 1594, src/_sass/module/_module.scss */
.mod-product-price__section-price-annotation {
    margin-top: 15px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    /* line 1594, src/_sass/module/_module.scss */
    .mod-product-price__section-price-annotation {
        margin-top: 2.77778%;
        font-size: 0.85714rem;
    }
}

/* line 1604, src/_sass/module/_module.scss */
.mod-product-price__section-list-wrapper {
    margin-top: 28px;
}

@media screen and (min-width: 751px) and (max-width: 1300px) {
    /* line 1604, src/_sass/module/_module.scss */
    .mod-product-price__section-list-wrapper {
        text-align: center;
    }
}

@media screen and (max-width: 750px) {
    /* line 1604, src/_sass/module/_module.scss */
    .mod-product-price__section-list-wrapper {
        padding: 0 4.44444%;
    }
}

@media screen and (min-width: 751px) and (max-width: 1300px) {
    /* line 1616, src/_sass/module/_module.scss */
    .mod-product-price__section-list {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }
}

/* line 1625, src/_sass/module/_module.scss */
.mod-product-price__section-list-item {
    margin-top: 4px;
    padding-left: 1em;
    text-indent: -1em;
}

@media screen and (max-width: 750px) {
    /* line 1625, src/_sass/module/_module.scss */
    .mod-product-price__section-list-item {
        margin-top: 1.11111%;
        font-size: 1rem;
    }
}

/* line 1636, src/_sass/module/_module.scss */
.mod-product-price__section-list-item:first-child {
    margin-top: 0;
}

/* line 1640, src/_sass/module/_module.scss */
.mod-product-price__section-list-item:before {
    content: "・";
}

/* line 1647, src/_sass/module/_module.scss */
.mod-product-price__section-link {
    display: block;
    overflow: hidden;
    margin: 27px auto 0;
    padding: 18px 0 14px;
    width: 304px;
    border-radius: 4px;
    background-color: #688daa;
    color: #fff;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.mod-product-price__section-link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .mod-product-price__section-link,
.ipad .mod-product-price__section-link,
.android .mod-product-price__section-link,
.androidTablet .mod-product-price__section-link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .mod-product-price__section-link:hover,
.ipad .mod-product-price__section-link:hover,
.android .mod-product-price__section-link:hover,
.androidTablet .mod-product-price__section-link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 1647, src/_sass/module/_module.scss */
    .mod-product-price__section-link {
        margin: 4.44444% auto 0;
        padding: 3.33333% 0 2.77778%;
        width: 66.66667%;
        font-size: 0.85714rem;
    }
}

/* line 1663, src/_sass/module/_module.scss */
.mod-product-price__section-link-text {
    display: block;
}

/* line 1667, src/_sass/module/_module.scss */
.mod-product-price__footer {
    background-color: #ecf0f5;
}

/* line 1671, src/_sass/module/_module.scss */
.mod-product-price__approach {
    padding: 64px 0 93px;
}

@media screen and (max-width: 750px) {
    /* line 1671, src/_sass/module/_module.scss */
    .mod-product-price__approach {
        padding: 8.5% 0 9%;
    }
}

/* line 1679, src/_sass/module/_module.scss */
.mod-product-price__approach-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 70.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1679, src/_sass/module/_module.scss */
    .mod-product-price__approach-header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1679, src/_sass/module/_module.scss */
    .mod-product-price__approach-header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1694, src/_sass/module/_module.scss */
.mod-product-price__approach-heading {
    font-weight: 700;
    font-size: 2rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 1694, src/_sass/module/_module.scss */
    .mod-product-price__approach-heading {
        font-size: 1.42857rem;
    }
}

/* line 1703, src/_sass/module/_module.scss */
.mod-product-price__approach-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 70.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1703, src/_sass/module/_module.scss */
    .mod-product-price__approach-body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1703, src/_sass/module/_module.scss */
    .mod-product-price__approach-body {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1719, src/_sass/module/_module.scss */
.mod-product-price__approach-sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    /* line 1719, src/_sass/module/_module.scss */
    .mod-product-price__approach-sections {
        display: block;
    }
}

/* line 1729, src/_sass/module/_module.scss */
.mod-product-price__approach-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 55px;
    width: 48.52941%;
}

@media screen and (max-width: 750px) {
    /* line 1729, src/_sass/module/_module.scss */
    .mod-product-price__approach-section {
        margin-top: 7.5%;
        width: auto;
    }
}

/* line 1740, src/_sass/module/_module.scss */
.mod-product-price__approach-section:nth-child(-n+2) {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    /* line 1740, src/_sass/module/_module.scss */
    .mod-product-price__approach-section:nth-child(-n+2) {
        margin-top: 7.5%;
    }
}

@media screen and (max-width: 750px) {
    /* line 1748, src/_sass/module/_module.scss */
    .mod-product-price__approach-section:first-child {
        margin-top: 0;
    }
}

/* line 1755, src/_sass/module/_module.scss */
.mod-product-price__approach-section-image {
    min-width: 15.15152%;
    width: 15.15152%;
}

@media screen and (max-width: 750px) {
    /* line 1755, src/_sass/module/_module.scss */
    .mod-product-price__approach-section-image {
        min-width: 17.77778%;
        width: 17.77778%;
    }
}

/* line 1765, src/_sass/module/_module.scss */
.mod-product-price__approach-section-image-content {
    display: block;
    max-width: none;
    width: 100%;
}

/* line 1771, src/_sass/module/_module.scss */
.mod-product-price__approach-section-text {
    padding-left: 26px;

    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

@media screen and (max-width: 750px) {
    /* line 1771, src/_sass/module/_module.scss */
    .mod-product-price__approach-section-text {
        padding-left: 4.44444%;
    }
}

/* line 1780, src/_sass/module/_module.scss */
.mod-product-price__approach-section-heading {
    font-weight: 700;
    font-size: 1.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 1780, src/_sass/module/_module.scss */
    .mod-product-price__approach-section-heading {
        font-size: 1.14286rem;
    }
}

/* line 1790, src/_sass/module/_module.scss */
.mod-product-price__approach-section-description {
    margin-top: 10px;
    line-height: 1.75;
}

@media screen and (max-width: 750px) {
    /* line 1790, src/_sass/module/_module.scss */
    .mod-product-price__approach-section-description {
        margin-top: 0.83333%;
        font-size: 1rem;
    }
}

/* ---------------------------------------------
*   mod-product-ui
--------------------------------------------- */
/* line 1804, src/_sass/module/_module.scss */
.mod-product-ui {
    padding-bottom: 112px;
}

@media screen and (max-width: 750px) {
    /* line 1804, src/_sass/module/_module.scss */
    .mod-product-ui {
        padding: 8% 0 8.5%;
    }
}

/* line 1814, src/_sass/module/_module.scss */
.mod-product-ui__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 56.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1814, src/_sass/module/_module.scss */
    .mod-product-ui__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1814, src/_sass/module/_module.scss */
    .mod-product-ui__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1829, src/_sass/module/_module.scss */
.mod-product-ui__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 1829, src/_sass/module/_module.scss */
    .mod-product-ui__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 1833, src/_sass/module/_module.scss */
.mod-product-ui__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 45px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 56.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1833, src/_sass/module/_module.scss */
    .mod-product-ui__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1833, src/_sass/module/_module.scss */
    .mod-product-ui__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1853, src/_sass/module/_module.scss */
.mod-product-ui__section {
    margin-top: 55px;
}

@media screen and (max-width: 750px) {
    /* line 1853, src/_sass/module/_module.scss */
    .mod-product-ui__section {
        margin-top: 5.55556%;
    }
}

/* line 1861, src/_sass/module/_module.scss */
.mod-product-ui__section:first-child {
    margin-top: 0;
}

/* line 1865, src/_sass/module/_module.scss */
.mod-product-ui__section-header {
    margin-bottom: 20px;
}

/* line 1869, src/_sass/module/_module.scss */
.mod-product-ui__section-heading {
    font-weight: bold;
    font-size: 2rem;
}

@media screen and (max-width: 750px) {
    /* line 1869, src/_sass/module/_module.scss */
    .mod-product-ui__section-heading {
        font-size: 1.42857rem;
    }
}

/* line 1881, src/_sass/module/_module.scss */
.mod-product-ui__section-image {
    text-align: center;
}

/* line 1885, src/_sass/module/_module.scss */
.mod-product-ui__section-text-wrapper {
    margin-top: 25px;
}

@media screen and (max-width: 750px) {
    /* line 1885, src/_sass/module/_module.scss */
    .mod-product-ui__section-text-wrapper {
        margin-top: 4.44444%;
    }
}

/* line 1893, src/_sass/module/_module.scss */
.mod-product-ui__section-text {
    line-height: 2;
}

/* 0515 product-lad page wakabayashi add */


.product-wrapper {
    width: 100%;
    margin: 0 auto;
  }
  .product-wrapper .main-image {
    padding-top: 100px;
    width: 400px;
    margin: 0 auto 40px auto;
  }
  @media screen and (max-width: 414px) {
    .product-wrapper .main-image {
      width: 70%;
    }
  }
  .product-wrapper .product-ttl {
    width: 960px;
    margin: 0 auto 100px auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .product-ttl {
      width: 90%;
    }
  }
  .product-wrapper .product-ttl h2 {
    font-size: 1.6rem;
    font-weight: bold;
    padding-top: 50px;
    margin-bottom: 40px;
    text-align: center;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .product-ttl h2 {
      font-size: 1.2rem;
    }
  }
  .product-wrapper .product-ttl p {
    font-size: 1rem;
    width: 80%;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .product-ttl p {
      width: 100%;
      letter-spacing: 1px;
    }
  }
  .product-wrapper .intro-sec {
    width: 100%;
    margin: 0 auto 0px auto;
    padding-top: 50px;
    padding-bottom: 100px;
    background-color: #688daa;
  }
  .product-wrapper .intro-sec .intro-container {
    width: 960px;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container {
      width: 90%;
    }
  }
  .product-wrapper .intro-sec .intro-container h2 {
    font-size: 2.3rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
  }
  .product-wrapper .intro-sec .intro-container h3 {
    font-size: 1.5rem;
    color: #fff;
    padding-top: 60px;
    text-align: center;
    font-weight: bold;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container h3 {
      font-size: 1.3rem;
    }
  }
  @media screen and (max-width: 414px) {
    .product-wrapper .intro-sec .intro-container h3 {
      font-size: 1.2rem;
    }
  }
  .product-wrapper .intro-sec .intro-container h3:nth-child(2) {
    margin-bottom: 70px;
    padding-top: 0px;
  }
  .product-wrapper .intro-sec .intro-container h4 {
    margin-bottom: 15px;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
  }
  .product-wrapper .intro-sec .intro-container .intro-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 960px;
    margin: 0 auto 30px auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container .intro-top {
      width: 90%;
      margin: 0 auto;
      flex-direction: column;
    }
  }
  .product-wrapper .intro-sec .intro-container .intro-top .intro-top_inner {
    flex: 1;
    margin-right: 70px;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container .intro-top .intro-top_inner {
      margin: 0 auto;
      width: 80%;
    }
  }
  .product-wrapper .intro-sec .intro-container .intro-top .intro-top_inner .product-image {
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container .intro-top .intro-top_inner .product-image {
      margin-bottom: 30px;
    }
  }
  .product-wrapper .intro-sec .intro-container .intro-top .intro-top_inner ul li {
    font-size: 1.1rem;
    color: #fff;
    list-style-type: disc;
    margin-bottom: 10px;
  }
  .product-wrapper .intro-sec .intro-container .intro-top li:last-child {
    margin: 0px auto 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container .intro-top li:last-child {
      margin-top: 0;
    }
  }
  .product-wrapper .intro-sec .intro-container .intro-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container .intro-bottom {
      flex-direction: column;
    }
  }
  .product-wrapper .intro-sec .intro-container .intro-bottom .intro-bottom_inner {
    flex: 1;
    margin-right: 70px;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container .intro-bottom .intro-bottom_inner {
      margin-right: 0;
      margin-bottom: 0px;
    }
  }
  .product-wrapper .intro-sec .intro-container .intro-bottom .intro-bottom_inner .product-image {
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container .intro-bottom .intro-bottom_inner .product-image {
      width: 80%;
      margin: 0 auto;
    }
  }
  .product-wrapper .intro-sec .intro-container .intro-bottom .intro-bottom_inner h4 {
    font-size: 1.1rem;
    margin-bottom: 39px;
    font-weight: bold;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container .intro-bottom .intro-bottom_inner h4 {
      margin-bottom: 10px;
    }
  }
  .product-wrapper .intro-sec .intro-container .intro-bottom .intro-bottom_inner p {
    font-size: 1rem;
    color: #ededed;
  }
  .product-wrapper .intro-sec .intro-container .intro-bottom li:last-child {
    margin-right: 0px;
  }
  .product-wrapper .intro-sec .intro-container .intro-bottom li:last-child h4 {
    font-weight: bold;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .intro-sec .intro-container .intro-bottom li:last-child h4 {
      font-size: 1.1rem;
    }
  }
  .product-wrapper .incentive-sec {
    padding: 50px 0 100px 0;
    width: 100%;
    background-color: #ededed;
  }
  .product-wrapper .incentive-sec .incentive-outer {
    width: 960px;
    margin: 0 auto 0px auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .incentive-sec .incentive-outer {
      width: 90%;
    }
  }
  .product-wrapper .incentive-sec .incentive-outer h2 {
    font-size: 2.3rem;
    font-weight: bold;
    text-align: center;
  }
  .product-wrapper .incentive-sec .incentive-outer h3 {
    font-size: 1.5rem;
    color: #688daa;
    margin-bottom: 70px;
    text-align: center;
    font-weight: bold;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .incentive-sec .incentive-outer h3 {
      font-size: 1.3rem;
    }
  }
  @media screen and (max-width: 414px) {
    .product-wrapper .incentive-sec .incentive-outer h3 {
      font-size: 1.2rem;
    }
  }
  .product-wrapper .incentive-sec .incentive-outer .incentive-li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .incentive-sec .incentive-outer .incentive-li {
      flex-direction: column;
    }
  }
  .product-wrapper .incentive-sec .incentive-outer .incentive-li li {
    flex-basis: 20%;
    margin-bottom: 40px;
  }
  .product-wrapper .incentive-sec .incentive-outer .incentive-li li h4 {
    font-size: 1rem;
    font-weight: bold;
    color: #688daa;
    padding: 10px;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
    border: solid 1px #688daa;
    font-weight: bold;
  }
  .product-wrapper .incentive-sec .incentive-outer .incentive-li li h4::after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-top: solid 12px #688daa;
    border-right: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-left: solid 12px #688daa;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .product-wrapper .incentive-sec .incentive-outer .incentive-li li p {
    font-size: 0.9rem;
    color: #000;
  }
  .product-wrapper .incentive-sec .incentive-outer .incentive-li li:last-child {
    margin-bottom: 0;
  }
  .product-wrapper .incentive-bg {
    width: 100%;
    background-image: url(https://www.gruff.co.jp/img/pc/product/lad/original-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .product-wrapper .incentive-bg .incentive-bg_inner {
    width: 100%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .product-wrapper .incentive-bg .incentive-bg_inner h4 {
    font-size: 1.7rem;
    padding: 120px 0 20px 0;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px #808080;
    font-weight: bold;
  }
  .product-wrapper .incentive-bg .incentive-bg_inner p {
    color: #fff;
    padding: 20px 0 100px 0;
    font-size: 1.1rem;
    text-align: center;
    line-height: 1.8;
    text-shadow: 0 0 2px #000;
    font-weight: bold;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .incentive-bg .incentive-bg_inner p {
      width: 90%;
      margin: 0 auto;
      font-size: 0.8rem;
      text-align: center;
      font-weight: bold;
      letter-spacing: -0.4px;
    }
  }
  @media screen and (max-width: 320px) {
    .product-wrapper .incentive-bg .incentive-bg_inner p {
      text-align: left;
    }
  }
  .product-wrapper .about {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 100px 0;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about {
      width: 90%;
    }
  }
  .product-wrapper .about h2 {
    font-size: 2.3rem;
    text-align: center;
    font-weight: bold;
  }
  .product-wrapper .about h3 {
    font-size: 1.5rem;
    color: #688daa;
    margin-bottom: 70px;
    text-align: center;
    font-weight: bold;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about h3 {
      font-size: 1.3rem;
    }
  }
  @media screen and (max-width: 414px) {
    .product-wrapper .about h3 {
      font-size: 1.2rem;
    }
  }
  .product-wrapper .about .about-outer {
    width: 960px;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about .about-outer {
      width: 90%;
    }
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(odd) ul {
    display: flex;
    justify-content: space-between;
    margin: 0 0px 200px 0;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(odd) ul {
      flex-direction: column;
    }
  }
  @media screen and (max-width: 414px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(odd) ul {
      margin-bottom: 360px;
    }
  }
  @media screen and (max-width: 320px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(odd) ul {
      margin-bottom: 281px;
    }
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(odd) li:first-child {
    flex: 1;
    margin: 0 0px 80px 0;
    padding-right: 100px;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(odd) li:first-child {
      padding-right: 0;
      margin-bottom: 10px;
    }
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(odd) li:first-child h4 {
    width: 100%;
    padding: 30px 0px 15px 0;
    border-bottom: solid 2px #ededed;
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.3;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(odd) li:first-child h4 {
      font-size: 1.2rem;
    }
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(odd) li:first-child h4::before {
    content: "";
    background-color: #688daa;
    width: 25px;
    height: 7px;
    display: block;
    margin-bottom: 20px;
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(odd) li:first-child p {
    width: 100%;
    padding: 20px 0px 20px 0;
    font-size: 1rem;
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(odd) li:last-child {
    flex: 1;
    position: relative;
    background-color: #688daa;
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(odd) li:last-child .product-image {
    font-size: 0px;
    position: absolute;
    top: 26px;
    left: -25px;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(odd) li:last-child .product-image {
      top: 0px;
      left: 0px;
    }
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(even) ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin: 0 0px 200px 0;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(even) ul {
      flex-direction: column;
    }
  }
  @media screen and (max-width: 414px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(even) ul {
      margin-bottom: 332px;
    }
  }
  @media screen and (max-width: 320px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(even) ul {
      margin-bottom: 275px;
    }
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(even) li:first-child {
    flex: 1;
    background-color: #688daa;
    position: relative;
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(even) li:first-child .product-image {
    font-size: 0px;
    position: absolute;
    top: 26px;
    right: -25px;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(even) li:first-child .product-image {
      width: 100%;
      margin: 0 auto;
      top: 370px;
      right: 0px;
    }
  }
  @media screen and (max-width: 320px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(even) li:first-child .product-image {
      top: 328px;
    }
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(even) li:last-child {
    flex: 1;
    margin: 0 0px 80px 0;
    padding-left: 100px;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(even) li:last-child {
      padding-left: 0;
      margin-bottom: 10px;
    }
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(even) li:last-child h4 {
    width: 100%;
    padding: 30px 0px 15px 0;
    border-bottom: solid 2px #ededed;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.3;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .about .about-outer .about-inner:nth-child(even) li:last-child h4 {
      font-size: 1.2rem;
    }
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(even) li:last-child h4::before {
    content: "";
    background-color: #688daa;
    width: 25px;
    height: 7px;
    display: block;
    margin-bottom: 20px;
  }
  .product-wrapper .about .about-outer .about-inner:nth-child(even) li:last-child p {
    font-size: 1rem;
    width: 100%;
    padding: 20px 0px 20px 0;
  }
  .product-wrapper .curriculum {
    width: 100%;
    margin: 0 auto;
    background-color: #688daa;
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .product-wrapper .curriculum h2 {
    font-size: 2.3rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
  }
  .product-wrapper .curriculum h3 {
    font-size: 1.5rem;
    color: #688daa;
    margin-bottom: 70px;
    text-align: center;
    color: #fff;
    font-weight: bold;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .curriculum h3 {
      font-size: 1.3rem;
    }
  }
  @media screen and (max-width: 414px) {
    .product-wrapper .curriculum h3 {
      font-size: 1.2rem;
    }
  }
  .product-wrapper .curriculum .curri-wrapper {
    width: 960px;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .curriculum .curri-wrapper {
      width: 100%;
    }
  }
  .product-wrapper .curriculum .curri-wrapper h4 {
    width: 100%;
    padding: 0px 0px 0px 10px;
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.3;
    border-left: solid 8px #ededed;
    margin-bottom: 30px;
    color: #fff;
  }
  .product-wrapper .curriculum .curri-wrapper ul {
    display: flex;
    justify-content: space-between;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .curriculum .curri-wrapper ul {
      width: 90%;
      flex-direction: column;
      margin: 0 auto;
    }
  }
  .product-wrapper .curriculum .curri-wrapper ul li {
    flex: 1;
    margin-right: 65px;
    margin-bottom: 80px;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .curriculum .curri-wrapper ul li {
      margin-right: 0;
    }
  }
  .product-wrapper .curriculum .curri-wrapper ul li .product-image {
    margin-bottom: 30px;
  }
  .product-wrapper .curriculum .curri-wrapper ul li p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #fff;
  }
  .product-wrapper .curriculum .curri-wrapper ul :last-child {
    margin: 0;
  }
  .product-wrapper .nintei {
    width: 100%;
    margin: 0 auto 45px auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .nintei {
      margin-bottom: 0;
    }
  }
  .product-wrapper .nintei h3 {
    font-size: 1.3rem;
    color: #688daa;
    margin-bottom: 30px;
    padding-top: 60px;
    text-align: center;
    color: #000;
    font-weight: bold;
  }
  .product-wrapper .nintei dl {
    width: 960px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .nintei dl {
      width: 90%;
      flex-direction: column;
    }
  }
  .product-wrapper .nintei dl dt {
    flex: 3;
    margin-right: 60px;
    font-size: 1rem;
    line-height: 1.7;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .nintei dl dt {
      margin-right: 0;
    }
  }
  .product-wrapper .nintei dl dd {
    flex: 2;
    margin-top: 20px;
  }
  .product-wrapper .lad-table {
    width: 100%;
    margin: 0 auto 100px auto;
  }
  .product-wrapper .lad-table .lad-table_wrapper {
    width: 960px;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .lad-table .lad-table_wrapper {
      width: 90%;
    }
  }
  .product-wrapper .lad-table .lad-table_wrapper h3 {
    font-size: 1.5rem;
    color: #688daa;
    margin-bottom: 30px;
    padding-top: 40px;
    text-align: center;
    color: #000;
    font-weight: bold;
  }
  @media screen and (max-width: 960px) {
    .product-wrapper .lad-table .lad-table_wrapper h3 {
      font-size: 1.3rem;
    }
  }
  @media screen and (max-width: 414px) {
    .product-wrapper .lad-table .lad-table_wrapper h3 {
      font-size: 1.2rem;
    }
  }
  .product-wrapper .lad-table .lad-table_wrapper p {
    font-size: 1rem;
    margin-bottom: 35px;
  }
  .product-wrapper .lad-table .lad-table_wrapper table {
    border-collapse: collapse;
    border: solid 1px #ededed;
  }
  .product-wrapper .lad-table .lad-table_wrapper table thead {
    font-size: 1rem;
    background-color: #ededed;
  }
  .product-wrapper .lad-table .lad-table_wrapper table thead tr th {
    border: solid 1px #fff;
    padding: 15px;
    font-weight: bold;
  }
  .product-wrapper .lad-table .lad-table_wrapper table tbody {
    font-size: 0.8rem;
  }
  .product-wrapper .lad-table .lad-table_wrapper table tbody tr, .product-wrapper .lad-table .lad-table_wrapper table tbody td {
    border: solid 1px #ededed;
    padding: 15px;
  }
/* 0515 gruff wakabayashi add */


/* ---------------------------------------------
*   mod-service-contents
--------------------------------------------- */
/* line 1901, src/_sass/module/_module.scss */
.mod-service-contents {
    padding: 40px 0 27px;
}

@media screen and (max-width: 750px) {
    /* line 1901, src/_sass/module/_module.scss */
    .mod-service-contents {
        padding: 8% 0 3.5%;
    }
}

/* line 1911, src/_sass/module/_module.scss */
.mod-service-contents__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 70.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1911, src/_sass/module/_module.scss */
    .mod-service-contents__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1911, src/_sass/module/_module.scss */
    .mod-service-contents__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1926, src/_sass/module/_module.scss */
.mod-service-contents__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 1926, src/_sass/module/_module.scss */
    .mod-service-contents__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 1930, src/_sass/module/_module.scss */
.mod-service-contents__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 52px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-bottom: 110px;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 70.5%;
}

@media screen and (min-width: 1601px) {
    /* line 1930, src/_sass/module/_module.scss */
    .mod-service-contents__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 1930, src/_sass/module/_module.scss */
    .mod-service-contents__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-bottom: 6.25%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 1949, src/_sass/module/_module.scss */
.mod-service-contents__lead-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    /* line 1949, src/_sass/module/_module.scss */
    .mod-service-contents__lead-wrapper {
        display: block;
    }
}

/* line 1958, src/_sass/module/_module.scss */
.mod-service-contents__lead {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 16px;
    width: 416px;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    /* line 1958, src/_sass/module/_module.scss */
    .mod-service-contents__lead {
        margin: 0;
        width: auto;
    }
}

/* line 1970, src/_sass/module/_module.scss */
.mod-service-contents__section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 100px auto 0;
    max-width: 864px;
}

@media screen and (max-width: 750px) {
    /* line 1970, src/_sass/module/_module.scss */
    .mod-service-contents__section {
        margin-top: 12.22222%;
    }
}

.mod-service-contents__caption {
    text-align: center;
    margin-bottom: 42px;
}
@media screen and (max-width: 750px) {
    .mod-service-contents__caption {
        margin-bottom: 10%;
    }
}

.mod-service-contents__caption-inner {
    position: relative;
    display: inline-block;
    padding-left: 35px;
    font-family: "Century Gothic", "Roboto", sans-serif;
    color: #688daa;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.25;
}
@media screen and (max-width: 750px) {
    .mod-service-contents__caption-inner {
        padding-left: 8%;
        font-size: 1.71429rem;
    }
}

.mod-service-contents__caption-inner:after {
    content: "";
    position: absolute;
    top: 38%;
    left: -18px;
    width: 14px;
    height: 35px;
    border-right: 5px solid #688daa;
    border-bottom: 5px solid #688daa;
    -webkit-transform: translateY(-50%) rotateZ(45deg);
    -ms-transform: translateY(-50%) rotateZ(45deg);
    -o-transform: translateY(-50%) rotateZ(45deg);
    transform: translateY(-50%) rotateZ(45deg);
}
@media screen and (max-width: 750px) {
    .mod-service-contents__caption-inner:after {
        top: 30%;
        left: -2%;
        width: 3vw;
        height: 7vw;
        border-width: 1vw;
    }
}

/* line 1983, src/_sass/module/_module.scss */
.mod-service-contents__section-heading {
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 1983, src/_sass/module/_module.scss */
    .mod-service-contents__section-heading {
        font-size: 1.42857rem;
    }
}

/* line 1993, src/_sass/module/_module.scss */
.mod-service-contents__section-body {
    margin-top: 13px;
}

@media screen and (max-width: 750px) {
    /* line 1993, src/_sass/module/_module.scss */
    .mod-service-contents__section-body {
        margin-top: 5.55556%;
    }
}

/* line 2001, src/_sass/module/_module.scss */
.mod-service-contents__section-text {
    line-height: 2;
}

/* line 2005, src/_sass/module/_module.scss */
.mod-service-contents__media-section {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 110px auto 0;
}

@media screen and (max-width: 750px) {
    /* line 2005, src/_sass/module/_module.scss */
    .mod-service-contents__media-section {
        margin-top: 12.22222%;
    }
}

.mod-service-contents__media-section:after {
    content: "";
    display: block;
    clear: both;
}

/* line 2015, src/_sass/module/_module.scss */
.mod-service-contents__media-section-header {
    float: right;
    width: 38.23529%;
    margin-bottom: 15px;
}

@media screen and (max-width: 1300px) {
    /* line 2015, src/_sass/module/_module.scss */
    .mod-service-contents__media-section-header {
        float: none;
        width: auto;
    }
}
@media screen and (max-width: 750px) {
    .mod-service-contents__media-section-header {
        margin-bottom: 5.55556%;
    }
}

/* line 2023, src/_sass/module/_module.scss */
.mod-service-contents__media-section-heading {
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 2023, src/_sass/module/_module.scss */
    .mod-service-contents__media-section-heading {
        font-size: 1.42857rem;
    }
}

.mod-service-contents__media-section-body:after {
    content: "";
    display: block;
    clear: both;
}

/* line 2050, src/_sass/module/_module.scss */
.mod-service-contents__media-section-image {
    float: left;
    width: 58.82353%;
}

@media screen and (max-width: 1300px) {
    /* line 2050, src/_sass/module/_module.scss */
    .mod-service-contents__media-section-image {
        float: none;
        width: auto;
    }
}

/* line 2062, src/_sass/module/_module.scss */
.mod-service-contents__media-section-image-content {
    max-width: none;
    width: 100%;
}

/* line 2067, src/_sass/module/_module.scss */
.mod-service-contents__media-section-text {
    line-height: 2;
    clear: right;
    padding-left: 61.76471%;
}

@media screen and (min-width: 751px) and (max-width: 1300px) {
    /* line 2067, src/_sass/module/_module.scss */
    .mod-service-contents__media-section-text {
        padding-left: 0;
        margin-top: 13px;
    }
}

@media screen and (max-width: 750px) {
    /* line 2067, src/_sass/module/_module.scss */
    .mod-service-contents__media-section-text {
        padding-left: 0;
        margin-top: 5.55556%;
    }
}

.mod-service-contents__contact {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 384px;
    margin: 80px auto 0;
}
@media screen and (max-width: 750px) {
    .mod-service-contents__contact {
        width: 71.11111%;
        margin-top: 5%;
    }
}

.mod-service-contents__contact-btn {
    display: block;
    overflow: hidden;
    padding: 22px;
    border-radius: 4px;
    background-color: #688daa;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}
.mod-service-contents__contact-btn:hover {
    opacity: 0.8;
}
@media screen and (max-width: 738px) {
    .mod-service-contents__contact-btn {
        padding: 6.64062%;
        font-size: 1.14286rem;
    }
}

/* line 2079, src/_sass/module/_module.scss */
.mod-service-contents__footer {
    background-color: #ecf0f5;
}

/* line 2083, src/_sass/module/_module.scss */
.mod-service-contents__related-product {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-top: 57px;
    padding-right: 0.625%;
    padding-bottom: 88px;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 70.5%;
}

@media screen and (min-width: 1601px) {
    /* line 2083, src/_sass/module/_module.scss */
    .mod-service-contents__related-product {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 2083, src/_sass/module/_module.scss */
    .mod-service-contents__related-product {
        padding-top: 8.5%;
        padding-right: 5%;
        padding-bottom: 10%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 2105, src/_sass/module/_module.scss */
.mod-service-contents__related-product-heading {
    text-align: center;
    font-weight: bold;
    font-size: 2.5rem;
}

@media screen and (max-width: 750px) {
    /* line 2105, src/_sass/module/_module.scss */
    .mod-service-contents__related-product-heading {
        font-size: 1.71429rem;
    }
}

/* line 2115, src/_sass/module/_module.scss */
.mod-service-contents__related-product-body {
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    /* line 2115, src/_sass/module/_module.scss */
    .mod-service-contents__related-product-body {
        margin-top: 7.91667%;
    }
}

/* line 2126, src/_sass/module/_module.scss */
.mod-service-contents__related-product-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 32px auto 0;
    max-width: 864px;

    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    /* line 2126, src/_sass/module/_module.scss */
    .mod-service-contents__related-product-list-item {
        display: block;
        margin-top: 8.88889%;
        width: auto;
    }
}

/* line 2141, src/_sass/module/_module.scss */
.mod-service-contents__related-product-list-item:first-child {
    margin-top: 0;
}

/* line 2145, src/_sass/module/_module.scss */
.mod-service-contents__related-product-image {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 166px;
    width: 48.14815%;
    height: 0;
    border: 1px solid #202832;
}

@media screen and (max-width: 750px) {
    /* line 2145, src/_sass/module/_module.scss */
    .mod-service-contents__related-product-image {
        padding-top: 46.11111%;
        width: auto;
    }
}

/* line 2159, src/_sass/module/_module.scss */
.mod-service-contents__related-product-image-content {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: block;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 2169, src/_sass/module/_module.scss */
.mod-service-contents__related-product-list-item--cypher .mod-service-contents__related-product-image-content {
    width: 79.08654%;
}

@media screen and (max-width: 750px) {
    /* line 2169, src/_sass/module/_module.scss */
    .mod-service-contents__related-product-list-item--cypher .mod-service-contents__related-product-image-content {
        width: 79.02778%;
    }
}

/* line 2177, src/_sass/module/_module.scss */
.mod-service-contents__related-product-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48.14815%;
}

@media screen and (max-width: 750px) {
    /* line 2177, src/_sass/module/_module.scss */
    .mod-service-contents__related-product-text {
        width: auto;
    }
}

/* line 2186, src/_sass/module/_module.scss */
.mod-service-contents__related-product-description {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    /* line 2186, src/_sass/module/_module.scss */
    .mod-service-contents__related-product-description {
        margin-top: 4.16667%;
        text-align: center;
        font-size: 1rem;
        line-height: 1.75;
    }
}

/* line 2199, src/_sass/module/_module.scss */
.mod-service-contents__related-product-link {
    display: block;
    overflow: hidden;
    margin: 17px auto 0 0;
    padding: 16px 0;
    width: 73.07692%;
    border-radius: 4px;
    background-color: #bab3b1;
    color: #fff;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.mod-service-contents__related-product-link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .mod-service-contents__related-product-link,
.ipad .mod-service-contents__related-product-link,
.android .mod-service-contents__related-product-link,
.androidTablet .mod-service-contents__related-product-link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .mod-service-contents__related-product-link:hover,
.ipad .mod-service-contents__related-product-link:hover,
.android .mod-service-contents__related-product-link:hover,
.androidTablet .mod-service-contents__related-product-link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 2199, src/_sass/module/_module.scss */
    .mod-service-contents__related-product-link {
        margin: 4.16667% auto 0;
        padding: 3.61111% 0;
        width: 66.66667%;
        font-size: 0.85714rem;
    }
}

/* line 2215, src/_sass/module/_module.scss */
.mod-service-contents__related-product-link-text {
    display: block;
}

/* ---------------------------------------------
*   mod-service-link
--------------------------------------------- */
/* line 2223, src/_sass/module/_module.scss */
.mod-service-link {
    padding: 70px 0 48px;
}

@media screen and (max-width: 750px) {
    /* line 2223, src/_sass/module/_module.scss */
    .mod-service-link {
        padding: 8.75% 0 3%;
    }
}

/* line 2236, src/_sass/module/_module.scss */
.mod-service-link--topics-detail {
    margin-top: 25px;
    padding: 0;
}

@media screen and (max-width: 750px) {
    /* line 2236, src/_sass/module/_module.scss */
    .mod-service-link--topics-detail {
        margin-top: 8.75%;
    }
}

/* line 2245, src/_sass/module/_module.scss */
.mod-service-link__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 996px;
    width: 63.5%;
}

@media screen and (min-width: 1601px) {
    /* line 2245, src/_sass/module/_module.scss */
    .mod-service-link__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 996px;
    }
}

@media screen and (max-width: 750px) {
    /* line 2245, src/_sass/module/_module.scss */
    .mod-service-link__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 2257, src/_sass/module/_module.scss */
.mod-service-link--topics-detail .mod-service-link__header {
    padding-right: 0;
    padding-left: 0;
    max-width: none;
    width: auto;
}

@media screen and (max-width: 750px) {
    /* line 2257, src/_sass/module/_module.scss */
    .mod-service-link--topics-detail .mod-service-link__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 2268, src/_sass/module/_module.scss */
.mod-service-link__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 2268, src/_sass/module/_module.scss */
    .mod-service-link__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 2272, src/_sass/module/_module.scss */
.mod-service-link--topics-detail .mod-service-link__heading {
    text-align: left;
    font-size: 2rem;
}

@media screen and (max-width: 750px) {
    /* line 2272, src/_sass/module/_module.scss */
    .mod-service-link--topics-detail .mod-service-link__heading {
        font-size: 1.42857rem;
    }
}

/* line 2281, src/_sass/module/_module.scss */
.mod-service-link__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 996px;
    width: 63.5%;
}

@media screen and (min-width: 1601px) {
    /* line 2281, src/_sass/module/_module.scss */
    .mod-service-link__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 996px;
    }
}

@media screen and (max-width: 750px) {
    /* line 2281, src/_sass/module/_module.scss */
    .mod-service-link__body {
        margin-top: 6.5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 2295, src/_sass/module/_module.scss */
.mod-service-link--topics-detail .mod-service-link__body {
    margin-top: 20px;
    padding-right: 0;
    padding-left: 0;
    max-width: none;
    width: auto;
}

@media screen and (max-width: 750px) {
    /* line 2295, src/_sass/module/_module.scss */
    .mod-service-link--topics-detail .mod-service-link__body {
        margin-top: 3.25%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 2308, src/_sass/module/_module.scss */
.mod-service-link__sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 1580px) {
    /* line 2308, src/_sass/module/_module.scss */
    .mod-service-link__sections {
        display: block;
    }
}

/* line 2317, src/_sass/module/_module.scss */
.mod-service-link__section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    border: 1px solid #000;
}

@media screen and (max-width: 1580px) {
    /* line 2317, src/_sass/module/_module.scss */
    .mod-service-link__section {
        margin-top: 20px;
        width: auto;
    }
}

@media screen and (max-width: 750px) {
    /* line 2317, src/_sass/module/_module.scss */
    .mod-service-link__section {
        margin-top: 5.55556%;
    }
}

/* line 2332, src/_sass/module/_module.scss */
.mod-service-link__section:first-child {
    margin-top: 0;
}

/* line 2336, src/_sass/module/_module.scss */
.mod-service-link__section-header {
    padding: 10px 12px;
    background-color: #ecf0f5;
}

@media screen and (max-width: 750px) {
    /* line 2336, src/_sass/module/_module.scss */
    .mod-service-link__section-header {
        padding: 0.97222% 2.77778% 0.83333%;
    }
}

/* line 2345, src/_sass/module/_module.scss */
.mod-service-link__section-heading {
    padding-left: 22px;
    background: url("/img/sp/product/common/icon_check.png") left center no-repeat;
    background-size: 16px auto;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 750px) {
    /* line 2345, src/_sass/module/_module.scss */
    .mod-service-link__section-heading {
        padding-left: 6.38889%;
        background-size: 3.75vw;
        font-size: 1rem;
    }
}

/* line 2362, src/_sass/module/_module.scss */
.mod-service-link__section-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    padding: 13px 18px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    /* line 2362, src/_sass/module/_module.scss */
    .mod-service-link__section-list {
        padding: 2.22222% 5.27778%;
    }
}

/* line 2373, src/_sass/module/_module.scss */
.mod-service-link__section-list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    width: 100%;
}

@media screen and (min-width: 751px) and (max-width: 1580px) {
    /* line 2373, src/_sass/module/_module.scss */
    .mod-service-link__section-list-item {
        width: 50%;
    }
}

@media screen and (max-width: 750px) {
    /* line 2373, src/_sass/module/_module.scss */
    .mod-service-link__section-list-item {
        margin-top: 0.27778%;
    }
}

/* line 2387, src/_sass/module/_module.scss */
.mod-service-link__section-list-item:first-child {
    margin-top: 0;
}

@media screen and (min-width: 751px) and (max-width: 1580px) {
    /* line 2391, src/_sass/module/_module.scss */
    .mod-service-link__section-list-item:nth-child(-n+2) {
        margin-top: 0;
    }
}

/* line 2398, src/_sass/module/_module.scss */
.mod-service-link__section-list--2-columns .mod-service-link__section-list-item {
    width: 50%;
}

/* line 2402, src/_sass/module/_module.scss */
.mod-service-link__section-list--2-columns .mod-service-link__section-list-item:nth-child(-n+2) {
    margin-top: 0;
}

/* line 2406, src/_sass/module/_module.scss */
.mod-service-link__section-link {
    color: #8a7f7c;
    text-decoration: underline;
    font-size: 0.9375rem;
}

/* line 128, src/_sass/partial/_util.scss */
.mod-service-link__section-link:hover {
    text-decoration: none;
}

/* line 139, src/_sass/partial/_util.scss */
.iphone .mod-service-link__section-link:hover,
.ipad .mod-service-link__section-link:hover,
.android .mod-service-link__section-link:hover,
.androidTablet .mod-service-link__section-link:hover {
    text-decoration: underline;
}

@media screen and (max-width: 750px) {
    /* line 2406, src/_sass/module/_module.scss */
    .mod-service-link__section-link {
        font-size: 0.85714rem;
    }
}

/*
0526 gruff wakabayashi add
*/


  .serviceDepa_img {
    width: 100%;
    font-size: 0;
  }
  
 
.service_wrapper {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
  }
  .service_wrapper a:hover {
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.3s 0s ease;
  }
  .service_wrapper a {
    text-decoration: none;
  }
  .service_wrapper a:visited {
    color: inherit;
  }
  @media screen and (max-width: 960px) {
    .service_wrapper {
      width: 100%;
      margin: 0 auto;
    }
  }
  .service_wrapper .service_ttl {
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 60px;
    width: 90%;
  }
  .service_wrapper .service_lead {
    width: 960px;
    margin: 0 auto;
    margin-bottom: 30px;
    line-height: 1.5rem;
    font-size: 0.9rem;
  }
  @media screen and (max-width: 960px) {
    .service_wrapper .service_lead {
      width: 90%;
    }
  }
  .service_wrapper .service_menu {
    width: 960px;
    margin: 0 auto 300px auto;
    min-height: 100%;
    padding: 100px 0 0px 0;
  }
  @media screen and (max-width: 960px) {
    .service_wrapper .service_menu {
      width: 100%;
    }
  }
  .service_wrapper .service_menu .service_menu-outer {
    position: relative;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner {
    flex-basis: 29%;
    border: solid 2px #b2c8d9;
    padding: 60px 40px 0px 40px;
    position: relative;
    background-color: #fff;
    pointer-events: auto;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner h4 {
    font-size: 1.3rem;
    color: #688daa;
    font-weight: bold;
    margin-bottom: 12px;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_menu-ttl {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 35px;
    line-height: 1.1;
  }
  @media screen and (max-width: 320px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_menu-ttl {
      font-size: 1rem;
    }
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_menu-info {
    margin-bottom: 70px;
    line-height: 1.5rem;
    font-size: 0.9rem;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_img {
    width: 70%;
    margin: 0 auto 30px auto;
  }
  @media screen and (max-width: 850px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_img {
      width: 90%;
    }
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_img img {
    width: 100%;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner button {
    width: 100%;
    margin: 0 auto 0px auto;
    border: none;
    background-color: transparent;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner button a {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 13px 0px;
    color: #fff;
    font-size: 1rem;
    border-radius: 30px;
    background-color: #688daa;
  }
  @media screen and (max-width: 960px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner button {
      width: 100%;
    }
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_sub {
    display: none;
    justify-content: space-between;
    padding-top: 70px;
  }
  @media screen and (max-width: 850px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_sub {
      flex-direction: column;
    }
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_sub .service_sub-outer {
    flex-basis: 24%;
    border: solid 1px #f4f4f4;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_sub h4 {
    padding: 8px 10px;
    background-color: #9d9d9d;
    color: #fff;
    font-size: 1rem;
    text-align: center;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_sub .service_sub-inner {
    padding-bottom: 20px;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_sub .service_sub-inner li {
    margin: 0 20px 0 10px;
    font-size: 0.9rem;
    color: #8c8c8c;
    line-height: 1.4rem;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .service_sub .service_sub-inner li a::before {
    content: ">";
    margin-right: 13px;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner .subActive {
    display: flex;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner:first-child > .service_sub {
    display: flex;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner::before {
    content: "";
    background-image: url(https://www.gruff.co.jp/img/pc/service/index/service01.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: border-box;
    font-size: 1.6rem;
    padding: 54px 290px 19px 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top: solid 2px #b2c8d9;
    border-right: solid 2px #b2c8d9;
    border-bottom: solid 3px #fff;
    border-left: solid 2px #b2c8d9;
    position: absolute;
    top: -77px;
    left: -2px;
  }
  @media screen and (max-width: 960px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner::before {
      padding-right: 30%;
    }
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner:first-child {
    z-index: 6;
    padding-bottom: 60px;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner:first-child .service_menu-info {
    margin-bottom: 60px;
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    padding-bottom: 66px;
  }
  @media screen and (max-width: 320px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner:nth-child(2) {
      padding-bottom: 170px;
    }
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner:last-child {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    padding-bottom: 86px;
  }
  @media screen and (max-width: 320px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner:last-child {
      padding-bottom: 185px;
    }
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner:nth-child(2):before {
    left: 30.3%;
    background-image: url(https://www.gruff.co.jp/img/pc/service/index/service02.jpg);
  }
  @media screen and (max-width: 748px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner:nth-child(2):before {
      left: 29.8%;
      background-size: 97%;
      background-position: center;
    }
  }
  @media screen and (max-width: 415px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner:nth-child(2):before {
      background-size: 150%;
    }
  }
  .service_wrapper .service_menu .service_menu-outer .service_menu-inner:last-child:before {
    left: 60.9%;
    background-image: url(https://www.gruff.co.jp/img/pc/service/index/service03.jpg);
    background-size: auto;
    background-position-y: center;
  }
  @media screen and (max-width: 960px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner:last-child:before {
      left: 60.2%;
      background-size: 100%;
      background-position: center;
    }
  }
  @media screen and (max-width: 415px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner:last-child:before {
      background-size: 94%;
    }
  }
  @media screen and (max-width: 320px) {
    .service_wrapper .service_menu .service_menu-outer .service_menu-inner:last-child:before {
      left: 60.7%;
    }
  }
  
  @media screen and (max-width: 850px) {
    _::-webkit-full-page-media, _:future, :root .service_menu-inner::before {
      padding-right: 33.3% !important;
    }
  }
  @media screen and (max-width: 415px) {
    _::-webkit-full-page-media, _:future, :root .service_menu-inner::before {
      padding-right: 37% !important;
    }
  }
  @media screen and (max-width: 375px) {
    _::-webkit-full-page-media, _:future, :root .service_menu-inner::before {
      padding-right: 38% !important;
    }
  }
  @media screen and (max-width: 320px) {
    _::-webkit-full-page-media, _:future, :root .service_menu-inner::before {
      padding-right: 40.3% !important;
    }
  }
  
  .serviceDepa {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .serviceDepa a:hover {
    cursor: pointer;
    display: block;
    opacity: 0.6;
    transition: all 0.3s 0s ease;
  }
  .serviceDepa a {
    text-decoration: none;
  }
  .serviceDepa a:visited {
    color: inherit;
  }
  @media screen and (max-width: 960px) {
    .serviceDepa {
      width: 90%;
    }
  }
  .serviceDepa .serviceDepa_ttl h2 {
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 60px;
  }
  .serviceDepa .serviceDepa_ttl h2::after {
    content: "DEPARTMENTS";
    display: block;
    font-size: 0.4em;
    font-weight: lighter;
  }
  .serviceDepa .serviceDepa_ttl p {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
    font-size: 0.95rem;
    line-height: 2;
  }
  .serviceDepa .serviceDepa_menu-outer {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .serviceDepa .serviceDepa_menu-outer a {
    flex-basis: 45%;
  }
  @media screen and (max-width: 850px) {
    .serviceDepa .serviceDepa_menu-outer a {
      flex-basis: 100%;
    }
  }
  .serviceDepa .serviceDepa_menu-outer a li {
    width: 100%;
    margin-bottom: 80px;
  }
  @media screen and (max-width: 960px) {
    .serviceDepa .serviceDepa_menu-outer a li {
      margin-right: 0;
    }
  }
  .serviceDepa .serviceDepa_menu-outer a li .serviceDepa_img {
    width: 100%;
    font-size: 0;
  }
  .serviceDepa .serviceDepa_menu-outer a li .serviceDepa_img img {
    width: 100% !important;
  }
  .serviceDepa .serviceDepa_menu-outer a li h3 {
    background-color: #688daa;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 26px 84px 60px 84px;
    margin: 0;
    position: relative;
  }
  @media screen and (max-width: 850px) {
    .serviceDepa .serviceDepa_menu-outer a li h3 {
      padding-left: 140px;
    }
  }
  @media screen and (max-width: 748px) {
    .serviceDepa .serviceDepa_menu-outer a li h3 {
      padding-left: 130px;
      font-size: 0.6rem;
    }
  }
  @media screen and (max-width: 415px) {
    .serviceDepa .serviceDepa_menu-outer a li h3 {
      padding-left: 70px;
      font-size: 1.1rem;
    }
  }
  @media screen and (max-width: 375px) {
    .serviceDepa .serviceDepa_menu-outer a li h3 {
      padding-left: 66px;
    }
  }
  @media screen and (max-width: 320px) {
    .serviceDepa .serviceDepa_menu-outer a li h3 {
      padding-left: 52px;
      padding-right: 28px;
      font-size: 1.1rem;
    }
  }
  .serviceDepa .serviceDepa_menu-outer a li h3::after {
    content: "Sales & Marketing";
    display: block;
    width: 82%;
    position: absolute;
    top: 60px;
    left: 19%;
    font-size: 0.68em;
    color: #c6c6c6;
    border-top: solid 1px #ffffff;
    padding-top: 8px;
    font-weight: lighter;
  }
  .serviceDepa .serviceDepa_menu-outer a:nth-child(2n) li {
    margin-right: 0;
  }
  .serviceDepa .serviceDepa_menu-outer a:nth-child(2) li > h3::after {
    content: "Supply Chain Management";
  }
  .serviceDepa .serviceDepa_menu-outer a:nth-child(3) li > h3::after {
    content: "Informetion Technology";
  }
  .serviceDepa .serviceDepa_menu-outer a:nth-child(4) li > h3::after {
    content: "Corporate Planning";
  }
  
  .serviceIndus {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .serviceIndus a:hover {
    cursor: pointer;
    display: block;
    opacity: 0.6;
    transition: all 0.3s 0s ease;
  }
  .serviceIndus a {
    text-decoration: none;
  }
  .serviceIndus a:visited {
    color: inherit;
  }
  @media screen and (max-width: 960px) {
    .serviceIndus {
      width: 100%;
      width: 90%;
    }
  }
  .serviceIndus .serviceIndus_ttl h2 {
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 60px;
  }
  .serviceIndus .serviceIndus_ttl h2::after {
    content: "INDUSTRY";
    display: block;
    font-size: 0.4em;
    font-weight: lighter;
  }
  .serviceIndus .serviceIndus_ttl p {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
    font-size: 0.95rem;
    line-height: 2;
  }
  .serviceIndus .serviceIndus_menu-outer {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  @media screen and (max-width: 960px) {
    .serviceIndus .serviceIndus_menu-outer {
      justify-content: space-evenly;
    }
  }
  .serviceIndus .serviceIndus_menu-outer a {
    flex-basis: 30%;
  }
  @media screen and (max-width: 850px) {
    .serviceIndus .serviceIndus_menu-outer a {
      flex-basis: 100%;
    }
  }
  .serviceIndus .serviceIndus_menu-outer a li {
    width: 100%;
    margin-bottom: 80px;
  }
  @media screen and (max-width: 960px) {
    .serviceIndus .serviceIndus_menu-outer a li {
      margin-right: 0;
    }
  }
  .serviceIndus .serviceIndus_menu-outer a li .serviceIndus_img {
    width: 100%;
    font-size: 0;
  }
  .serviceIndus .serviceIndus_menu-outer a li .serviceIndus_img img {
    width: 100% !important;
  }
  .serviceIndus .serviceIndus_menu-outer a li h3 {
    background-color: #688daa;
    color: #ffffff;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    padding: 30px 0px 60px 53px;
    margin: 0;
    position: relative;
  }
  @media screen and (max-width: 850px) {
    .serviceIndus .serviceIndus_menu-outer a li h3 {
      padding-left: 140px;
    }
  }
  @media screen and (max-width: 748px) {
    .serviceIndus .serviceIndus_menu-outer a li h3 {
      padding-left: 70px;
      font-size: 1rem;
    }
  }
  @media screen and (max-width: 375px) {
    .serviceIndus .serviceIndus_menu-outer a li h3 {
      padding-left: 66px;
    }
  }
  .serviceIndus .serviceIndus_menu-outer a li h3::after {
    content: "Automobile";
    display: block;
    width: 82%;
    position: absolute;
    top: 60px;
    left: 19%;
    font-size: 0.68em;
    color: #c6c6c6;
    border-top: solid 1px #ffffff;
    padding-top: 4px;
    font-weight: lighter;
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(3n) li {
    margin-right: 0;
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(2) li > h3::after {
    content: "Production";
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(3) li > h3::after {
    content: "Energy";
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(4) li > h3::after {
    content: "Finance";
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(5) li > h3::after {
    content: "Retail";
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(6) li > h3::after {
    content: "Logistics";
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(7) li > h3::after {
    content: "Pharmaceutical";
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(8) li > h3::after {
    content: "Telecommunications";
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(9) li > h3::after {
    content: "Construction";
  }
  .serviceIndus .serviceIndus_menu-outer a:nth-child(10) li > h3::after {
    content: "public";
  }
  
  .servicePro {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .servicePro a:hover {
    cursor: pointer;
    display: block;
    opacity: 0.6;
    transition: all 0.3s 0s ease;
  }
  .servicePro a {
    text-decoration: none;
  }
  .servicePro a:visited {
    color: inherit;
  }
  @media screen and (max-width: 960px) {
    .servicePro {
      width: 90%;
    }
  }
  .servicePro .servicePro_ttl h2 {
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 60px;
  }
  .servicePro .servicePro_ttl h2::after {
    content: "PROBLEM";
    display: block;
    font-size: 0.4em;
    font-weight: lighter;
  }
  .servicePro .servicePro_ttl p {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
    font-size: 0.95rem;
    letter-spacing: -0.1px;
    line-height: 2;
  }
  .servicePro .servicePro_menu-outer {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .servicePro .servicePro_menu-outer a {
    flex-basis: 45%;
  }
  @media screen and (max-width: 850px) {
    .servicePro .servicePro_menu-outer a {
      flex-basis: 100%;
    }
  }
  .servicePro .servicePro_menu-outer a li {
    width: 100%;
    margin-bottom: 80px;
  }
  .servicePro .servicePro_menu-outer a li .servicePro_img {
    width: 100%;
    font-size: 0;
  }
  .servicePro .servicePro_menu-outer a li .servicePro_img img {
    width: 100% !important;
  }
  .servicePro .servicePro_menu-outer a li h3 {
    background-color: #688daa;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 26px 84px 60px 84px;
    margin: 0;
    position: relative;
  }
  @media screen and (max-width: 850px) {
    .servicePro .servicePro_menu-outer a li h3 {
      padding-left: 140px;
    }
  }
  @media screen and (max-width: 748px) {
    .servicePro .servicePro_menu-outer a li h3 {
      padding-left: 130px;
      font-size: 0.6rem;
    }
  }
  @media screen and (max-width: 415px) {
    .servicePro .servicePro_menu-outer a li h3 {
      padding-left: 70px;
      font-size: 1.1rem;
    }
  }
  @media screen and (max-width: 375px) {
    .servicePro .servicePro_menu-outer a li h3 {
      padding-left: 66px;
    }
  }
  @media screen and (max-width: 320px) {
    .servicePro .servicePro_menu-outer a li h3 {
      padding-left: 52px;
      padding-right: 28px;
      font-size: 1.1rem;
    }
  }
  .servicePro .servicePro_menu-outer a li h3::after {
    content: "Marketing & Crm";
    display: block;
    width: 82%;
    position: absolute;
    top: 60px;
    left: 19%;
    font-size: 0.68em;
    color: #c6c6c6;
    border-top: solid 1px #ffffff;
    padding-top: 8px;
    font-weight: lighter;
  }
  .servicePro .servicePro_menu-outer a:nth-child(2) li > h3::after {
    content: "Business process improvement";
  }
  .servicePro .servicePro_menu-outer a:nth-child(3) li > h3::after {
    content: "Analysis base construction";
  }
  .servicePro .servicePro_menu-outer a:nth-child(4) li > h3::after {
    content: "Data analysis organization maintenance";
  }

  /* 0611add  */

/* ---------------------------------------------
*   mod-tag
--------------------------------------------- */
/* line 2426, src/_sass/module/_module.scss */
.mod-tag--topics-detail {
    padding-top: 23px;
    border-top: 1px solid #c3c7cc;
}

/* line 2431, src/_sass/module/_module.scss */
.mod-tag__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    max-width: none;
    width: auto;
}

@media screen and (min-width: 1601px) {
    /* line 2431, src/_sass/module/_module.scss */
    .mod-tag__container {
        padding-right: 0px;
        padding-left: 0px;
        width: none;
    }
}

@media screen and (max-width: 750px) {
    /* line 2431, src/_sass/module/_module.scss */
    .mod-tag__container {
        padding-right: 0;
        padding-left: 0;
        width: auto;
    }
}

/* line 2448, src/_sass/module/_module.scss */
.mod-tag__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 24px 20px;
    background-color: #ecf0f5;
}

@media screen and (max-width: 750px) {
    /* line 2448, src/_sass/module/_module.scss */
    .mod-tag__inner {
        padding: 4% 4% 3.5%;
    }
}

/* line 2458, src/_sass/module/_module.scss */
.mod-tag__header {
    min-width: 88px;
    width: 88px;
}

@media screen and (max-width: 750px) {
    /* line 2458, src/_sass/module/_module.scss */
    .mod-tag__header {
        min-width: 19.56522%;
        width: 19.56522%;
    }
}

/* line 2468, src/_sass/module/_module.scss */
.mod-tag__heading {
    padding-left: 24px;
    background: url("/img/common/icon_tag.png") left center no-repeat;
    background-size: 16px auto;
    font-weight: 700;
    font-size: 1.125rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 2468, src/_sass/module/_module.scss */
    .mod-tag__heading {
        padding-left: 27.77778%;
        background-size: 4vw auto;
        font-size: 0.85714rem;
    }
}

/* line 2482, src/_sass/module/_module.scss */
.mod-tag__body {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

/* line 2486, src/_sass/module/_module.scss */
.mod-tag__list {
    overflow: hidden;
    margin-top: -5px;
}

@media screen and (max-width: 750px) {
    /* line 2486, src/_sass/module/_module.scss */
    .mod-tag__list {
        margin-top: -1.35135%;
    }
}

/* line 2496, src/_sass/module/_module.scss */
.mod-tag__list-item {
    position: relative;
    float: left;
    margin: 5px 5px 0 0;
    padding-right: 12px;
    color: #8a7f7c;
}

@media screen and (max-width: 750px) {
    /* line 2496, src/_sass/module/_module.scss */
    .mod-tag__list-item {
        margin: 2.7027% 2.53378% 0 0;
        padding-right: 4.22297%;
        font-size: 0.71429rem;
    }
}

/* line 2510, src/_sass/module/_module.scss */
.mod-tag__list-item:last-child {
    margin-right: 0;
    padding-right: 0;
}

/* line 2515, src/_sass/module/_module.scss */
.mod-tag__list-item:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    content: "/";
}

/* line 2524, src/_sass/module/_module.scss */
.mod-tag__list-item:last-child:after {
    display: none;
}

/* line 2528, src/_sass/module/_module.scss */
.mod-tag__link {
    display: block;
    text-decoration: underline;
}

/* line 128, src/_sass/partial/_util.scss */
.mod-tag__link:hover {
    text-decoration: none;
}

/* line 139, src/_sass/partial/_util.scss */
.iphone .mod-tag__link:hover,
.ipad .mod-tag__link:hover,
.android .mod-tag__link:hover,
.androidTablet .mod-tag__link:hover {
    text-decoration: underline;
}

/* ---------------------------------------------
*   mod-topics
--------------------------------------------- */
/* line 2537, src/_sass/module/_module.scss */
.mod-topics {
    padding: 35px 0 50px;
}

@media screen and (max-width: 738px) {
    /* line 2537, src/_sass/module/_module.scss */
    .mod-topics {
        padding: 7.5% 0 10%;
    }
}

/* line 2548, src/_sass/module/_module.scss */
.mod-topics__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 83.25%;
}

@media screen and (min-width: 1601px) {
    /* line 2548, src/_sass/module/_module.scss */
    .mod-topics__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 2548, src/_sass/module/_module.scss */
    .mod-topics__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 2560, src/_sass/module/_module.scss */
.mod-topics__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 2560, src/_sass/module/_module.scss */
    .mod-topics__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 2564, src/_sass/module/_module.scss */
.mod-topics__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 33px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 83.25%;
}

@media screen and (min-width: 1601px) {
    /* line 2564, src/_sass/module/_module.scss */
    .mod-topics__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 2564, src/_sass/module/_module.scss */
    .mod-topics__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 2578, src/_sass/module/_module.scss */
.mod-topics__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    /* line 2578, src/_sass/module/_module.scss */
    .mod-topics__list {
        display: block;
    }
}

/* line 2586, src/_sass/module/_module.scss */
.mod-topics__list-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 23.17073%;
}

/* line 2591, src/_sass/module/_module.scss */
.mod-topics__list-item.js-topics-link {
    cursor: pointer;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

/* line 36, src/_sass/partial/_util.scss */
.mod-topics__list-item.js-topics-link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .mod-topics__list-item.js-topics-link,
.ipad .mod-topics__list-item.js-topics-link,
.android .mod-topics__list-item.js-topics-link,
.androidTablet .mod-topics__list-item.js-topics-link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .mod-topics__list-item.js-topics-link:hover,
.ipad .mod-topics__list-item.js-topics-link:hover,
.android .mod-topics__list-item.js-topics-link:hover,
.androidTablet .mod-topics__list-item.js-topics-link:hover {
    opacity: 1;
}

@media screen and (min-width: 751px) {
    /* line 2586, src/_sass/module/_module.scss */
    .mod-topics__list-item {
        margin-right: 2.43902%;
    }
    /* line 2599, src/_sass/module/_module.scss */
    .mod-topics__list-item:nth-of-type(4n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 750px) {
    /* line 2586, src/_sass/module/_module.scss */
    .mod-topics__list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 6.66667%;
        width: auto;
    }
}

@media screen and (max-width: 750px) {
    /* line 2611, src/_sass/module/_module.scss */
    .mod-topics__list-item:first-child {
        margin-top: 0;
    }
}

/* line 2618, src/_sass/module/_module.scss */
.mod-topics__image {
    position: relative;
    overflow: hidden;
    padding-top: 70.45455%;
    width: 100%;
    height: 0;
}

@media screen and (max-width: 750px) {
    /* line 2618, src/_sass/module/_module.scss */
    .mod-topics__image {
        padding-top: 34.51852%;
        min-width: 48.88889%;
        width: 48.88889%;
    }
}

/* line 2632, src/_sass/module/_module.scss */
.mod-topics__image-conten,
.mod-topics__image .wp-post-image {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* line 2641, src/_sass/module/_module.scss */
.mod-topics__text {
    padding: 4.93421%;
}

@media screen and (max-width: 750px) {
    /* line 2641, src/_sass/module/_module.scss */
    .mod-topics__text {
        padding: 0 0 0 4.16667%;

        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }
}

/* line 2650, src/_sass/module/_module.scss */
.mod-topics__label {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 5.26316% 5.26316%;
    padding: 1.31579% 3.94737%;
    background-color: #fff;
    font-weight: 700;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 2650, src/_sass/module/_module.scss */
    .mod-topics__label {
        position: static;
        display: inline-block;
        margin: 0;
        padding: 0.57803% 4.33526% 0;
        background-color: #bab3b1;
        color: #fff;
        vertical-align: top;
        font-size: 0.71429rem;
    }
}

/* line 2671, src/_sass/module/_module.scss */
.mod-topics__date {
    font-size: 0.875rem;
}

@media screen and (max-width: 750px) {
    /* line 2671, src/_sass/module/_module.scss */
    .mod-topics__date {
        margin-top: 2.31214%;
        font-size: 0.71429rem;
    }
}

/* line 2680, src/_sass/module/_module.scss */
.mod-topics__headline {
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    /* line 2680, src/_sass/module/_module.scss */
    .mod-topics__headline {
        margin-top: 4.62428%;
        font-size: 0.85714rem;
    }
}

/* line 2689, src/_sass/module/_module.scss */
.mod-topics__tags {
    overflow: hidden;
    margin-top: 10px;
}

@media screen and (max-width: 750px) {
    /* line 2689, src/_sass/module/_module.scss */
    .mod-topics__tags {
        margin-top: 4.33526%;
    }
}

/* line 2698, src/_sass/module/_module.scss */
.mod-topics__tag {
    position: relative;
    float: left;
    margin-right: 5px;
    padding-right: 10px;
    color: #8a7f7c;
    font-size: 0.8125rem;
}

@media screen and (max-width: 750px) {
    /* line 2698, src/_sass/module/_module.scss */
    .mod-topics__tag {
        margin: 2.89017% 2.89017% 0 0;
        font-size: 0.71429rem;
    }
}

/* line 2712, src/_sass/module/_module.scss */
.mod-topics__tag:last-child {
    margin-right: 0;
    padding-right: 0;
}

/* line 2717, src/_sass/module/_module.scss */
.mod-topics__tag:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    content: "/";
}

/* line 2726, src/_sass/module/_module.scss */
.mod-topics__tag:last-child:after {
    display: none;
}

/* line 2730, src/_sass/module/_module.scss */
.mod-topics__tag-link {
    display: block;
    text-decoration: underline;
}

/* line 128, src/_sass/partial/_util.scss */
.mod-topics__tag-link:hover {
    text-decoration: none;
}

/* line 139, src/_sass/partial/_util.scss */
.iphone .mod-topics__tag-link:hover,
.ipad .mod-topics__tag-link:hover,
.android .mod-topics__tag-link:hover,
.androidTablet .mod-topics__tag-link:hover {
    text-decoration: underline;
}

/* line 2735, src/_sass/module/_module.scss */
.mod-topics__footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 83.25%;
}

@media screen and (min-width: 1601px) {
    /* line 2735, src/_sass/module/_module.scss */
    .mod-topics__footer {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 2735, src/_sass/module/_module.scss */
    .mod-topics__footer {
        margin-top: 8.88889%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 2749, src/_sass/module/_module.scss */
.mod-topics__link {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 16px 0;
    width: 304px;
    border-radius: 4px;
    background: #bab3b1;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.mod-topics__link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .mod-topics__link,
.ipad .mod-topics__link,
.android .mod-topics__link,
.androidTablet .mod-topics__link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .mod-topics__link:hover,
.ipad .mod-topics__link:hover,
.android .mod-topics__link:hover,
.androidTablet .mod-topics__link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 2749, src/_sass/module/_module.scss */
    .mod-topics__link {
        padding: 3.61111% 0;
        width: 66.66667%;
        font-size: 0.85714rem;
    }
}

/* line 2763, src/_sass/module/_module.scss */
.mod-topics__link-text {
    display: block;
}

/* ==========================================================
*
*   page
*
========================================================== */
/* ---------------------------------------------
*   Index Page
--------------------------------------------- */
/*  index-keyvisual
--------------------------------------------- */
/* line 23, src/_sass/module/_index.scss */
.index-keyvisual__slide-image {
    overflow: hidden;
    padding-top: 720px;
    height: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 750px) {
    /* line 23, src/_sass/module/_index.scss */
    .index-keyvisual__slide-image {
        padding-top: 149%;
        background-size: 100% auto;
    }
}

/* line 37, src/_sass/module/_index.scss */
.index-keyvisual__slide-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 198px 11.5% 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 750px) {
    /* line 37, src/_sass/module/_index.scss */
    .index-keyvisual__slide-text {
        padding: calc(5.25% + 40px) 0 0;
    }
}

/* line 58, src/_sass/module/_index.scss */
.index-keyvisual__slide-heading {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 720px;
    color: #202832;
    font-size: 2.7rem;
}

@media screen and (max-width: 750px) {
    /* line 58, src/_sass/module/_index.scss */
    .index-keyvisual__slide-heading {
        margin: 0 auto 4.5283%;
        width: 66.25%;
        font-size: 1.8rem;
        line-height: 1.25;
    }
}

/* line 73, src/_sass/module/_index.scss */
.index-keyvisual__slide-description {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*max-height: 224px;*/ /*index.js line:101*/
    /* width: 530px; */
     width: 100%;
    color: #202832;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    /* line 73, src/_sass/module/_index.scss */
    .index-keyvisual__slide-description {
        margin: 0 auto;
        /*max-height: calc(4.375vw * 2 *7);*/ /*index.js line:101*/
        width: 66.25%;
        font-size: 1rem;
        line-height: 1.5;
    }
}

/* line 90, src/_sass/module/_index.scss */
.index-keyvisual__slide-link {
    display: block;
    overflow: hidden;
    margin-top: 40px;
    padding: 18px 0 17px;
    width: 304px;
    border: 2px solid #202832;
    border-radius: 4px;
    color: #202832;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.25;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

/* line 36, src/_sass/partial/_util.scss */
.index-keyvisual__slide-link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .index-keyvisual__slide-link,
.ipad .index-keyvisual__slide-link,
.android .index-keyvisual__slide-link,
.androidTablet .index-keyvisual__slide-link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .index-keyvisual__slide-link:hover,
.ipad .index-keyvisual__slide-link:hover,
.android .index-keyvisual__slide-link:hover,
.androidTablet .index-keyvisual__slide-link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 90, src/_sass/module/_index.scss */
    .index-keyvisual__slide-link {
        margin: 3.75% auto 0;
        /* padding: 2.5% 0 1.25%; */
        padding: 2.5% 0;
        width: 68%;
        font-size: 1.14286rem;
    }
}

/* line 112, src/_sass/module/_index.scss */
.index-keyvisual__slide-link-text {
    display: block;
}

/* line 116, src/_sass/module/_index.scss */
.index-keyvisual__bullets {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
    width: 100%;
    line-height: 1;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (min-width: 751px) {
    .index-keyvisual__bullets {
        right: auto;
        left: 50%;
        width: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 750px) {
    /* line 116, src/_sass/module/_index.scss */
    .index-keyvisual__bullets {
        margin-bottom: 5%;
    }
}

/* line 134, src/_sass/module/_index.scss */
.index-keyvisual__bullet {
    display: block;
    overflow: hidden;
    margin: 0 10px;
    padding-top: 12px;
    width: 12px;
    height: 0;
    border-radius: 50%;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    /* line 134, src/_sass/module/_index.scss */
    .index-keyvisual__bullet {
        margin: 0 3.25%;
        padding-top: 3%;
        width: 3%;
    }
}

/* line 151, src/_sass/module/_index.scss */
.index-keyvisual__bullet:hover, .index-keyvisual__bullet--active {
    background-color: #bab3b1;
}

/* line 156, src/_sass/module/_index.scss */
.index-keyvisual__arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 132px;
    width: 60px;
    height: 0;
    background-color: #bab3b1;
    background-position: center center;
    background-size: 18px auto;
    background-repeat: no-repeat;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* line 36, src/_sass/partial/_util.scss */
.index-keyvisual__arrow:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .index-keyvisual__arrow,
.ipad .index-keyvisual__arrow,
.android .index-keyvisual__arrow,
.androidTablet .index-keyvisual__arrow {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .index-keyvisual__arrow:hover,
.ipad .index-keyvisual__arrow:hover,
.android .index-keyvisual__arrow:hover,
.androidTablet .index-keyvisual__arrow:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 156, src/_sass/module/_index.scss */
    .index-keyvisual__arrow {
        padding-top: 16.5%;
        width: 7.5%;
        background-size: 30% auto;
    }
}

/* line 179, src/_sass/module/_index.scss */
.index-keyvisual__arrow--next {
    right: 0;
    border-radius: 4px 0 0 4px;
    background-image: url("/img/sp/index/arrow_keyvisual_right.png");
}

/* line 185, src/_sass/module/_index.scss */
.index-keyvisual__arrow--prev {
    left: 0;
    border-radius: 0 4px 4px 0;
    background-image: url("/img/sp/index/arrow_keyvisual_left.png");
}

/*  index-service
--------------------------------------------- */
/* line 194, src/_sass/module/_index.scss */
.index-service {
    padding: 45px 0 72px;
}

@media screen and (max-width: 750px) {
    /* line 194, src/_sass/module/_index.scss */
    .index-service {
        padding: 3.75% 0 10%;
    }
}

/* line 208, src/_sass/module/_index.scss */
.index-service__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 83.25%;
}

@media screen and (min-width: 1601px) {
    /* line 208, src/_sass/module/_index.scss */
    .index-service__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 208, src/_sass/module/_index.scss */
    .index-service__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 220, src/_sass/module/_index.scss */
.index-service__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 220, src/_sass/module/_index.scss */
    .index-service__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 224, src/_sass/module/_index.scss */
.index-service__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 55px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 83.25%;
}

@media screen and (min-width: 1601px) {
    /* line 224, src/_sass/module/_index.scss */
    .index-service__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 224, src/_sass/module/_index.scss */
    .index-service__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 241, src/_sass/module/_index.scss */
.index-service__section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 48px;
    padding: 50px 6.09756%;
    min-height: 376px;
    background-repeat: no-repeat;
}

@media screen and (min-width: 751px) and (max-width: 1430px) {
    .index-service__section {
        padding: 33% 0 0;
        min-height: 0;
        background-size: 60% auto;
    }
}

@media screen and (max-width: 750px) {
    /* line 241, src/_sass/module/_index.scss */
    .index-service__section {
        margin-top: 11.11111%;
        padding: 52.22222% 0 0;
        min-height: 0;
        background-size: 91.11111% auto;
    }
}

/* line 256, src/_sass/module/_index.scss */
.index-service__section:first-child {
    margin-top: 0;
}

/* line 260, src/_sass/module/_index.scss */
.index-service__section:nth-child(2n+1) {
    background-position: left top;
}

/* line 264, src/_sass/module/_index.scss */
.index-service__section:nth-child(2n) {
    background-position: right top;
}

/* line 268, src/_sass/module/_index.scss */
.index-service__section--1 {
    background-image: url("/img/sp/index/img_service1.png");
}

/* line 272, src/_sass/module/_index.scss */
.index-service__section--2 {
    background-image: url("/img/sp/index/img_service2.png");
}

/* line 276, src/_sass/module/_index.scss */
.index-service__section--3 {
    background-image: url("/img/sp/index/img_service3.png");
}

/* line 280, src/_sass/module/_index.scss */
.index-service__section-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 52px 5.03472% 66px;
    max-width: 656px;
    background-color: #dbe1e9;
}

@media screen and (min-width: 751px) and (max-width: 1430px) {
    .index-service__section-inner {
        padding: 5.55556% 8.88889% 8.33333%;
        width: 70%;
        max-width: none;
    }
}

@media screen and (max-width: 750px) {
    /* line 280, src/_sass/module/_index.scss */
    .index-service__section-inner {
        padding: 5.55556% 8.88889% 8.33333%;
        max-width: none;
        width: 91.11111%;
    }
}

/* line 293, src/_sass/module/_index.scss */
.index-service__section:nth-child(2n+1) .index-service__section-inner {
    margin-left: auto;
}

/* line 297, src/_sass/module/_index.scss */
.index-service__section:nth-child(2n) .index-service__section-inner {
    margin-right: auto;
}

/* line 301, src/_sass/module/_index.scss */
.index-service__section--sp-2-columns .index-service__section-inner {
    padding-right: 2.77778%;
}

/* line 305, src/_sass/module/_index.scss */
.index-service__section-header {
    position: relative;
}

/* line 309, src/_sass/module/_index.scss */
.index-service__section-header:before {
    position: absolute;
    top: 50%;
    width: 96px;
    height: 1px;
    background-color: #202832;
    content: "";
}

@media screen and (min-width: 751px) and (max-width: 1430px) {
    .index-service__section-header:before {
        width: 19.69697%;
    }
}

@media screen and (max-width: 750px) {
    /* line 309, src/_sass/module/_index.scss */
    .index-service__section-header:before {
        width: 19.69697%;
    }
}

/* line 322, src/_sass/module/_index.scss */
.index-service__section:nth-child(2n+1) .index-service__section-header:before {
    left: -19px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media screen and (max-width: 750px) {
    /* line 322, src/_sass/module/_index.scss */
    .index-service__section:nth-child(2n+1) .index-service__section-header:before {
        left: -4.54545%;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

/* line 332, src/_sass/module/_index.scss */
.index-service__section:nth-child(2n) .index-service__section-header:before {
    right: 19px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@media screen and (max-width: 750px) {
    /* line 332, src/_sass/module/_index.scss */
    .index-service__section:nth-child(2n) .index-service__section-header:before {
        right: 4.54545%;
    }
}

/* line 344, src/_sass/module/_index.scss */
.index-service__section-heading-en {
    display: inline-block;
    font-weight: 700;
    font-size: 1.25rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 344, src/_sass/module/_index.scss */
    .index-service__section-heading-en {
        font-size: 1.28571rem;
    }
}

/* line 354, src/_sass/module/_index.scss */
.index-service__section-heading-jp {
    position: relative;
    display: inline-block;
    padding-left: 6px;
    font-size: 0.875rem;
}

@media screen and (max-width: 750px) {
    /* line 354, src/_sass/module/_index.scss */
    .index-service__section-heading-jp {
        padding-left: 1.89394%;
        font-size: 0.71429rem;
    }
}

/* line 366, src/_sass/module/_index.scss */
.index-service__section-heading-jp:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    content: "-";
}

/* line 375, src/_sass/module/_index.scss */
.index-service__section-body {
    margin-top: 8px;
}

/* line 379, src/_sass/module/_index.scss */
.index-service__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 750px) {
    /* line 379, src/_sass/module/_index.scss */
    .index-service__columns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/* line 387, src/_sass/module/_index.scss */
.index-service__column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
}

.index-service__columns.sp-hide .index-service__column {
    width: 33%;
}

@media screen and (max-width: 750px) {
    /* line 387, src/_sass/module/_index.scss */
    .index-service__column {
        margin-top: 3.78788%;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    /* line 397, src/_sass/module/_index.scss */
    .index-service__column:first-child {
        margin-top: 0;
    }
}

@media screen and (max-width: 750px) {
    /* line 404, src/_sass/module/_index.scss */
    .index-service__section--sp-2-columns .index-service__column {
        width: 50%;
    }
}

@media screen and (max-width: 750px) {
    /* line 411, src/_sass/module/_index.scss */
    .index-service__section--sp-2-columns .index-service__column:nth-child(-n+2) {
        margin-top: 0;
    }
}

/* line 418, src/_sass/module/_index.scss */
.index-service__link {
    margin-top: 8px;
}

@media screen and (max-width: 750px) {
    /* line 418, src/_sass/module/_index.scss */
    .index-service__link {
        margin-top: 3.78788%;
    }
}

/* line 426, src/_sass/module/_index.scss */
.index-service__link:first-child {
    margin-top: 0;
}

/* line 430, src/_sass/module/_index.scss */
.index-service__link-text {
    display: block;
    padding-left: 22px;
    background: url("/img/common/arrow_right_gray.png") left center no-repeat;
    color: #8a7f7c;
	font-weight:bold;
}

/* line 128, src/_sass/partial/_util.scss */
.index-service__link-text:hover {
    text-decoration: none;
}

/* line 139, src/_sass/partial/_util.scss */
.iphone .index-service__link-text:hover,
.ipad .index-service__link-text:hover,
.android .index-service__link-text:hover,
.androidTablet .index-service__link-text:hover {
    text-decoration: underline;
}

@media screen and (max-width: 750px) {
    /* line 430, src/_sass/module/_index.scss */
    .index-service__link-text {
        padding-left: 4.16667%;
        background-size: 3.0303% auto;
        font-size: 1rem;
    }
}

@media screen and (max-width: 750px) {
    /* line 444, src/_sass/module/_index.scss */
    .index-service__section--sp-2-columns .index-service__link-text {
        padding-left: 8.33333%;
        background-size: 6.06061% auto;
    }
}

/*  index-product
--------------------------------------------- */
/* line 455, src/_sass/module/_index.scss */
.index-product {
    padding: 50px 0 72px;
    background-color: #ecf0f5;
}

@media screen and (max-width: 750px) {
    /* line 455, src/_sass/module/_index.scss */
    .index-product {
        padding: 3.5% 0 10%;
    }
}

/* line 467, src/_sass/module/_index.scss */
.index-product__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 83.25%;
}

@media screen and (min-width: 1601px) {
    /* line 467, src/_sass/module/_index.scss */
    .index-product__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 467, src/_sass/module/_index.scss */
    .index-product__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 479, src/_sass/module/_index.scss */
.index-product__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 479, src/_sass/module/_index.scss */
    .index-product__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 483, src/_sass/module/_index.scss */
.index-product__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 55px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 83.25%;
}

@media screen and (min-width: 1601px) {
    /* line 483, src/_sass/module/_index.scss */
    .index-product__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 483, src/_sass/module/_index.scss */
    .index-product__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 497, src/_sass/module/_index.scss */
.index-product__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    /* line 497, src/_sass/module/_index.scss */
    .index-product__list {
        display: block;
    }
}

/* line 506, src/_sass/module/_index.scss */
.index-product__list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3.04878%;
    width: 31.70732%;
}

@media screen and (max-width: 750px) {
    /* line 506, src/_sass/module/_index.scss */
    .index-product__list-item {
        margin: 13.33333% auto 0;
        width: auto;
    }
}

/* line 517, src/_sass/module/_index.scss */
.index-product__list-item:nth-child(2n+1) {
    margin-left: 0;
}

@media screen and (max-width: 750px) {
    /* line 517, src/_sass/module/_index.scss */
    .index-product__list-item:nth-child(2n+1) {
        margin: 13.33333% auto 0;
    }
}

/* line 525, src/_sass/module/_index.scss */
.index-product__list-item:nth-child(2n) {
    margin-right: 0;
}

@media screen and (max-width: 750px) {
    /* line 525, src/_sass/module/_index.scss */
    .index-product__list-item:nth-child(2n) {
        margin: 13.33333% auto 0;
    }
}

@media screen and (max-width: 750px) {
    /* line 533, src/_sass/module/_index.scss */
    .index-product__list-item:first-child {
        margin-top: 0;
    }
}

/* line 540, src/_sass/module/_index.scss */
.index-product__image {
    position: relative;
    overflow: hidden;
    padding-top: 48.07692%;
    height: 0;
    border: 1px solid #202832;
}

/* line 548, src/_sass/module/_index.scss */
.index-product__image-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* line 555, src/_sass/module/_index.scss */
.index-product__list-item--cypher .index-product__image-content {
    width: 79.08654%;
}

@media screen and (max-width: 750px) {
    /* line 555, src/_sass/module/_index.scss */
    .index-product__list-item--cypher .index-product__image-content {
        width: 79.02778%;
    }
}

/* line 563, src/_sass/module/_index.scss */
.index-product__list-item--ai .index-product__image-content {
    width: 47.83654%;
}

@media screen and (max-width: 750px) {
    /* line 563, src/_sass/module/_index.scss */
    .index-product__list-item--ai .index-product__image-content {
        width: 47.91667%;
    }
}

/* line 571, src/_sass/module/_index.scss */
.index-product__description {
    margin-top: 4.80769%;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    /* line 571, src/_sass/module/_index.scss */
    .index-product__description {
        margin-top: 5%;
        font-size: 1rem;
        line-height: 1.75;
    }
}

/* line 582, src/_sass/module/_index.scss */
.index-product__link {
    display: block;
    overflow: hidden;
    margin: 6.73077% auto 0;
    padding: 16px 0;
    width: 73.07692%;
    border-radius: 4px;
    background: #bab3b1;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.index-product__link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .index-product__link,
.ipad .index-product__link,
.android .index-product__link,
.androidTablet .index-product__link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .index-product__link:hover,
.ipad .index-product__link:hover,
.android .index-product__link:hover,
.androidTablet .index-product__link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 582, src/_sass/module/_index.scss */
    .index-product__link {
        margin: 6.73077% auto 0;
        padding: 3.33333% 0;
        width: 66.66667%;
        font-size: 0.85714rem;
    }
}

/* line 597, src/_sass/module/_index.scss */
.index-product__link-text {
    display: block;
}

/* ---------------------------------------------
*   About Index Page
--------------------------------------------- */
/*  about-member
--------------------------------------------- */
/* line 7, src/_sass/module/about/_index.scss */
.about-member {
    padding: 40px 0 56px;
}

@media screen and (max-width: 750px) {
    /* line 7, src/_sass/module/about/_index.scss */
    .about-member {
        padding: 7.5% 0 5.25%;
    }
}

/* line 21, src/_sass/module/about/_index.scss */
.about-member__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 69.25%;
}

@media screen and (min-width: 1601px) {
    /* line 21, src/_sass/module/about/_index.scss */
    .about-member__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 21, src/_sass/module/about/_index.scss */
    .about-member__header {
        padding-right: 0;
        padding-left: 0;
        max-width: none;
        width: auto;
    }
}

/* line 38, src/_sass/module/about/_index.scss */
.about-member__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 38, src/_sass/module/about/_index.scss */
    .about-member__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 42, src/_sass/module/about/_index.scss */
.about-member__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 55px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 69.25%;
}

@media screen and (min-width: 1601px) {
    /* line 42, src/_sass/module/about/_index.scss */
    .about-member__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 42, src/_sass/module/about/_index.scss */
    .about-member__body {
        margin-top: 7%;
        padding-right: 0;
        padding-left: 0;
        max-width: none;
        width: auto;
    }
}

/* line 61, src/_sass/module/about/_index.scss */
.about-member__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

/* line 67, src/_sass/module/about/_index.scss */
.about-member__list-item {
    margin-top: 5.33088%;
    width: 20.58824%;
}

@media screen and (max-width: 750px) {
    /* line 67, src/_sass/module/about/_index.scss */
    .about-member__list-item {
        margin-top: 7%;
        width: 50%;
    }
}

/* line 77, src/_sass/module/about/_index.scss */
.about-member__list-item:nth-child(-n+4) {
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    /* line 77, src/_sass/module/about/_index.scss */
    .about-member__list-item:nth-child(-n+4) {
        margin-top: 7%;
    }
}

@media screen and (max-width: 750px) {
    /* line 85, src/_sass/module/about/_index.scss */
    .about-member__list-item:nth-child(-n+2) {
        margin-top: 0;
    }
}

/* line 92, src/_sass/module/about/_index.scss */
.about-member__list-item-inner {
    display: block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

/* line 36, src/_sass/partial/_util.scss */
.about-member__list-item-inner:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .about-member__list-item-inner,
.ipad .about-member__list-item-inner,
.android .about-member__list-item-inner,
.androidTablet .about-member__list-item-inner {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .about-member__list-item-inner:hover,
.ipad .about-member__list-item-inner:hover,
.android .about-member__list-item-inner:hover,
.androidTablet .about-member__list-item-inner:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 97, src/_sass/module/about/_index.scss */
    .about-member__image {
        margin: 0 auto;
        width: 70%;
    }
}

/* line 105, src/_sass/module/about/_index.scss */
.about-member__image-content {
    max-width: none;
    width: 100%;
}

/* line 110, src/_sass/module/about/_index.scss */
.about-member__text {
    margin-top: 6.69643%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    /* line 110, src/_sass/module/about/_index.scss */
    .about-member__text {
        margin-top: 4.46429%;
    }
}

/* line 119, src/_sass/module/about/_index.scss */
.about-member__name {
    font-weight: 700;
    font-size: 1.25rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 119, src/_sass/module/about/_index.scss */
    .about-member__name {
        font-size: 1.14286rem;
    }
}

/* line 128, src/_sass/module/about/_index.scss */
.about-member__status {
    font-size: 0.875rem;
}

@media screen and (max-width: 750px) {
    /* line 128, src/_sass/module/about/_index.scss */
    .about-member__status {
        font-size: 0.85714rem;
    }
}

/* line 136, src/_sass/module/about/_index.scss */
.about-member__list-item-description {
    display: none;
}

/* line 140, src/_sass/module/about/_index.scss */
.about-member__modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11000;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: rgba(223, 228, 235, 0.9);
}

/* line 154, src/_sass/module/about/_index.scss */
.about-member__modal--ready {
    display: block;
    opacity: 0;
}

/* line 159, src/_sass/module/about/_index.scss */
.about-member__modal--active {
    display: block;
}

/* line 163, src/_sass/module/about/_index.scss */
.about-member__modal-inner {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

/* line 170, src/_sass/module/about/_index.scss */
.about-member__modal-panel-scroller {
    position: relative;
    height: 100%;
}

/* line 175, src/_sass/module/about/_index.scss */
.about-member__modal-panel-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
    padding-top: 50px;
    width: 480px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
    /* line 175, src/_sass/module/about/_index.scss */
    .about-member__modal-panel-wrapper {
        margin-bottom: 7%;
        padding-top: 8.25%;
        width: 90%;
    }
}

/* line 192, src/_sass/module/about/_index.scss */
.about-member__modal-panel-wrapper--fixed-top {
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* line 197, src/_sass/module/about/_index.scss */
.about-member__modal-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    margin: 10px 0 0;
    padding: 24px 0 0;
    width: 24px;
    height: 0;
    outline: none;
    border: 0;
    border-radius: 0;
    background: url("/img/common/icon_modal_close.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (max-width: 750px) {
    /* line 197, src/_sass/module/about/_index.scss */
    .about-member__modal-close {
        margin-top: 1.38889%;
        padding: 5.55556% 0 0;
        width: 5.55556%;
    }
}

/* line 223, src/_sass/module/about/_index.scss */
.about-member__modal-panel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 32px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 750px) {
    /* line 223, src/_sass/module/about/_index.scss */
    .about-member__modal-panel {
        padding: 5.55556% 6.94444%;
    }
}

/* line 234, src/_sass/module/about/_index.scss */
.about-member__modal-image {
    overflow: hidden;
    margin: 0 auto;
    width: 256px;
    border-radius: 50%;
}

@media screen and (max-width: 750px) {
    /* line 234, src/_sass/module/about/_index.scss */
    .about-member__modal-image {
        margin: 0 auto;
        width: 51.6129%;
    }
}

/* line 246, src/_sass/module/about/_index.scss */
.about-member__modal-image-content {
    max-width: none;
    width: 100%;
}

/* line 251, src/_sass/module/about/_index.scss */
.about-member__modal-text {
    margin-top: 10px;
}

@media screen and (max-width: 750px) {
    /* line 251, src/_sass/module/about/_index.scss */
    .about-member__modal-text {
        margin-top: 3.22581%;
    }
}

/* line 259, src/_sass/module/about/_index.scss */
.about-member__modal-name {
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 259, src/_sass/module/about/_index.scss */
    .about-member__modal-name {
        font-size: 1.14286rem;
    }
}

/* line 269, src/_sass/module/about/_index.scss */
.about-member__modal-status {
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 269, src/_sass/module/about/_index.scss */
    .about-member__modal-status {
        font-size: 0.85714rem;
    }
}

/* line 279, src/_sass/module/about/_index.scss */
.about-member__modal-description {
    margin-top: 25px;
    font-size: 0.9375rem;
}

@media screen and (max-width: 750px) {
    /* line 279, src/_sass/module/about/_index.scss */
    .about-member__modal-description {
        margin-top: 2.90323%;
        font-size: 1rem;
    }
}

/*  about-summary
--------------------------------------------- */
/* line 292, src/_sass/module/about/_index.scss */
.about-summary {
    margin-bottom: 20px;
    padding: 56px 0;
}

@media screen and (max-width: 750px) {
    /* line 292, src/_sass/module/about/_index.scss */
    .about-summary {
        margin-bottom: 5%;
        padding: 5.25% 0 5%;
    }
}

/* line 304, src/_sass/module/about/_index.scss */
.about-summary__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 55.25%;
}

@media screen and (min-width: 1601px) {
    /* line 304, src/_sass/module/about/_index.scss */
    .about-summary__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 304, src/_sass/module/about/_index.scss */
    .about-summary__header {
        padding-right: 5%;
        padding-left: 5%;
        max-width: none;
        width: auto;
    }
}

/* line 320, src/_sass/module/about/_index.scss */
.about-summary__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 320, src/_sass/module/about/_index.scss */
    .about-summary__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 324, src/_sass/module/about/_index.scss */
.about-summary__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 55px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 55.25%;
}

@media screen and (min-width: 1601px) {
    /* line 324, src/_sass/module/about/_index.scss */
    .about-summary__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 324, src/_sass/module/about/_index.scss */
    .about-summary__body {
        margin-top: 7%;
        padding-right: 5%;
        padding-left: 5%;
        max-width: none;
        width: auto;
    }
}

/* line 342, src/_sass/module/about/_index.scss */
.about-summary__table {
    width: 100%;
}

/* line 346, src/_sass/module/about/_index.scss */
.about-summary__table-header, .about-summary__table-data {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 19px;
    border-top: 1px solid #ccd3db;
    border-bottom: 1px solid #ccd3db;
    vertical-align: top;
}

@media screen and (max-width: 750px) {
    /* line 346, src/_sass/module/about/_index.scss */
    .about-summary__table-header, .about-summary__table-data {
        padding-top: 4.02778%;
        padding-bottom: 4.44444%;
        font-size: 0.85714rem;
    }
}

/* line 362, src/_sass/module/about/_index.scss */
.about-summary__table-header {
    padding-right: 8px;
    padding-left: 16px;
    width: 170px;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    /* line 362, src/_sass/module/about/_index.scss */
    .about-summary__table-header {
        padding-right: 1.38889%;
        padding-left: 2.77778%;
        width: 31.94444%;
    }
}

/* line 375, src/_sass/module/about/_index.scss */
.about-summary__table-data {
    padding-right: 16px;
    padding-left: 8px;
}

@media screen and (max-width: 750px) {
    /* line 375, src/_sass/module/about/_index.scss */
    .about-summary__table-data {
        padding-right: 2.77778%;
        padding-left: 1.38889%;
    }
}

/*  about-map
--------------------------------------------- */
/* line 389, src/_sass/module/about/_index.scss */
.about-map {
    margin: 72px auto 30px;
}

@media screen and (max-width: 750px) {
    /* line 389, src/_sass/module/about/_index.scss */
    .about-map {
        margin: 10% auto 1.25%;
    }
}

/* line 397, src/_sass/module/about/_index.scss */
.about-map__inner {
    position: relative;
    overflow: hidden;
    padding-top: 32%;
    height: 0;
}

@media screen and (min-width: 1601px) {
    /* line 397, src/_sass/module/about/_index.scss */
    .about-map__inner {
        padding-top: 512px;
    }
}

@media screen and (max-width: 750px) {
    /* line 397, src/_sass/module/about/_index.scss */
    .about-map__inner {
        padding-top: 80%;
    }
}

/* line 412, src/_sass/module/about/_index.scss */
.about-map__canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: #202832;
}

/* 0604 graff wakabayashi-add */


.about-iso {
    width: 960px;
    margin: 0 auto;
  }
  @media screen and (max-width: 1140px) {
    .about-iso {
      width: 100%;
    }
  }
  .about-iso h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
  }
  .about-iso .about_img {
    width: 27%;
    margin: 0 auto 20px auto;
  }
  @media screen and (max-width: 767px) {
    .about-iso .about_img {
      width: 60%;
    }
  }
  .about-iso .about_img img {
    max-width: 100%;
  }
  .about-iso .iso-str {
    font-size: 1rem;
    padding: 0 30px;
  }
/* 0604 graff wakabayashi-add */



/* ---------------------------------------------
*   Privacy Index Page
--------------------------------------------- */
/*  privacy-contents
--------------------------------------------- */
/* line 7, src/_sass/module/privacy/_index.scss */
.privacy-contents {
    padding: 40px 0 56px;
}

@media screen and (max-width: 750px) {
    /* line 7, src/_sass/module/privacy/_index.scss */
    .privacy-contents {
        padding: 8% 0 3.5%;
    }
}

/* line 17, src/_sass/module/privacy/_index.scss */
.privacy-contents__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 55.25%;
}

@media screen and (min-width: 1601px) {
    /* line 17, src/_sass/module/privacy/_index.scss */
    .privacy-contents__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 17, src/_sass/module/privacy/_index.scss */
    .privacy-contents__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 29, src/_sass/module/privacy/_index.scss */
.privacy-contents__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 29, src/_sass/module/privacy/_index.scss */
    .privacy-contents__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 33, src/_sass/module/privacy/_index.scss */
.privacy-contents__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 58px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 55.25%;
}

@media screen and (min-width: 1601px) {
    /* line 33, src/_sass/module/privacy/_index.scss */
    .privacy-contents__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 33, src/_sass/module/privacy/_index.scss */
    .privacy-contents__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 47, src/_sass/module/privacy/_index.scss */
.privacy-contents__sections {
    margin-top: 28px;
}

@media screen and (max-width: 750px) {
    /* line 47, src/_sass/module/privacy/_index.scss */
    .privacy-contents__sections {
        margin-top: 7.77778%;
    }
}

/* line 55, src/_sass/module/privacy/_index.scss */
.privacy-contents__section {
    margin-top: 28px;
}

@media screen and (max-width: 750px) {
    /* line 55, src/_sass/module/privacy/_index.scss */
    .privacy-contents__section {
        margin-top: 7.77778%;
    }
}

/* line 63, src/_sass/module/privacy/_index.scss */
.privacy-contents__section:first-child {
    margin-top: 0;
}

/* line 70, src/_sass/module/privacy/_index.scss */
.privacy-contents__section-heading {
    font-weight: 700;
    font-size: 1.125rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 70, src/_sass/module/privacy/_index.scss */
    .privacy-contents__section-heading {
        font-size: 1.14286rem;
    }
}

/* line 82, src/_sass/module/privacy/_index.scss */
.privacy-contents__section-description {
    line-height: 2;
}

@media screen and (max-width: 750px) {
    /* line 82, src/_sass/module/privacy/_index.scss */
    .privacy-contents__section-description {
        font-size: 1rem;
        line-height: 1.5;
    }
}

/* line 91, src/_sass/module/privacy/_index.scss */
.privacy-contents__section-list {
    margin-top: 8px;
}

@media screen and (max-width: 750px) {
    /* line 91, src/_sass/module/privacy/_index.scss */
    .privacy-contents__section-list {
        margin-top: 1.38889%;
    }
}

/* line 99, src/_sass/module/privacy/_index.scss */
.privacy-contents__section-list-item {
    padding-left: 1em;
    text-indent: -1em;
}

@media screen and (max-width: 750px) {
    /* line 99, src/_sass/module/privacy/_index.scss */
    .privacy-contents__section-list-item {
        font-size: 1rem;
        line-height: 1.5;
    }
}

/* line 109, src/_sass/module/privacy/_index.scss */
.privacy-contents__section-list-item:first-child {
    margin-top: 0;
}

/* line 113, src/_sass/module/privacy/_index.scss */
.privacy-contents__section-list-item:before {
    content: "・";
}

/* line 117, src/_sass/module/privacy/_index.scss */
.privacy-contents__contact {
    margin-top: 12px;
    padding: 20px 23px;
    border: 1px solid #688daa;
}

@media screen and (max-width: 750px) {
    /* line 117, src/_sass/module/privacy/_index.scss */
    .privacy-contents__contact {
        padding: 4.16667% 5.55556%;
    }
}

/* line 127, src/_sass/module/privacy/_index.scss */
.privacy-contents__contact-term {
    margin-bottom: 7px;
    font-weight: 700;
    font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 127, src/_sass/module/privacy/_index.scss */
    .privacy-contents__contact-term {
        margin-bottom: 0.625%;
    }
}

/* ---------------------------------------------
*   Product - AI-Algorithm Index Page
--------------------------------------------- */
/*  ai-algorithm-contents
--------------------------------------------- */
/* line 7, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents {
    padding: 40px 0 56px;
}

@media screen and (max-width: 750px) {
    /* line 7, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents {
        padding: 8% 0 3.5%;
    }
}

/* line 17, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 69.25%;
}

@media screen and (min-width: 1601px) {
    /* line 17, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 17, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__header {
        padding-right: 5%;
        padding-left: 5%;
        max-width: none;
        width: auto;
    }
}

/* line 33, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 33, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 37, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 69.25%;
}

@media screen and (min-width: 1601px) {
    /* line 37, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 37, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__body {
        margin-top: 5.5%;
        padding-right: 5%;
        padding-left: 5%;
        max-width: none;
        width: auto;
    }
}

/* line 58, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section {
    margin-top: 114px;
}

@media screen and (max-width: 750px) {
    /* line 58, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section {
        margin-top: 12.22222%;
    }
}

/* line 66, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section:first-child {
    margin-top: 0;
}

/* line 73, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section-heading {
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 2rem;
	font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 73, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section-heading {
        margin-bottom: 2.22222%;
        letter-spacing: -.01em;
        font-size: 1.42857rem;
    }
}

/* line 85, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section-lead {
    font-weight: bold;
    font-size: 1.5rem;
	font-family: "Century Gothic", "Roboto", sans-serif;
}

@media screen and (max-width: 750px) {
    /* line 85, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section-lead {
        font-size: 1.14286rem;
        line-height: 1.25;
    }
}

/* line 95, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section-body {
    margin-top: 26px;
}

@media screen and (max-width: 750px) {
    /* line 95, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section-body {
        margin-top: 3.33333%;
    }
}

/* line 103, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section-image {
    border: 1px solid #688daa;
    text-align: center;
}

/* line 108, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section--1 .ai-algorithm-contents__section-image {
    padding: 33px 0 34px;
}

@media screen and (max-width: 750px) {
    /* line 108, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section--1 .ai-algorithm-contents__section-image {
        padding: 7.36111% 0 7.63889%;
    }
}

/* line 116, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section--2 .ai-algorithm-contents__section-image {
    padding: 32px 0;
}

@media screen and (max-width: 750px) {
    /* line 116, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section--2 .ai-algorithm-contents__section-image {
        padding: 7.77778% 0 7.5%;
    }
}

/* line 124, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section--3 .ai-algorithm-contents__section-image {
    padding: 23px 0 22px;
}

@media screen and (max-width: 750px) {
    /* line 124, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section--3 .ai-algorithm-contents__section-image {
        padding: 7.36111% 0 7.22222%;
    }
}

/* line 132, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section-image-content {
    display: inline-block;
}

/* line 136, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section--1 .ai-algorithm-contents__section-image-content {
    width: 76.47059%;
}

@media screen and (max-width: 750px) {
    /* line 136, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section--1 .ai-algorithm-contents__section-image-content {
        width: 77.77778%;
    }
}

/* line 144, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section--2 .ai-algorithm-contents__section-image-content {
    width: 94.48529%;
}

@media screen and (max-width: 750px) {
    /* line 144, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section--2 .ai-algorithm-contents__section-image-content {
        width: 77.77778%;
    }
}

/* line 152, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section--3 .ai-algorithm-contents__section-image-content {
    width: 78.67647%;
}

@media screen and (max-width: 750px) {
    /* line 152, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section--3 .ai-algorithm-contents__section-image-content {
        width: 77.77778%;
    }
}

/* line 160, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__section-footer {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    /* line 160, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__section-footer {
        margin-top: 5.55556%;
    }
}

/* line 168, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__link {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 16px 0;
    width: 304px;
    border-radius: 4px;
    background-color: #bab3b1;
    color: #fff;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    -webkit-transition: opacity 300ms;
    transition: opacity 0ms;
    transition: opacity 300ms;
}

/* line 36, src/_sass/partial/_util.scss */
.ai-algorithm-contents__link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .ai-algorithm-contents__link,
.ipad .ai-algorithm-contents__link,
.android .ai-algorithm-contents__link,
.androidTablet .ai-algorithm-contents__link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .ai-algorithm-contents__link:hover,
.ipad .ai-algorithm-contents__link:hover,
.android .ai-algorithm-contents__link:hover,
.androidTablet .ai-algorithm-contents__link:hover {
    opacity: 1;
}

/* line 36, src/_sass/partial/_util.scss */
.ai-algorithm-contents__link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .ai-algorithm-contents__link,
.ipad .ai-algorithm-contents__link,
.android .ai-algorithm-contents__link,
.androidTablet .ai-algorithm-contents__link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .ai-algorithm-contents__link:hover,
.ipad .ai-algorithm-contents__link:hover,
.android .ai-algorithm-contents__link:hover,
.androidTablet .ai-algorithm-contents__link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 168, src/_sass/module/product/ai-algorithm/_index.scss */
    .ai-algorithm-contents__link {
        padding: 3.61111% 0;
        width: 77.77778%;
        font-size: 0.85714rem;
    }
}

/* line 184, src/_sass/module/product/ai-algorithm/_index.scss */
.ai-algorithm-contents__link-text {
    display: block;
}

/* ---------------------------------------------
*   Recruit Index Page
--------------------------------------------- */
/*  recruit-message
--------------------------------------------- */
/* line 7, src/_sass/module/recruit/_index.scss */
.recruit-message {
    padding: 40px 0 58px;
}

@media screen and (max-width: 750px) {
    /* line 7, src/_sass/module/recruit/_index.scss */
    .recruit-message {
        padding: 8% 0 4.25%;
    }
}

/* line 17, src/_sass/module/recruit/_index.scss */
.recruit-message__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 17, src/_sass/module/recruit/_index.scss */
    .recruit-message__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 17, src/_sass/module/recruit/_index.scss */
    .recruit-message__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 32, src/_sass/module/recruit/_index.scss */
.recruit-message__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 32, src/_sass/module/recruit/_index.scss */
    .recruit-message__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 36, src/_sass/module/recruit/_index.scss */
.recruit-message__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 36, src/_sass/module/recruit/_index.scss */
    .recruit-message__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 36, src/_sass/module/recruit/_index.scss */
    .recruit-message__body {
        margin-top: 3.61111%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 53, src/_sass/module/recruit/_index.scss */
.recruit-message__text-wrapper {
    margin: 0 auto;
    width: 665px;
}

@media screen and (max-width: 750px) {
    /* line 53, src/_sass/module/recruit/_index.scss */
    .recruit-message__text-wrapper {
        width: auto;
    }
}

/* line 62, src/_sass/module/recruit/_index.scss */
.recruit-message__text {
    font-size: 1.125rem;
    line-height: 2;
}

@media screen and (max-width: 750px) {
    /* line 62, src/_sass/module/recruit/_index.scss */
    .recruit-message__text {
        font-size: 1rem;
    }
}

/*  recruit-position
--------------------------------------------- */
/* line 74, src/_sass/module/recruit/_index.scss */
.recruit-position {
    padding: 58px 0 57px;
}

@media screen and (max-width: 750px) {
    /* line 74, src/_sass/module/recruit/_index.scss */
    .recruit-position {
        padding: 4.25% 0 5.5%;
    }
}

/* line 85, src/_sass/module/recruit/_index.scss */
.recruit-position__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 85, src/_sass/module/recruit/_index.scss */
    .recruit-position__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 85, src/_sass/module/recruit/_index.scss */
    .recruit-position__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 100, src/_sass/module/recruit/_index.scss */
.recruit-position__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 100, src/_sass/module/recruit/_index.scss */
    .recruit-position__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 104, src/_sass/module/recruit/_index.scss */
.recruit-position__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 57px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 104, src/_sass/module/recruit/_index.scss */
    .recruit-position__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 104, src/_sass/module/recruit/_index.scss */
    .recruit-position__body {
        margin-top: 7.22222%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 124, src/_sass/module/recruit/_index.scss */
.recruit-position__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    padding: 23px 23px 23px 27px;
    border: 1px solid #688daa;
}

@media screen and (max-width: 750px) {
    /* line 124, src/_sass/module/recruit/_index.scss */
    .recruit-position__section {
        display: block;
        margin-top: 5.55556%;
        padding: 5.55556% 4.16667% 5.27778%;
    }
}

/* line 137, src/_sass/module/recruit/_index.scss */
.recruit-position__section:first-child {
    margin-top: 0;
}

/* line 141, src/_sass/module/recruit/_index.scss */
.recruit-position__section-text {
    padding: 7px 38px 0 0;

    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

@media screen and (max-width: 750px) {
    /* line 141, src/_sass/module/recruit/_index.scss */
    .recruit-position__section-text {
        padding: 0;
    }
}

/* line 150, src/_sass/module/recruit/_index.scss */
.recruit-position__section-heading {
    padding-left: 38px;
    background: url("/img/common/icon_check_blue.png") left 0.1em no-repeat;
    background-size: 24px auto;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 150, src/_sass/module/recruit/_index.scss */
    .recruit-position__section-heading {
        background-position: left 0.2em;
        background-size: 6.38298% auto;
        font-size: 1.14286rem;
    }
}

/* line 165, src/_sass/module/recruit/_index.scss */
.recruit-position__section-table-wrapper {
    padding-left: 38px;
}

@media screen and (max-width: 750px) {
    /* line 165, src/_sass/module/recruit/_index.scss */
    .recruit-position__section-table-wrapper {
        padding-left: 0;
    }
}

/* line 173, src/_sass/module/recruit/_index.scss */
.recruit-position__section-table {
    margin-top: 17px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    /* line 173, src/_sass/module/recruit/_index.scss */
    .recruit-position__section-table {
        display: block;
        margin: 3.03951% auto 6.68693%;
    }
}

@media screen and (max-width: 750px) {
    /* line 183, src/_sass/module/recruit/_index.scss */
    .recruit-position__section-table tbody,
    .recruit-position__section-table tr {
        display: block;
    }
}

/* line 191, src/_sass/module/recruit/_index.scss */
.recruit-position__section-table th,
.recruit-position__section-table td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

@media screen and (max-width: 750px) {
    /* line 191, src/_sass/module/recruit/_index.scss */
    .recruit-position__section-table th,
    .recruit-position__section-table td {
        display: block;
        font-size: 1rem;
    }
}

/* line 202, src/_sass/module/recruit/_index.scss */
.recruit-position__section-table th {
    padding-right: 5px;
    width: 80px;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    /* line 202, src/_sass/module/recruit/_index.scss */
    .recruit-position__section-table th {
        margin-bottom: 0.91185%;
        padding-right: 0;
        width: auto;
    }
}

/* line 214, src/_sass/module/recruit/_index.scss */
.recruit-position__section-table td {
    padding-left: 5px;
}

@media screen and (max-width: 750px) {
    /* line 214, src/_sass/module/recruit/_index.scss */
    .recruit-position__section-table td {
        padding-left: 0;
    }
}

/* line 222, src/_sass/module/recruit/_index.scss */
.recruit-position__links {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 224px;
    width: 224px;
}

@media screen and (max-width: 750px) {
    /* line 222, src/_sass/module/recruit/_index.scss */
    .recruit-position__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        min-width: 0;
        width: auto;

        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

/* line 235, src/_sass/module/recruit/_index.scss */
.recruit-position__link {
    margin-top: 8px;
}

@media screen and (max-width: 750px) {
    /* line 235, src/_sass/module/recruit/_index.scss */
    .recruit-position__link {
        margin-top: 0;
        width: 48.63222%;
    }
}

/* line 244, src/_sass/module/recruit/_index.scss */
.recruit-position__link:first-child {
    margin-top: 0;
}

/* line 248, src/_sass/module/recruit/_index.scss */
.recruit-position__link-inner {
    display: block;
    overflow: hidden;
    padding: 16px 0;
    border-radius: 4px;
    color: #fff;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.recruit-position__link-inner:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .recruit-position__link-inner,
.ipad .recruit-position__link-inner,
.android .recruit-position__link-inner,
.androidTablet .recruit-position__link-inner {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .recruit-position__link-inner:hover,
.ipad .recruit-position__link-inner:hover,
.android .recruit-position__link-inner:hover,
.androidTablet .recruit-position__link-inner:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 248, src/_sass/module/recruit/_index.scss */
    .recruit-position__link-inner {
        padding: 7.90274% 0;
        font-size: 0.85714rem;
    }
}

/* line 259, src/_sass/module/recruit/_index.scss */
.recruit-position__link--detail .recruit-position__link-inner {
    background-color: #688daa;
}

/* line 263, src/_sass/module/recruit/_index.scss */
.recruit-position__link--wantedly .recruit-position__link-inner {
    background: #19a4ba url("/img/common/icon_new_window_blue.png") right 8.92857% center no-repeat;
    background-size: 16px auto;
}

@media screen and (max-width: 750px) {
    /* line 263, src/_sass/module/recruit/_index.scss */
    .recruit-position__link--wantedly .recruit-position__link-inner {
        background-size: 4vw auto;
    }
}

/* line 272, src/_sass/module/recruit/_index.scss */
.recruit-position__link-text {
    display: block;
}

/* line 276, src/_sass/module/recruit/_index.scss */
.recruit-position__footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 276, src/_sass/module/recruit/_index.scss */
    .recruit-position__footer {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 276, src/_sass/module/recruit/_index.scss */
    .recruit-position__footer {
        margin-top: 6%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 293, src/_sass/module/recruit/_index.scss */
.recruit-position__footer-link {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 16px 0;
    width: 304px;
    border-radius: 4px;
    background-color: #bab3b1;
    color: #fff;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.recruit-position__footer-link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .recruit-position__footer-link,
.ipad .recruit-position__footer-link,
.android .recruit-position__footer-link,
.androidTablet .recruit-position__footer-link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .recruit-position__footer-link:hover,
.ipad .recruit-position__footer-link:hover,
.android .recruit-position__footer-link:hover,
.androidTablet .recruit-position__footer-link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 293, src/_sass/module/recruit/_index.scss */
    .recruit-position__footer-link {
        padding: 3.61111% 0;
        width: 66.66667%;
        font-size: 0.85714rem;
    }
}

/* line 308, src/_sass/module/recruit/_index.scss */
.recruit-position__footer-link-text {
    display: block;
}

/*  recruit-contents-link
--------------------------------------------- */
/* line 315, src/_sass/module/recruit/_index.scss */
.recruit-contents-link {
    margin-bottom: 63px;
    padding: 57px 0;
}

@media screen and (max-width: 750px) {
    /* line 315, src/_sass/module/recruit/_index.scss */
    .recruit-contents-link {
        margin-bottom: 5%;
        padding: 5.5% 0 5%;
    }
}

/* line 328, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 328, src/_sass/module/recruit/_index.scss */
    .recruit-contents-link__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 328, src/_sass/module/recruit/_index.scss */
    .recruit-contents-link__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 343, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 343, src/_sass/module/recruit/_index.scss */
    .recruit-contents-link__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 347, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 53px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1332px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 347, src/_sass/module/recruit/_index.scss */
    .recruit-contents-link__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1332px;
    }
}

@media screen and (max-width: 750px) {
    /* line 347, src/_sass/module/recruit/_index.scss */
    .recruit-contents-link__body {
        margin-top: 6.75%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 364, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    /* line 364, src/_sass/module/recruit/_index.scss */
    .recruit-contents-link__list {
        display: block;
    }
}

/* line 373, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__list-item {
    width: 31.70732%;
}

@media screen and (max-width: 750px) {
    /* line 373, src/_sass/module/recruit/_index.scss */
    .recruit-contents-link__list-item {
        margin-top: 5.55556%;
        width: auto;
    }
}

/* line 382, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__list-item:first-child {
    margin-top: 0;
}

/* line 386, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__list-item-inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 51.92308%;
    height: 0;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

/* line 36, src/_sass/partial/_util.scss */
.recruit-contents-link__list-item-inner:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .recruit-contents-link__list-item-inner,
.ipad .recruit-contents-link__list-item-inner,
.android .recruit-contents-link__list-item-inner,
.androidTablet .recruit-contents-link__list-item-inner {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .recruit-contents-link__list-item-inner:hover,
.ipad .recruit-contents-link__list-item-inner:hover,
.android .recruit-contents-link__list-item-inner:hover,
.androidTablet .recruit-contents-link__list-item-inner:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 386, src/_sass/module/recruit/_index.scss */
    .recruit-contents-link__list-item-inner {
        padding-top: 52.22222%;
        font-size: 1.42857rem;
    }
}

/* line 406, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__list-item--message .recruit-contents-link__list-item-inner {
    background-image: url("/img/sp/recruit/index/img_link1.jpg");
}

/* line 410, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__list-item--interview .recruit-contents-link__list-item-inner {
    background-image: url("/img/sp/recruit/index/img_link2.jpg");
}

/* line 414, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__list-item--seminar .recruit-contents-link__list-item-inner {
    background-image: url("/img/sp/recruit/index/img_link3.jpg");
}

/* line 419, src/_sass/module/recruit/_index.scss */
.recruit-contents-link__list-item-text {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* 0713 graff wakabayahshi add */

.open-position{
    align-items: center;
}

/* ---------------------------------------------
*   Recruit - Requirements - Index Page
--------------------------------------------- */
/*  recruit-requirements-contents
--------------------------------------------- */
/* line 7, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents {
    padding: 58px 0 57px;
}

@media screen and (max-width: 750px) {
    /* line 7, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents {
        padding: 8% 0 3%;
    }
}

/* line 18, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 18, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 18, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 33, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 33, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 37, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 57px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 37, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 37, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__body {
        margin-top: 7.22222%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 57, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__section {
    margin-top: 24px;
    padding: 20px 27px 31px;
    border: 1px solid #688daa;
}

@media screen and (max-width: 750px) {
    /* line 57, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section {
        display: block;
        margin-top: 5.55556%;
        padding: 5.55556% 4.16667% 5.27778%;
    }
}

/* line 69, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__section:first-child {
    margin-top: 0;
}

/* line 73, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__section-text {
    padding: 7px 38px 0 0;
}

@media screen and (max-width: 750px) {
    /* line 73, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-text {
        padding: 0;
    }
}

/* line 81, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__section-heading {
    padding-left: 38px;
    background: url("/img/common/icon_check_blue.png") left 0.1em no-repeat;
    background-size: 24px auto;
    font-weight: bold;
    font-size: 1.3125rem;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 81, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-heading {
        background-position: left 0.2em;
        background-size: 6.38298% auto;
        font-size: 1.14286rem;
    }
}

/* line 96, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__section-table-wrapper {
    padding-left: 38px;
}

@media screen and (max-width: 750px) {
    /* line 96, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-table-wrapper {
        padding-left: 0;
    }
}

/* line 104, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__section-table {
    margin-top: 5px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    /* line 104, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-table {
        display: block;
        margin: 3.64742% auto 5.16717%;
    }
}

@media screen and (max-width: 750px) {
    /* line 114, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-table tbody {
        display: block;
    }
}

@media screen and (max-width: 750px) {
    /* line 121, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-table tr {
        display: block;
        margin-top: 5%;
    }
}

@media screen and (max-width: 750px) {
    /* line 129, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-table tr:first-child {
        margin-top: 0;
    }
}

/* line 136, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__section-table th,
.recruit-requirements-contents__section-table td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

@media screen and (max-width: 750px) {
    /* line 136, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-table th,
    .recruit-requirements-contents__section-table td {
        display: block;
        font-size: 1rem;
    }
}

/* line 147, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__section-table th {
    padding: 11px 6px 11px 0;
    width: 130px;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    /* line 147, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-table th {
        margin-bottom: 0.91185%;
        padding: 0;
        width: auto;
    }
}

/* line 159, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__section-table td {
    padding: 11px 0 11px 6px;
}

@media screen and (max-width: 750px) {
    /* line 159, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__section-table td {
        padding: 0;
    }
}

/* line 167, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 14px;

    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    /* line 167, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__links {
        margin-top: 3.88889%;
    }
}

/* line 178, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 6px;
    width: 224px;
}

@media screen and (max-width: 750px) {
    /* line 178, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__link {
        margin-top: 0;
        width: 48.63222%;
    }
}

/* line 189, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__link:first-child {
    margin-left: 0;
}

/* line 193, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__link:nt-child(2) {
    margin-right: 0;
}

/* line 197, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__link-inner {
    display: block;
    overflow: hidden;
    padding: 16px 0;
    border-radius: 4px;
    color: #fff;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.recruit-requirements-contents__link-inner:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .recruit-requirements-contents__link-inner,
.ipad .recruit-requirements-contents__link-inner,
.android .recruit-requirements-contents__link-inner,
.androidTablet .recruit-requirements-contents__link-inner {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .recruit-requirements-contents__link-inner:hover,
.ipad .recruit-requirements-contents__link-inner:hover,
.android .recruit-requirements-contents__link-inner:hover,
.androidTablet .recruit-requirements-contents__link-inner:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 197, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__link-inner {
        padding: 7.90274% 0;
        font-size: 0.85714rem;
    }
}

/* line 208, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__link--entry .recruit-requirements-contents__link-inner {
    background-color: #688daa;
}

/* line 212, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__link--wantedly .recruit-requirements-contents__link-inner {
    background: #19a4ba url("/img/common/icon_new_window_blue.png") right 8.92857% center no-repeat;
    background-size: 16px auto;
}

@media screen and (max-width: 750px) {
    /* line 212, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__link--wantedly .recruit-requirements-contents__link-inner {
        background-size: 4vw auto;
    }
}

/* line 221, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__link-text {
    display: block;
}

/* line 225, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 56px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 1108px;
    width: 84.5%;
}

@media screen and (min-width: 1601px) {
    /* line 225, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__footer {
        padding-right: 10px;
        padding-left: 10px;
        width: 1108px;
    }
}

@media screen and (max-width: 750px) {
    /* line 225, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__footer {
        margin-top: 6%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 242, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__footer-link {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 16px 0;
    width: 304px;
    border-radius: 4px;
    background-color: #bab3b1;
    color: #fff;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.recruit-requirements-contents__footer-link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .recruit-requirements-contents__footer-link,
.ipad .recruit-requirements-contents__footer-link,
.android .recruit-requirements-contents__footer-link,
.androidTablet .recruit-requirements-contents__footer-link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .recruit-requirements-contents__footer-link:hover,
.ipad .recruit-requirements-contents__footer-link:hover,
.android .recruit-requirements-contents__footer-link:hover,
.androidTablet .recruit-requirements-contents__footer-link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 242, src/_sass/module/recruit/requirements/_index.scss */
    .recruit-requirements-contents__footer-link {
        padding: 3.61111% 0;
        width: 66.66667%;
        font-size: 0.85714rem;
    }
}

/* line 257, src/_sass/module/recruit/requirements/_index.scss */
.recruit-requirements-contents__footer-link-text {
    display: block;
}


/* ---------------------------------------------
*   404 Page
--------------------------------------------- */
/* line 4, src/_sass/module/_404.scss */
.notfound-contents {
    padding: 40px 0 56px;
}

@media screen and (max-width: 750px) {
    /* line 4, src/_sass/module/_404.scss */
    .notfound-contents {
        padding: 8% 0 3.5%;
    }
}

/* line 14, src/_sass/module/_404.scss */
.notfound-contents__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 55.25%;
}

@media screen and (min-width: 1601px) {
    /* line 14, src/_sass/module/_404.scss */
    .notfound-contents__header {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 14, src/_sass/module/_404.scss */
    .notfound-contents__header {
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 26, src/_sass/module/_404.scss */
.notfound-contents__heading {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: "Century Gothic", "Roboto", sans-serif;
    line-height: 1.25;
}

@media screen and (max-width: 750px) {
    /* line 26, src/_sass/module/_404.scss */
    .notfound-contents__heading {
        text-align: center;
        font-size: 1.71429rem;
    }
}

/* line 30, src/_sass/module/_404.scss */
.notfound-contents__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 58px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 55.25%;
}

@media screen and (min-width: 1601px) {
    /* line 30, src/_sass/module/_404.scss */
    .notfound-contents__body {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 30, src/_sass/module/_404.scss */
    .notfound-contents__body {
        margin-top: 5%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 44, src/_sass/module/_404.scss */
.notfound-contents__lead {
    text-align: center;
}

/* line 48, src/_sass/module/_404.scss */
.notfound-contents__footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.625%;
    padding-left: 0.625%;
    max-width: 884px;
    width: 55.25%;
}

@media screen and (min-width: 1601px) {
    /* line 48, src/_sass/module/_404.scss */
    .notfound-contents__footer {
        padding-right: 10px;
        padding-left: 10px;
        width: 884px;
    }
}

@media screen and (max-width: 750px) {
    /* line 48, src/_sass/module/_404.scss */
    .notfound-contents__footer {
        margin-top: 8.88889%;
        padding-right: 5%;
        padding-left: 5%;
        width: auto;
    }
}

/* line 62, src/_sass/module/_404.scss */
.notfound-contents__link {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 16px 0;
    width: 304px;
    border-radius: 4px;
    background: #bab3b1;
    color: #fff;
    text-align: center;
    font-family: "Century Gothic", "Roboto", sans-serif;
    -webkit-transition: opacity 0ms;
    transition: opacity 0ms;
}

/* line 36, src/_sass/partial/_util.scss */
.notfound-contents__link:hover {
    opacity: 0.8;
}

/* line 42, src/_sass/partial/_util.scss */
.iphone .notfound-contents__link,
.ipad .notfound-contents__link,
.android .notfound-contents__link,
.androidTablet .notfound-contents__link {
    -webkit-transition: opacity none;
    transition: opacity none;
}

/* line 48, src/_sass/partial/_util.scss */
.iphone .notfound-contents__link:hover,
.ipad .notfound-contents__link:hover,
.android .notfound-contents__link:hover,
.androidTablet .notfound-contents__link:hover {
    opacity: 1;
}

@media screen and (max-width: 750px) {
    /* line 62, src/_sass/module/_404.scss */
    .notfound-contents__link {
        padding: 3.61111% 0;
        width: 66.66667%;
        font-size: 0.85714rem;
    }
}

/* line 76, src/_sass/module/_404.scss */
.notfound-contents__link-text {
    display: block;
}

/* ---------------------------------------------
interview-index Page
--------------------------------------------- */
/*gruff-wakabayashi(0407) */


.interview-index {
    width: 74.39024%;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .interview-index {
      width: 90%;
      margin: 0 auto;
    }
  }
  .interview-index .interview-index_container {
    width: 100%;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .interview-index .interview-index_container {
      width: 100%;
    }
  }
  .interview-index .interview-index_container h2 {
    font-size: 2.5em;
    text-align: center;
    margin: 30px auto 60px auto;
    padding-left: 0px;
    font-weight: 700;
  }

  @media screen and (max-width: 960px){
    .interview-index .interview-index_container h2{
        font-size: 1.7rem;

    }
  }
 

  .interview-index .interview-index_container .thum-outer {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .interview-index .interview-index_container .thum-outer .thum-inner {
    width: 30%;
    margin: 0 25px 25px 10px;
  }
  .interview-index .interview-index_container .thum-outer .thum-inner:nth-child(3n) {
    margin-right: 0px;
  }
  @media screen and (max-width: 750px) {
    .interview-index .interview-index_container .thum-outer .thum-inner {
      width: 45%;
      margin: 0 18px 25px 18px;
    }
  }
  @media screen and (max-width: 710px) {
    .interview-index .interview-index_container .thum-outer .thum-inner {
      width: 100%;
    }
  }
  .interview-index .interview-index_container .thum-outer .thum-inner .thum-imgunit {
    width: 100%;
    position: relative;
    margin: 0 auto 10px auto;
  }
  .interview-index .interview-index_container .thum-outer .thum-inner .thum-imgunit img {
    width: 100%;
    max-width: 100%;
  }
  .interview-index .interview-index_container .thum-outer .thum-inner .thum-imgunit .category {
    background-color: #fff;
    padding: 5px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 1em;
  }
  @media screen and (max-width: 960px) {
    .interview-index .interview-index_container .thum-outer .thum-inner .thum-imgunit .category {
      display: none;
    }
  }
  .interview-index .interview-index_container .thum-outer .thum-inner .interview-thum__date {
    font-size: 0.7em;
    font-style: italic;
    margin: 0 0 10px 0;
  }
  .interview-index .interview-index_container .thum-outer .thum-inner .interview-thum__ttl {
    font-size: 1em;
    font-weight: bold;
  }
  .thum-inner :nth-child(3n) {
    margin-right: 0;
  }
  .interview-index .interview-index_container .thum-outer .thum-inner .sp-category {
    display: none;
    color: #fff;
    background-color: #688daa;
    padding: 5px 10px 5px 10px;
    font-size: 0.8em;
    margin: 10px 0 10px 0;
  }
  @media screen and (max-width: 960px) {
    .interview-index .interview-index_container .thum-outer .thum-inner .sp-category {
      display: block;
      width: 30%;
    }
  }


/* ==========================================================
*
*   margin
*
========================================================== */
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
/* line 6, src/_sass/module/_margin.scss */
.mgt-pc--0 {
    margin-top: 0 !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--5 {
    margin-top: 5px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--10 {
    margin-top: 10px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--15 {
    margin-top: 15px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--20 {
    margin-top: 20px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--25 {
    margin-top: 25px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--30 {
    margin-top: 30px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--35 {
    margin-top: 35px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--40 {
    margin-top: 40px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--45 {
    margin-top: 45px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--50 {
    margin-top: 50px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--55 {
    margin-top: 55px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--60 {
    margin-top: 60px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--65 {
    margin-top: 65px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--70 {
    margin-top: 70px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--75 {
    margin-top: 75px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--80 {
    margin-top: 80px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--85 {
    margin-top: 85px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--90 {
    margin-top: 90px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--95 {
    margin-top: 95px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--100 {
    margin-top: 100px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--105 {
    margin-top: 105px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--110 {
    margin-top: 110px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--115 {
    margin-top: 115px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--120 {
    margin-top: 120px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--125 {
    margin-top: 125px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--130 {
    margin-top: 130px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--135 {
    margin-top: 135px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--140 {
    margin-top: 140px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--145 {
    margin-top: 145px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--150 {
    margin-top: 150px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--155 {
    margin-top: 155px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--160 {
    margin-top: 160px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--165 {
    margin-top: 165px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--170 {
    margin-top: 170px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--175 {
    margin-top: 175px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--180 {
    margin-top: 180px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--185 {
    margin-top: 185px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--190 {
    margin-top: 190px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--195 {
    margin-top: 195px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--200 {
    margin-top: 200px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--205 {
    margin-top: 205px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--210 {
    margin-top: 210px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--215 {
    margin-top: 215px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--220 {
    margin-top: 220px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--225 {
    margin-top: 225px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--230 {
    margin-top: 230px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--235 {
    margin-top: 235px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--240 {
    margin-top: 240px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--245 {
    margin-top: 245px !important;
}

/* line 11, src/_sass/module/_margin.scss */
.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
    /* line 19, src/_sass/module/_margin.scss */
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--5 {
        margin-top: 0.625vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--10 {
        margin-top: 1.25vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--15 {
        margin-top: 1.875vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--20 {
        margin-top: 2.5vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--25 {
        margin-top: 3.125vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--30 {
        margin-top: 3.75vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--35 {
        margin-top: 4.375vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--40 {
        margin-top: 5vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--45 {
        margin-top: 5.625vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--50 {
        margin-top: 6.25vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--55 {
        margin-top: 6.875vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--60 {
        margin-top: 7.5vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--65 {
        margin-top: 8.125vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--70 {
        margin-top: 8.75vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--75 {
        margin-top: 9.375vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--80 {
        margin-top: 10vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--85 {
        margin-top: 10.625vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--90 {
        margin-top: 11.25vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--95 {
        margin-top: 11.875vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--100 {
        margin-top: 12.5vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--105 {
        margin-top: 13.125vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--110 {
        margin-top: 13.75vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--115 {
        margin-top: 14.375vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--120 {
        margin-top: 15vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--125 {
        margin-top: 15.625vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--130 {
        margin-top: 16.25vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--135 {
        margin-top: 16.875vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--140 {
        margin-top: 17.5vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--145 {
        margin-top: 18.125vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--150 {
        margin-top: 18.75vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--155 {
        margin-top: 19.375vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--160 {
        margin-top: 20vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--165 {
        margin-top: 20.625vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--170 {
        margin-top: 21.25vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--175 {
        margin-top: 21.875vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--180 {
        margin-top: 22.5vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--185 {
        margin-top: 23.125vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--190 {
        margin-top: 23.75vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--195 {
        margin-top: 24.375vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--200 {
        margin-top: 25vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--205 {
        margin-top: 25.625vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--210 {
        margin-top: 26.25vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--215 {
        margin-top: 26.875vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--220 {
        margin-top: 27.5vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--225 {
        margin-top: 28.125vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--230 {
        margin-top: 28.75vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--235 {
        margin-top: 29.375vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--240 {
        margin-top: 30vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--245 {
        margin-top: 30.625vw !important;
    }
    /* line 24, src/_sass/module/_margin.scss */
    .mgt-sp--250 {
        margin-top: 31.25vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
/* line 36, src/_sass/module/_margin.scss */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--5 {
    margin-bottom: 5px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--10 {
    margin-bottom: 10px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--15 {
    margin-bottom: 15px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--20 {
    margin-bottom: 20px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--25 {
    margin-bottom: 25px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--30 {
    margin-bottom: 30px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--35 {
    margin-bottom: 35px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--40 {
    margin-bottom: 40px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--45 {
    margin-bottom: 45px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--50 {
    margin-bottom: 50px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--55 {
    margin-bottom: 55px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--60 {
    margin-bottom: 60px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--65 {
    margin-bottom: 65px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--70 {
    margin-bottom: 70px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--75 {
    margin-bottom: 75px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--80 {
    margin-bottom: 80px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--85 {
    margin-bottom: 85px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--90 {
    margin-bottom: 90px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--95 {
    margin-bottom: 95px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--100 {
    margin-bottom: 100px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--105 {
    margin-bottom: 105px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--110 {
    margin-bottom: 110px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--115 {
    margin-bottom: 115px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--120 {
    margin-bottom: 120px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--125 {
    margin-bottom: 125px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--130 {
    margin-bottom: 130px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--135 {
    margin-bottom: 135px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--140 {
    margin-bottom: 140px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--145 {
    margin-bottom: 145px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--150 {
    margin-bottom: 150px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--155 {
    margin-bottom: 155px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--160 {
    margin-bottom: 160px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--165 {
    margin-bottom: 165px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--170 {
    margin-bottom: 170px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--175 {
    margin-bottom: 175px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--180 {
    margin-bottom: 180px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--185 {
    margin-bottom: 185px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--190 {
    margin-bottom: 190px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--195 {
    margin-bottom: 195px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--200 {
    margin-bottom: 200px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--205 {
    margin-bottom: 205px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--210 {
    margin-bottom: 210px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--215 {
    margin-bottom: 215px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--220 {
    margin-bottom: 220px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--225 {
    margin-bottom: 225px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--230 {
    margin-bottom: 230px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--235 {
    margin-bottom: 235px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--240 {
    margin-bottom: 240px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--245 {
    margin-bottom: 245px !important;
}

/* line 41, src/_sass/module/_margin.scss */
.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 750px) {
    /* line 49, src/_sass/module/_margin.scss */
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--5 {
        margin-bottom: 0.625vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--10 {
        margin-bottom: 1.25vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--15 {
        margin-bottom: 1.875vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--20 {
        margin-bottom: 2.5vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--25 {
        margin-bottom: 3.125vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--30 {
        margin-bottom: 3.75vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--35 {
        margin-bottom: 4.375vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--40 {
        margin-bottom: 5vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--45 {
        margin-bottom: 5.625vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--50 {
        margin-bottom: 6.25vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--55 {
        margin-bottom: 6.875vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--60 {
        margin-bottom: 7.5vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--65 {
        margin-bottom: 8.125vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--70 {
        margin-bottom: 8.75vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--75 {
        margin-bottom: 9.375vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--80 {
        margin-bottom: 10vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--85 {
        margin-bottom: 10.625vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--90 {
        margin-bottom: 11.25vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--95 {
        margin-bottom: 11.875vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--100 {
        margin-bottom: 12.5vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--105 {
        margin-bottom: 13.125vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--110 {
        margin-bottom: 13.75vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--115 {
        margin-bottom: 14.375vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--120 {
        margin-bottom: 15vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--125 {
        margin-bottom: 15.625vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--130 {
        margin-bottom: 16.25vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--135 {
        margin-bottom: 16.875vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--140 {
        margin-bottom: 17.5vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--145 {
        margin-bottom: 18.125vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--150 {
        margin-bottom: 18.75vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--155 {
        margin-bottom: 19.375vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--160 {
        margin-bottom: 20vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--165 {
        margin-bottom: 20.625vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--170 {
        margin-bottom: 21.25vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--175 {
        margin-bottom: 21.875vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--180 {
        margin-bottom: 22.5vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--185 {
        margin-bottom: 23.125vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--190 {
        margin-bottom: 23.75vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--195 {
        margin-bottom: 24.375vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--200 {
        margin-bottom: 25vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--205 {
        margin-bottom: 25.625vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--210 {
        margin-bottom: 26.25vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--215 {
        margin-bottom: 26.875vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--220 {
        margin-bottom: 27.5vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--225 {
        margin-bottom: 28.125vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--230 {
        margin-bottom: 28.75vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--235 {
        margin-bottom: 29.375vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--240 {
        margin-bottom: 30vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--245 {
        margin-bottom: 30.625vw !important;
    }
    /* line 54, src/_sass/module/_margin.scss */
    .mgb-sp--250 {
        margin-bottom: 31.25vw !important;
    }
}

/* ==========================================================
*
*   hide
*
========================================================== */
@media screen and (min-width: 751px) {
    /* line 11, src/_sass/module/_hide.scss */
    .pc-hide {
        display: none !important;
    }
}

@media screen and (min-width: 751px) and (max-width: 1300px) {
    /* line 16, src/_sass/module/_hide.scss */
    .pc-small-hide {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    /* line 21, src/_sass/module/_hide.scss */
    .sp-hide {
        display: none !important;
    }
}

/* team and mordal 0803 wakabayashi add */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
  }
  
  .hidden {
    display: none;
  }
  
  #team {
    width: 100%;
  }
  
  .message {
    width: 100%;
    padding-top: 80px;
    margin-bottom: 146px;
  }
  @media screen and (max-width: 414px) {
    .message {
      margin-bottom: 73px;
    }
  }
  .message .message-inner {
    width: 660px;
    margin: 0 auto;
    font-size: 1.33rem;
  }
  @media screen and (max-width: 414px) {
    .message .message-inner {
      width: 90%;
      font-size: 0.9rem;
    }
  }
  
  .board_wrapper {
    width: 100%;
  }
  .board_wrapper .member_ttl {
    background-color: #D5A567;
    font-weight: bold;
    font-size: 2.8rem;
    color: #fff;
    text-align: center;
    margin-bottom: 123px;
    padding: 17px 0 17px 0;
  }
  @media screen and (max-width: 414px) {
    .board_wrapper .member_ttl {
      font-size: 1.4rem;
      margin-bottom: 61px;
    }
  }
  .board_wrapper #board_inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .board_wrapper #board_inner {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .board_wrapper #board_inner {
      justify-content: space-around;
    }
  }
  @media screen and (max-width: 414px) {
    .board_wrapper #board_inner {
      justify-content: space-between;
      width: 90%;
    }
  }
  @media screen and (max-width: 320px) {
    .board_wrapper #board_inner {
      flex-direction: column;
      width: 90%;
    }
  }
  .board_wrapper #board_inner .boardmember {
    width: 46%;
    background-image: url(https://www.gruff.co.jp/img/pc/recruit/team/borad-bg.png);
    background-repeat: no-repeat;
    margin-bottom: 153px;
    padding-top: 20px;
    background-size: 100%;
    background-position: top;
    cursor: pointer;
  }
  @media screen and (max-width: 414px) {
    .board_wrapper #board_inner .boardmember {
      margin-bottom: 76px;
      width: 45%;
    }
  }
  @media screen and (max-width: 320px) {
    .board_wrapper #board_inner .boardmember {
      width: 100%;
    }
  }
  .board_wrapper #board_inner .boardmember .circle-pos {
    position: relative;
    padding-top: 90%;
  }
  @media screen and (max-width: 414px) {
    .board_wrapper #board_inner .boardmember .circle-pos {
      padding-top: 150px;
    }
  }
  @media screen and (max-width: 375px) {
    .board_wrapper #board_inner .boardmember .circle-pos {
      padding-top: 140px;
    }
  }
  .board_wrapper #board_inner .boardmember .circle-pos .member_img {
    border-radius: 50%;
    border: solid 10px #fff;
    background-color: #fff;
    width: 80%;
    height: 90%;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 3px;
    left: 7%;
    opacity: 0;
    transform: translateY(20px);
  }
  @media screen and (max-width: 414px) {
    .board_wrapper #board_inner .boardmember .circle-pos .member_img {
      top: -10px;
      left: 12px;
      border: solid 5px #fff;
      height: 90%;
    }
  }
  @media screen and (max-width: 320px) {
    .board_wrapper #board_inner .boardmember .circle-pos .member_img {
      height: 160%;
      left: 22px;
    }
  }
  .board_wrapper #board_inner .boardmember .circle-pos .member_img img {
    width: 100%;
    height: auto;
  }
  .board_wrapper #board_inner .boardmember .circle-pos .show {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.8s 0s ease;
  }
  .board_wrapper #board_inner .boardmember .sub_name {
    padding-top: 0px;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
    margin-bottom: 3px;
  }
  @media screen and (max-width: 414px) {
    .board_wrapper #board_inner .boardmember .sub_name {
      font-size: 0.8rem;
      padding-top: 20px;
    }
  }
  @media screen and (max-width: 375px) {
    .board_wrapper #board_inner .boardmember .sub_name {
      padding-top: 20px;
      font-size: 0.8rem;
    }
  }
  @media screen and (max-width: 320px) {
    .board_wrapper #board_inner .boardmember .sub_name {
      padding-top: 120px;
      font-size: 1.3rem;
    }
  }
  .board_wrapper #board_inner .boardmember .sub_name-eng {
    font-weight: bold;
    font-size: 1.1rem;
    color: #AD5600;
    text-align: center;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
  }
  @media screen and (max-width: 414px) {
    .board_wrapper #board_inner .boardmember .sub_name-eng {
      font-size: 0.7rem;
      margin-bottom: 8px;
    }
  }
  @media screen and (max-width: 375px) {
    .board_wrapper #board_inner .boardmember .sub_name-eng {
      margin-bottom: 7px;
    }
  }
  @media screen and (max-width: 320px) {
    .board_wrapper #board_inner .boardmember .sub_name-eng {
      font-size: 1rem;
    }
  }
  .board_wrapper #board_inner .boardmember .post_name {
    font-size: 1.1rem;
    text-align: center;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    margin-bottom: 3px;
  }
  @media screen and (max-width: 414px) {
    .board_wrapper #board_inner .boardmember .post_name {
      font-size: 0.7rem;
    }
  }
  @media screen and (max-width: 375px) {
    .board_wrapper #board_inner .boardmember .post_name {
      font-size: 0.7rem;
    }
  }
  @media screen and (max-width: 320px) {
    .board_wrapper #board_inner .boardmember .post_name {
      font-size: 0.9rem;
    }
  }
  .board_wrapper #board_inner .boardmember .post_name-eng {
    font-size: 1.1rem;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
  }
  @media screen and (max-width: 414px) {
    .board_wrapper #board_inner .boardmember .post_name-eng {
      font-size: 0.4rem;
    }
  }
  @media screen and (max-width: 375px) {
    .board_wrapper #board_inner .boardmember .post_name-eng {
      font-size: 0.4rem;
    }
  }
  @media screen and (max-width: 320px) {
    .board_wrapper #board_inner .boardmember .post_name-eng {
      font-size: 0.9rem;
    }
  }
  .board_wrapper #board_inner .boardmember:nth-child(2n) > .circle-pos > .show {
    transition: all 0.8s 0.3s ease;
  }
  
  .datascientist_wrapper {
    width: 100%;
  }
  .datascientist_wrapper .member_ttl {
    background-color: #FFBC8F;
    font-weight: bold;
    font-size: 2.8rem;
    color: #fff;
    text-align: center;
    margin-bottom: 123px;
    padding: 17px 0 17px 0;
  }
  @media screen and (max-width: 414px) {
    .datascientist_wrapper .member_ttl {
      font-size: 1.4rem;
      margin-bottom: 61px;
    }
  }
  .datascientist_wrapper #datascientist_inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .datascientist_wrapper #datascientist_inner {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .datascientist_wrapper #datascientist_inner {
      justify-content: space-around;
    }
  }
  @media screen and (max-width: 414px) {
    .datascientist_wrapper #datascientist_inner {
      justify-content: space-between;
      width: 90%;
    }
  }
  @media screen and (max-width: 320px) {
    .datascientist_wrapper #datascientist_inner {
      flex-direction: column;
      width: 90%;
      margin: 0 auto;
    }
  }
  .datascientist_wrapper #datascientist_inner .datamember {
    width: 46%;
    background-image: url(https://www.gruff.co.jp/img/pc/recruit/team/data-bg.png);
    background-repeat: no-repeat;
    margin-bottom: 153px;
    padding-top: 20px;
    background-size: 100%;
    background-position: top;
    cursor: pointer;
  }
  @media screen and (max-width: 414px) {
    .datascientist_wrapper #datascientist_inner .datamember {
      margin-bottom: 76px;
      width: 45%;
    }
  }
  @media screen and (max-width: 320px) {
    .datascientist_wrapper #datascientist_inner .datamember {
      width: 100%;
    }
  }
  .datascientist_wrapper #datascientist_inner .datamember .circle-pos {
    position: relative;
    padding-top: 90%;
  }
  @media screen and (max-width: 414px) {
    .datascientist_wrapper #datascientist_inner .datamember .circle-pos {
      padding-top: 150px;
    }
  }
  @media screen and (max-width: 375px) {
    .datascientist_wrapper #datascientist_inner .datamember .circle-pos {
      padding-top: 140px;
    }
  }
  .datascientist_wrapper #datascientist_inner .datamember .circle-pos .member_img {
    border-radius: 50%;
    border: solid 10px #fff;
    background-color: #fff;
    width: 80%;
    height: 90%;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 3px;
    left: 7%;
    opacity: 0;
    transform: translateY(20px);
  }
  @media screen and (max-width: 414px) {
    .datascientist_wrapper #datascientist_inner .datamember .circle-pos .member_img {
      top: -10px;
      left: 12px;
      border: solid 5px #fff;
      height: 90%;
    }
  }
  @media screen and (max-width: 320px) {
    .datascientist_wrapper #datascientist_inner .datamember .circle-pos .member_img {
      height: 160%;
      left: 22px;
    }
  }
  .datascientist_wrapper #datascientist_inner .datamember .circle-pos .member_img img {
    width: 100%;
    height: auto;
  }
  .datascientist_wrapper #datascientist_inner .datamember .circle-pos .show {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.8s 0s ease;
  }
  .datascientist_wrapper #datascientist_inner .datamember .sub_name {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
    margin-bottom: 3px;
  }
  @media screen and (max-width: 414px) {
    .datascientist_wrapper #datascientist_inner .datamember .sub_name {
      font-size: 0.8rem;
      padding-top: 20px;
    }
  }
  @media screen and (max-width: 375px) {
    .datascientist_wrapper #datascientist_inner .datamember .sub_name {
      font-size: 0.8rem;
    }
  }
  @media screen and (max-width: 320px) {
    .datascientist_wrapper #datascientist_inner .datamember .sub_name {
      padding-top: 120px;
      font-size: 1.3rem;
    }
  }
  .datascientist_wrapper #datascientist_inner .datamember .sub_name-eng {
    font-weight: bold;
    font-size: 1.1rem;
    color: #FF8A3B;
    text-align: center;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
  }
  @media screen and (max-width: 414px) {
    .datascientist_wrapper #datascientist_inner .datamember .sub_name-eng {
      font-size: 0.7rem;
      margin-bottom: 8px;
    }
  }
  @media screen and (max-width: 375px) {
    .datascientist_wrapper #datascientist_inner .datamember .sub_name-eng {
      margin-bottom: 7px;
    }
  }
  @media screen and (max-width: 320px) {
    .datascientist_wrapper #datascientist_inner .datamember .sub_name-eng {
      font-size: 1rem;
    }
  }
  .datascientist_wrapper #datascientist_inner .datamember .post_name {
    font-size: 1.1rem;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    margin-bottom: 3px;
    font-weight: 500;
  }
  @media screen and (max-width: 414px) {
    .datascientist_wrapper #datascientist_inner .datamember .post_name {
      font-size: 0.7rem;
    }
  }
  @media screen and (max-width: 375px) {
    .datascientist_wrapper #datascientist_inner .datamember .post_name {
      font-size: 0.7rem;
    }
  }
  @media screen and (max-width: 320px) {
    .datascientist_wrapper #datascientist_inner .datamember .post_name {
      font-size: 0.9rem;
    }
  }
  .datascientist_wrapper #datascientist_inner .datamember .post_name-eng {
    font-size: 1.1rem;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
  }
  @media screen and (max-width: 414px) {
    .datascientist_wrapper #datascientist_inner .datamember .post_name-eng {
      font-size: 0.4rem;
    }
  }
  @media screen and (max-width: 375px) {
    .datascientist_wrapper #datascientist_inner .datamember .post_name-eng {
      font-size: 0.4rem;
    }
  }
  @media screen and (max-width: 320px) {
    .datascientist_wrapper #datascientist_inner .datamember .post_name-eng {
      font-size: 0.9rem;
    }
  }
  .datascientist_wrapper #datascientist_inner .datamember:nth-child(2n) > .circle-pos > .show {
    transition: all 0.8s 0.3s ease;
  }
  
  .modal_bg {
    width: 100%;
    height: 110vh;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    z-index: 10001;
    font-family: "Noto Sans JP", sans-serif;
  }
  .modal_bg .modal_outer {
    box-sizing: border-box;
    width: 960px;
    border-radius: 30px;
    border: solid 5px #D5A567;
    background-color: #fff;
    padding: 35px 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  @media screen and (max-width: 1140px) {
    .modal_bg .modal_outer {
      width: 90%;
      padding-bottom: 3%;
    }
  }
  @media screen and (max-width: 1022px) {
    .modal_bg .modal_outer {
      padding-bottom: 10%;
    }
  }
  @media screen and (max-width: 768px) {
    .modal_bg .modal_outer {
      display: block;
      overflow-y: auto;
      height: 87%;
      padding-top: 30%;
    }
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modal_outer {
      display: block;
      overflow-y: auto;
      height: 80%;
      padding-top: 11%;
      padding-right: 13px;
      padding-left: 13px;
    }
  }
  .modal_bg .modal_outer .img_unit {
    flex: 0.49;
    height: 525px;
    overflow: hidden;
    border-radius: 30px;
  }
  @media screen and (max-width: 1140px) {
    .modal_bg .modal_outer .img_unit {
      height: auto;
    }
  }
  @media screen and (max-width: 960px) {
    .modal_bg .modal_outer .img_unit {
      margin: 0 auto 30px auto;
    }
  }
  @media screen and (max-width: 768px) {
    .modal_bg .modal_outer .img_unit {
      height: 370px;
    }
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modal_outer .img_unit {
      z-index: 1;
      width: 88%;
      margin: 0 auto 30px;
      height: 320px;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg .modal_outer .img_unit {
      height: 250px;
    }
  }
  .modal_bg .modal_outer .img_unit #img-inner {
    width: 100%;
  }
  .modal_bg .modal_outer .modal_right {
    flex: 0.47;
    border-radius: 35px;
    background-color: #F9ECDE;
    padding: 24px 45px;
    position: relative;
  }
  @media screen and (max-width: 960px) {
    .modal_bg .modal_outer .modal_right {
      margin-bottom: 30px;
    }
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modal_outer .modal_right {
      padding: 30px 25px 21px 25px;
      width: 75%;
      margin: 0 auto;
    }
  }
  .modal_bg .modal_outer .modal_right .post {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 5px;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modal_outer .modal_right .post {
      font-size: 0.8rem;
    }
  }
  .modal_bg .modal_outer .modal_right .name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modal_outer .modal_right .name {
      font-size: 1.3rem;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg .modal_outer .modal_right .name {
      font-size: 2rem;
    }
  }
  .modal_bg .modal_outer .modal_right .eng_name {
    font-size: 1.35rem;
    font-weight: 700;
    color: #D5A567;
    padding-bottom: 12px;
    border-bottom: solid 3px #D5A567;
    margin-bottom: 12px;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modal_outer .modal_right .eng_name {
      font-size: 0.8rem;
    }
  }
  @media screen and (max-width: 375px) {
    .modal_bg .modal_outer .modal_right .eng_name {
      font-size: 0.7rem;
    }
  }
  .modal_bg .modal_outer .modal_right .info {
    font-size: 0.76rem;
    font-weight: 400;
    line-height: 1.4;
    font-family: "Noto Sans JP", sans-serif;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modal_outer .modal_right .info {
      font-size: 0.7rem;
    }
  }
  .modal_bg .modal_outer .modal_right .interview_outer {
    border-radius: 20px;
    background-color: #fff;
    padding: 5px 21px;
    color: #D5A567;
    font-size: 0.9rem;
    font-weight: bold;
    cursor: pointer;
    font-weight: bold;
    border: none;
    width: 52%;
    text-align: center;
    margin-bottom: 20px;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modal_outer .modal_right .interview_outer {
      font-size: 0.7rem;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg .modal_outer .modal_right .interview_outer {
      width: 54%;
    }
  }
  .modal_bg .modal_outer .modal_right .close_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: #D5A567;
    cursor: pointer;
    z-index: 99;
    border: none;
  }
  @media screen and (max-width: 960px) {
    .modal_bg .modal_outer .modal_right .close_btn {
      top: 20px;
      right: 20px;
    }
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modal_outer .modal_right .close_btn {
      top: -381px;
      right: -14px;
    }
  }
  @media screen and (max-width: 375px) {
    .modal_bg .modal_outer .modal_right .close_btn {
      top: -380px;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg .modal_outer .modal_right .close_btn {
      top: -304px;
      right: -11px;
      transform: scale(0.8);
    }
  }
  .modal_bg .modal_outer .modal_right .close_btn::before {
    content: "";
    display: block;
    width: 18px;
    height: 5px;
    background-color: #F9ECDE;
    transform: rotate(45deg);
    position: absolute;
    right: 6px;
    top: 13px;
  }
  .modal_bg .modal_outer .modal_right .close_btn::after {
    content: "";
    display: block;
    width: 18px;
    height: 5px;
    background-color: #F9ECDE;
    transform: rotate(-45deg);
    position: absolute;
    right: 6px;
    top: 13px;
    z-index: 100;
  }
  .modal_bg div::after {
    content: "BOARD\aMEMBER";
    white-space: pre;
    position: absolute;
    display: block;
    bottom: 5%;
    right: 3%;
    font-size: 66px;
    line-height: 0.8;
    color: rgba(213, 165, 103, 0.3);
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    text-align: right;
  }
  @media screen and (max-width: 960px) {
    .modal_bg div::after {
      content: "BOARDMEMBER";
      bottom: 2%;
      right: 2%;
      font-size: 78px;
      text-align: left;
    }
  }
  @media screen and (max-width: 768px) {
    .modal_bg div::after {
      content: "BOARD\aMEMBER";
      bottom: 78%;
      right: 33%;
      font-size: 96px;
      text-align: left;
    }
  }
  @media screen and (max-width: 414px) {
    .modal_bg div::after {
      display: none;
      top: 8%;
      right: 27%;
      font-size: 59px;
      letter-spacing: -4px;
      text-align: left;
    }
  }
  @media screen and (max-width: 375px) {
    .modal_bg div::after {
      font-size: 55px;
      top: 6%;
      right: 24%;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg div::after {
      font-size: 46px;
    }
  }
  .modal_bg .modaldata_outer {
    box-sizing: border-box;
    width: 960px;
    border-radius: 30px;
    border: solid 5px #FFCFAE;
    background-color: #FFCFAE;
    padding: 35px 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  @media screen and (max-width: 1140px) {
    .modal_bg .modaldata_outer {
      width: 90%;
      padding-bottom: 3%;
    }
  }
  @media screen and (max-width: 1022px) {
    .modal_bg .modaldata_outer {
      padding-bottom: 10%;
    }
  }
  @media screen and (max-width: 768px) {
    .modal_bg .modaldata_outer {
      display: block;
      overflow-y: auto;
      height: 80%;
      padding-top: 30%;
    }
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer {
      display: block;
      height: 80%;
      padding-top: 11%;
      padding-right: 13px;
      padding-left: 13px;
    }
  }
  .modal_bg .modaldata_outer .img_unit {
    flex: 0.49;
    height: 525px;
    overflow: hidden;
    border-radius: 30px;
  }
  @media screen and (max-width: 1140px) {
    .modal_bg .modaldata_outer .img_unit {
      height: auto;
    }
  }
  @media screen and (max-width: 960px) {
    .modal_bg .modaldata_outer .img_unit {
      margin: 0 auto 30px auto;
    }
  }
  @media screen and (max-width: 768px) {
    .modal_bg .modaldata_outer .img_unit {
      height: 370px;
    }
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer .img_unit {
      z-index: 1;
      width: 88%;
      margin: 0 auto 30px;
      height: 320px;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg .modaldata_outer .img_unit {
      height: 250px;
    }
  }
  .modal_bg .modaldata_outer .img_unit #img-inner {
    width: 100%;
  }
  .modal_bg .modaldata_outer .modal_right {
    flex: 0.47;
    border-radius: 35px;
    background-color: #F9ECDE;
    padding: 24px 45px;
    position: relative;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer .modal_right {
      padding: 30px 25px 21px 25px;
      width: 75%;
      margin: 0 auto;
    }
  }
  .modal_bg .modaldata_outer .modal_right .post {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 5px;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer .modal_right .post {
      font-size: 0.8rem;
    }
  }
  .modal_bg .modaldata_outer .modal_right .name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer .modal_right .name {
      font-size: 1.3rem;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg .modaldata_outer .modal_right .name {
      font-size: 2rem;
    }
  }
  .modal_bg .modaldata_outer .modal_right .eng_name {
    font-size: 1.35rem;
    font-weight: 700;
    color: #EFBB97;
    padding-bottom: 12px;
    border-bottom: solid 3px #EFBB97;
    margin-bottom: 12px;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer .modal_right .eng_name {
      font-size: 0.8rem;
    }
  }
  @media screen and (max-width: 375px) {
    .modal_bg .modaldata_outer .modal_right .eng_name {
      font-size: 0.7rem;
    }
  }
  .modal_bg .modaldata_outer .modal_right .info {
    font-size: 0.76rem;
    font-weight: 400;
    line-height: 1.4;
    font-family: "Noto Sans JP", sans-serif;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer .modal_right .info {
      font-size: 0.7rem;
    }
  }
  .modal_bg .modaldata_outer .modal_right .interview_outer {
    border-radius: 20px;
    background-color: #EFBB97;
    padding: 5px 15px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    cursor: pointer;
    font-weight: bold;
    border: none;
    width: 52%;
    text-align: center;
    margin-bottom: 20px;
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer .modal_right .interview_outer {
      font-size: 0.7rem;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg .modaldata_outer .modal_right .interview_outer {
      width: 54%;
    }
  }
  .modal_bg .modaldata_outer .modal_right .close_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: #fff;
    cursor: pointer;
    z-index: 99;
    border: none;
  }
  @media screen and (max-width: 960px) {
    .modal_bg .modaldata_outer .modal_right .close_btn {
      top: 20px;
      right: 20px;
    }
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer .modal_right .close_btn {
      top: -381px;
      right: -14px;
    }
  }
  @media screen and (max-width: 375px) {
    .modal_bg .modaldata_outer .modal_right .close_btn {
      top: -380px;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg .modaldata_outer .modal_right .close_btn {
      top: -304px;
      right: -11px;
      transform: scale(0.8);
    }
  }
  .modal_bg .modaldata_outer .modal_right .close_btn::before {
    content: "";
    display: block;
    width: 18px;
    height: 5px;
    background-color: #EFBB97;
    transform: rotate(45deg);
    position: absolute;
    right: 6px;
    top: 13px;
  }
  .modal_bg .modaldata_outer .modal_right .close_btn::after {
    content: "";
    display: block;
    width: 18px;
    height: 5px;
    background-color: #EFBB97;
    transform: rotate(-45deg);
    position: absolute;
    right: 6px;
    top: 13px;
    z-index: 100;
  }
  .modal_bg .modaldata_outer::after {
    content: "DATA\aSCIENTIST";
    white-space: pre;
    position: absolute;
    display: block;
    bottom: 5%;
    right: 3%;
    font-size: 66px;
    line-height: 0.8;
    color: #F9ECDE;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    text-align: right;
  }
  @media screen and (max-width: 960px) {
    .modal_bg .modaldata_outer::after {
      content: "DATASCIENTIST";
      bottom: 2%;
      right: 2%;
      font-size: 78px;
      text-align: left;
    }
  }
  @media screen and (max-width: 768px) {
    .modal_bg .modaldata_outer::after {
      content: "DATA\aSCIENTIST";
      bottom: 78%;
      right: 22%;
      font-size: 96px;
      text-align: left;
    }
  }
  @media screen and (max-width: 414px) {
    .modal_bg .modaldata_outer::after {
      display: none;
      top: 8%;
      right: 17%;
      font-size: 59px;
      letter-spacing: -4px;
      text-align: left;
    }
  }
  @media screen and (max-width: 375px) {
    .modal_bg .modaldata_outer::after {
      font-size: 55px;
      top: 6%;
      right: 14%;
    }
  }
  @media screen and (max-width: 320px) {
    .modal_bg .modaldata_outer::after {
      font-size: 46px;
    }
  }

  /* 210330 ladページstyle add */



  .bnrArea {
    width: 100%;
    background-color: #e5e5e5;
    padding-top: min(7vw, 95px);
    padding-bottom: min(7vw, 95px);
  }
  .bnrArea .product-image {
    font-size: 0;
    width: min(80vw, 720px);
    margin: 0 auto;
  }
  @media all and (-ms-high-contrast: none) {
    .bnrArea .product-image {
      width: 800px;
      padding: 95px 0;
    }
  }

  /* 210413 ass scheduleページ　スタイル */
  
  img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  
  .schedule_wrapper {
    width: 100%;
  }
  
  .prof_btn {
    width: 223px;
    padding: 12px 3px;
    color: #f4f5f7;
    background-color: #688daa;
    border: none;
    font-size: 21px;
    position: relative;
  }
  
  .prof_btn::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-top: solid 2px #f4f5f7;
    border-right: solid 2px #f4f5f7;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 14%;
  }
  
  .schedule-mb {
    margin-bottom: 78px;
  }
  
  .prof_btn > a:hover {
    opacity: 0.7;
    transition: all 0.6s 0s ease;
  }
  
  .schebtn-outer:hover {
    opacity: 0.7;
    transition: all 0.6s 0s ease;
  }
  
  .schebtn-outer {
    display: block;
    width: 752px;
    margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
    .schebtn-outer {
      width: 90%;
    }
  }
  .schebtn-outer .mv_btn {
    position: relative;
    width: min(58vw, 350px);
    margin: 0 auto;
    background-color: #688daa;
    color: #f4f5f7;
    padding: 30px 20px;
    border-right: solid 30px #99a0ac;
    border-radius: 3px;
    font-size: 20px;
    font-weight: bold;
  }
  @media screen and (max-width: 414px) {
    .schebtn-outer .mv_btn {
      padding: 20px 20px;
    }
  }
  .schebtn-outer .mv_btn a {
    display: block;
    width: 100%;
  }
  .schebtn-outer .mv_btn::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 1px #f4f5f7;
    border-right: solid 1px #f4f5f7;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: -12px;
  }
  
  .schedule_amano {
    background-image: url(https://www.gruff.co.jp/img/pc/recruit/schedule/amano-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 540px;
    position: relative;
  }
  @media screen and (max-width: 768px) {
    .schedule_amano {
      padding-top: 99vw;
    }
  }
  .schedule_amano .pagetitle__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: #f4f5f7;
  }
  .schedule_amano .pagetitle__container .schedule_mainttl {
    font-size: clamp(15px, (15px + 2vw), 43px);
    margin-bottom: 30px;
    font-weight: 600;
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_amano .pagetitle__container .schedule_mainttl {
      font-size: 43px;
    }
  }
  .schedule_amano .pagetitle__container .schedule_subttl {
    font-size: clamp(15px, (15px + 1vw), 25px);
    margin-bottom: 10px;
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_amano .pagetitle__container .schedule_subttl {
      font-size: 22px;
    }
  }
  .schedule_amano .pagetitle__container .ds_lead {
    font-size: clamp(15px, (15px + 0.3vw), 22px);
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_amano .pagetitle__container .ds_lead {
      font-size: 19px;
    }
  }
  
  .schedule_prof {
    padding-top: 68px;
    padding-bottom: 68px;
    margin-bottom: 100px;
    border-bottom: 2px solid #e4e4e4;
  }
  .schedule_prof .prof_outer {
    width: 752px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    .schedule_prof .prof_outer {
      width: 90%;
    }
  }
  @media screen and (max-width: 414px) {
    .schedule_prof .prof_outer {
      width: 90%;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
      -ms-flex-align: center;
          align-items: center;
    }
  }
  .schedule_prof .prof_outer .prof_left {
    width: 340px;
  }
  @media screen and (max-width: 768px) {
    .schedule_prof .prof_outer .prof_left {
      width: 48%;
    }
  }
  @media screen and (max-width: 414px) {
    .schedule_prof .prof_outer .prof_left {
      width: 80%;
    }
  }
  .schedule_prof .prof_outer .prof_left .prof_ttl {
    font-size: clamp(15px, (15px + 0.8vw), 27px);
    margin-bottom: 22px;
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_prof .prof_outer .prof_left .prof_ttl {
      font-size: 27px;
    }
  }
  .schedule_prof .prof_outer .prof_left .prof_name {
    font-size: clamp(15px, (15px + 0.5vw), 22px);
    margin-bottom: 15px;
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_prof .prof_outer .prof_left .prof_name {
      font-size: 22px;
    }
  }
  .schedule_prof .prof_outer .prof_left .prof_post {
    margin-bottom: 47px;
    font-size: clamp(15px, (15px + 0.1vw), 16px);
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_prof .prof_outer .prof_left .prof_post {
      font-size: 16px;
    }
  }
  .schedule_prof .prof_outer .prof_left .prof_info {
    font-size: clamp(15px, (15px + 0.1vw), 16px);
    margin-bottom: 36px;
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_prof .prof_outer .prof_left .prof_info {
      font-size: 16px;
    }
  }
  .schedule_prof .prof_outer .prof_right {
    width: 340px;
  }
  @media screen and (max-width: 768px) {
    .schedule_prof .prof_outer .prof_right {
      width: 48%;
    }
  }
  @media screen and (max-width: 414px) {
    .schedule_prof .prof_outer .prof_right {
      width: 80%;
    }
  }
  @media screen and (max-width: 768px) {
    .schedule_prof .prof_outer .prof_right .schedule_imgUnit {
      margin-bottom: 50px;
    }
  }
  .schedule_prof .prof_outer .prof_right .prof_btn {
    display: none;
  }
  @media screen and (max-width: 768px) {
    .schedule_prof .prof_outer .prof_right .prof_btn {
      display: block;
    }
  }
  
  .schedule_area {
    width: 960px;
    margin: 0 auto;
  }
  @media screen and (max-width: 960px) {
    .schedule_area {
      width: 100%;
    }
  }
  .schedule_area .schedul_innerttl {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 100px;
  }
  .schedule_area .schedule_container {
    width: 752px;
    margin: 0 auto 120px;
  }
  @media screen and (max-width: 960px) {
    .schedule_area .schedule_container {
      width: 90%;
      margin-bottom: 60px;
    }
  }
  .schedule_area .schedule_container .schedule_list {
    margin-bottom: 60px;
  }
  .schedule_area .schedule_container .schedule_list .schedule_list-outer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 40px;
  }
  .schedule_area .schedule_container .schedule_list .schedule_list-outer .time {
    font-size: 22px;
    font-weight: bold;
    -ms-flex: 3;
        flex: 3;
    border-left: 8px solid #688daa;
    padding-left: 20px;
  }
  @media screen and (max-width: 414px) {
    .schedule_area .schedule_container .schedule_list .schedule_list-outer .time {
      font-size: 19px;
    }
  }
  .schedule_area .schedule_container .schedule_list .schedule_list-outer .info {
    font-size: 22px;
    -ms-flex: 7;
        flex: 7;
    font-weight: bold;
  }
  @media screen and (max-width: 414px) {
    .schedule_area .schedule_container .schedule_list .schedule_list-outer .info {
      font-size: 19px;
    }
  }
  .schedule_area .schedule_container .schedule_list .schedule_picimgUnit {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .schedule_area .schedule_container .schedule_list .schedule_text {
    font-size: 19px;
    margin-bottom: 30px;
  }
  
  .schedule_sill {
    background-image: url(https://www.gruff.co.jp/img/pc/recruit/schedule/sill-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 540px;
    position: relative;
  }
  @media screen and (max-width: 768px) {
    .schedule_sill {
      padding-top: 99vw;
    }
  }
  .schedule_sill .pagetitle__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: #f4f5f7;
  }
  .schedule_sill .pagetitle__container .schedule_mainttl {
    font-size: clamp(15px, (15px + 2vw), 43px);
    margin-bottom: 30px;
    font-weight: 600;
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_sill .pagetitle__container .schedule_mainttl {
      font-size: 43px;
    }
  }
  .schedule_sill .pagetitle__container .schedule_subttl {
    font-size: clamp(15px, (15px + 1vw), 25px);
    margin-bottom: 10px;
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_sill .pagetitle__container .schedule_subttl {
      font-size: 22px;
    }
  }
  .schedule_sill .pagetitle__container .ds_lead {
    font-size: clamp(15px, (15px + 0.3vw), 22px);
  }
  @media all and (-ms-high-contrast: none) {
    .schedule_sill .pagetitle__container .ds_lead {
      font-size: 19px;
    }
  }
  
  .schedule-list {
    width: 100%;
    margin-bottom: 100px;
  }
  .schedule-list h2 {
    font-size: clamp(15px, (15px + 2vw), 43px);
    margin-bottom: 50px;
    font-weight: 600;
    text-align: center;
  }
  @media all and (-ms-high-contrast: none) {
    .schedule-list h2 {
      font-size: 43px;
    }
  }
  .schedule-list .link-outer {
    width: min(90%, 800px);
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    .schedule-list .link-outer {
      -ms-flex-direction: column;
          flex-direction: column;
    }
  }
  .schedule-list .link-outer .link-inner {
    width: 370px;
    margin-bottom: 30px;
  }
  .schedule-list .link-outer .link-inner .schedule_imgUnit > a:hover {
    opacity: 0.7;
    transition: all 0.6s 0s ease;
  }
  .schedule-list .link-outer .link-inner .sche-ttl {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
    border-left: solid 8px #688daa;
    padding: 2% 5%;
  }

  /* 20210520　interview用　btn */
  .rec_wrapper {
    width: 70%;
    margin: 0 auto;
}

.main .mod-post__wysiwyg > .rec_wrapper > .rec_text {
    font-size: 20px;
    color: #202832;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
   
}
@media screen and (max-width:768px){
    .main .mod-post__wysiwyg > .rec_wrapper > .rec_text{
        font-size: 16px;
    }
    
    
}

.rec_btn {
    background: #688daa url(https://www.gruff.co.jp/img/common/icon_new_window_blue.png) right 8% center no-repeat;
    background-size: 21px auto;
    line-height: 16px;
    border-radius: 10px;
    color: #fafafa;
    padding: 6% 12% 6% 10%;
    font-size: 21px;
    width: 250px;
    margin: 0 auto;
    text-decoration: none;
 
}

@media screen and (max-width:768px){
    .rec_btn {
        width: 80%;
    font-size: 16px;
    background-size: 16px


    }
    @media screen and (max-width:414px){
        .rec_btn {
            padding: 5% 14% 5% 10%;
            background-size: 16px
        }

    }
    

}

.rec_btn > a {
    display: block;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    
}

.rec_btn > a:hover {
    opacity: 0.8;
    text-decoration: none;
}

/* 210614 wakabayashi add ladページ用btn */

.btn-area {
    transition: all 0.4s 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateX(100%);
    background-color: #e5e5e5;
    border: 2px solid #688daa;
    position: fixed;
    right: 0px;
    top: 210px;
    border-radius: 20px 0px 0px 20px;
    z-index: 1;
  }
  @media screen and (max-width: 414px) {
    .btn-area {
      transform: translateY(100%);
      width: 100%;
      position: fixed;
      top: 87%;
      left: 0;
      right: 0;
      margin: auto;
      display: block;
      height: 140px;
      border-radius: 0;
      border: none;
      background-color: #e5e5e5;
      border-top: 2px solid #688daa;
    }
  }
  .btn-area .btn-area__recruit-btn a {
    display: block;
    padding: 56px 15px 80px 15px;
    width: 34px;
    color: #688daa;
    font-size: 1.3rem;
    writing-mode: vertical-rl;
    font-weight: bold;
    position: relative;
  }
  .btn-area .btn-area__recruit-btn a::after {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    background-image: url(https://www.gruff.co.jp/img/common/btn_icon-arrow01.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: auto;
  }
  @media screen and (max-width: 414px) {
    .btn-area .btn-area__recruit-btn a {
      width: 70%;
      padding: 7% 17% 7% 5%;
      margin: 0 auto;
      writing-mode: horizontal-tb;
      text-align: center;
      color: #688daa;
      font-weight: bold;
    }
    .btn-area .btn-area__recruit-btn a::after {
      bottom: 0;
      top: 0;
      left: 110px;
      right: 0;
      margin: auto;
    }
  }
  
  .btn--active {
    transition: all 0.4s 0s ease;
    transform: translateX(2px);
  }
  @media screen and (max-width: 414px) {
    .btn--active {
      transform: translateY(0%);
    }
  }
  /*# sourceMappingURL=main.css.map */