<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*****************************************************************************
 common
 *****************************************************************************/

.inner {
    max-width: 1130px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

    .inner:after {
        content: '';
        display: block;
        clear: both;
    }


.visual {
    margin-bottom: 110px;
    padding-top: 85px;
}

@media screen and (max-width: 600px) {
    .visual {
        margin-bottom: 55px;
        padding-top: 60px;
    }
}

.visual-wrapper {
    margin: 0 6.6875% 0;
    /*padding: 0px 0 42px;*/
}

@media screen and (max-width: 600px) {
    .visual-wrapper {
        margin: 0 15px 0;
        /*padding: 45px 0 21px;*/
    }
}

.visual-wrapper.line {
    border-bottom: 1px solid #e6e7e8;
}

.visual-title {
    font-style: italic;
    font-weight: 700;
    line-height: 1.3;
    font-size: 6.0rem;
    display: flex;
    align-items: center;
    margin-bottom: 2.0rem;
}

@media screen and (max-width: 600px) {
    .visual-title {
        margin-bottom: 20px;
        line-height: 1;
        font-size: 4.0rem;
        display: block;
    }
}

.visual-title small {
    margin-left: 20px;
    line-height: 1;
    font-size: 2.5rem;
    display: block;
}

@media screen and (max-width: 600px) {
    .visual-title small {
        margin-left: 0;
        font-size: 2.0rem;
    }
}

.visual-title small span {
    display: block;
}

@media screen and (max-width: 600px) {
    .visual-title small span {
        display: inline;
    }
}

.visual-title small span.yellow {
    color: #ff9900;
}

.visual-title small span.red {
    color: #eb1924;
}

.visual-text {
    font-weight: 700;
    font-size: 2rem;
}

.page__section {
    margin-top: 30px;
}
.page__section-wrapper {
    /*width: 93.9125%;*/
    box-sizing: border-box;
    padding: 35px 31px 34px;
    color: #FFFFFF;
}

@media screen and (max-width: 900px) {
    .page__section-wrapper {
        width: 100%;
        padding: 6.6875%;
    }
}

@media screen and (max-width: 600px) {
    .page__section-wrapper {
        padding: 6.6875% 15px;
    }
}

.page__section-wrapper.yellow {
    background: #ff9900;
}

.page__section-wrapper.red {
    margin: 0 auto;
    width: 90%;
    background: #1e457c;
}

.page__section-title {
    font-size: 2rem;
}

@media screen and (max-width: 600px) {
    .page__section-title {
        font-size: 1.6rem;
    }
}

.page__section-catch {
    font-style: italic;
    letter-spacing: 1px;
}

@media screen and (max-width: 600px) {
    .page__section-catch {
        font-size: 1.1rem;
    }
}

.page__section-text {
    margin-top: 20px;
}

    .page__section-text a {
        color: #FFFFFF;
        text-decoration: underline;
    }

        .page__section-text a:hover {
            text-decoration: none;
        }


.text-visual {
    height: 277px;
    padding-top: 85px;
}

@media screen and (max-width: 600px) {
    .text-visual {
        height: 138px;
        padding-top: 60px;
    }
}

.text-visual-wrapper {
    height: 100%;
    padding: 0 15px;
    position: relative;
}

.text-visual-title {
    text-align: center;
    font-style: italic;
    font-weight: 700;
    line-height: 1.3;
    font-size: 6.0rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

@media screen and (max-width: 600px) {
    .text-visual-title {
        font-size: 4.0rem;
    }
}

.text-visual-title small {
    font-style: normal;
    font-weight: 500;
    font-size: 1.3rem;
    display: block;
}


.contents {
    margin: 30px 5%;
}
.contents&gt;p {
    text-align: center;
}
@media screen and (max-width: 600px) {
    .contents {
        margin: 0 15px;
    }
}


.lv0 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.lv70 {
    padding-bottom: 70px;
}

@media screen and (max-width: 600px) {
    .lv70 {
        padding-bottom: 35px;
    }
}

.lv160 {
    padding: 160px 0;
}

@media screen and (max-width: 600px) {
    .lv160 {
        padding: 80px 0;
    }
}

.mb160 {
    margin-bottom: 160px;
}

@media screen and (max-width: 600px) {
    .mb160 {
        margin-bottom: 80px;
    }
}


.bg-gray {
    background: #f6f6f6;
}

.bg-gray-thick {
    background: #e6e6e6;
}

.bg-yellow {
    /*background: #ff9900;*/
    background: #dee3e8;
}

.bg-white {
    background: #ffffff;
}

.bg-red {
    background: #f8a100;
}


@media screen and (max-width: 600px) {
    .hide-sp {
        display: none;
    }
}

/*****************************************************************************
 news
 *****************************************************************************/

.news__category {
    border-bottom: 1px solid #e6e7e8;
    margin: 0 6.6875%;
    padding: 54px 12px 53px;
}

@media screen and (max-width: 600px) {
    .news__category {
        margin: 0 15px;
        padding: 27px 0;
    }
}

.news__category-catch {
    margin-bottom: 5px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #f8a100;
}

@media screen and (max-width: 600px) {
    .news__category-catch {
        margin-bottom: 0;
    }
}

.news__category-title {
    font-weight: 500;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 600px) {
    .news__category-title {
        font-size: 2.8rem;
    }
}


.news__section {
    margin-bottom: 100px;
    display: flex;
}

@media screen and (max-width: 900px) {
    .news__section {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .news__section {
        margin-bottom: 50px;
    }
}

.news__section main {
    width: 75.88235%;
    border-bottom: 1px solid #e6e7e8;
}

@media screen and (max-width: 900px) {
    .news__section main {
        width: 100%;
    }
}

.news__section-list {
    margin-right: 50px;
}

@media screen and (max-width: 900px) {
    .news__section-list {
        margin-right: 0;
    }
}

.news__section-item {
    margin: 100px 0;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .news__section-item {
        margin: 50px 0;
        display: block;
    }
}

.news__section-item-img {
    width: 27.5%;
    margin-right: 50px;
}

@media screen and (max-width: 600px) {
    .news__section-item-img {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.news__section-item-wrapper {
    width: calc(72.5% - 50px);
}

@media screen and (max-width: 600px) {
    .news__section-item-wrapper {
        width: 100%;
    }
}

.news__section-item-date {
    margin-bottom: 21px;
    display: flex;
    align-items: center;
}

    .news__section-item-date time {
        margin-right: 30px;
        font-style: italic;
        font-size: 1.3rem;
        display: block;
    }

    .news__section-item-date a {
        width: 103px;
        background: #f8a100;
        padding: 4px 0;
        text-align: center;
        line-height: 1;
        font-size: 1.1rem;
        color: #FFFFFF;
        display: block;
    }

        .news__section-item-date a:hover {
            opacity: 0.8;
        }

.news__section-item-title {
    margin-bottom: 19px;
    line-height: 1.3;
    font-weight: 600;
    font-size: 1.8rem;
}

.news__section-item-text {
    line-height: 1.8;
}


.news__section sub {
    width: 24.11764%;
    border-left: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
}

@media screen and (max-width: 900px) {
    .news__section sub {
        width: 100%;
        border-left: none;
        border-bottom: none;
    }
}

.news__section-category {
    padding: 96px 50px 50px;
}

@media screen and (max-width: 900px) {
    .news__section-category {
        padding: 48px 25px 25px;
    }
}

.news__section-category-title {
    margin-bottom: 32px;
    font-style: italic;
    font-weight: 700;
    font-size: 1.8rem;
    position: relative;
}

    .news__section-category-title:after {
        content: '';
        width: 40px;
        height: 6px;
        background: #000000;
        position: absolute;
        top: 50%;
        left: -58px;
        transform: translate(0,-50%);
    }

.news__section-category-list {
}

    .news__section-category-list li {
        margin-bottom: 10px;
        font-size: 1.4rem;
    }

        .news__section-category-list li:last-child {
            margin-bottom: 0;
        }

        .news__section-category-list li.cr a {
            color: #f8a100;
        }

.news__banner {
    margin-left: 50px;
}

@media screen and (max-width: 900px) {
    .news__banner {
        margin: 0 25px;
    }
}


.news__section-navi {
    border-top: 1px solid #e6e7e8;
    padding: 20px 0;
}

    .news__section-navi ol {
        display: flex;
        justify-content: center;
    }

    .news__section-navi li {
        box-sizing: border-box;
        padding: 0 15px;
        font-style: italic;
        font-family: Arial, Helvetica, Verdana, serif;
        font-size: 1.5rem;
    }

@media screen and (max-width: 600px) {
    .news__section-navi li {
        padding: 0 10px;
    }
}

.news__section-navi li .current_page {
    border-bottom: 1px solid #f8a100;
    padding: 10px;
    display: block;
}

.news__section-navi li a {
    padding: 10px;
    display: block;
}


.news__section-entry {
    margin: 50px 50px 100px 0;
}

@media screen and (max-width: 900px) {
    .news__section-entry {
        margin: 25px 0 50px 0;
    }
}

.news__section-entry-title {
    margin-bottom: 60px;
    font-weight: 500;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 600px) {
    .news__section-entry-title {
        margin-bottom: 30px;
        font-size: 2.8rem;
    }
}

.news__section-entry-body {
    line-height: 2;
}

    .news__section-entry-body h2 {
        font-size: 2.4rem;
    }

    .news__section-entry-body h3 {
        font-size: 2.0rem;
    }

    .news__section-entry-body h4, h5, h6 {
        font-size: 1.8rem;
    }

    .news__section-entry-body:after {
        content: '';
        display: block;
        clear: both;
    }

    .news__section-entry-body p {
        margin-bottom: 2em;
    }

    .news__section-entry-body ul,
    .news__section-entry-body ol {
        margin-bottom: 2em;
        padding-left: 1.5em;
    }

        .news__section-entry-body ul li {
            list-style: disc;
        }

        .news__section-entry-body ol li {
            list-style-type: decimal;
        }

    .news__section-entry-body em {
        font-style: italic;
    }

    .news__section-entry-body strong {
        font-weight: bold;
    }

    .news__section-entry-body blockquote {
        margin: 0 1.9em 1em;
    }

    .news__section-entry-body pre {
        margin-bottom: 2em;
        padding: 5px 10px;
        border: 3px solid #CCC;
        background: #fff;
    }


.news__section-entry-navi {
    border-top: 1px solid #e6e7e8;
    padding: 20px 0;
}

    .news__section-entry-navi ol {
        display: flex;
        justify-content: center;
    }

    .news__section-entry-navi li {
        box-sizing: border-box;
        padding: 0 40px;
        font-style: italic;
        font-family: Arial, Helvetica, Verdana, serif;
        font-size: 1.5rem;
        color: #CCCCCC;
    }

@media screen and (max-width: 600px) {
    .news__section-entry-navi li {
        padding: 0 10px;
    }
}

.news__section-entry-navi li .current_page {
    border-bottom: 1px solid #f8a100;
    padding: 10px;
    display: block;
}

.news__section-entry-navi li span {
    padding: 10px;
    display: block;
}

.news__section-entry-navi li.prev a span {
    background: url(/assets/img/common/arrow-left.png) no-repeat left center;
    background-size: 4px auto;
    padding-left: 17px;
}

.news__section-entry-navi li.next a span {
    background: url(/assets/img/common/arrow-right.png) no-repeat right center;
    background-size: 4px auto;
    padding-right: 17px;
}

/* 追記 2021/09/21 */
.news__banner li a {
    display: block;
}

    .news__banner li a:hover {
        opacity: 0.6;
        transition: 0.3s all;
    }

/*****************************************************************************
 craftsmanship
 *****************************************************************************/

.craftsmanship__section01 {
    margin-bottom: 100px;
    position: relative;
}

@media screen and (max-width: 900px) {
    .craftsmanship__section01 {
        margin-bottom: 50px;
    }
}

.craftsmanship__section01-first:before {
    content: '';
    background: #f8a100;
    width: 5px;
    height: 280px;
    position: absolute;
    top: -280px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 1;
}

@media screen and (max-width: 900px) {
    .craftsmanship__section01-first:before {
        height: 140px;
        top: -210px;
    }
}

@media screen and (max-width: 600px) {
    .craftsmanship__section01-first:before {
        display: none;
    }
}

.craftsmanship__section01-headline {
    padding: 80px 15px 130px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section01-headline {
        padding: 40px 15px 65px;
    }
}

.craftsmanship__section01-headline p {
    margin-bottom: 23px;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    font-size: 2.2rem;
    color: #b1b6b8;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section01-headline p {
        margin-bottom: 11px;
        font-size: 1.8rem;
    }
}

.craftsmanship__section01-headline p span {
    font-size: 6.0rem;
    color: #ec1b24;
    position: relative;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section01-headline p span {
        font-size: 4.0rem;
    }
}

.craftsmanship__section01-headline p span:after {
    content: '';
    width: 20px;
    height: 7px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-20%);
}

@media screen and (max-width: 600px) {
    .craftsmanship__section01-headline p span:after {
        width: 10px;
        height: 5px;
    }
}

.craftsmanship__section01-headline h2 {
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    font-size: 6.0rem;
    position: relative;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section01-headline h2 {
        font-size: 4.0rem;
    }
}

.craftsmanship__section01-headline h2:after {
    content: '';
    width: 100px;
    height: 5px;
    background: #f8a100;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translate(-50%,0);
}

.craftsmanship__section01-headline h2 span {
    color: #f8a100;
}

.craftsmanship__section01-headline h2 small {
    margin-top: 22px;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    display: block;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section01-headline h2 small {
        font-size: 1.2rem;
    }
}

.craftsmanship__section01-wrapper {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
    .craftsmanship__section01-wrapper {
        display: block;
    }
}

.craftsmanship__section01-wrapper .order1 {
    order: 1;
}

.craftsmanship__section01-wrapper .order2 {
    order: 2;
}

.craftsmanship__section01-wrapper-img {
    width: 50%;
}

@media screen and (max-width: 900px) {
    .craftsmanship__section01-wrapper-img {
        width: 100%;
    }
}

.craftsmanship__section01-wrapper-text {
    width: 50%;
    box-sizing: border-box;
    padding: 0 6.875%;
}

@media screen and (max-width: 900px) {
    .craftsmanship__section01-wrapper-text {
        width: 100%;
        padding: 40px;
    }
}

@media screen and (max-width: 600px) {
    .craftsmanship__section01-wrapper-text {
        padding: 40px 15px;
    }
}

.craftsmanship__section01-wrapper-text p {
    line-height: 2;
    margin-bottom: 2em;
}

    .craftsmanship__section01-wrapper-text p:last-child {
        margin-bottom: 0;
    }

.craftsmanship__section01-wrapper-catch {
    background: #f8a100;
    margin-bottom: 17px !important;
    padding: 4px 10px 6px;
    line-height: 1 !important;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
}

.craftsmanship__section01-wrapper-title {
    margin-bottom: 1em;
    line-height: 1.3;
    font-weight: 500;
    font-size: 3.6rem;
}

@media screen and (max-width: 1280px) {
    .craftsmanship__section01-wrapper-title {
        font-size: 3.0rem;
    }
}

@media screen and (max-width: 600px) {
    .craftsmanship__section01-wrapper-title {
        font-size: 2.4rem;
    }
}


.craftsmanship__section02 {
    background: #f8a100;
    position: relative;
}

.craftsmanship__section02-headline {
    padding: 80px 15px 130px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section02-headline {
        padding: 40px 15px 65px;
    }
}

.craftsmanship__section02-headline p {
    margin-bottom: 23px;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    font-size: 2.2rem;
    color: #b1b6b8;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section02-headline p {
        margin-bottom: 11px;
        font-size: 1.8rem;
    }
}

.craftsmanship__section02-headline p span {
    font-size: 6.0rem;
    color: #FFFFFF;
    position: relative;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section02-headline p span {
        font-size: 4.0rem;
    }
}

.craftsmanship__section02-headline p span:after {
    content: '';
    width: 20px;
    height: 7px;
    background: #f8a100;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-20%);
}

@media screen and (max-width: 600px) {
    .craftsmanship__section02-headline p span:after {
        width: 10px;
        height: 5px;
    }
}

.craftsmanship__section02-headline h2 {
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    font-size: 6.0rem;
    position: relative;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section02-headline h2 {
        font-size: 4.0rem;
    }
}

.craftsmanship__section02-headline h2:after {
    content: '';
    width: 100px;
    height: 5px;
    background: #FFFFFF;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translate(-50%,0);
}

.craftsmanship__section02-headline h2 span {
    color: #FFFFFF;
}

.craftsmanship__section02-headline h2 small {
    margin-top: 22px;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    color: #FFFFFF;
    display: block;
}

@media screen and (max-width: 600px) {
    .craftsmanship__section02-headline h2 small {
        font-size: 1.2rem;
    }
}

.craftsmanship__section02-wrapper {
}

.craftsmanship__section02-wrapper-text {
    padding: 6.875%;
}

@media screen and (max-width: 900px) {
    .craftsmanship__section02-wrapper-text {
        padding: 40px;
    }
}

@media screen and (max-width: 600px) {
    .craftsmanship__section02-wrapper-text {
        padding: 40px 15px;
    }
}

.craftsmanship__section02-wrapper-text p {
    line-height: 2;
    margin-bottom: 2em;
    color: #FFFFFF;
}

    .craftsmanship__section02-wrapper-text p:last-child {
        margin-bottom: 0;
    }

.craftsmanship__section02-wrapper-catch {
    background: #FFFFFF;
    margin-bottom: 17px !important;
    padding: 4px 10px 6px;
    line-height: 1 !important;
    text-align: center;
    color: #f8a100 !important;
    display: inline-block;
}

.craftsmanship__section02-wrapper-title {
    margin-bottom: 1em;
    line-height: 1.3;
    font-weight: 500;
    font-size: 3.6rem;
    color: #FFFFFF;
}

@media screen and (max-width: 1280px) {
    .craftsmanship__section02-wrapper-title {
        font-size: 3.0rem;
    }
}

@media screen and (max-width: 600px) {
    .craftsmanship__section02-wrapper-title {
        font-size: 2.4rem;
    }
}

/*****************************************************************************
 product
 *****************************************************************************/

.product__category-list {
    margin-bottom: 52px;
    overflow: hidden;
}

.product__02-list {
    margin-bottom: 52px;
    overflow: hidden;
}

.product__09-list {
    margin-bottom: 12px;
    overflow: hidden;
}

.product__category-list p {
    font-size:1.8rem;
}

.product__02-list p {
    font-size:1.8rem;
}

.product__09-list p {
    font-size:1.5rem;
}

.product__05-list {
    margin-top: 20px;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .product__category-list {
        margin-bottom: 56px;
    }
    .product__02-list {
        margin-bottom: 56px;
    }
    .product__05-list {
        margin-bottom: 56px;
    }
    .product__09-list {
        margin-bottom: 26px;
    }
}

.product__category-list ul {
    margin: 0 -2.5%;
    display: flex;
    flex-wrap: wrap;
}


.product__02-list ul {
    margin: 0 -2.5%;
    display: flex;
    flex-wrap: wrap;
}

.product__05-list ul {
    display: flex;
    flex-wrap: wrap;
}

.product__09-list ul {
    margin: 0 -1.5%;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
    .product__category-list ul {
        margin: 0;
        display: block;
    }
    .product__02-list ul {
        margin: 0;
        display: block;
    }
     .product__05-list ul {
        margin: 0;
        display: block;
    }
     .product__09-list ul {
        margin: 0;
        display: block;
    }
}

.product__category-list li {
    width: 50%;
    box-sizing: border-box;
    margin: 40px 0;
    padding: 0 2.5%;
}

.product__02-list li {
    width: 20%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 2.5%;
    text-align:center;
}

.product__09-list li {
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 2.5%;
    text-align:center;
}

.product__05-list li {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 2.5%;
}

@media screen and (max-width: 1024px) {
    .product__category-list li {
        width: 100%;
    }
    
    .product__02-list li {
        width: 20%;
    }
    
    .product__05-list li {
        width: 50%;
    }
    
    .product__09-list li {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .product__category-list li {
        width: 100%;
        margin-bottom: 49px;
        padding: 0;
    }
    
    .product__02-list li {
        width: 100%;
        margin-bottom: 49px;
        padding: 0;
    }
    
    .product__05-list li {
        width: 100%;
        margin-bottom: 49px;
        padding: 0;
    }
    
    .product__09-list li {
        width: 50%;
        margin-bottom: 19px;
        padding: 0;
    }
}

.product__category-list-img {
    overflow: hidden;
}

    .product__category-list-img img {
        transition: 0.3s ease-out;
    }

.product__02-list-img {
    overflow: hidden;
}

.product__05-list-img {
    overflow: hidden;
}

.product__09-list-img {
    overflow: hidden;
    margin-left:5px;
}

a:hover .product__05-list-img img {
    transform: scale(1.05);
}


.product__category-list-title {
    margin-top: 14px;
    font-size: 2rem;
    border:1px solid #a5a5a5;
    padding:10px;
    text-align:center;
  background-image: linear-gradient( #ffffff, #a5a5a5);
}

.product__02-list-title 
{
    margin-top: 14px;
    font-size: 2rem;
    font-weight:bold;
    border:1px solid #a5a5a5;
    padding:10px;
    margin-left:20px;
    text-align:center;
  background-image: linear-gradient( #ffffff, #a5a5a5);
}

.product__09-list-title 
{
    margin-top: 14px;
    font-size: 1.5rem;
    font-weight:bold;
    border:1px solid #a5a5a5;
    padding:10px;
    margin-left:5px;
    text-align:center;
    background-image: linear-gradient( #ffffff, #a5a5a5);
}

    .product__category-list-title span {
        margin-top: 4px;
        font-size: 1.3rem;
        color: #6E7983;
        display: block;
    }


.product__detail-headline {
    margin-bottom: 50px;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 600px) {
    .product__detail-headline {
        margin-bottom: 25px;
        font-size: 2.6rem;
    }
}

.product__detail-headline small {
    margin-left: 20px;
    font-style: italic;
    font-size: 1.3rem;
    color: #6C7983;
}

.product__detail {
    display: flex;
}

@media screen and (max-width: 900px) {
    .product__detail {
        display: block;
    }
}

.product__detail-img {
    width: 45.58823%;
}

@media screen and (max-width: 900px) {
    .product__detail-img {
        width: 100%;
        margin-bottom: 20px;
    }
}

.product__detail-body {
    width: 54.41176%;
    box-sizing: border-box;
    padding: 0 4.875%;
    line-height: 2;
}

@media screen and (max-width: 900px) {
    .product__detail-body {
        width: 100%;
        padding: 0;
    }
}

.product__detail-body:after {
    content: '';
    display: block;
    clear: both;
}

.product__detail-body p {
    margin-bottom: 2em;
}

.product__detail-body ul,
.product__detail-body ol {
    margin-bottom: 2em;
    padding-left: 1.5em;
}

    .product__detail-body ul li {
        list-style: disc;
    }

    .product__detail-body ol li {
        list-style-type: decimal;
    }

.product__detail-body em {
    font-style: italic;
}

.product__detail-body strong {
    font-weight: bold;
}

.product__detail-body blockquote {
    margin: 0 1.9em 1em;
}

.product__detail-body pre {
    margin-bottom: 2em;
    padding: 5px 10px;
    border: 3px solid #CCC;
    background: #fff;
}

.product__detail-title {
    margin-bottom: 30px;
    padding-left: 42px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 2.6rem;
    position: relative;
}

@media screen and (max-width: 600px) {
    .product__detail-title {
        margin-bottom: 15px;
        padding-left: 32px;
        font-size: 2.0rem;
    }
}

.product__detail-title:after {
    content: '';
    width: 20px;
    height: 6px;
    background: #f8a100;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}

.product__detail-attention {
    padding-left: 0 !important;
}

    .product__detail-attention li {
        font-size: 1.2rem;
        list-style: none !important;
    }

.product__detail-list {
    padding-left: 0 !important;
}

    .product__detail-list li {
        list-style: none !important;
        padding-left: 20px;
        position: relative;
    }

        .product__detail-list li:after {
            content: '';
            width: 8px;
            height: 5px;
            background: #1e457d;
            position: absolute;
            top: 0.85em;
            left: 0;
        }

.product__detail-decimal {
    padding-left: 0 !important;
}

    .product__detail-decimal li {
        counter-increment: count;
        list-style: none !important;
        padding-left: 30px;
        position: relative;
    }

        .product__detail-decimal li:after {
            content: counter(count);
            width: 18px;
            height: 18px;
            background: #1e457d;
            text-align: center;
            line-height: 1.5;
            font-size: 1.2rem;
            color: #FFFFFF;
            display: inline-block;
            position: absolute;
            top: 0.4em;
            left: 0;
        }

.product__detail-unit {
    margin-bottom: 20px;
}

.order-form {
    background: #FFFFFF;
    border: 1px solid #e6e7e8;
    box-sizing: border-box;
    margin-top: 100px;
    padding: 55px 35px;
    display: inline-block;
    position: relative;
}

@media screen and (max-width: 600px) {
    .order-form {
        margin-top: 50px;
        padding: 55px 15px;
        display: block;
    }
}

.order-form-title {
    width: 140px;
    background: #f8a100;
    padding: 18px 0;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    font-size: 1.5rem;
    color: #FFFFFF;
    position: absolute;
    top: -28px;
    left: 17px;
}

@media screen and (max-width: 600px) {
    .order-form-title {
        padding: 10px 0;
        top: -20px;
        left: 10px;
    }
}

.order-form-title:after {
    content: '';
    border: 6px solid transparent;
    border-top-color: #f8a100;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
}

.order-form-text {
    font-weight: 700;
    font-size: 6.0rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .order-form-text {
        font-size: 3.6rem;
    }
}

.order-form-text div {
    background: #e6e7e8;
    padding: 5px 5px 10px;
    line-height: 1;
    position: relative;
}

    .order-form-text div.mr10 {
        margin-right: 10px;
    }

    .order-form-text div.bottom:after {
        content: '';
        border: 6px solid transparent;
        border-top-color: #e6e7e8;
        position: absolute;
        bottom: -12px;
        left: 50%;
        margin-left: -6px;
    }

    .order-form-text div.top:after {
        content: '';
        border: 6px solid transparent;
        border-bottom-color: #e6e7e8;
        position: absolute;
        top: -12px;
        left: 50%;
        margin-left: -6px;
    }

    .order-form-text div span {
        width: 100px;
        text-align: center;
        line-height: 1.4;
        font-size: 1.1rem;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
    }

    .order-form-text div.bottom span {
        top: auto;
        bottom: -25px;
    }

        .order-form-text div.bottom span.two-lines {
            bottom: -40px;
        }

        .order-form-text div.bottom span.three-lines {
            bottom: -60px;
        }

    .order-form-text div.top span {
        top: -25px;
    }

        .order-form-text div.top span.two-lines {
            top: -40px;
        }

        .order-form-text div.top span.three-lines {
            top: -60px;
        }


.product__detail-section {
    margin-top: 160px;
}

@media screen and (max-width: 600px) {
    .product__detail-section {
        margin-top: 80px;
    }
}

.product__detail-section.lv1 {
    margin-top: 80px;
}

@media screen and (max-width: 1280px) {
    .product__detail-section.lv1 {
        margin-top: 120px;
    }
}

.product__detail-section .product__detail-title {
    margin-bottom: 70px;
}

@media screen and (max-width: 600px) {
    .product__detail-section .product__detail-title {
        margin-bottom: 35px;
    }
}

.product__detail-second-box {
    margin: 0 -40px;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1280px) {
    .product__detail-second-box {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 900px) {
    .product__detail-second-box {
        margin: 0;
        display: block;
    }
}

.product__detail-second-box-wrapper {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 80px;
    padding: 0 40px;
}

@media screen and (max-width: 1280px) {
    .product__detail-second-box-wrapper {
        margin-bottom: 40px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 900px) {
    .product__detail-second-box-wrapper {
        width: 100%;
        padding: 0;
    }
}

.product__detail-second-box-wrapper-title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.8rem;
}

    .product__detail-second-box-wrapper-title span {
        margin-right: 20px;
        font-style: italic;
        font-weight: 500;
        font-size: 3.0rem;
        color: #f8a100;
    }

@media screen and (max-width: 1280px) {
    .product__detail-second-box-wrapper-title span {
        margin-right: 10px;
    }
}

.product__detail-second-box-wrapper-text {
    margin-bottom: 50px;
    line-height: 2;
}

@media screen and (max-width: 1280px) {
    .product__detail-second-box-wrapper-text br {
        display: none;
    }
}

.product__detail-third-box {
    margin: 0 -40px;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1280px) {
    .product__detail-third-box {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 600px) {
    .product__detail-third-box {
        margin: 0;
        display: block;
    }
}

.product__detail-third-box-wrapper {
    width: 33.3333%;
    box-sizing: border-box;
    margin-bottom: 80px;
    padding: 0 40px;
}

@media screen and (max-width: 1280px) {
    .product__detail-third-box-wrapper {
        margin-bottom: 40px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 900px) {
    .product__detail-third-box-wrapper {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .product__detail-third-box-wrapper {
        width: 100%;
        padding: 0;
    }
}

.product__detail-third-box-wrapper-title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.8rem;
}

    .product__detail-third-box-wrapper-title span {
        margin-right: 20px;
        font-style: italic;
        font-weight: 500;
        font-size: 3.0rem;
        color: #f8a100;
    }

@media screen and (max-width: 1280px) {
    .product__detail-third-box-wrapper-title span {
        margin-right: 10px;
    }
}

.product__detail-third-box-wrapper-text {
    line-height: 2;
}

@media screen and (max-width: 1280px) {
    .product__detail-third-box-wrapper-text br {
        display: none;
    }
}

.product__detail-section-table {
    margin-bottom: 50px;
}

    .product__detail-section-table:last-child {
        margin-bottom: 0;
    }

@media screen and (max-width: 1024px) {
    .product__detail-section-table {
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
}

.product__detail-section-table table {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .product__detail-section-table table {
        width: 1100px;
        border-collapse: collapse;
    }
}

.product__detail-section-table th {
    background: #f6f6f6;
    border-top: 1px solid #e6e7e8;
    border-right: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 10px 5px;
    text-align: center;
    line-height: 1.5;
    font-size: 1.3rem;
}

@media screen and (max-width: 1280px) {
    .product__detail-section-table th {
        font-size: 1.2rem;
    }
}

.product__detail-section-table th:last-child {
    border-right: none;
}

.product__detail-section-table td {
    background: #FFFFFF;
    border-top: 1px solid #e6e7e8;
    border-right: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 10px 5px;
    text-align: center;
    line-height: 1.5;
    font-size: 1.3rem;
}

@media screen and (max-width: 1280px) {
    .product__detail-section-table td {
        font-size: 1.2rem;
    }
}

.product__detail-section-table td:last-child {
    border-right: none;
}

.accordion {
    display: none;
}

.product__read-more {
    margin: 100px 0;
    padding: 0 30px;
    position: relative
}

@media screen and (max-width: 600px) {
    .product__read-more {
        margin: 50px 0;
    }
}

.product__read-more:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #f8a100;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    z-index: -1;
}

.product__read-more-btn {
    width: 100%;
    max-width: 300px;
    background: #f8a100;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    letter-spacing: 1px;
    font-size: 1.5rem;
    color: #FFFFFF;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}

    .product__read-more-btn:after {
        content: '';
        width: 18px;
        height: 12px;
        background: url(/assets/img/common/arrow-down.png) no-repeat left top;
        background-size: 18px auto;
        position: absolute;
        top: 50%;
        right: 23px;
        transform: translate(0,-50%);
        transition: 0.3s;
    }

    .product__read-more-btn.active:after {
        transform: translate(0,-50%) rotate(-180deg);
    }

    .product__read-more-btn:hover {
        background: #000000;
    }


.download__navi {
    margin: 100px 0;
}

@media screen and (max-width: 600px) {
    .download__navi {
        margin: 50px 0;
    }
}

.download__navi-list {
    overflow: hidden;
}

    .download__navi-list ul {
        margin: 0 -1.102941%;
        display: flex;
    }

@media screen and (max-width: 600px) {
    .download__navi-list ul {
        margin: 0;
        display: block;
    }
}

.download__navi-list li {
    width: 25%;
    box-sizing: border-box;
    padding: 0 1.102941%;
}

@media screen and (max-width: 1024px) {
    .download__navi-list li {
        width: 33.3333%;
    }
}

@media screen and (max-width: 900px) {
    .download__navi-list li {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .download__navi-list li {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }
}

.download__navi-list li a {
    background: #f8a100;
    text-align: center;
    padding: 17px;
    line-height: 1.3;
    font-size: 1.5rem;
    color: #FFFFFF;
    display: block;
}


.other-product__category {
    border: 1px solid #e6e7e8;
    box-sizing: border-box;
    margin-bottom: 210px;
    padding: 50px;
}

@media screen and (max-width: 900px) {
    .other-product__category {
        margin-bottom: 154px;
        padding: 30px;
    }
}

@media screen and (max-width: 600px) {
    .other-product__category {
        margin-bottom: 105px;
    }
}

.other-product__category-title {
    margin-bottom: 32px;
    font-style: italic;
    font-weight: 700;
    font-size: 1.8rem;
    position: relative;
}

    .other-product__category-title:after {
        content: '';
        width: 40px;
        height: 6px;
        background: #000000;
        position: absolute;
        top: 50%;
        left: -58px;
        transform: translate(0,-50%);
    }

.other-product__category-list {
}

    .other-product__category-list ul {
        display: flex;
        flex-wrap: wrap;
    }

    .other-product__category-list li {
        width: 25%;
        box-sizing: border-box;
        margin-bottom: 12px;
        padding: 0 15px;
        position: relative;
    }

@media screen and (max-width: 1024px) {
    .other-product__category-list li {
        width: 33.3333%;
    }
}

@media screen and (max-width: 900px) {
    .other-product__category-list li {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .other-product__category-list li {
        width: 100%;
    }
}

.other-product__category-list li:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #000000;
    border-radius: 100px;
    position: absolute;
    top: 0.5em;
    left: 0;
}


.download__contents {
    margin-bottom: 50px;
}

.download__contents-headline {
    margin-bottom: 50px;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 600px) {
    .download__contents-headline {
        margin-bottom: 25px;
        font-size: 2.6rem;
    }
}

.download__contents-wrapper {
    margin: 0 -0.73529%;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
    .download__contents-wrapper {
        margin: 0;
        display: block;
    }
}

.download__contents-box {
    width: 33.3333%;
    box-sizing: border-box;
    margin-bottom: 50px;
    padding: 0 0.73529%;
}

@media screen and (max-width: 1024px) {
    .download__contents-box {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .download__contents-box {
        width: 100%;
        margin-bottom: 25px;
        padding: 0;
    }
}

.download__contents-column {
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 40px;
}

@media screen and (max-width: 900px) {
    .download__contents-column {
        padding: 40px 20px;
    }
}

.download__contents-title {
    margin-bottom: 30px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 1.8rem;
    position: relative;
}

    .download__contents-title:after {
        content: '';
        width: 40px;
        height: 6px;
        background: #f8a100;
        position: absolute;
        top: 50%;
        left: -48px;
        transform: translate(0,-50%);
    }

.download__contents-list {
}

    .download__contents-list li {
        margin-bottom: 20px;
    }

        .download__contents-list li:last-child {
            margin-bottom: 0;
        }

        .download__contents-list li a {
            background: #f8a100;
            text-align: center;
            padding: 17px;
            line-height: 1.3;
            font-size: 1.5rem;
            color: #FFFFFF;
            display: block;
        }


.download-file {
    background: url(/assets/img/product/download-file-bg.jpg) no-repeat center center;
    background-size: cover;
    /*padding: 40px 20px;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
}

@media screen and (max-width: 900px) {
    .download-file {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    .download-file {
        padding: 30px 15px;
    }
}

.download-file-title {
    /*width: calc(100% - 350px);*/
}

@media screen and (max-width: 900px) {
    .download-file-title {
        width: 100%;
    }
}

.download-file-title h2 {
    margin: 10px 0;
    font-style: italic;
    font-weight: 700;
    font-size: 2.3rem;
    color: #f8a100;
}

.download-file-title p {
    line-height: 2;
    font-size:1.8rem;    
}
.ProdFeatures p {
    text-indent: -2em;
    margin-left: 2em;
}
.download-file-arrow {
    width: 43px;
    margin: 0 50px;
    transition: 0.3s;
}

@media screen and (max-width: 900px) {
    .download-file-arrow {
        width: 33px;
        margin: 15px auto;
        transform: rotate(90deg);
    }
}

@media screen and (max-width: 600px) {
    .download-file-arrow {
        width: 23px;
        margin: 10px auto;
    }
}

.download-file-btn {
    width: 100%;
    max-width: 350px;
    text-align: right;
}

@media screen and (max-width: 900px) {
    .download-file-btn {
        max-width: inherit;
    }
}

.download-file-btn a {
    background: #f8a100;
    padding: 27px 0;
    font-size: 1.5rem;
    color: #FFFFFF;
    display: block;
}

@media screen and (max-width: 600px) {
    .download-file-btn a {
        padding: 22px 0;
        font-size: 1.4rem;
    }
}

.download-file-btn a span {
    background: url(/assets/img/product/download-file-icon.png) no-repeat left center;
    background-size: 33px auto;
    padding: 8px 0 8px 44px;
}

@media screen and (max-width: 600px) {
    .download-file-btn a span {
        background-size: 23px auto;
        padding: 5px 0 5px 30px;
    }
}


.product__work-transfer-cases {
    margin: 0 -40px;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1280px) {
    .product__work-transfer-cases {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 600px) {
    .product__work-transfer-cases {
        margin: 0;
        display: block;
    }
}

.product__work-transfer-cases-box {
    width: 33.3333%;
    box-sizing: border-box;
    margin-bottom: 80px;
    padding: 0 40px;
}

@media screen and (max-width: 1280px) {
    .product__work-transfer-cases-box {
        margin-bottom: 40px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 1024px) {
    .product__work-transfer-cases-box {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .product__work-transfer-cases-box {
        width: 100%;
        padding: 0;
    }
}

.product__work-transfer-cases-title {
    margin-bottom: 27px;
    font-weight: 600;
    font-size: 1.8rem;
}

    .product__work-transfer-cases-title small {
        margin-top: 4px;
        font-weight: 400;
        font-size: 1.3rem;
        color: #6f7983;
        display: block;
    }

.product__work-transfer-cases-img {
    margin-bottom: 30px;
}


    .product__work-transfer-cases-table table {
        width: 100%;
    }

    .product__work-transfer-cases-table th {
        background: #f6f6f6;
        border-top: 1px solid #e6e7e8;
        border-right: 1px solid #e6e7e8;
        border-bottom: 1px solid #e6e7e8;
        box-sizing: border-box;
        padding: 10px;
        text-align: center;
        line-height: 1.5;
        font-size: 2rem;
    }

@media screen and (max-width: 1280px) {
    .product__work-transfer-cases-table th {
        padding: 10px 5px;
        font-size: 1.2rem;
    }
}

.product__work-transfer-cases-table th:last-child {
    border-right: none;
}

.product__work-transfer-cases-table td {
    border-top: 1px solid #e6e7e8;
    border-right: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    line-height: 1.5;
    font-size: 2rem;
}

@media screen and (max-width: 1280px) {
    .product__work-transfer-cases-table td {
        padding: 10px 5px;
        font-size: 1.2rem;
    }
}

.product__work-transfer-cases-table td:last-child {
    border-right: none;
}

.work-transfer-cases-attention {
    margin-bottom: 120px;
    padding-left: 1em;
    text-indent: -1em;
}

@media screen and (max-width: 600px) {
    .work-transfer-cases-attention {
        margin-bottom: 60px;
    }
}

/*****************************************************************************
 company
 *****************************************************************************/

.company-item {
    padding-bottom: 100px;
    position: relative;
}

@media screen and (max-width: 1380px) {
    .company-item {
        padding-bottom: 50px;
    }
}

.company-item:after {
    content: '';
    width: 100%;
    height: 71.875%;
    background: #f8a100;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

@media screen and (max-width: 600px) {
    .company-item:after {
        height: 81.875%;
    }
}

.company-item-inner {
    margin: 0 6.6875%;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .company-item-inner {
        margin: 0 15px;
    }
}

.company-item-wrapper {
    margin: 0 -40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 1380px) {
    .company-item-wrapper {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 600px) {
    .company-item-wrapper {
        margin: 0;
    }
}

.company-item-box {
    width: 33.3333%;
    box-sizing: border-box;
    margin-bottom: 40px;
    padding: 0 40px;
}

@media screen and (max-width: 1380px) {
    .company-item-box {
        padding: 0 20px;
    }
}

@media screen and (max-width: 900px) {
    .company-item-box {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .company-item-box {
        width: 100%;
        padding: 0;
    }
}

.company-item-box a {
    text-align: center;
    color: #FFFFFF;
    display: block;
    position: relative;
    overflow: hidden;
}

.company-item-block {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

.company-item-title {
    margin-bottom: 45px;
    font-style: italic;
    font-weight: 700;
    font-size: 5.6rem;
}

@media screen and (max-width: 1024px) {
    .company-item-title {
        font-size: 4.6rem;
    }

    .company-mail {
        margin-top: -125px;
        margin-left: 685px
    }
}

.company-item-title small {
    margin-top: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    display: block;
}

.company-item-btn {
    width: 100%;
    max-width: 200px;
    background: #f8a100;
    margin: 0 auto;
    padding: 12px 0;
    letter-spacing: 1px;
    font-size: 2rem;
    transition: .3s;
}

a:hover .company-item-btn {
    background: #FFFFFF;
    color: #f8a100;
}

.company-item-box img {
    transition: 0.3s ease-out;
}

.company-item-box a:hover img {
    transform: scale(1.05);
}


.company-title {
    margin-bottom: 50px;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 600px) {
    .company-title {
        margin-bottom: 25px;
        font-size: 2.6rem;
    }
}

/*****************************************************************************
 message
 *****************************************************************************/

.message__section {
    margin-bottom: 280px;
}

@media screen and (max-width: 1280px) {
    .message__section {
        margin-bottom: 140px;
    }
}

.message__section-wrapper {
    display: flex;
}

@media screen and (max-width: 600px) {
    .message__section-wrapper {
        display: block;
    }
}

.message__section-img {
    width: 45.58823%;
    margin: 0 80px 20px 0;
}

@media screen and (max-width: 1024px) {
    .message__section-img {
        margin: 0 40px 20px 0;
    }
}

@media screen and (max-width: 600px) {
    .message__section-img {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.message__section-text {
    width: 54.41176%;
}

    .message__section-text:after {
        content: '';
        display: block;
        clear: both;
    }

@media screen and (max-width: 600px) {
    .message__section-text {
        width: 100%;
    }
}

.message__section-text p {
    margin-bottom: 2em;
    line-height: 2;
}

    .message__section-text p:last-child {
        margin-bottom: 0;
    }

.message__section-name {
    float: right;
    width: 117px;
}

/*****************************************************************************
 profile
 *****************************************************************************/

.profile__section {
    margin-bottom: 190px;
}

@media screen and (max-width: 600px) {
    .profile__section {
        margin-bottom: 70px;
    }
}

.profile__section-wrapper {
    display: flex;
}

@media screen and (max-width: 900px) {
    .profile__section-wrapper {
        display: block;
    }
}

.profile__section-left {
    width: 45.58823%;
    margin: 0 80px 50px 0;
}

@media screen and (max-width: 1280px) {
    .profile__section-left {
        margin: 0 40px 50px 0;
    }
}

@media screen and (max-width: 900px) {
    .profile__section-left {
        width: 100%;
        margin: 0 0 50px 0;
    }
}

@media screen and (max-width: 600px) {
    .profile__section-left {
        margin: 0 0 25px 0;
    }
}

.profile__section-img {
    margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
    .profile__section-img {
        margin-bottom: 20px;
    }
}

.profile__section-logo {
    display: flex;
}

@media screen and (max-width: 600px) {
    .profile__section-logo {
        display: block;
    }
}

.profile__section-logo-img {
    width: 200px;
    margin-right: 30px;
}

@media screen and (max-width: 1024px) {
    .profile__section-logo-img {
        width: 130px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 900px) {
    .profile__section-logo-img {
        width: 200px;
        margin-right: 30px;
    }
}

@media screen and (max-width: 600px) {
    .profile__section-logo-img {
        width: 200px;
        margin: 0 auto;
    }
}

.profile__section-logo-img img {
    border: 1px solid #e6e7e8;
}

@media screen and (max-width: 600px) {
    .profile__section-logo-img img {
        border: none;
    }
}

.profile__section-logo-text {
    width: calc(100% - 230px);
    line-height: 2;
}

@media screen and (max-width: 1024px) {
    .profile__section-logo-text {
        width: calc(100% - 150px);
    }
}

@media screen and (max-width: 900px) {
    .profile__section-logo-text {
        width: calc(100% - 230px);
    }
}

@media screen and (max-width: 600px) {
    .profile__section-logo-text {
        width: 100%;
    }
}

.profile__section-right {
    width: 54.41176%;
}

@media screen and (max-width: 900px) {
    .profile__section-right {
        width: 100%;
    }
}

.profile__section-table {
}

    .profile__section-table table {
        width: 100%;
    }

    .profile__section-table th {
        width: 160px;
        background: #f6f6f6;
        border-top: 1px solid #e6e7e8;
        border-bottom: 1px solid #e6e7e8;
        box-sizing: border-box;
        padding: 18px 40px;
        -moz-text-align-last: justify;
        text-align-last: justify;
        text-justify: inter-ideograph;
    }

@media screen and (max-width: 600px) {
    .profile__section-table th {
        width: 100%;
        border-bottom: none;
        padding: 10px 20px;
        text-align-last: left;
        display: block;
    }
}

.profile__section-table td {
    border-top: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 18px 24px;
    line-height: 2;
}

@media screen and (max-width: 600px) {
    .profile__section-table td {
        width: 100%;
        border-top: none;
        border-bottom: none;
        padding: 10px 20px;
        display: block;
    }
}

.profile__section-table-client {
}

    .profile__section-table-client li {
        display: inline;
    }


.history__section {
    padding: 120px 0 190px;
}

@media screen and (max-width: 600px) {
    .history__section {
        padding: 70px 0 100px;
    }
}

.company__section-wrapper {
    display: flex;
}

@media screen and (max-width: 900px) {
    .company__section-wrapper {
        display: block;
    }
}

.company__section-left {
    width: 54.41176%;
    margin: 0 80px 50px 0;
}

@media screen and (max-width: 1280px) {
    .company__section-left {
        margin: 0 40px 50px 0;
    }
}

@media screen and (max-width: 900px) {
    .company__section-left {
        width: 100%;
        margin: 0 0 50px 0;
    }
}

@media screen and (max-width: 600px) {
    .company__section-left {
        margin: 0 0 25px 0;
    }
}

.company__section-table {
}

    .company__section-table table {
        width: 100%;
    }

    .company__section-table th {
        width: 200px;
        background: #ededed;
        border-top: 1px solid #e6e7e8;
        border-bottom: 1px solid #e6e7e8;
        box-sizing: border-box;
        padding: 18px 20px;
    }

@media screen and (max-width: 600px) {
    .company__section-table th {
        width: 100%;
        border-bottom: none;
        padding: 10px 20px;
        text-align-last: left;
        display: block;
    }
}

.company__section-table td {
    background: #FFFFFF;
    border-top: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 18px 24px;
    line-height: 2;
}

@media screen and (max-width: 600px) {
    .company__section-table td {
        width: 100%;
        border-top: none;
        border-bottom: none;
        padding: 10px 20px;
        display: block;
    }
}

.company__section-right {
    width: 45.58823%;
}

@media screen and (max-width: 900px) {
    .company__section-right {
        width: 100%;
    }
}

.company__section-wrapper-img {
}

    .company__section-wrapper-img li {
        margin-bottom: 50px;
        position: relative;
    }

@media screen and (max-width: 600px) {
    .company__section-wrapper-img li {
        margin-bottom: 25px;
    }
}

.company__section-wrapper-img li:last-child {
    margin-bottom: 0;
}

.company__section-wrapper-img li span {
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

/*****************************************************************************
 access
 *****************************************************************************/

.access__section {
    margin-bottom: 160px;
}

@media screen and (max-width: 900px) {
    .access__section {
        margin-bottom: 100px;
    }
}

.access__section-img {
    margin-bottom: 95px;
}

@media screen and (max-width: 900px) {
    .access__section-img {
        margin-bottom: 45px;
    }
}

.access__section-wrapper {
    margin: 0 -20px;
    display: flex;
}

@media screen and (max-width: 900px) {
    .access__section-wrapper {
        margin: 0;
        display: block;
    }
}

.access__section-box {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 50px;
    padding: 0 20px;
}

@media screen and (max-width: 900px) {
    .access__section-box {
        width: 100%;
        padding: 0;
    }
}

.access__section-title {
    margin-bottom: 50px;
    padding-left: 42px;
    line-height: 1.3;
    font-weight: 500;
    font-size: 2.6rem;
    position: relative;
}

@media screen and (max-width: 900px) {
    .access__section-title {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 600px) {
    .access__section-title {
        padding-left: 32px;
        font-size: 2.2rem;
    }
}

.access__section-title:after {
    content: '';
    width: 20px;
    height: 6px;
    background: #f8a100;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}

.access__section-text {
    margin-bottom: 50px;
    line-height: 2;
}

@media screen and (max-width: 900px) {
    .access__section-text {
        margin-bottom: 25px;
    }
}

.access__section-btn {
    width: 100%;
    max-width: 300px;
}

@media screen and (max-width: 600px) {
    .access__section-btn {
        max-width: inherit;
    }
}

.access__section-btn a {
    background: #f8a100;
    padding: 17px 0;
    text-align: center;
    font-size: 1.5rem;
    color: #FFFFFF;
    display: block;
}

/*****************************************************************************
 recruit
 *****************************************************************************/

.recruit-visual {
}

@media screen and (max-width: 600px) {
    .recruit-visual {
    }
}


.recruit-headline 
{
    text-align: center;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 6.0rem;
    color: #f8a100;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .recruit-headline {
        margin-bottom: 15px;
        padding: 35px 0 50px;
        letter-spacing: -1px;
        font-size: 4.4rem;
    }
}

.recruit-headline small {
    margin: 10px 0;
    font-style: normal;
    font-size: 3rem;
    display: block;
}

@media screen and (max-width: 600px) {
    .recruit-headline small {
        margin-top: 5px;
        letter-spacing: 1px;
        font-size: 1.4rem;
    }
}

.recruit-headline:after {
    content: '';
    width: 250px;
    height: 5px;
    background: #f8a100;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
}

@media screen and (max-width: 600px) {
    .recruit-headline:after {
        bottom: 25px;
    }
}

.recruit-headline:before {
    font-family: 'Microsoft JhengHei';
    font-style: italic;
    font-weight: 700;
    font-size: 40.0rem;
    color: #f7f8f8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-53%);
    z-index: -1;
}

.recruit-headline.message:before {
    content: 'COMPANY';
    left: 24.375%;
    transform: translate(0,-53%);
}

.recruit-headline.interview:before {
    content: 'INTERVIEW';
    left: 24.375%;
    transform: translate(0,-53%);
}

.recruit-headline.environment:before {
    content: 'ENVIRONMENT';
    left: 24.375%;
    transform: translate(0,-53%);
}

.recruit-headline.faq:before {
    content: 'FAQ';
}

.recruit-headline.guideline:before {
    content: 'SUPPORT';
    left: 24.375%;
    transform: translate(0,-53%);
}

.recruit-headline.contact:before {
    content: 'CONTACT';
    left: 24.375%;
    color: #efeff0;
    transform: translate(0,-53%);
}

.recruit-headline.parts-feeder:before {
    content: 'PARTSFEEDERS';
    left: 24.375%;
    transform: translate(0,-53%);
}

.recruit-headline.product:before {
    content: 'PRODUCT';
    left: 24.375%;
    transform: translate(0,-53%);
}

@media screen and (max-width: 900px) {
    .recruit-headline:before {
        display: none;
    }
}


.recruit-home__news {
    background: #f8a100;
    box-sizing: border-box;
    margin: -50px 6.875% 0;
    padding: 10px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    position: relative;
}

@media screen and (max-width: 600px) {
    .recruit-home__news {
        margin: -50px 15px 0;
        padding: 30px 15px 15px;
        display: block;
    }
}

.recruit-home__news-header {
    width: 100%;
    max-width: 280px;
    box-sizing: border-box;
    padding: 0 60px;
}

@media screen and (max-width: 1024px) {
    .recruit-home__news-header {
        max-width: 200px;
        padding: 0 30px;
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__news-header {
        max-width: inherit;
        padding: 0;
    }
}

.recruit-home__news-headline {
    font-style: italic;
    line-height: 1.3;
    font-weight: 700;
    font-size: 5.0rem;
    position: relative;
}

@media screen and (max-width: 600px) {
    .recruit-home__news-headline {
        font-size: 4.0rem;
        display: flex;
        align-items: center;
    }
}

.recruit-home__news-headline small {
    font-style: normal;
    font-size: 1.3rem;
    display: block;
}

@media screen and (max-width: 600px) {
    .recruit-home__news-headline small {
        margin-left: 15px;
    }
}

.recruit-home__news-headline:after {
    content: 'Recruit';
    font-family: 'Microsoft JhengHei';
    letter-spacing: 1px;
    font-size: 3.7rem;
    color: #ffcc33;
    position: absolute;
    top: -10px;
    left: -20px;
    display: block;
}

@media screen and (max-width: 600px) {
    .recruit-home__news-headline:after {
        font-size: 2.7rem;
        top: -10px;
        left: -10px;
    }
}

.recruit-home__news-body {
    width: calc(100% - 280px);
}

@media screen and (max-width: 1024px) {
    .recruit-home__news-body {
        width: calc(100% - 200px);
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__news-body {
        width: 100%;
    }
}

.recruit-home__news-list {
    border-top: 1px solid #df080b;
    border-left: 1px solid #df080b;
    padding: 20px 0 20px 36px;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 900px) {
    .recruit-home__news-list {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__news-list {
        border-top: 1px solid #df080b;
        border-left: none;
        padding: 15px 0 15px 0;
    }
}

.recruit-home__news-list:first-child {
    border-top: none;
}

.recruit-home__news-list dt {
    margin-right: 30px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 900px) {
    .recruit-home__news-list dt {
        margin: 0 0 10px 0;
    }
}

.recruit-home__news-list dt time {
    margin-right: 30px;
    font-style: italic;
    display: block;
}

.recruit-home__news-list dt a {
    width: 103px;
    background: #FFFFFF;
    padding: 4px 0;
    text-align: center;
    line-height: 1;
    font-size: 1.1rem;
    color: #f8a100;
    display: block;
}

    .recruit-home__news-list dt a:hover {
        opacity: 0.8;
    }

.recruit-home__news-list dd a {
    color: #FFFFFF;
}


.recruit-home__message {
    padding-top: 45px;
    position: relative;
}

@media screen and (max-width: 900px) {
    .recruit-home__message {
        padding-bottom: 0;
    }
}

.recruit-home__message:after {
    content: '';
    width: 37.5%;
    height: 320px;
    background: #f8a100;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -1;
}

@media screen and (max-width: 1280px) {
    .recruit-home__message:after {
        bottom: auto;
        top: 50%
    }
}

@media screen and (max-width: 900px) {
    .recruit-home__message:after {
        display: none;
    }
}

.recruit-home__message-wrapper {
    margin: 0 6.875%;
    display: flex;
}

@media screen and (max-width: 600px) {
    .recruit-home__message-wrapper {
        margin: 0 15px;
        display: block;
    }
}

.recruit-home__message-box {
    width: 35%;
    margin: 0 30px 20px 0;
}

@media screen and (max-width: 1024px) {
    .recruit-home__message-box {
        margin: 0 40px 20px 0;
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__message-box {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.recruit-home__message-img {
    margin-bottom: 20px;
}

.recruit-home__message-name {
    color: #FFFFFF;
}

@media screen and (max-width: 900px) {
    .recruit-home__message-name {
        color: #333333;
    }
}

.recruit-home__message-title {
    margin-bottom: 50px;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 900px) {
    .recruit-home__message-title {
        margin-bottom: 25px;
        font-size: 2.6rem;
    }
}

.recruit-home__message-text {
    width: 65%;
}

    .recruit-home__message-text:after {
        content: '';
        display: block;
        clear: both;
    }

@media screen and (max-width: 600px) {
    .recruit-home__message-text {
        width: 100%;
    }
}

.recruit-home__message-text p {
    /*margin-bottom: 2em;*/
    font-size:1.8rem;
    line-height: 2;
    text-indent: -3.5em;
    margin-left: 3.5em;
}

    .recruit-home__message-text p:last-child {
        margin-bottom: 0;
    }


.recruit-home__interview {
    padding-bottom: 50px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .recruit-home__interview {
        padding-bottom: 25px;
    }
}

.recruit-home__interview:after {
    content: '';
    width: 100%;
    height: 56.25%;
    background: #f8a100;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

@media screen and (max-width: 900px) {
    .recruit-home__interview:after {
        height: 75%;
    }

    .recruit-home__interview.interview-page:after {
        height: 85%;
    }
}

.recruit-home__interview-inner {
    margin: 0 6.6875%;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .recruit-home__interview-inner {
        margin: 0 15px;
    }
}

.recruit-home__interview-wrapper {
    margin: 0 -40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 1380px) {
    .recruit-home__interview-wrapper {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__interview-wrapper {
        margin: 0;
    }
}

.recruit-home__interview-box {
    width: 33.3333%;
    box-sizing: border-box;
    margin-bottom: 40px;
    padding: 0 40px;
}

@media screen and (max-width: 1380px) {
    .recruit-home__interview-box {
        padding: 0 20px;
    }
}

@media screen and (max-width: 900px) {
    .recruit-home__interview-box {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__interview-box {
        width: 100%;
        padding: 0;
    }
}

.recruit-home__interview a {
    display: block;
}

.recruit-home__interview-img {
    margin-bottom: 17px;
    overflow: hidden;
}

    .recruit-home__interview-img img {
        transition: 0.3s ease-out !important;
    }

a:hover .recruit-home__interview-img img {
    transform: scale(1.05);
}

.recruit-home__interview-entry {
    margin-bottom: 7px;
    background: #FFFFFF;
    padding: 4px 15px;
    text-align: center;
    line-height: 1;
    font-size: 1.1rem;
    color: #f8a100;
    display: inline-block;
}

.recruit-home__interview-name {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 1.8rem;
    color: #FFFFFF;
}

    .recruit-home__interview-name small {
        margin-left: 20px;
        font-weight: 400;
        font-style: italic;
        font-size: 1.1rem;
    }

.recruit-home__interview-group {
    font-size: 1.3rem;
    color: #ffcc33;
}
/* 20211110追記：ここから */
.recruit-home__interview-moreThan2row:after {
    height: calc(100% - 490px);
}

@media screen and (max-width: 900px) {
    .recruit-home__interview-moreThan2row:after {
        height: calc(100% - 270px);
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__interview-moreThan2row:after {
        height: calc(100% - 160px);
    }
}
/* 20211110追記：ここまで */


.recruit-home__item {
}

.recruit-home__item-wrapper {
    display: flex;
}

@media screen and (max-width: 900px) {
    .recruit-home__item-wrapper {
        display: block;
    }
}

.recruit-home__item-box {
    width: 50%;
}

@media screen and (max-width: 900px) {
    .recruit-home__item-box {
        width: 100%;
    }
}

.recruit-home__item a {
    text-align: center;
    color: #FFFFFF;
    display: block;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 900px) {
    .recruit-home__item a {
        height: 280px;
    }
}

.recruit-home__item-block {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

.recruit-home__item-title {
    margin-bottom: 45px;
    font-style: italic;
    font-weight: 700;
    font-size: 5.6rem;
}

@media screen and (max-width: 1024px) {
    .recruit-home__item-title {
        font-size: 4.6rem;
    }
}

@media screen and (max-width: 900px) {
    .recruit-home__item-title {
        margin-bottom: 25px;
        font-size: 4.0rem;
    }
}

.recruit-home__item-title small {
    margin-top: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    display: block;
}

.recruit-home__item-btn {
    width: 100%;
    max-width: 300px;
    background: #f8a100;
    margin: 0 auto;
    padding: 18px 0;
    letter-spacing: 1px;
    font-size: 1.5rem;
    transition: .3s;
}

a:hover .recruit-home__item-btn {
    background: #FFFFFF;
    color: #f8a100;
}

.recruit-home__item img {
    transition: 0.3s ease-out;
}

.recruit-home__item a:hover img {
    transform: scale(1.05);
}

@media screen and (max-width: 900px) {
    .recruit-home__item img {
        height: 100%;
        max-width: inherit;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .recruit-home__item a:hover img {
        transform: scale(1) translate(-50%,-50%);
    }
}


.recruit-home__navi {
    background: #f8a100;
    padding: 100px 0 80px;
}

@media screen and (max-width: 900px) {
    .recruit-home__navi {
        padding: 50px 0 30px;
    }
}

.recruit-home__navi-inner {
    margin: 0 6.6875%;
}

@media screen and (max-width: 600px) {
    .recruit-home__navi-inner {
        margin: 0 15px;
    }
}

.recruit-home__navi-wrapper {
    margin: 0 -40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 1380px) {
    .recruit-home__navi-wrapper {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 900px) {
    .recruit-home__navi-wrapper {
        margin: 0;
        display: block;
    }
}

.recruit-home__navi-box {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 40px;
}

@media screen and (max-width: 1380px) {
    .recruit-home__navi-box {
        padding: 0 20px;
    }
}

@media screen and (max-width: 900px) {
    .recruit-home__navi-box {
        width: 100%;
        padding: 0;
    }
}

.recruit-home__navi-box a {
    background: url(/assets/img/recruit/recruit-bg04.jpg);
    background-size: 94px auto;
    box-shadow: 0 0 10px 0 #cb141b;
    padding: 40px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
    .recruit-home__navi-box a {
        padding: 30px;
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__navi-box a {
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__navi-box a {
        display: block;
    }
}

.recruit-home__navi-title {
    width: calc(100% - 200px);
    font-style: italic;
    line-height: 1.3;
    font-weight: 700;
    font-size: 5.0rem;
    color: #000000;
    position: relative;
}

@media screen and (max-width: 1380px) {
    .recruit-home__navi-title {
        width: calc(100% - 150px);
    }
}

@media screen and (max-width: 1024px) {
    .recruit-home__navi-title {
        letter-spacing: -1px;
        font-size: 4.0rem;
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__navi-title {
        width: 100%;
        margin-bottom: 20px;
        font-size: 3.6rem;
        display: flex;
        align-items: center;
    }
}

.recruit-home__navi-title small {
    margin-top: 8px;
    font-style: normal;
    font-size: 1.6rem;
    display: block;
}

@media screen and (max-width: 600px) {
    .recruit-home__navi-title small {
        margin: 0 0 0 20px;
        font-size: 1.4rem;
    }
}

.recruit-home__navi-title:after {
    content: 'Recruit';
    font-family: 'Allura', cursive;
    letter-spacing: 1px;
    font-size: 3.7rem;
    color: #ffcc33;
    position: absolute;
    top: -10px;
    left: -20px;
    display: block;
}

@media screen and (max-width: 1024px) {
    .recruit-home__navi-title:after {
        font-size: 2.7rem;
        top: -10px;
        left: -10px;
    }
}

.recruit-home__navi-btn {
    width: 100%;
    max-width: 200px;
    background: #f8a100;
    margin: 0 auto;
    padding: 18px 0;
    text-align: center;
    letter-spacing: 1px;
    font-size: 1.5rem;
    transition: .3s;
}

@media screen and (max-width: 1380px) {
    .recruit-home__navi-btn {
        max-width: 150px;
    }
}

@media screen and (max-width: 600px) {
    .recruit-home__navi-btn {
        max-width: inherit;
    }
}

a:hover .recruit-home__navi-btn {
    background: #000000;
    color: #FFFFFF;
}


.recruit-home__entry {
    background: url(/assets/img/recruit/recruit-bg05.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.recruit-home__entry {
    padding-top: 600px;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .recruit-home__entry {
        padding-top: 400px;
    }
}

.recruit-home__entry-box {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.recruit-home__entry-catch {
    margin-bottom: 60px;
    text-align: center;
    font-style: italic;
    font-weight: 700;
    font-size: 4.0rem;
    color: #ffff00;
    position: relative;
}

@media screen and (max-width: 600px) {
    .recruit-home__entry-catch {
        margin-bottom: 30px;
    }
}

.recruit-home__entry-catch:after {
    content: '';
    width: 100px;
    height: 4px;
    background: #ffff00;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%,0);
}

@media screen and (max-width: 600px) {
    .recruit-home__entry-catch:after {
        bottom: -6px;
    }
}

.recruit-home__entry-headline {
    width: 100%;
    max-width: 483px;
    margin: 0 auto 40px;
}

.recruit-home__entry-btn {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

    .recruit-home__entry-btn a {
        background: #00abeb;
        padding: 30px 0;
        text-align: center;
        font-size: 2.3rem;
        color: #FFFFFF;
        display: block;
    }

@media screen and (max-width: 600px) {
    .recruit-home__entry-btn a {
        padding: 15px 0;
        font-size: 2.0rem;
    }
}

/*****************************************************************************
 parts-feeder
 *****************************************************************************/

.parts-feeder__section01 {
    margin-bottom: 100px;
    position: relative;
}

@media screen and (max-width: 900px) {
    .parts-feeder__section01 {
        margin-bottom: 50px;
    }
}

.parts-feeder__section01-wrapper {
    max-width: 970px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 15px;
}

.parts-feeder__section01-headline {
    margin-bottom: 44px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01-headline {
        margin-bottom: 22px;
    }
}

.parts-feeder__section01-headline p {
    margin-bottom: 58px;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    font-size: 2.2rem;
    color: #b1b6b8;
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01-headline p {
        margin-bottom: 29px;
        font-size: 1.8rem;
    }
}

.parts-feeder__section01-headline p span {
    font-size: 6.0rem;
    color: #ec1b24;
    position: relative;
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01-headline p span {
        font-size: 4.0rem;
    }
}

.parts-feeder__section01-headline p span:after {
    content: '';
    width: 20px;
    height: 7px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-20%);
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01-headline p span:after {
        width: 10px;
        height: 5px;
    }
}

.parts-feeder__section01-headline h2 {
    border: 6px solid #f8a100;
    padding: 19px 15px 21px;
    line-height: 1.3;
    font-size: 3.6rem;
    position: relative;
}

@media screen and (max-width: 900px) {
    .parts-feeder__section01-headline h2 {
        font-size: 3.0rem;
    }
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01-headline h2 {
        border: 3px solid #f8a100;
        font-size: 2.4rem;
    }
}

.parts-feeder__section01-headline h2:after {
    content: '';
    width: 23px;
    height: 26px;
    background: url(/assets/img/recruit/parts-feeder/arrow.png) no-repeat left top;
    background-size: 23px auto;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translate(-50%,0);
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01-headline h2:after {
        width: 18px;
        height: 20px;
        background-size: 18px auto;
        top: -23px;
    }
}

.parts-feeder__section01-wrapper-description {
    margin-bottom: 44px;
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01-wrapper-description {
        margin-bottom: 22px;
    }
}

.parts-feeder__section01-wrapper-description p {
    line-height: 2;
    margin-bottom: 2em;
}

    .parts-feeder__section01-wrapper-description p:last-child {
        margin-bottom: 0;
    }

.parts-feeder__section01-wrapper-img {
}

.parts-feeder__section01-wrapper-box {
    position: relative;
}

.parts-feeder__section01-wrapper-text {
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    box-sizing: border-box;
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01-wrapper-text {
        padding: 20px 15px 60px;
        position: relative;
        bottom: auto;
        left: auto;
    }
}

.parts-feeder__section01-wrapper-text p {
    line-height: 2;
    margin-bottom: 2em;
    color: #FFFFFF;
}

    .parts-feeder__section01-wrapper-text p:last-child {
        margin-bottom: 0;
    }

.parts-feeder__section01 .bx-wrapper {
    position: relative;
}

.parts-feeder__section01 .bx-controls {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 100px;
    z-index: 99;
}

@media screen and (max-width: 900px) {
    .parts-feeder__section01 .bx-controls {
        bottom: 80px;
    }
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01 .bx-controls {
        bottom: 20px;
    }
}

.parts-feeder__section01 .bx-pager {
    display: flex;
    justify-content: center;
}

.parts-feeder__section01 .bx-default-pager a {
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
    display: block;
    line-height: 100;
    margin: 0 5px;
    outline: 0 none;
    width: 14px;
    height: 14px;
    overflow: hidden;
}

    .parts-feeder__section01 .bx-default-pager a:hover,
    .parts-feeder__section01 .bx-default-pager a.active {
        background: #f8a100;
    }

.parts-feeder__section01.bg-red {
    padding: 100px 0;
}

@media screen and (max-width: 900px) {
    .parts-feeder__section01.bg-red {
        padding: 50px 0;
    }
}

.parts-feeder__section01.bg-red .parts-feeder__section01-headline p span {
    color: #FFFFFF;
}

    .parts-feeder__section01.bg-red .parts-feeder__section01-headline p span:after {
        background: #f8a100;
    }

.parts-feeder__section01.bg-red .parts-feeder__section01-headline h2 {
    border: 6px solid #FFFFFF;
    color: #FFFFFF;
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01.bg-red .parts-feeder__section01-headline h2 {
        border: 3px solid #FFFFFF;
    }
}

.parts-feeder__section01.bg-red .parts-feeder__section01-headline h2:after {
    background: url(/assets/img/recruit/parts-feeder/arrow-white.png) no-repeat left top;
    background-size: 23px auto;
}

@media screen and (max-width: 600px) {
    .parts-feeder__section01.bg-red .parts-feeder__section01-headline h2:after {
        background-size: 18px auto;
    }
}

.parts-feeder__section01.bg-red .parts-feeder__section01-wrapper-description p {
    color: #FFFFFF;
}

/*****************************************************************************
 analysis
 *****************************************************************************/

.analysis-headline {
    background: #ec1b24;
    margin-bottom: 80px;
    padding: 40px 15px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .analysis-headline {
        margin-bottom: 40px;
        padding: 20px 15px;
    }
}

.analysis-headline p {
    margin-bottom: 12px;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    font-size: 2.2rem;
    color: #b1b6b8;
}

@media screen and (max-width: 600px) {
    .analysis-headline p {
        margin-bottom: 11px;
        font-size: 1.8rem;
    }
}

.analysis-headline p span {
    font-size: 6.0rem;
    color: #FFFFFF;
    position: relative;
}

@media screen and (max-width: 600px) {
    .analysis-headline p span {
        font-size: 4.0rem;
    }
}

.analysis-headline p span:after {
    content: '';
    width: 20px;
    height: 7px;
    background: #ec1b24;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-20%);
}

@media screen and (max-width: 600px) {
    .analysis-headline p span:after {
        width: 10px;
        height: 5px;
    }
}

.analysis-headline h2 {
    line-height: 1.3;
    font-size: 3.6rem;
    color: #FFFFFF;
}

@media screen and (max-width: 600px) {
    .analysis-headline h2 {
        font-size: 2.4rem;
    }
}

.analysis-second {
}

    .analysis-second ul {
        margin: 0 -40px;
        display: flex;
        flex-wrap: wrap;
    }

@media screen and (max-width: 1380px) {
    .analysis-second ul {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 900px) {
    .analysis-second ul {
        margin: 0;
        display: block;
    }
}

.analysis-second li {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 80px;
    padding: 0 40px;
}

@media screen and (max-width: 1380px) {
    .analysis-second li {
        margin-bottom: 40px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 900px) {
    .analysis-second li {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 600px) {
    .analysis-second li {
        margin-bottom: 20px;
    }
}

.analysis-third {
}

    .analysis-third ul {
        margin: 0 -40px;
        display: flex;
        flex-wrap: wrap;
    }

@media screen and (max-width: 1380px) {
    .analysis-third ul {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 600px) {
    .analysis-third ul {
        margin: 0;
        display: block;
    }
}

.analysis-third li {
    width: 33.3333%;
    box-sizing: border-box;
    margin-bottom: 80px;
    padding: 0 40px;
}

@media screen and (max-width: 1380px) {
    .analysis-third li {
        margin-bottom: 40px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 900px) {
    .analysis-third li {
        width: 50%
    }
}

@media screen and (max-width: 600px) {
    .analysis-third li {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }
}

.analysis-fourth {
}

    .analysis-fourth ul {
        margin: 0 -40px;
        display: flex;
        flex-wrap: wrap;
    }

@media screen and (max-width: 1380px) {
    .analysis-fourth ul {
        margin: 0 -20px;
    }
}

@media screen and (max-width: 600px) {
    .analysis-fourth ul {
        margin: 0;
        display: block;
    }
}

.analysis-fourth li {
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 80px;
    padding: 0 40px;
}

@media screen and (max-width: 1380px) {
    .analysis-fourth li {
        margin-bottom: 40px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 900px) {
    .analysis-fourth li {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .analysis-fourth li {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }
}

/*****************************************************************************
 environment
 *****************************************************************************/

.environment__description {
    margin: 0 6.875% 50px;
}

@media screen and (max-width: 600px) {
    .environment__description {
        margin: 0 15px 25px;
    }
}

.environment__description-headline {
    margin-bottom: 40px;
    text-align: center;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 600px) {
    .environment__description-headline {
        margin-bottom: 20px;
        font-size: 2.4rem;
    }
}

.environment__description-text {
    text-align: center;
    line-height: 2;
}

@media screen and (max-width: 600px) {
    .environment__description-text {
        text-align: left;
    }
}


.environment__body-wrapper {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
    .environment__body-wrapper {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .environment__body-wrapper {
        padding: 25px 0;
    }
}

.environment__body-wrapper:after {
    content: '';
    width: 100%;
    height: 230px;
    background: #f7f8f8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media screen and (max-width: 900px) {
    .environment__body-wrapper:after {
        display: none;
    }
}

.environment__body-wrapper .order1 {
    order: 1;
}

.environment__body-wrapper .order2 {
    order: 2;
}

.environment__body-wrapper-img {
    width: 50%;
}

@media screen and (max-width: 900px) {
    .environment__body-wrapper-img {
        width: 100%;
    }
}

.environment__body-wrapper-img .bx-wrapper {
    position: relative;
}

.environment__body-wrapper-img .bx-controls {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 46px;
    z-index: 99;
}

@media screen and (max-width: 600px) {
    .environment__body-wrapper-img .bx-controls {
        bottom: 23px;
    }
}

.environment__body-wrapper-img .bx-pager {
    display: flex;
    justify-content: center;
}

.environment__body-wrapper-img .bx-default-pager a {
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
    display: block;
    line-height: 100;
    margin: 0 5px;
    outline: 0 none;
    width: 14px;
    height: 14px;
    overflow: hidden;
}

    .environment__body-wrapper-img .bx-default-pager a:hover,
    .environment__body-wrapper-img .bx-default-pager a.active {
        background: #f8a100;
    }

.environment__body-wrapper-text {
    width: 50%;
    box-sizing: border-box;
    padding: 0 6.875%;
}

@media screen and (max-width: 900px) {
    .environment__body-wrapper-text {
        width: 100%;
        padding: 40px;
    }
}

@media screen and (max-width: 600px) {
    .environment__body-wrapper-text {
        padding: 40px 15px;
    }
}

.environment__body-wrapper-text p {
    line-height: 2;
    margin-bottom: 2em;
}

    .environment__body-wrapper-text p:last-child {
        margin-bottom: 0;
    }

.environment__body-wrapper-title {
    margin-bottom: 50px;
    line-height: 1.3;
    font-weight: 500;
    font-size: 3.6rem;
}

@media screen and (max-width: 1024px) {
    .environment__body-wrapper-title {
        font-size: 3.0rem;
    }
}

@media screen and (max-width: 600px) {
    .environment__body-wrapper-title {
        margin-bottom: 25px;
        font-size: 2.4rem;
    }
}

.environment__body-wrapper-number {
    margin-bottom: 50px !important;
    font-style: italic;
    font-weight: 700;
    line-height: 1 !important;
    font-size: 2.2rem;
    color: #b1b6b8;
}

@media screen and (max-width: 600px) {
    .environment__body-wrapper-number {
        margin-bottom: 25px !important;
        font-size: 1.8rem;
    }
}

.environment__body-wrapper-number span {
    font-size: 6.0rem;
    color: #ec1b24;
    position: relative;
}

@media screen and (max-width: 600px) {
    .environment__body-wrapper-number span {
        font-size: 4.0rem;
    }
}

.environment__body-wrapper-number span:after {
    content: '';
    width: 20px;
    height: 7px;
    background: #f7f8f8;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-20%);
}

@media screen and (max-width: 600px) {
    .environment__body-wrapper-number span:after {
        width: 10px;
        height: 5px;
        background: #FFFFFF;
    }
}


.career__section {
    margin-top: 50px;
    padding: 100px 15px 0;
    position: relative;
}

@media screen and (max-width: 600px) {
    .career__section {
        margin-top: 25px;
        padding: 50px 15px 0;
    }
}

.career__section:after {
    content: '';
    width: 100%;
    height: 660px;
    background: #eb1924;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media screen and (max-width: 600px) {
    .career__section:after {
        height: 400px;
    }
}

.career__section-header {
    width: 100%;
    max-width: 710px;
    box-sizing: border-box;
    border: 10px solid #FFFFFF;
    margin: 0 auto 100px;
    padding: 50px 15px 60px;
}

@media screen and (max-width: 600px) {
    .career__section-header {
        border: 5px solid #FFFFFF;
        margin: 0 auto 50px;
        padding: 25px 15px 30px;
    }
}

.career__section-header-headline {
    margin-bottom: 70px;
    text-align: center;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    font-size: 5.0rem;
    color: #FFFFFF;
    position: relative;
}

@media screen and (max-width: 600px) {
    .career__section-header-headline {
        margin-bottom: 35px;
        font-size: 4.0rem;
    }
}

.career__section-header-headline:after {
    content: '';
    width: 100px;
    height: 5px;
    background: #FFFFFF;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%,0);
}

@media screen and (max-width: 600px) {
    .career__section-header-headline:after {
        width: 50px;
        height: 3px;
        bottom: -20px;
    }
}

.career__section-header-text {
    text-align: center;
    line-height: 2;
    font-size: 1.6rem;
    color: #FFFFFF;
}

@media screen and (max-width: 600px) {
    .career__section-header-text {
        text-align: left;
        font-size: 1.4rem;
    }

        .career__section-header-text br {
            display: none;
        }
}

.career__section-wrapper {
    margin: 0 6.875% 150px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .career__section-wrapper {
        margin: 0 0 50px;
    }
}

.career__section-wrapper-img {
}

.career__section-wrapper-box {
    width: 100%;
    max-width: 470px;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 3%;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 1024px) {
    .career__section-wrapper-box {
        max-width: inherit;
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .career__section-wrapper-box {
        padding: 40px 15px;
    }
}

.career__section-wrapper-box.right {
    left: auto;
    right: 0;
}

.career__section-wrapper-title {
    margin-bottom: 30px;
    line-height: 1.3;
    font-size: 2.4rem;
}

@media screen and (max-width: 600px) {
    .career__section-wrapper-title {
        margin-bottom: 15px;
        font-size: 2.0rem;
    }
}

.career__section-wrapper-text {
    line-height: 2;
}

/*****************************************************************************
 faq
 *****************************************************************************/

.recruit-faq__section {
    margin-bottom: 130px;
}

@media screen and (max-width: 600px) {
    .recruit-faq__section {
        margin-bottom: 65px;
    }
}

.recruit-faq__section-headline {
    margin-bottom: 50px;
    text-align: center;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 600px) {
    .recruit-faq__section-headline {
        margin-bottom: 25px;
        font-size: 2.8rem;
    }
}

.recruit-faq__section-box {
    margin-bottom: 45px;
}

    .recruit-faq__section-box:last-child {
        margin-bottom: 0;
    }

.recruit-faq__section-title {
    background: #f7f8f8;
    border-bottom: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 33px 70px 35px 80px;
    font-size: 2.0rem;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .recruit-faq__section-title {
        padding: 23px 50px 25px 50px;
        font-size: 1.6rem;
    }
}

.recruit-faq__section-title:after {
    content: 'Q';
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 4.0rem;
    color: #000000;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -55%);
}

@media screen and (max-width: 600px) {
    .recruit-faq__section-title:after {
        font-size: 3.0rem;
        left: 15px;
    }
}

.recruit-faq__section-title i {
    background: #ec1b24;
    width: 30px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 36px;
    transform: translate(0,-50%);
}

@media screen and (max-width: 600px) {
    .recruit-faq__section-title i {
        width: 20px;
        height: 4px;
        right: 15px;
    }
}

.recruit-faq__section-title i:after {
    background: #ec1b24;
    width: 6px;
    height: 30px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translate(0,-50%);
    transition: 0.3s;
}

@media screen and (max-width: 600px) {
    .recruit-faq__section-title i:after {
        width: 4px;
        height: 20px;
        right: 8px;
    }
}

.recruit-faq__section-title.open i:after {
    transform: translate(0,-50%) rotate(-90deg);
}

.recruit-faq__section-wrapper {
    display: none;
}

.recruit-faq__section-text {
    border-right: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
    border-left: 1px solid #e6e7e8;
    padding: 50px 40px;
}

@media screen and (max-width: 600px) {
    .recruit-faq__section-text {
        padding: 25px 20px;
    }
}

.recruit-faq__section-text p {
    margin-bottom: 2em;
    line-height: 2;
    font-size: 1.6rem;
}

@media screen and (max-width: 600px) {
    .recruit-faq__section-text p {
        line-height: 1.8;
        font-size: 1.4rem;
    }
}

.recruit-faq__section-text p:last-child {
    margin-bottom: 0;
}

.open.recruit-faq__section-title {
    background: #ec1b24;
    color: #FFFFFF;
}

    .open.recruit-faq__section-title:after {
        color: #FFFFFF;
    }

    .open.recruit-faq__section-title i {
        background: #FFFFFF;
    }

        .open.recruit-faq__section-title i:after {
            background: #FFFFFF;
        }

/*****************************************************************************
 guideline
 *****************************************************************************/

.guideline__description {
    margin: 0 6.875%;
}


    
    
@media screen and (max-width: 600px) {
    .guideline__description {
        margin: 0 15px;
    }
}

.guideline__description-headline {
    margin-bottom: 40px;
    text-align: center;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 900px) {
    .guideline__description-headline {
        text-align: left;
    }

        .guideline__description-headline br {
            display: none;
        }
}

@media screen and (max-width: 600px) {
    .guideline__description-headline {
        margin-bottom: 20px;
        font-size: 2.8rem;
    }
}

.guideline__description-text {
}
    .guideline__description-text p {
        margin-bottom: 2em;
        line-height: 2;
    }

        .guideline__description-text p:last-child {
            margin-bottom: 0;
        }


.guideline__section {
    padding-top: 100px;
}

@media screen and (max-width: 600px) {
    .guideline__section {
        padding-top: 50px;
    }
}

.guideline__section-navi {
    margin: 0;
    position: relative;
}

    .guideline__section-navi ul 
    {
        margin: 20px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
    }




    
    .menu3 {
         margin-top: -99px;
    }

.guideline__section-navi li {
    width: 30.7%;
    box-sizing: border-box;
    padding: 0 10px 20px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .guideline__section-navi li {
        padding: 0 3px ;
    }
    
    
    .menu3 {
         margin-top: -56px;
    }
}

.guideline__section-navi li.cr:after {
    background: #333333;
    width: calc(100% - 20px);
    height: 20px;
    content: '';
    position: absolute;
    bottom: 0;
    right: 10px;
    left: 10px;
}

.guideline__section-navi li.fresh.cr:after {
    background-image: linear-gradient( #6771b0, #ff7200, #ffc600);
}

.guideline__section-navi li.career.cr:after {
    background-image: linear-gradient( #000000, #3a3a3a);
}

@media screen and (max-width: 600px) {
    .guideline__section-navi li.cr:after {
        width: calc(100% - 10px);
        height: 10px;
        right: 5px;
        left: 5px;
    }
}

.guideline__section-navi li a {
    background: #333333;
    padding: 2rem 0;
    font-size: 2.0rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    transition: 0.3s;
}

@media screen and (max-width: 600px) {
    .guideline__section-navi li a {
        font-size: 1.2rem;
        padding: 1rem 0;
    }
}

.guideline__section-navi li.fresh a {
    background: #1e457d;
    font-weight:bold;
    background-image: linear-gradient( #00183b, #1e457d, #00183b);
}

.guideline__section-navi li.career a 
{
    font-weight:bold;
    background-image: linear-gradient( #a7a7a7, #000000, #343434);
}

.guideline__section-navi li.cr a:after {
    background: #FFFFFF;
    width: 100px;
    height: 5px;
    content: '';
    position: absolute;
    bottom: 11px;
    left: 50%;
    transform: translate(-50%,0);
}

@media screen and (max-width: 600px) {
    .guideline__section-navi li.cr a:after {
        width: 50px;
        height: 2px;
        bottom: 0;
    }
}

.guideline__section-navi li.fresh a:hover {
    color: #a7a7a7;
}


.guideline__section-navi li.career a:hover {
    color: #a7a7a7;
}

.guideline__section-body {
    background: #333333;
    padding: 6.875%;
}

@media screen and (max-width: 600px) {
    .guideline__section-body {
        padding: 6.875% 15px;
    }
}

.guideline__section-body.fresh {
    background: #1e457d;
}

.guideline__section-body.career {
    background: #000000;
}

.guideline__section-wrapper {
    margin-bottom: 50px;
}

    .guideline__section-wrapper:last-child {
        margin-bottom: 0;
    }

    .guideline__section-wrapper h2 {
        margin-bottom: 40px;
        line-height: 1.3;
        font-size: 2.6rem;
        color: #FFFFFF;
    }

@media screen and (max-width: 600px) {
    .guideline__section-wrapper h2 {
        margin-bottom: 20px;
        font-size: 2.0rem;
    }
}

.guideline__section-wrapper table {
    width: 100%;
    line-height: 2;
}

.guideline__section-wrapper th {
    width: 260px;
    background: #f6f6f6;
    border-bottom: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 15px 40px;
}

@media screen and (max-width: 900px) {
    .guideline__section-wrapper th {
        width: 100%;
        border-bottom: none;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .guideline__section-wrapper th {
        padding: 15px;
    }
}

.guideline__section-wrapper tr:last-child th {
    border-bottom: none;
}

.guideline__section-wrapper td {
    background: #FFFFFF;
    border-bottom: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 15px 40px;
}

@media screen and (max-width: 900px) {
    .guideline__section-wrapper td {
        border-bottom: none;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .guideline__section-wrapper td {
        padding: 15px;
    }
}

.guideline__section-wrapper tr:last-child td {
    border-bottom: none;
}

.guideline__section-wrapper table .mb10 {
    margin-bottom: 10px;
}

.guideline__section-wrapper table ul.list {
}

    .guideline__section-wrapper table ul.list li {
        padding-left: 19px;
        position: relative;
    }

        .guideline__section-wrapper table ul.list li:after {
            content: '';
            width: 8px;
            height: 5px;
            background: #ec1b24;
            position: absolute;
            top: 0.85em;
            left: 0;
        }

.guideline__section-wrapper table dl.list {
}

    .guideline__section-wrapper table dl.list dt {
        float: left;
        padding-left: 19px;
        position: relative;
    }

@media screen and (max-width: 600px) {
    .guideline__section-wrapper table dl.list dt {
        float: none;
    }
}

.guideline__section-wrapper table dl.list dt:after {
    content: '';
    width: 8px;
    height: 5px;
    background: #ec1b24;
    position: absolute;
    top: 0.85em;
    left: 0;
}

.guideline__section-wrapper table dl.list dd {
    padding-left: 12em;
}

@media screen and (max-width: 600px) {
    .guideline__section-wrapper table dl.list dd {
        padding-left: 0;
    }
}

.guideline__section-wrapper .not {
    background: #FFFFFF;
    padding: 6.875%;
    text-align: center;
    line-height: 1.3;
    font-size: 2.6rem;
}

@media screen and (max-width: 600px) {
    .guideline__section-wrapper .not {
        font-size: 2.2rem;
    }
}


.recruit-contact {
    background: #f6f6f6;
    padding-bottom: 100px;
}

@media screen and (max-width: 600px) {
    .recruit-contact {
        padding-bottom: 50px;
    }
}

.recruit-contact .recruit-headline {
    margin-bottom: 0;
}

.recruit-contact-address {
    margin-bottom: 24px;
    text-align: center;
}

.recruit-contact-navi {
    width: 100%;
    max-width: 990px;
    box-sizing: border-box;
    margin: 0 auto 10px;
    padding: 0 15px;
    overflow: hidden;
}

@media screen and (max-width: 900px) {
    .recruit-contact-navi {
        max-width: 480px;
    }
}

.recruit-contact-navi ul {
    margin: 0 -15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
    .recruit-contact-navi ul {
        margin: 0;
        display: block;
    }
}

.recruit-contact-navi li {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 0 15px;
}

@media screen and (max-width: 900px) {
    .recruit-contact-navi li {
        width: 100%;
        padding: 0;
    }
}

.recruit-contact-btn {
}

    .recruit-contact-btn a {
        height: 100%;
        box-sizing: border-box;
        background: #f8a100;
        padding: 27px 0;
        font-size: 2.3rem;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
    }

@media screen and (max-width: 600px) {
    .recruit-contact-btn a {
        padding: 24px 0;
        font-weight: 500;
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 320px) {
    .recruit-contact-btn a {
        padding: 18px 0;
    }
}

.recruit-contact-btn a span {
    background: url(/Images/contact-icon01.png) no-repeat left center;
    background-size: 33px auto;
    padding-left: 54px;
}

@media screen and (max-width: 600px) {
    .recruit-contact-btn a span {
        padding-left: 44px;
    }
}

.recruit-contact-navi li a img {
    transition: 0.3s;
}

.recruit-contact-navi li a:hover img {
    opacity: 0.7;
}

.recruit-contact-tel {
    margin-bottom: 8px;
    font-style: italic;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 4.0rem;
}

@media screen and (max-width: 600px) {
    .recruit-contact-tel {
        letter-spacing: 1px;
        font-size: 3.3rem;
    }
}

.recruit-contact-tel span {
    font-size: 2.4rem;
}

@media screen and (max-width: 600px) {
    .recruit-contact-tel span {
        font-size: 2.0rem;
    }
}

.recruit-contact-tel a {
    color: #000000;
}

.recruit-contact-group {
    text-align: center;
}

/*****************************************************************************
 interview
 *****************************************************************************/

.interview .header.recruit {
    background: none;
}


.interview-visual {
    padding-top: 56.25%;
    position: relative;
}

@media screen and (max-width: 600px) {
    .interview-visual {
        padding-top: 400px;
    }
}

.interview-visual-wrapper {
    width: 60%;
    box-sizing: border-box;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-70%);
}

@media screen and (max-width: 1480px) {
    .interview-visual-wrapper {
        transform: translate(0,-60%);
    }
}

@media screen and (max-width: 900px) {
    .interview-visual-wrapper {
        transform: translate(0,-50%);
    }
}

@media screen and (max-width: 600px) {
    .interview-visual-wrapper {
        width: 100%;
        top: auto;
        right: auto;
        left: 0;
        bottom: 30px;
        transform: none;
    }
}

.interview-visual-title {
    margin-bottom: 65px;
    text-align: center;
    font-style: italic;
    font-weight: 700;
    font-size: 2.5rem;
    color: #ec1b24;
    position: relative;
}

    .interview-visual-title:after {
        content: '';
        width: 100px;
        height: 5px;
        background: #ec1b24;
        position: absolute;
        bottom: -28px;
        left: 50%;
        transform: translate(-50%,0);
    }

.interview-visual.interview01 {
    background: url(/assets/img/recruit/interview/interview01/visual.jpg) no-repeat center top;
    background-size: cover;
}

@media screen and (max-width: 600px) {
    .interview-visual.interview01 {
        background-position: left -120px top;
    }
}

.interview-visual.interview02 {
    background: url(/assets/img/recruit/interview/interview02/visual.jpg) no-repeat center top;
    background-size: cover;
}

.interview-visual.interview03 {
    background: url(/assets/img/recruit/interview/interview03/visual.jpg) no-repeat center top;
    background-size: cover;
}

.interview-visual.interview04 {
    background: url(/assets/img/recruit/interview/interview04/visual.jpg) no-repeat center top;
    background-size: cover;
}

.interview-visual.interview05 {
    background: url(/assets/img/recruit/interview/interview05/visual.jpg) no-repeat center top;
    background-size: cover;
}

.interview-visual.interview06 {
    background: url(/assets/img/recruit/interview/interview06/visual.jpg) no-repeat center top;
    background-size: cover;
}

.interview-visual.interview07 {
    background: url(/assets/img/recruit/interview/interview07/visual.jpg) no-repeat center top;
    background-size: cover;
}

.interview-visual.interview08 {
    background: url(/assets/img/recruit/interview/interview08/visual.jpg) no-repeat center top;
    background-size: cover;
}


.interview__header {
    background: #FFFFFF;
    margin: -160px 6.875% 0;
    padding: 80px 130px;
}

@media screen and (max-width: 1480px) {
    .interview__header {
        margin: -80px 6.875% 0;
    }
}

@media screen and (max-width: 900px) {
    .interview__header {
        margin: 0;
        padding: 40px;
    }
}

@media screen and (max-width: 600px) {
    .interview__header {
        padding: 40px 15px;
    }
}

.interview__header-entry {
    width: 110px;
    background: #ec1b24;
    margin: 0 auto 7px;
    padding: 4px 0;
    text-align: center;
    line-height: 1;
    font-size: 1.1rem;
    color: #FFFFFF;
    display: block;
}

.interview__header-name {
    margin-bottom: 16px;
    text-align: center;
    font-weight: 500;
    font-size: 3.6rem;
}

@media screen and (max-width: 600px) {
    .interview__header-name {
        font-size: 2.6rem;
    }
}

.interview__header-name small {
    margin-top: 3px;
    font-weight: 400;
    font-style: italic;
    font-size: 1.4rem;
    display: block;
}

.interview__header-group {
    margin-bottom: 55px;
    text-align: center;
    font-size: 1.3rem;
    color: #996600;
}

@media screen and (max-width: 900px) {
    .interview__header-group {
        margin-bottom: 25px;
    }
}

.interview__header-text {
    line-height: 2;
}


.interview__body {
    padding: 100px 0;
    position: relative;
}

@media screen and (max-width: 900px) {
    .interview__body {
        padding: 50px 0;
    }
}

.interview__body:after {
    content: '';
    width: 100px;
    height: 100%;
    background: #ec1b24;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    z-index: -1;
}

.interview__body-wrapper01 {
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
    .interview__body-wrapper01 {
        margin-bottom: 50px;
        display: block;
    }
}

.interview__body-wrapper01:last-child {
    margin-bottom: 0;
}

.interview__body-wrapper01 .order1 {
    order: 1;
}

.interview__body-wrapper01 .order2 {
    order: 2;
}

.interview__body-wrapper01-img {
    width: 50%;
}

@media screen and (max-width: 900px) {
    .interview__body-wrapper01-img {
        width: 100%;
    }
}

.interview__body-wrapper01-text {
    width: 50%;
    box-sizing: border-box;
    padding: 0 6.875%;
}

@media screen and (max-width: 900px) {
    .interview__body-wrapper01-text {
        width: 100%;
        background: #FFFFFF;
        padding: 40px;
    }
}

@media screen and (max-width: 600px) {
    .interview__body-wrapper01-text {
        padding: 40px 15px;
    }
}

.interview__body-wrapper01-text p {
    line-height: 2;
    margin-bottom: 2em;
}

    .interview__body-wrapper01-text p:last-child {
        margin-bottom: 0;
    }

.interview__body-wrapper01-title {
    margin-bottom: 1em;
    line-height: 1.3;
    font-size: 3.4rem;
}

@media screen and (max-width: 1280px) {
    .interview__body-wrapper01-title {
        font-size: 3.0rem;
    }
}

@media screen and (max-width: 600px) {
    .interview__body-wrapper01-title {
        font-size: 2.4rem;
    }
}

.interview__body-wrapper02 {
    margin-bottom: 100px;
}

@media screen and (max-width: 900px) {
    .interview__body-wrapper02 {
        margin-bottom: 50px;
    }
}

.interview__body-wrapper02:last-child {
    margin-bottom: 0;
}

.interview__body-wrapper02-img {
}

.interview__body-wrapper02-text {
    background: #FFFFFF;
    margin: -160px 6.875% 0;
    padding: 80px 130px;
    position: relative;
}

@media screen and (max-width: 1480px) {
    .interview__body-wrapper02-text {
        margin: -80px 6.875% 0;
    }
}

@media screen and (max-width: 900px) {
    .interview__body-wrapper02-text {
        margin: 0;
        padding: 40px;
    }
}

@media screen and (max-width: 600px) {
    .interview__body-wrapper02-text {
        padding: 40px 15px;
    }
}

.interview__body-wrapper02-text p {
    line-height: 2;
    margin-bottom: 2em;
}

    .interview__body-wrapper02-text p:last-child {
        margin-bottom: 0;
    }

.interview__body-wrapper02-text .center {
    text-align: center;
}

@media screen and (max-width: 900px) {
    .interview__body-wrapper02-text .center {
        text-align: left;
    }
}

.interview__body-wrapper02-title {
    margin-bottom: 1em;
    text-align: center;
    line-height: 1.3;
    font-size: 3.4rem;
}

@media screen and (max-width: 1280px) {
    .interview__body-wrapper02-title {
        font-size: 3.0rem;
    }
}

@media screen and (max-width: 900px) {
    .interview__body-wrapper02-title {
        text-align: left;
    }
}

@media screen and (max-width: 600px) {
    .interview__body-wrapper02-title {
        font-size: 2.4rem;
    }
}

/*****************************************************************************
 contact
 *****************************************************************************/

.contact-contents {
}

    .contact-contents .inner {
        max-width: 1030px;
    }

        .contact-contents .inner.lv9 {
            padding-bottom: 90px;
        }

@media screen and (max-width: 600px) {
    .contact-contents .inner.lv9 {
        padding-bottom: 45px;
    }
}


.contact__description {
    margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
    .contact__description {
        margin-bottom: 25px;
    }
}

.contact__description p {
    line-height: 2;
}

/*****************************************************************************
 entry
 *****************************************************************************/

.entry-bg {
    background: #00abeb url(/assets/img/recruit/entry/visual.jpg) no-repeat center top;
    background-size: 100% auto;
}

@media screen and (max-width: 600px) {
    .entry-bg {
        background-size: 180% auto;
    }
}


.entry-visual {
    padding-top: 85px;
}

@media screen and (max-width: 600px) {
    .entry-visual {
        padding-top: 60px;
    }
}

.entry-visual-wrapper {
    padding: 50px 15px 5px;
}

@media screen and (max-width: 600px) {
    .entry-visual-wrapper {
        padding: 25px 15px 5px;
    }
}

.entry-visual-title {
    margin-bottom: 95px;
    text-align: center;
    font-style: italic;
    font-weight: 700;
    font-size: 6.0rem;
    color: #ffff00;
    position: relative;
}

@media screen and (max-width: 600px) {
    .entry-visual-title {
        margin-bottom: 45px;
        font-size: 4.0rem;
    }
}

.entry-visual-title small {
    margin-top: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    display: block;
}

@media screen and (max-width: 600px) {
    .entry-visual-title small {
        font-size: 1.4rem;
    }
}

.entry-visual-title:after {
    content: '';
    width: 100px;
    height: 5px;
    background: #ffff00;
    position: absolute;
    bottom: -36px;
    left: 50%;
    transform: translate(-50%,0);
}

@media screen and (max-width: 600px) {
    .entry-visual-title:after {
        bottom: -24px;
    }
}

.entry-visual-headline {
    width: 100%;
    max-width: 483px;
    margin: 0 auto 40px;
}


.entry-contents {
}

    .entry-contents .inner {
        max-width: 1030px;
    }

        .entry-contents .inner.lv9 {
            padding-bottom: 90px;
        }

@media screen and (max-width: 600px) {
    .entry-contents .inner.lv9 {
        padding-bottom: 45px;
    }
}


.entry__description {
    margin-bottom: 50px;
    color: #FFFFFF;
}

@media screen and (max-width: 600px) {
    .entry__description {
        margin-bottom: 25px;
    }
}

.entry__description p {
    line-height: 2;
}

/*****************************************************************************
 login
 *****************************************************************************/

.login__section {
    max-width: 1000px;
    margin: 0 auto 186px;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .login__section {
        margin: 0 auto 93px;
    }
}

.login__section-wrapper {
    display: flex;
}

@media screen and (max-width: 900px) {
    .login__section-wrapper {
        display: block;
    }
}

.login__section-login {
    width: 100%;
    max-width: 560px;
    background: #f6f6f6;
    box-sizing: border-box;
    margin-right: 20px;
    padding: 40px;
}

@media screen and (max-width: 900px) {
    .login__section-login {
        max-width: inherit;
        margin: 0 0 40px 0;
    }
}

@media screen and (max-width: 600px) {
    .login__section-login {
        padding: 40px 15px;
    }
}

.login__section-login-title {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 1rem;
}

.login__section-login-input {
    margin-bottom: 15px;
}

@media screen and (max-width: 600px) {
    .login__section-login-input {
        margin-bottom: 15px;
    }
}

.login__section-login-input .itt {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 10px 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2rem;
}

.login__section-login-submit {
    margin-top: 30px;
    margin-bottom: 10px;
}

    .login__section-login-submit input {
        width: 100%;
        background: #ff9900;
        border: none;
        padding: 17px 0;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 1.5rem;
        color: #FFFFFF;
        cursor: pointer;
        transition: .3s;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .login__section-login-submit input:hover {
            opacity: 0.8;
        }

.login__section-login-attention {
    margin-bottom: 31px;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 2rem;
    color: #999999;
}

.login__section-login-navi {
}

    .login__section-login-navi li {
        margin-bottom: 10px;
        font-size: 1.3rem;
    }

        .login__section-login-navi li:last-child {
            margin-bottom: 0;
        }


.login__section-register {
    width: 100%;
    max-width: 400px;
    background: #f6f6f6;
    box-sizing: border-box;
    margin-left: 20px;
    padding: 40px;
}

@media screen and (max-width: 900px) {
    .login__section-register {
        max-width: inherit;
        margin-left: 0;
    }
}

@media screen and (max-width: 600px) {
    .login__section-register {
        padding: 40px 15px;
    }
}

.login__section-register-title {
    margin-bottom: 15px;
    padding-left: 10px;
    font-weight: 600;
    font-size: 1.8rem;
    position: relative;
}

    .login__section-register-title:after {
        content: '';
        width: 40px;
        height: 6px;
        background: #f8a100;
        position: absolute;
        top: 50%;
        left: -47px;
        transform: translate(0,-50%);
    }

.login__section-register-text {
    margin-bottom: 21px;
    line-height: 1.8;
    font-size: 1.3rem;
}

.login__section-register-attention {
    margin-bottom: 31px;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.1rem;
}

.login__section-register-btn {
    width: 100%;
}

    .login__section-register-btn a {
        background: #f8a100;
        padding: 17px 0;
        text-align: center;
        font-size: 1.5rem;
        color: #FFFFFF;
        display: block;
    }

/*****************************************************************************
 register
 *****************************************************************************/

/*
.bg-yellow .text-visual-title {
color: #FFFFFF;
}
*/

.register-contents {
}

    .register-contents .inner {
        max-width: 1030px;
    }

        .register-contents .inner.lv9 {
            padding-bottom: 90px;
        }

@media screen and (max-width: 600px) {
    .register-contents .inner.lv9 {
        padding-bottom: 45px;
    }
}


.register__privacy {
    margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
    .register__privacy {
        margin-bottom: 25px;
    }
}

.register__privacy-title {
    margin-bottom: 40px;
    font-weight: 600;
}

.register__privacy-list {
}

    .register__privacy-list li {
        margin-bottom: 5px;
        padding-left: 14px;
        position: relative;
    }

        .register__privacy-list li:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #333333;
            border-radius: 100px;
            position: absolute;
            top: 0.4em;
            left: 0;
        }

        .register__privacy-list li:last-child {
            margin-bottom: 0;
        }

/*****************************************************************************
 form
 *****************************************************************************/

.form__section {
    background: #f6f6f6;
    padding: 60px;
}

@media screen and (max-width: 600px) {
    .form__section {
        padding: 30px 15px;
    }
}

.form__section-box {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .form__section-box {
        display: block;
    }
}

.form__section-box:last-child {
    margin-bottom: 0;
}

.form__section-title {
    width: 100%;
    max-width: 230px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .form__section-title {
        max-width: inherit;
        margin: 0 0 10px 0;
    }

        .form__section-title h3 {
            font-weight: 600;
        }
}

.form__section-required {
    background: #dd6580;
    border-radius: 3px;
    margin-right: 14px;
    padding: 7px 13px 8px;
    text-align: center;
    line-height: 1;
    font-size: 1.1rem;
    color: #FFFFFF;
}

@media screen and (max-width: 600px) {
    .form__section-required {
        margin-right: 0;
    }
}

.form__section-wrapper {
    width: 100%;
    max-width: 330px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

    .form__section-wrapper.short {
        max-width: 150px;
    }

@media screen and (max-width: 600px) {
    .form__section-wrapper.short {
        max-width: inherit;
    }
}

.form__section-wrapper.middle {
    max-width: 230px;
}

@media screen and (max-width: 600px) {
    .form__section-wrapper.middle {
        max-width: inherit;
    }
}

.form__section-wrapper.long {
    max-width: 480px;
}

.form__section-wrapper select {
    width: 100%;
    background: #FFFFFF url(/assets/img/common/select-arrow.png) no-repeat right center;
    background-size: 24px auto;
    border: 1px solid #e6e7e8;
    padding: 12px 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.4rem;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .form__section-wrapper select {
        background-size: 20px auto;
    }
}

.form__section-wrapper .itt {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 13px 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.4rem;
}

.form__section-wrapper textarea {
    width: 100%;
    height: 150px;
    background: #FFFFFF;
    border: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 13px 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.4rem;
}

.form__section-wrapper input::placeholder {
    color: #999;
}

.form__section-wrapper textarea::placeholder {
    color: #999;
}

.form__section-name {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .form__section-name {
        display: block;
    }
}

.form__section-name-box {
    width: 50%;
}

@media screen and (max-width: 600px) {
    .form__section-name-box {
        width: 100%;
        margin-top: 10px;
    }
}

.form__section-name-box.col1 {
    margin-right: 12px;
}

@media screen and (max-width: 600px) {
    .form__section-name-box.col1 {
        margin-right: 0;
    }
}

.form__section-name-box.col2 {
    margin-left: 12px;
}

@media screen and (max-width: 600px) {
    .form__section-name-box.col2 {
        margin-left: 0;
    }
}

.form__section-code {
    display: flex;
    align-items: center;
}

.form__section-code-box {
    width: 50%;
}

    .form__section-code-box.col1 {
        margin-right: 12px;
    }

    .form__section-code-box.col2 {
        margin-left: 12px;
    }

.form__section-day {
    display: flex;
}

.form__section-day-box {
    width: 50%;
    display: flex;
    align-items: center;
}

    .form__section-day-box em {
        width: 40px;
        text-align: center;
        display: block;
    }

    .form__section-day-box .itt {
        width: calc(100% - 40px);
    }

.form__section-address {
    display: flex;
    align-items: center;
}

    .form__section-address em {
        width: 80px;
        display: block;
    }

    .form__section-address .itt {
        width: calc(100% - 80px);
    }

    .form__section-address select {
        width: calc(100% - 80px);
    }

    .form__section-address .form__section-code {
        width: calc(100% - 150px);
    }

@media screen and (max-width: 600px) {
    .form__section-address .form__section-code {
        width: calc(100% - 80px);
    }
}

.form__section-address .form__section-code .itt {
    width: 100%;
}

.form__section-radio {
    display: flex;
}

    .form__section-radio li {
        width: 100px;
        padding: 15px 0;
    }

@media screen and (max-width: 600px) {
    .form__section-radio li {
        width: 50%;
    }
}

.form__section-radio li label {
    cursor: pointer;
}

.form__section-radio li input {
    margin-right: 10px;
}

.form__section-text {
    margin-bottom: 10px;
}


.form__section-privacy {
    padding: 40px 0 50px;
}

    .form__section-privacy .form__section-title {
        max-width: inherit;
        justify-content: center;
    }

    .form__section-privacy .form__section-required {
        margin: 0 0 0 20px;
    }

.form__section-privacy-text {
    height: 320px;
    background: #FFFFFF;
    border: 1px solid #e6e7e8;
    box-sizing: border-box;
    margin: 20px 0 30px;
    padding: 30px;
    overflow-x: hidden;
}

@media screen and (max-width: 600px) {
    .form__section-privacy-text {
        padding: 15px;
    }
}

.form__section-privacy-text p {
    line-height: 1.5;
    margin-bottom: 2em;
}

.form__section-privacy-text h4 {
    margin-bottom: 10px;
    font-weight: 600;
}

.form__section-privacy-text ul,
.form__section-privacy-text ol {
    margin-bottom: 2em;
    padding-left: 1.5em;
}

    .form__section-privacy-text ul li {
        line-height: 1.5;
        list-style: disc;
    }

    .form__section-privacy-text ol li {
        line-height: 1.5;
        list-style-type: decimal;
    }

.form__section-privacy-check {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

    .form__section-privacy-check label {
        background: #e6e7e8;
        padding: 20px 0;
        font-weight: 600;
        line-height: 1;
        font-size: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .form__section-privacy-check input {
        margin-right: 20px;
    }


.form__section-submit {
    margin: 0 220px;
    padding: 100px 0;
}

@media screen and (max-width: 900px) {
    .form__section-submit {
        margin: 0 110px;
    }
}

@media screen and (max-width: 600px) {
    .form__section-submit {
        margin: 0;
        padding: 50px 0;
    }
}

.form__section-submit input {
    width: 100%;
    background: #ff9900;
    border: none;
    padding: 30px 0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 2.3rem;
    color: #FFFFFF;
    cursor: pointer;
    transition: .3s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

@media screen and (max-width: 600px) {
    .form__section-submit input {
        padding: 15px 0;
        font-size: 2.0rem;
    }
}

.form__section-submit input:hover {
    opacity: 0.8;
}

.form__section-submit .left {
    float: left;
    width: 48%;
}

    .form__section-submit .left input {
        background: #333333;
    }

.form__section-submit .right {
    float: right;
    width: 48%;
}

.form__section-submit ul {
}

    .form__section-submit ul:after {
        content: '';
        display: block;
        clear: both;
    }

.form__section-submit.light-blue input {
    background: #00abeb;
}

.form__section-submit.light-blue .left input {
    background: #333333;
}


.form__section-error-text {
    background: #FFFFFF;
    border: 2px solid #dd6580;
    box-sizing: border-box;
    margin-bottom: 60px;
    padding: 30px 15px;
    text-align: center;
    color: #dd6580;
}

@media screen and (max-width: 600px) {
    .form__section-error-text {
        margin-bottom: 20px;
        padding: 15px;
        text-align: left;
    }
}

.form__section-error {
    margin-top: 10px;
    color: #dd6580;
}

.form__section-privacy-error {
    margin-top: 10px;
    text-align: center;
    color: #dd6580;
}


.form__section-thanks {
    text-align: center;
}

@media screen and (max-width: 600px) {
    .form__section-thanks {
        text-align: left;
    }
}

.form__section-thanks h2 {
    margin-bottom: 50px;
    font-size: 3.0rem;
}

@media screen and (max-width: 600px) {
    .form__section-thanks h2 {
        margin-bottom: 25px;
        font-size: 2.0rem;
    }
}

.form__section-thanks p {
    margin-bottom: 1.5em;
}

    .form__section-thanks p:last-child {
        margin-bottom: 0;
    }

/*****************************************************************************
 privacy
 *****************************************************************************/

.privacy__section {
    margin-bottom: 100px;
}

@media screen and (max-width: 600px) {
    .privacy__section {
        margin-bottom: 50px;
    }
}

.privacy__section ul,
.privacy__section ol {
    margin-bottom: 2em;
    line-height: 2;
}

.privacy__section p {
    margin-bottom: 2em;
    line-height: 2;
}

.privacy__section-headline {
    margin-bottom: 30px;
    padding-left: 20px;
    line-height: 1.3;
    font-size: 3.4rem;
    position: relative;
}

@media screen and (max-width: 600px) {
    .privacy__section-headline {
        margin-bottom: 15px;
        padding-left: 10px;
        font-size: 2.6rem;
    }
}

.privacy__section-headline:after {
    content: '';
    width: 30px;
    height: 5px;
    background: #f8a100;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translate(0,-50%);
}

.privacy__section-attention {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5 !important;
    font-size: 1.2rem;
}

.privacy__section-decimal,
.privacy__section-disc {
    padding-left: 1.5em;
}

    .privacy__section-decimal li {
        list-style: decimal;
    }

    .privacy__section-disc li {
        list-style: disc;
    }

.privacy__section-offer {
    border: 2px solid #f1f1f1;
}

.privacy__section-offer-title {
    background: #f1f1f1;
    padding: 20px 0 22px;
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.3;
}

@media screen and (max-width: 600px) {
    .privacy__section-offer-title {
        padding: 20px 0 22px;
        font-size: 2.0rem;
    }
}

.privacy__section-offer-box {
    margin: 60px;
}

@media screen and (max-width: 900px) {
    .privacy__section-offer-box {
        margin: 30px;
    }
}

@media screen and (max-width: 600px) {
    .privacy__section-offer-box {
        margin: 15px;
    }
}

.privacy__section-offer-contact {
    background: #f1f1f1;
    padding: 20px;
    display: inline-block;
}

@media screen and (max-width: 600px) {
    .privacy__section-offer-contact {
        padding: 15px;
    }
}

.privacy__section-offer-contact p {
    margin-bottom: 0;
}

.privacy__section-title {
    margin-bottom: 20px;
    font-size: 2.4rem;
    line-height: 1.3;
}

@media screen and (max-width: 600px) {
    .privacy__section-title {
        margin-bottom: 10px;
        font-size: 2.0rem;
    }
}

.privacy__section h4 {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.3;
}

.privacy__section .mb50 {
    margin-bottom: 50px;
}

/*****************************************************************************
 sitemap
 *****************************************************************************/

.sitemap__section {
    margin-bottom: 100px;
    display: flex;
}

@media screen and (max-width: 600px) {
    .sitemap__section {
        margin-bottom: 50px;
        display: block;
    }
}

.sitemap__section-wrapper {
    width: 33.3333%;
    border-left: 1px solid #e6e7e8;
    box-sizing: border-box;
    padding: 0 40px;
}

@media screen and (max-width: 900px) {
    .sitemap__section-wrapper {
        padding: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .sitemap__section-wrapper {
        width: 100%;
        padding: 0 40px;
    }
}

.sitemap__section-wrapper:last-child {
    border-right: 1px solid #e6e7e8;
}

@media screen and (max-width: 600px) {
    .sitemap__section-wrapper:last-child {
        border-right: none;
    }
}

.sitemap__section-wrapper ul {
}

.sitemap__section-wrapper li {
    font-weight: 600;
    font-size: 1.6rem;
}

    .sitemap__section-wrapper li a {
        padding: 20px 0;
        display: inline-block;
        position: relative;
    }

@media screen and (max-width: 600px) {
    .sitemap__section-wrapper li a {
        padding: 10px 0;
    }
}

.sitemap__section-wrapper li a:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    width: 0;
    height: 2px;
    background: #f8a100;
    transition: 0.3s;
    z-index: -1;
}

@media screen and (max-width: 1200px) {
    .sitemap__section-wrapper li a:after {
        display: none;
    }
}

.sitemap__section-wrapper li a:hover:after {
    width: 100%;
    left: 0;
}

@media screen and (max-width: 1200px) {
    .sitemap__section-wrapper li a:hover:after {
        display: none;
    }
}

.sitemap__section-wrapper li .arrow {
}

.sitemap__section-wrapper ul ul {
    margin-left: 1.5em;
}

.sitemap__section-wrapper li li {
    font-weight: 400;
    font-size: 1.4rem;
}

    .sitemap__section-wrapper li li a {
        padding: 10px 0;
    }

@media screen and (max-width: 600px) {
    .sitemap__section-wrapper li li a {
        padding: 5px 0;
    }
}

/*****************************************************************************
 request-quote
 *****************************************************************************/

.request-quote__section {
    margin-bottom: 100px;
}

@media screen and (max-width: 600px) {
    .request-quote__section {
        margin-bottom: 50px;
    }
}

.request-quote-description {
    margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
    .request-quote-description {
        margin-bottom: 25px;
    }
}

.request-quote-description-text {
    margin-bottom: 50px;
    line-height: 2;
}

@media screen and (max-width: 600px) {
    .request-quote-description-text {
        margin-bottom: 25px;
    }
}

.request-quote-description-btn {
    width: 100%;
    max-width: 350px;
    margin-bottom: 5px;
    text-align: center;
}

@media screen and (max-width: 900px) {
    .request-quote-description-btn {
        max-width: inherit;
    }
}

.request-quote-description-btn a {
    background: #f8a100;
    padding: 27px 0;
    font-size: 1.5rem;
    color: #FFFFFF;
    display: block;
}

@media screen and (max-width: 600px) {
    .request-quote-description-btn a {
        padding: 22px 0;
        font-size: 1.4rem;
    }
}

.request-quote-description-btn a span {
    background: url(/assets/img/product/download-file-icon.png) no-repeat left center;
    background-size: 33px auto;
    padding: 8px 0 8px 44px;
}

@media screen and (max-width: 600px) {
    .request-quote-description-btn a span {
        background-size: 23px auto;
        padding: 5px 0 5px 30px;
    }
}

.request-quote-description-caution {
    font-size: 1.2rem;
    color: #868686;
}

.request-quote-destination {
    border: 8px solid #eeeeee;
    box-sizing: border-box;
    padding: 40px;
    display: inline-block;
}

@media screen and (max-width: 600px) {
    .request-quote-destination {
        border: 4px solid #eeeeee;
        padding: 20px;
    }
}

.request-quote-destination-title {
    margin-bottom: 23px;
    font-weight: 600;
    font-size: 2.0rem;
}

.request-quote-destination-text {
    margin-bottom: 18px;
    line-height: 2;
}

.request-quote-destination-tel {
    font-style: italic;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 3.0rem;
}

@media screen and (max-width: 600px) {
    .request-quote-destination-tel {
        letter-spacing: 1px;
        font-size: 2.6rem;
    }
}

.request-quote-destination-tel span {
    font-size: 2.4rem;
}

@media screen and (max-width: 600px) {
    .request-quote-destination-tel span {
        font-size: 2.0rem;
    }
}

.request-quote-destination-tel a {
    color: #333333;
}
</pre></body></html>