@charset "utf-8";
/* CSS Document */

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
子ページヘッダ
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/* 共通 */

.child_page_header {
    width: 100%;
    overflow: hidden;
    height: 400px;
    display: flex;
    justify-content: center;
}

.child_page_header>.inner {
    width: 100%;
    height: 100%;
    min-width: 1440px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (max-width:480px) {
    .child_page_header {
        margin-top: 4.8rem;
        height: 60vw;
    }

    .child_page_header>.inner {
        min-width: auto;
    }
}

/*各ページ背景画像--------------------*/

.child_page_header.aboutus>.inner {
    background-image: url(../img/page_header_img_about@2x.jpg);
}

.child_page_header.csr>.inner {
    background-image: url(../img/page_header_img_csr@2x.jpg);
}

.child_page_header.topics>.inner {
    background-image: url(../img/page_header_img_topics@2x.jpg);
}

.child_page_header.recruit_01>.inner {
    background-image: url(../img/page_header_img_recruit_01@2x.jpg);
}

.child_page_header.recruit_02>.inner {
    background-image: url(../img/page_header_img_recruit_02@2x.jpg);
}

.child_page_header.recruit_03>.inner {
    background-image: url(../img/page_header_img_recruit_03@2x.jpg);
}

.child_page_header.recruit_04>.inner {
    background-image: url(../img/page_header_img_recruit_04@2x.jpg);
}

.child_page_header.solution_01>.inner {
    background-image: url(../img/page_header_img_solution_01@2x.jpg);
}

.child_page_header.solution_02>.inner {
    background-image: url(../img/page_header_img_solution_02@2x.jpg);
}

.child_page_header.solution_03>.inner {
    background-image: url(../img/page_header_img_solution_03@2x.jpg);
}

@media screen and (max-width:480px) {
    .child_page_header.csr>.inner {
        background-position: center left -30vw;
    }

    .child_page_header.recruit_01>.inner {
        background-position: center right -30vw;
    }

    .child_page_header.recruit_03>.inner {
        background-position: center right -42vw;
    }
}

/*ページタイトル--------------------*/

h1.child_page_title {
    color: #fff;
    padding-top: 4.6rem;
    position: relative;
}

h1.child_page_title::before {
    content: '';
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 50rem;
    height: 22.6rem;
    border-top: 22.6rem solid #15154a;
    border-right: 25rem solid transparent;
    border-left: 25rem solid transparent;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
}

h1.child_page_title span {
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
}

h1.child_page_title span.font_fugaz {
    font-size: 3rem;
    letter-spacing: 0.2em;
    margin-bottom: 0.25em;
    margin-left: 0.2em;
}

h1.child_page_title span.ja {
    font-size: 1.2rem;
    letter-spacing: 0.23em;
}

h1.child_page_title span.ja::before, h1.child_page_title span.ja::after {
    content: '−';
    display: inline-block;
}

h1.child_page_title span.ja::before {
    margin-right: 0.5em;
}

h1.child_page_title span.ja::after {
    margin-left: 0.27em;
}

@media screen and (max-width:480px) {
    h1.child_page_title {
        padding-top: 2rem;
    }

    h1.child_page_title::before {
        width: 100vw;
        height: 22.6rem;
        border-top: 10rem solid #15154a;
        border-right: 50vw solid transparent;
        border-left: 50vw solid transparent;
    }

    h1.child_page_title span.font_fugaz {
        font-size: 2rem;
        letter-spacing: 0.1em;
    }

    h1.child_page_title span.ja {
        font-size: 1.2rem;
        letter-spacing: 0.1em;
    }
}

/*ページタイトル 小--------------------*/

.page_titel_wrap_s {
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(141deg, transparent, transparent 6px, rgba(238, 238, 238, 1) 6px, rgba(238, 238, 238, 1) 8px);
    margin-top: 10rem;
    margin-bottom: 7.6rem;
}

.page_titel_wrap_s.blue {
    background-size: auto auto;
    background-color: #fff;
    background-image: repeating-linear-gradient(141deg, transparent, transparent 6px, #d7f4ff 6px, #d7f4ff 8px);
    margin-top: 10rem;
    margin-bottom: 7.6rem;
}

.page_titel_wrap_s .inner {
    max-width: 1000px;
    margin: auto;
    padding: 8rem 0 6rem;
    position: relative;
}

.page_titel_wrap_s .inner h2.naname {
    width: 32rem;
    transform: skewX(-30deg);
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 0.24em;
    text-align: center;
    padding: 1.5rem 0 1.6rem;
    position: absolute;
    top: -2.5rem;
    left: 0;
    right: 0;
    margin: auto;
}

.page_titel_wrap_s .inner h2.naname span {
    display: inline-block;
    transform: skewX(30deg);
}

.page_titel_wrap_s .inner h2.naname.blue {
    background-color: #0096e6;
}

.page_titel_wrap_s .inner h2.naname.cobalt_blue {
    background-color: #0f56c8;
}

.page_titel_wrap_s .inner h2.naname.deep_blue {
    background-color: #15154a;
}

.page_titel_wrap_s .inner p {
    font-size: 2.6rem;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.1em;
}

@media screen and (max-width:480px) {
    .page_titel_wrap_s {
        background-size: auto auto;
        background-color: rgba(255, 255, 255, 1);
        background-image: repeating-linear-gradient(141deg, transparent, transparent 3px, rgba(238, 238, 238, 1) 3px, rgba(238, 238, 238, 1) 5px);
        margin-top: 6rem;
        margin-bottom: 4rem;
    }

    .page_titel_wrap_s .inner {
        padding: 5rem 0 2.6rem;
        position: relative;
    }

    .page_titel_wrap_s .inner h2.naname {
        width: 26rem;
        font-size: 2rem;
        padding: 1.2rem 0 1.3rem;
        top: -1.8rem;
    }

    .page_titel_wrap_s .inner p {
        padding: 0 1.6rem;
        font-size: 1.6rem;
        line-height: 1.75;
    }
}

/*no_naname*/

.page_titel_wrap_s.no_naname {
    margin-top: 0;
}

.page_titel_wrap_s.no_naname .inner {
    max-width: 620px;
    margin: auto;
    padding: 2.5rem 0 4.5rem;
}

.page_titel_wrap_s.no_naname .inner h2 {
    font-size: 3.2rem;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 2rem;
    letter-spacing: 0.08em;
}

.page_titel_wrap_s.no_naname .inner h2 span {
    font-size: 0.56em;
    letter-spacing: 0.15em;
}

.page_titel_wrap_s.no_naname .inner .solution_top_copy {
    font-size: 1.8rem;
    line-height: 1.75;
}

@media screen and (max-width:480px) {
    .page_titel_wrap_s.no_naname .inner {
        padding: 1.5rem 1.6rem 2.5rem;
    }

    .page_titel_wrap_s.no_naname .inner h2 {
        font-size: 2rem;
    }

    .page_titel_wrap_s.no_naname .inner .solution_top_copy {
        font-size: 1.4rem;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
コンテンツ部分
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

#contents .chapter {
    max-width: 910px;
    margin: 3.2rem auto 10rem;
}

#contents .chapter.message {
    margin-bottom: 0;
}

/* ページヘッダがない場合 */

#contents.no_page_titel {
    margin: 7rem auto 10rem;
}

@media screen and (max-width:480px) {
    #contents .chapter {
        margin: 3.2rem 1.6rem 6rem;
    }

    #contents.no_page_titel {
        margin: 7rem auto 10rem;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
タイトル
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*罫線付き*/

.title_m {
    font-size: 4rem;
    font-weight: normal;
    margin: 0 auto 5rem;
    position: relative;
}

.title_m::before {
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    height: 2px;
    box-sizing: border-box;
    border-top: 2px solid #000;
    top: 0.4em;
}

.title_m.noborder::before {
    display: none;
}

.title_m.left {
    text-align: left;
}

.title_m.right {
    text-align: right;
}

.title_m.right::before {
    right: calc(-100vw - 2rem);
}

.title_m.left::before {
    left: calc(-100vw - 2rem);
}

.title_m span {
    display: block;
}

.title_m span.en {
    margin-bottom: 0.2em;
}

.title_m span.ja {
    font-size: 0.45em;
}

@media screen and (max-width:480px) {
    .title_m {
        font-size: 3rem;
        font-weight: normal;
        margin: 0 0rem 3rem;
        position: relative;
        width: auto;
    }

    .title_m.right::before {
        right: calc(-100vw - 0.8rem);
    }

    .title_m.left::before {
        left: calc(-100vw - 0.8rem);
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
about us
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/* vision */

.aboutus_wrap .vision h3 {
    font-size: 7rem;
    margin-bottom: 2.8rem;
}

.aboutus_wrap .vision h3 span {
    display: block;
}

.aboutus_wrap .vision h3.mart .en {
    color: #15154a;
}

.aboutus_wrap .vision h3.tart .en {
    color: #0096e6;
}

.aboutus_wrap .vision h3 .ja {
    font-size: 0.37em;
    letter-spacing: 0.1em;
}

.aboutus_wrap .vision .mart_wrap, .aboutus_wrap .vision .tart_wrap {
    padding-bottom: 13rem;
    position: relative;
}

.aboutus_wrap .vision p {
    font-size: 1.8rem;
    line-height: 2.125;
}

@media screen and (max-width:480px) {
    .aboutus_wrap .vision h3 {
        font-size: 5rem;
        margin-bottom: 2.8rem;
    }

    .aboutus_wrap .vision .mart_wrap {
        padding-bottom: 6rem;
    }

    .aboutus_wrap .vision .tart_wrap {
        padding-bottom: 0rem;
    }

    .aboutus_wrap .vision p {
        font-size: 1.4rem;
        line-height: 2;
    }
}

/* hoks_list */

.aboutus_wrap .vision .hoks_list {
    width: 40rem;
    padding-left: 1rem;
    position: absolute;
    overflow: hidden;
    right: 0;
    bottom: 6rem;
}

.aboutus_wrap .vision .hoks_list li {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0;
}

.aboutus_wrap .vision .hoks_list li .font_fugaz {
    font-size: 3.3rem;
    letter-spacing: normal;
    position: relative;
}

.aboutus_wrap .vision .hoks_list li .font_fugaz span {
    display: inline-block;
    color: #fff;
    position: relative;
    margin-right: 0.3em;
}

.aboutus_wrap .vision .hoks_list li .font_fugaz span::before {
    content: '';
    display: block;
    position: absolute;
    width: 1em;
    height: 1.2em;
    top: -0.1em;
    left: -0.15em;
    z-index: -1;
    transform: skewX(-10deg)
}

.aboutus_wrap .vision .hoks_list.mart li .font_fugaz span::before {
    background-color: #15154a;
}

.aboutus_wrap .vision .hoks_list.tart li .font_fugaz span::before {
    background-color: #0096e6;
}

.aboutus_wrap .vision .hoks_list li .font_fugaz::after {
    content: '';
    display: block;
    position: absolute;
    width: 40rem;
    border-top: 1px solid #000;
    left: calc(100% + 2rem);
    top: 0.5em;
    z-index: 1;
}

.aboutus_wrap .vision .hoks_list li .ja {
    background-color: #fff;
    padding: 0.5rem 0 0.5rem 2rem;
    z-index: 2;
    font-size: 2.3rem;
    letter-spacing: 0.16em;
}

@media screen and (max-width:480px) {
    .aboutus_wrap .vision .hoks_list {
        width: 100%;
        padding-left: 1rem;
        box-sizing: border-box;
        position: static;
        margin-top: 3rem;
    }

    .aboutus_wrap .vision .hoks_list li {
        margin: 1rem 0;
    }

    .aboutus_wrap .vision .hoks_list li .font_fugaz {
        font-size: 2.4rem;
    }

    .aboutus_wrap .vision .hoks_list li .font_fugaz::after {
        width: 100vw;
    }

    .aboutus_wrap .vision .hoks_list li .ja {
        padding: 0.4rem 0 0.4rem 2rem;
        font-size: 2rem;
    }
}

/* message */

.aboutus_wrap .message .message_inner {
    display: flex;
    justify-content: space-between;
}

.aboutus_wrap .message .message_inner p {
    font-size: 1.6rem;
    line-height: 2;
    width: 536px;
}

.aboutus_wrap .message .message_inner .president {
    width: 297px;
    padding-top: 7.6rem;
}

.aboutus_wrap .message .message_inner .president .img {
    margin-bottom: 3rem;
}

.aboutus_wrap .message .message_inner .president .signature {
    width: 154px;
}

@media screen and (max-width:480px) {
    .aboutus_wrap .message .message_inner {
        flex-direction: column-reverse;
    }

    .aboutus_wrap .message .message_inner p {
        font-size: 1.4rem;
        line-height: 2;
        width: auto;
    }

    .aboutus_wrap .message .message_inner .president {
        width: 70%;
        padding-top: 0;
        margin: 0 auto 3rem;
    }

    .aboutus_wrap .message .message_inner .president .img {
        margin-bottom: 2rem;
    }

    .aboutus_wrap .message .message_inner .president .signature {
        width: 50%;
        margin: auto;
    }
}

/* vision_02 */

.aboutus_wrap .vision_02 {
    padding-top: 10rem;
    position: relative;
}

.aboutus_wrap .vision_02 .illust {
    position: absolute;
    top: 23.6rem;
    right: -4rem;
}

.aboutus_wrap .vision_02 .vision_02_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 500px;
    position: relative;
}

.aboutus_wrap .vision_02 .vision_02_inner .vision_02_inner_item.width100 {
    width: 100%;
}

.aboutus_wrap .vision_02 .vision_02_inner .vision_02_inner_item ul {
    margin-bottom: 4rem;
}

.aboutus_wrap .vision_02 .vision_02_inner .vision_02_inner_item ul li {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
}

.aboutus_wrap .vision_02 .vision_02_inner .vision_02_inner_item ul li::before {
    content: '・';
    display: inline-block;
    margin-right: 0.25em;
}

h3.title_s {
    font-size: 2.2rem;
    padding: 1.2rem 0;
    color: #fff;
    background-color: #0096e6;
    text-align: center;
    border-radius: 0.8rem;
    letter-spacing: 0.08em;
    width: 236px;
    margin-bottom: 1.8rem;
    box-sizing: border-box;
}

h3.title_s span {
    vertical-align: 0.15em;
}

@media screen and (max-width:480px) {
    .aboutus_wrap .vision_02 {
        padding-top: 5rem;
        position: relative;
    }

    .aboutus_wrap .vision_02 .illust {
        position: static;
        width: 80%;
        margin: auto;
    }

    .aboutus_wrap .vision_02 .vision_02_inner {
        width: 100%;
    }

    .aboutus_wrap .vision_02 .vision_02_inner .vision_02_inner_item {
        width: 48%;
    }

    .aboutus_wrap .vision_02 .vision_02_inner .vision_02_inner_item ul {
        margin-bottom: 3rem;
    }

    .aboutus_wrap .vision_02 .vision_02_inner .vision_02_inner_item ul li {
        font-size: 1.4rem;
    }

    h3.title_s {
        font-size: 1.8rem;
        padding: 1rem 2rem;
        width: 100%;
        margin-bottom: 1.6rem;
    }

    h3.title_s span {
        vertical-align: 0.15em;
    }
}

/* polisy */

.aboutus_wrap .polisy {
    position: relative;
}

.aboutus_wrap .polisy .illust {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 410px;
    top: 176px;
    right: 45px;
}

.aboutus_wrap .polisy p {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 1em auto;
}

.aboutus_wrap .polisy ul {
    margin-bottom: 5rem;
    font-size: 2rem;
    line-height: 1.6;
}

.aboutus_wrap .polisy .houshin {
    font-size: 2rem;
    line-height: 1.6;
    columns: 2;
    margin: 2rem 0;
    width: 72%;
}

@media screen and (max-width:480px) {
    .aboutus_wrap .polisy .illust {
        position: static;
        display: flex;
        justify-content: space-between;
        width: 80%;
        margin: 0 auto 4rem;
    }

    .aboutus_wrap .polisy .illust div {
        width: 48%;
    }

    .aboutus_wrap .polisy p {
        font-size: 1.4rem;
    }

    .aboutus_wrap .polisy ul {
        margin-bottom: 3rem;
        font-size: 1.6rem;
        line-height: 1.6;
    }

    .aboutus_wrap .polisy .houshin {
        font-size: 1.6rem;
        line-height: 1.6;
        columns: 1;
        margin: 2rem 0;
        width: 72%;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
会社概要
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/* 会社概要 */

.company_profile_wrap .profile_data {
    font-size: 1.8rem;
    line-height: 2;
    width: 100%;
    border-bottom: 1px solid #999;
}

.company_profile_wrap .profile_data tr {
    border-top: 1px solid #999;
}

.company_profile_wrap .profile_data th, .company_profile_wrap .profile_data td {
    padding: 1.1em 0 1.3em;
}

.company_profile_wrap .profile_data th {
    color: #0096e6;
    vertical-align: top;
    width: 20rem;
}

.company_profile_wrap .profile_data dl {
    display: flex;
    flex-wrap: wrap;
}

.company_profile_wrap .profile_data dl.yakuin {
    line-height: 1.75;
}

.company_profile_wrap .profile_data dl.yakuin dt {
    width: 18%;
    padding-right: 7%;
    letter-spacing: normal;
    text-align: justify;
    text-align-last: justify;
}

.company_profile_wrap .profile_data dl.yakuin dd {
    width: 75%;
}

.company_profile_wrap .profile_data dl.address {
    line-height: 1.5;
}

.company_profile_wrap .profile_data dl.address dt {
    width: 11%;
    padding-right: 7%;
    letter-spacing: normal;
    text-align: justify;
    text-align-last: justify;
}

.company_profile_wrap .profile_data dl.address dd {
    width: 82%;
    margin-bottom: 0.75em;
}

.company_profile_wrap .profile_data dl.address dd:last-child {
    margin-bottom: 0.0;
}

@media screen and (max-width:480px) {
    .company_profile_wrap .profile_data {
        font-size: 1.4rem;
        line-height: 1.75;
    }

    .company_profile_wrap .profile_data th {
        width: 6em;
    }

    .company_profile_wrap .profile_data dl {
        display: block;
        flex-wrap: wrap;
    }

    .company_profile_wrap .profile_data dl.yakuin {
        line-height: 1.75;
    }

    .company_profile_wrap .profile_data dl.yakuin dt {
        width: auto;
        text-align: left;
        text-align-last: auto;
        font-weight: bold;
    }

    .company_profile_wrap .profile_data dl.yakuin dd {
        width: auto;
        margin-bottom: 0.5em;
    }

    .company_profile_wrap .profile_data dl.address dt {
        width: auto;
        letter-spacing: normal;
        text-align: left;
        text-align-last: auto;
        font-weight: bold;
    }

    .company_profile_wrap .profile_data dl.address dd {
        width: auto;
        margin-bottom: 0.75em;
    }

    .company_profile_wrap .profile_data dl.address dd:last-child {
        margin-bottom: 0.0;
    }
}

/* 主要取引先 */

.company_profile_wrap ul.list_circle {
    font-size: 1.8rem;
    columns: 2;
}

.company_profile_wrap ul.list_circle li {
    margin: 0;
    line-height: 2.4em;
}

@media screen and (max-width:480px) {
    .company_profile_wrap ul.list_circle {
        font-size: 1.6rem;
        columns: 1;
    }

    .company_profile_wrap ul.list_circle li {
        margin: 0;
        line-height: 2em;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
沿革
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*沿革*/

.history_wrap table.history_data {
    font-size: 1.8rem;
    line-height: 1.3;
}

.history_wrap table.history_data th {
    width: 4em;
    color: #0096e6;
    vertical-align: top;
}

.history_wrap table.history_data td.month {
    width: 3em;
    text-align: right;
    padding-right: 1em;
    font-weight: bold;
    vertical-align: top;
}

.history_wrap table.history_data th, .history_wrap table.history_data td {
    padding-top: 0.45em;
    padding-bottom: 0.45em;
}

@media screen and (max-width:480px) {
    .history_wrap table.history_data {
        font-size: 1.4rem;
    }

    .history_wrap table.history_data th {
        width: 4.5em;
        color: #0096e6;
    }

    .history_wrap table.history_data td.month {
        width: 3em;
        text-align: right;
        padding-right: 1em;
        font-weight: bold;
    }

    .history_wrap table.history_data td {
        padding-top: 0.35em;
        padding-bottom: 0.35em;
    }
}

/*写真*/

.history_wrap .photo_wrap {
    width: 738px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 7rem auto;
}

.history_wrap .photo_wrap .photo {
    width: 353px;
}

.history_wrap .photo_wrap .photo.photo_main {
    width: 100%;
    margin-bottom: 5rem;
}

.history_wrap .photo_wrap .photo .caption {
    font-size: 1.8rem;
    letter-spacing: 0.12em;
    line-height: 1.5;
    margin: 0.5em 0.25em;
}

.history_wrap .photo_wrap .photo .photo_main .caption {
    font-size: 2rem;
}

.history_wrap .photo_wrap .photo .caption span.pink {
    color: #e4007f;
}

.history_wrap .photo_wrap .photo .caption span.blue {
    color: #2ea7e0;
}

.history_wrap .photo_wrap .photo .caption span.orange {
    color: #f39800;
}

.history_wrap .photo_wrap .photo .caption span.green {
    color: #22ac38;
}

@media screen and (max-width:480px) {
    .history_wrap .photo_wrap {
        width: 100%;
        flex-direction: column;
        margin: 4rem auto;
    }

    .history_wrap .photo_wrap .photo {
        width: 100%;
        margin-bottom: 2rem;
    }

    .history_wrap .photo_wrap .photo.photo_main {
        margin-bottom: 2rem;
    }

    .history_wrap .photo_wrap .photo .caption {
        font-size: 1.4rem;
    }

    .history_wrap .photo_wrap .photo .photo_main .caption {
        font-size: 1.4rem;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
グループ
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

.group_wrap .group {
    width: 793px;
    margin-bottom: 15rem !important;
}

.group_wrap .group p.copy {
    font-size: 2rem;
    line-height: 1.7;
    letter-spacing: 0.15em;
    text-align: center;
}

.group_wrap .group .group_data {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0.5em;
    text-align: center;
    max-width: 546px;
    margin: 1.2em auto 3.5em;
    background-color: #efefef;
}

.group_wrap .group .group_img .caption {
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.6;
    margin-top: -2rem;
    letter-spacing: 0.09em;
}

@media screen and (max-width:480px) {
    .group_wrap .group {
        width: auto;
        margin-bottom: 8rem !important;
    }

    .group_wrap .group p.copy {
        font-size: 1.6rem;
        letter-spacing: 0.1em;
    }

    .group_wrap .group .group_data {
        font-size: 1.2rem;
        margin: 1.2em auto 3em;
    }

    .group_wrap .group .group_img .caption {
        font-size: 1.8rem;
        margin-top: -1rem;
    }
}

/*グループ一覧*/

.group_list_wrap {
    background-color: #efefef;
    padding: 9rem 0 2rem;
}

.group_list_wrap .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 906px;
    margin: auto;
}

.group_list_wrap .inner .item {
    margin-bottom: 7rem;
    width: 420px;
    background-color: #fff;
    padding: 3rem 0 4.5rem;
}

.group_list_wrap .inner .item .logo {
    width: 360px;
    margin: auto;
}

.group_list_wrap .inner .item .company_name {
    margin: 3rem 0 2rem;
    font-size: 2.2rem;
    letter-spacing: 0.025em;
    text-align: center;
}

.group_list_wrap .inner .item .address {
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 3rem;
}

@media screen and (max-width:480px) {
    .group_list_wrap {
        padding: 3rem 0 0;
    }

    .group_list_wrap .inner {
        flex-direction: column;
        width: auto;
        margin: auto;
    }

    .group_list_wrap .inner .item {
        margin: 0 auto 3rem;
        width: 84%;
        background-color: #fff;
        padding: 2rem 0 3.5rem;
    }

    .group_list_wrap .inner .item .logo {
        width: 80%;
        margin: auto;
    }

    .group_list_wrap .inner .item .company_name {
        margin: 2rem 0 2rem;
        font-size: 1.8rem;
    }

    .group_list_wrap .inner .item .address {
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
csr
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*共通*/

.csr_wrap {
    margin-bottom: 16rem;
}

.csr_wrap .chapter.csr_chapter {
    margin: 10rem auto !important;
}

.csr_wrap .chapter.csr_chapter h2 {
    font-size: 3rem;
    letter-spacing: 0.08em;
    margin-bottom: 5.5rem;
    text-align: center;
}

@media screen and (max-width:480px) {
    .csr_wrap {
        margin-bottom: 8rem;
    }

    .csr_wrap .chapter.csr_chapter {
        margin: 6rem 1.6rem !important;
    }

    .csr_wrap .chapter.csr_chapter h2 {
        font-size: 2rem;
        margin-bottom: 3rem;
    }
}

/*メッセージ*/

.csr_wrap .message {
    background-color: #e5f4fc;
    padding: 6rem 1.6rem 7rem;
}

.csr_wrap .message .inner {
    max-width: 750px;
    margin: auto;
}

.csr_wrap .message .inner h3 {
    font-size: 2.4rem;
    letter-spacing: 0.09em;
    margin-bottom: 3.25rem;
    text-align: center;
    color: #0096e6;
}

.csr_wrap .message .inner p {
    font-size: 1.8rem;
    line-height: 1.75;
    margin-bottom: 3.5rem;
}

.csr_wrap .message .inner .name {
    text-align: center;
    font-size: 2.4rem;
    letter-spacing: 0.07em;
}

.csr_wrap .message .inner .name span {
    font-size: 0.667em;
    margin-right: 1em;
}

@media screen and (max-width:480px) {
    .csr_wrap .message {
        padding: 3rem 1.6rem 3.5rem;
    }

    .csr_wrap .message .inner {
        max-width: 750px;
        margin: auto;
    }

    .csr_wrap .message .inner h3 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .csr_wrap .message .inner p {
        font-size: 1.4rem;
        line-height: 1.75;
        margin-bottom: 3rem;
    }

    .csr_wrap .message .inner .name {
        font-size: 2rem;
    }
}

/*CSR基本方針*/

.csr_wrap .houshin .copy {
    column-count: 2;
    column-gap: 5em;
    column-rule: 1px solid #0096e6;
    font-size: 1.8rem;
    letter-spacing: 0.04em;
    line-height: 1.75;
    margin-bottom: 5.5rem;
}

.csr_wrap .houshin .copy p {
    margin-bottom: 1.25em;
}

@media screen and (max-width:480px) {
    .csr_wrap .houshin .copy {
        column-count: 1;
        font-size: 1.4rem;
        margin-bottom: 4rem;
    }

    .csr_wrap .houshin .copy p {
        margin-bottom: 1.25em;
    }
}

/*csr一覧へ*/

.csr_wrap .goto_csr p {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 3.8rem;
}

@media screen and (max-width:480px) {
    .csr_wrap .goto_csr p {
        font-size: 1.6rem;
        margin-bottom: 2.4rem;
    }
}

/*CSR推進体制*/

.csr_wrap .taisei {
    position: relative;
    padding-bottom: 38rem;
}

.csr_wrap .taisei .illust_touchi {
    position: absolute;
    width: 355px;
    left: 6rem;
    bottom: 0;
}

.csr_wrap .taisei .goto_csr {
    position: absolute;
    right: 4rem;
    bottom: 10.6rem;
}

@media screen and (max-width:480px) {
    .csr_wrap .taisei {
        position: relative;
        padding-bottom: 0;
    }

    .csr_wrap .taisei .illust_touchi {
        position: static;
        width: 80%;
        margin: 3rem auto 4rem;
    }

    .csr_wrap .taisei .goto_csr {
        position: static;
    }
}

/*ISO26000対照表*/

.csr_wrap table.iso2600 {
    font-size: 1.4rem;
    line-height: 1.5;
}

.csr_wrap table.iso2600 tr th {
    padding: 0 1.6rem 1.6rem;
    letter-spacing: 0.3em;
}

.csr_wrap table.iso2600 tr th span {
    display: block;
    background-color: #0096e6;
    color: #fff;
    padding: 0.5em;
    text-align: center;
}

.csr_wrap table.iso2600 tr td {
    vertical-align: top;
    padding: 1.6rem;
}

.csr_wrap table.iso2600 tr th, .csr_wrap table.iso2600 tr td {
    border-bottom: 1px solid #0096e6;
    border-right: 1px dotted #0096e6;
}

.csr_wrap table.iso2600 tr th:first-child, .csr_wrap table.iso2600 tr td:first-child {
    padding-left: 0;
}

.csr_wrap table.iso2600 tr th:last-child, .csr_wrap table.iso2600 tr td:last-child {
    padding-right: 0;
    border-right: none;
}

@media screen and (max-width:480px) {
    .table_wrap {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .csr_wrap table.iso2600 {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .csr_wrap table.iso2600 tr th, .csr_wrap table.iso2600 tr td {
        font-size: 1rem;
        line-height: 1.3;
        padding: 0.75em;
    }

    .csr_wrap table.iso2600 tr th {
        padding-top: 0;
    }
}

/*地域社会・環境への取り組み*/

.csr_wrap .torikumi {
    background-color: #e5f4fc;
    padding: 9rem 1.6rem 6rem;
    margin-bottom: 9.6rem;
}

.csr_wrap .torikumi h2 {
    font-size: 3rem;
    letter-spacing: 0.08em;
    margin-bottom: 6rem;
    text-align: center;
}

.csr_wrap .torikumi .inner {
    max-width: 910px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.csr_wrap .torikumi .inner .item {
    width: 423px;
    margin-bottom: 4rem;
}

.csr_wrap .torikumi .inner .item h3 {
    font-size: 2rem;
    font-weight: normal;
    letter-spacing: 0.04em;
}

.csr_wrap .torikumi .inner .item p {
    font-size: 1.5rem;
    letter-spacing: normal;
    line-height: 1.5;
    margin: 0.75rem auto 1rem;
    letter-spacing: 0.04em;
}

.csr_wrap .torikumi .inner .item .img_wrap {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:480px) {
    .csr_wrap .torikumi {
        padding: 6rem 1.6rem 3rem;
        margin-bottom: 6rem;
    }

    .csr_wrap .torikumi h2 {
        font-size: 2rem;
        margin-bottom: 4rem;
    }

    .csr_wrap .torikumi .inner {
        flex-direction: column;
    }

    .csr_wrap .torikumi .inner .item {
        width: 100%;
        margin-bottom: 3rem;
    }

    .csr_wrap .torikumi .inner .item h3 {
        font-size: 1.8rem;
    }

    .csr_wrap .torikumi .inner .item p {
        font-size: 1.3rem;
    }

    .csr_wrap .torikumi .inner .item .img_wrap div {
        width: 49%;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
トピックス
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*検索ボタン*/

.topics_wrap .serch_button_wrap {
    margin: 6rem 1.6rem;
}

.topics_wrap .serch_button_wrap h4 {
    font-size: 2.4rem;
    letter-spacing: 0.2em;
    color: #15154a;
    text-align: center;
    margin-bottom: 2rem;
}

.topics_wrap .serch_button_wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1000px;
    margin: auto;
}

.topics_wrap .serch_button_wrap ul li {
    margin: 0.75rem 1.1rem;
    width: 18.6rem;
}

.topics_wrap .serch_button_wrap ul li a {
    display: block;
    background-color: #15154a;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    padding: 0.72em 0 0.82em;
    width: 100%;
    text-decoration: none;
}

@media screen and (max-width:480px) {
    .topics_wrap .serch_button_wrap {
        margin: 4rem 0;
    }

    .topics_wrap .serch_button_wrap h4 {
        font-size: 2.4rem;
        letter-spacing: 0.2em;
        color: #15154a;
        text-align: center;
        margin-bottom: 2rem;
    }

    .topics_wrap .serch_button_wrap ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 910px;
        padding: 0 1.6rem;
        margin: auto;
    }

    .topics_wrap .serch_button_wrap ul li {
        margin: 0.5rem auto;
        width: 47%;
    }

    .topics_wrap .serch_button_wrap ul li a {
        display: block;
        background-color: #15154a;
        color: #fff;
        text-align: center;
        font-size: 1.2rem;
        padding: 0.72em 0 0.82em;
        text-decoration: none;
    }
}

/*トピックスリスト*/

ul.topics_list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto 4rem;
}

ul.topics_list li {
    width: 230px;
    margin-right: 26px;
    margin-bottom: 5rem;
}

ul.topics_list li:nth-child(4n) {
    margin-right: 0;
}

ul.topics_list li a {
    color: #000;
    display: block;
    text-decoration: none;
}

ul.topics_list li a:hover {
    opacity: 0.8;
}

ul.topics_list li a .img {
    height: 172px;
    margin-bottom: 2rem;
}

ul.topics_list li a .date {
    font-size: 1.4rem;
}

ul.topics_list li a h3 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    margin: 0.5em 0;
}

ul.topics_list li a .tag {
    font-size: 1.4rem;
    text-decoration: underline;
    letter-spacing: 0.05em;
}

@media screen and (max-width:480px) {
    ul.topics_list {
        margin: 0 1.6rem 3rem;
        justify-content: space-between;
    }

    ul.topics_list li {
        width: 44vw;
        margin-right: 0;
        margin-bottom: 3rem;
    }

    ul.topics_list li:nth-child(4n) {
        margin-right: 0;
    }

    ul.topics_list li a {
        color: #000;
        display: block;
        text-decoration: none;
    }

    ul.topics_list li a:hover {
        opacity: 0.8;
    }

    ul.topics_list li a .img {
        height: 32vw;
        margin-bottom: 1.5rem;
    }

    ul.topics_list li a .date {
        font-size: 1.2rem;
    }

    ul.topics_list li a h3 {
        font-size: 1.4rem;
    }

    ul.topics_list li a .tag {
        font-size: 1.2rem;
    }
}

/*トピックスエントリー*/

.topics_wrap .serch_button_wrap .date {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 1em;
}

.topics_wrap article.entry {
    max-width: 764px;
    padding: 0 1.6rem;
    margin: 0 auto 4rem;
}

.topics_wrap article.entry h2.entry_titel {
    font-size: 3rem;
    line-height: 1.75;
    letter-spacing: 0.08em;
    text-align: center;
    margin-bottom: 4rem;
}

.topics_wrap article.entry .main_img {
    max-width: 540px;
    margin: auto;
}

.topics_wrap article.entry .text {
    margin: 7rem auto 5rem;
    max-width: 754px;
    font-size: 1.8rem;
    line-height: 1.75;
    letter-spacing: 0.02em;
}

.topics_wrap article.entry .img_sub_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.topics_wrap article.entry .img_sub_wrap .img_sub {
    width: 368px;
    margin-bottom: 1.6rem;
}

.topics_wrap article.entry .img_sub_wrap .img_sub .img {
    width: 368px;
    height: 245px;
}

.topics_wrap article.entry .img_sub_wrap .img_sub .caption {
    margin: 1em 0;
    font-size: 1.4rem;
    line-height: 1.5;
}

@media screen and (max-width:480px) {
    .topics_wrap .serch_button_wrap .date {
        font-size: 1.6rem;
    }

    .topics_wrap article.entry {
        margin: 0 auto 2rem;
    }

    .topics_wrap article.entry h2.entry_titel {
        font-size: 2rem;
        line-height: 1.5;
        text-align: left;
        margin-bottom: 3rem;
    }

    .topics_wrap article.entry .text {
        margin: 4rem auto 4rem;
        font-size: 1.4rem;
    }

    .topics_wrap article.entry .img_sub_wrap {
        flex-direction: column;
        width: 78vw;
        margin: auto;
    }

    .topics_wrap article.entry .img_sub_wrap .img_sub {
        width: 100%;
        margin-bottom: 1.4rem;
    }

    .topics_wrap article.entry .img_sub_wrap .img_sub .img {
        width: 100%;
        height: 52vw;
    }

    .topics_wrap article.entry .img_sub_wrap .img_sub .caption {
        font-size: 1.2rem;
    }
}

/*エントリーナビボタン*/

.footer_button_nav {
    display: flex;
    justify-content: center;
    margin-bottom: 12rem;
}

.footer_button_nav li {
    margin: 0 1rem;
}

@media screen and (max-width:480px) {
    .footer_button_nav {
        display: flex;
        flex-direction: column;
        margin-bottom: 6rem;
    }

    .footer_button_nav li {
        margin: 1rem auto;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
お問い合わせ
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

.form_wrap .form_wrap_inner {
    background-color: #efefef;
    padding: 5rem 1.6rem;
}

.form_wrap .form_wrap_inner .inner {
    max-width: 820px;
    margin: auto;
}

@media screen and (max-width:480px) {
    .form_wrap .form_wrap_inner {
        padding: 3rem 1.6rem;
    }
}

/*フォーム*/

table.form {
    width: 100%;
    line-height: 1.5;
    color: #000;
}

table.form th {
    padding: 0.9em 0 0;
    width: 35%;
    text-align: left;
    font-size: 2rem;
    letter-spacing: 0.03em;
    vertical-align: top;
}

table.form th span {
    display: inline-block;
    font-size: 0.75em;
    line-height: 1em;
    padding: 0.3em 0.5em 0.4em;
    border-radius: 4px;
    background-color: #0096e6;
    color: #fff;
    margin-left: 0.5rem;
    vertical-align: 0.1em;
}

table.form td {
    font-size: 2rem;
    padding: 0.5em 0;
}

table.form input[type="text"], table.form input[type="tel"], table.form input[type="email"], table.form textarea {
    font-size: 2rem;
    padding: 0.5em;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #505050;
}

table.form .wpcf7-radio span.wpcf7-list-item {
    display: block;
    margin: 0.4em;
    font-weight: bold;
}

table.form label input {
    margin-right: 0.5em;
    /* appearance: none; */
}

.form_button {
    text-align: center;
    margin: 4rem auto;
    text-align: center;
    display: flex;
    justify-content: center;
}

.form_button input {
    display: block;
    width: 240px;
    padding: 1em 2em;
    text-align: center;
    margin: 0 1em;
    font-size: 1.6rem;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background-color: #000;
    color: #fff;
    box-sizing: border-box;
    letter-spacing: 0.1em;
    position: relative;
    z-index: 2;
    cursor: pointer;
    overflow: hidden;
    transition: all .2s;
    outline: none;
}

.form_button input:hover {
    background-color: #00aafa;
}

/*コンタクトフォーム７*/

/* アラート */

.wpcf7-not-valid-tip {
    padding: 0.5em;
    background-color: #ff9;
    margin: 0.75em 0;
}

.wpcf7-mail-sent-ok {
    border: 2px solid #00B5D8 !important;
}

.wpcf7-response-output {
    margin: 2em auto !important;
    padding: 1em !important;
    text-align: center !important;
    font-size: 1.6rem !important;
    line-height: 1.5;
    background-color: #fff;
}

.wpcf7c-conf {
    background-color: rgb(232, 240, 254) !important;
}

.wpcf7-validation-errors, .wpcf7-acceptance-missing {
    border: 1px solid #ccc !important;
    background-color: #eee !important;
}

@media screen and (max-width:480px) {
    table.form td, table.form th {
        display: block;
        width: 100%;
        font-size: 1.6rem;
    }

    table.form td {
        padding: 0.5em 0;
    }

    .form_button input[type="submit"], .form_button input[type="button"] {
        display: block;
        margin: 1em auto;
    }

    table.form .wpcf7-radio span.wpcf7-list-item:nth-child(2n+1) {
        width: 100%;
    }

    table.form .wpcf7-radio span.wpcf7-list-item:nth-child(2n) {
        width: auto;
    }

    .form_button {
        margin: 3rem auto;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
個人情報保護方針
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

.privacy_wrap .privacy_wrap_inner {
    max-width: 820px;
    margin: 8rem auto;
    padding: 0 1.6rem;
}

.privacy_wrap .privacy_wrap_inner h2 {
    font-size: 2.6rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin: 2em 0 1em;
}

.privacy_wrap .privacy_wrap_inner h3 {
    font-size: 2.2rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin: 0.75em 0;
}

.privacy_wrap .privacy_wrap_inner p {
    font-size: 1.8rem;
    line-height: 1.65;
    letter-spacing: 0.02em;
    margin-bottom: 1.25em;
}

.privacy_wrap .privacy_wrap_inner p.company_name {
    text-align: center;
    font-weight: bold;
    margin-top: 8rem;
    font-size: 2rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width:480px) {
    .privacy_wrap .privacy_wrap_inner {
        margin: auto;
    }

    .privacy_wrap .privacy_wrap_inner h2 {
        font-size: 1.8rem;
    }

    .privacy_wrap .privacy_wrap_inner h3 {
        font-size: 1.6rem;
    }

    .privacy_wrap .privacy_wrap_inner p {
        font-size: 1.4rem;
    }

    .privacy_wrap .privacy_wrap_inner p.company_name {
        margin-top: 4rem;
        font-size: 1.6rem;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
リクルート
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*メールでのお問い合わせ*/

.recruit_wrap .mail_toiawase {
    padding: 8rem 0;
    background-color: #f6f6f6;
    margin-top: 12rem;
}

.recruit_wrap .mail_toiawase .button_wrap {
    width: 45rem;
    height: 7.4rem;
}

/*電話*/

.recruit_wrap .mail_toiawase .tel_wrap {
    text-align: center;
    margin-top: 4.4rem;
}

.recruit_wrap .mail_toiawase .tel_wrap a {
    color: #000;
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: 0.05em;
}

@media screen and (max-width:480px) {
    .recruit_wrap .mail_toiawase {
        padding: 4rem 0;
        margin-top: 6rem;
    }

    .recruit_wrap .mail_toiawase .button_wrap {
        width: 28rem;
        height: 5rem;
    }

    .recruit_wrap .mail_toiawase .tel_wrap {
        margin-top: 3rem;
    }

    .recruit_wrap .mail_toiawase .tel_wrap a {
        display: block;
        background-color: #fff;
        font-size: 2rem;
        color: #0096e6;
        text-decoration: none;
        padding: 1rem;
        width: 70%;
        margin: auto;
        border-radius: 0.5rem;
        border: 2px solid #0096e6;
    }

    .recruit_wrap .mail_toiawase .tel_wrap a span.tel {
        font-size: 0.75em;
        margin-right: 0.25em;
    }

    .recruit_wrap .mail_toiawase .tel_wrap a span.bumon {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 0.5em;
    }
}

/*リクルートトップ------------------------------*/

.recruit_top p.read_copy, .solution_wrap p.read_copy {
    font-size: 1.8rem;
    letter-spacing: 0.09em;
    line-height: 1.75;
    text-align: center;
    margin-bottom: 2rem;
}

@media screen and (max-width:480px) {
    .recruit_top p.read_copy, .solution_wrap p.read_copy {
        font-size: 1.4rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

/* イントロダクション */

.recruit_top .intoro {
    margin: 6rem auto 8rem;
}

.recruit_top .intoro .intoro_inner {
    display: flex;
    margin: auto;
    max-width: 910px;
    justify-content: space-between;
}

.recruit_top .intoro .intoro_inner .intoro_text h3 {
    font-size: 6rem;
    margin-bottom: 0.5em;
}

.recruit_top .intoro .intoro_inner .intoro_text h3 span {
    display: block;
}

.recruit_top .intoro .intoro_inner .intoro_text h3 span.font_fugaz {
    margin-bottom: 0.3em;
}

.recruit_top .intoro .intoro_inner .intoro_text h3 span.ja {
    font-size: 0.5em;
    letter-spacing: 0.1em;
}

.recruit_top .intoro .intoro_inner .intoro_text p {
    font-size: 1.8rem;
    line-height: 1.75;
}

.recruit_top .intoro .intoro_inner .intoro_photo {
    padding-top: 4rem;
}

.recruit_top .intoro ul.button_list {
    display: flex;
    justify-content: center;
    margin-top: 8rem;
}

.recruit_top .intoro ul.button_list li.button_wrap {
    margin: 0 3rem;
}

@media screen and (max-width:480px) {
    .recruit_top .intoro {
        margin: 4rem 1.6rem 4rem;
    }

    .recruit_top .intoro .intoro_inner {
        flex-direction: column;
    }

    .recruit_top .intoro .intoro_inner .intoro_text h3 {
        font-size: 4rem;
        text-align: center;
    }

    .recruit_top .intoro .intoro_inner .intoro_text p {
        font-size: 1.4rem;
        text-align: center;
    }

    .recruit_top .intoro .intoro_inner .intoro_photo {
        padding-top: 3rem;
    }

    .recruit_top .intoro ul.button_list {
        flex-direction: column;
        margin-top: 3rem;
    }

    .recruit_top .intoro ul.button_list li.button_wrap {
        margin: 1rem auto;
    }
}

/* ワークプロセス */

.recruit_top .workprecess_wrap {
    background-color: #0096e6;
    color: #fff;
    padding: 4rem 0 5.5rem;
    margin-bottom: 8rem;
}

.recruit_top .workprecess_wrap p {
    font-size: 2rem;
    letter-spacing: 0.09em;
    line-height: 1.75;
    margin-bottom: 3.5rem;
    text-align: center;
}

.recruit_top .workprecess_wrap .illust {
    max-width: 1000px;
    margin: auto;
}

@media screen and (max-width:480px) {
    .recruit_top .workprecess_wrap {
        padding: 3rem 1.6rem 2rem;
        margin-bottom: 3rem;
    }

    .recruit_top .workprecess_wrap p {
        font-size: 1.6rem;
        margin-bottom: 2rem;
        text-align: left;
    }
}

/* 職種紹介 */

.recruit_top .job_wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 5rem;
    margin-bottom: 10rem;
}

.recruit_top .job_wrap::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 383px;
    background: rgb(232, 232, 237);
    background: linear-gradient(90deg, rgba(232, 232, 237, 1) 0%, rgba(232, 232, 237, 1) 50%, rgba(229, 244, 252, 1) 50%, rgba(229, 244, 252, 1) 100%);
    z-index: -1;
}

.recruit_top .job_wrap h2 {
    margin-bottom: 3rem;
}

.recruit_top .job_wrap .job_inner {
    display: flex;
    justify-content: space-between;
    width: 820px;
    margin: auto;
}

.recruit_top .job_wrap .job_inner>div {
    width: 360px;
}

.recruit_top .job_wrap .job_inner h3 {
    background-color: #15154a;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 0.34em;
    text-align: center;
    padding: 0.45em 0 0.46em;
    margin: 1rem 0 1.2em;
}

.recruit_top .job_wrap .job_inner h4 {
    font-size: 2.4rem;
    color: #15154a;
    padding: 0.9rem 0 0.9rem 5.2rem;
    margin-bottom: 0.2em;
    position: relative;
}

.recruit_top .job_wrap .job_inner p {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 2rem;
}

.recruit_top .job_wrap .job_inner .job_manage h3 {
    background-color: #0096e6;
}

.recruit_top .job_wrap .job_inner .job_manage h4 {
    color: #0096e6;
}

/*アイコン*/

.recruit_top .job_wrap .job_inner h4.icon::before {
    content: '';
    display: block;
    position: absolute;
    width: 4.2rem;
    height: 4.2rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 0;
    left: 0;
}

.recruit_top .job_wrap .job_inner h4.icon_01::before {
    background-image: url(../img/recruit/icon_01.svg);
}

.recruit_top .job_wrap .job_inner h4.icon_02::before {
    background-image: url(../img/recruit/icon_02.svg);
}

.recruit_top .job_wrap .job_inner h4.icon_03::before {
    background-image: url(../img/recruit/icon_03.svg);
}

.recruit_top .job_wrap .job_inner h4.icon_04::before {
    background-image: url(../img/recruit/icon_04.svg);
}

.recruit_top .job_wrap .job_inner h4.icon_05::before {
    background-image: url(../img/recruit/icon_05.svg);
}

.recruit_top .job_wrap .job_inner h4.icon_06::before {
    background-image: url(../img/recruit/icon_06.svg);
}

.recruit_top .job_wrap .job_inner h4.icon_07::before {
    background-image: url(../img/recruit/icon_07.svg);
}

.recruit_top .job_wrap .job_inner h4.icon_08::before {
    background-image: url(../img/recruit/icon_08.svg);
}

.recruit_top .job_wrap .job_inner h4.icon_09::before {
    background-image: url(../img/recruit/icon_09.svg);
}

.recruit_top .job_wrap .job_inner h4.icon_10::before {
    background-image: url(../img/recruit/icon_10.svg);
}

@media screen and (max-width:480px) {
    .recruit_top .job_wrap {
        padding-bottom: 0;
        margin-bottom: 5rem;
    }

    .recruit_top .job_wrap::before {
        display: none;
    }

    .recruit_top .job_wrap h2 {
        margin-bottom: 3rem;
    }

    .recruit_top .job_wrap .job_inner {
        flex-direction: column;
        width: 100%;
        margin: auto;
    }

    .recruit_top .job_wrap .job_inner>div {
        width: 100%;
        padding: 0 3.2rem;
        box-sizing: border-box;
    }

    .recruit_top .job_wrap .job_inner h3 {
        font-size: 1.6rem;
    }

    .recruit_top .job_wrap .job_inner h4 {
        font-size: 2rem;
        color: #15154a;
        padding: 0.9rem 0 0.9rem 4.6rem;
    }

    .recruit_top .job_wrap .job_inner p {
        font-size: 1.2rem;
    }

    .recruit_top .job_wrap .job_inner .job_manage h3 {
        background-color: #0096e6;
    }

    .recruit_top .job_wrap .job_inner .job_manage h4 {
        color: #0096e6;
    }

    /*アイコン*/
    .recruit_top .job_wrap .job_inner h4.icon::before {
        width: 3.6rem;
        height: 3.6rem;
    }

    /*背景*/
    .recruit_top .job_wrap .job_inner .job_tec {
        background-color: #e8e8ed;
    }

    .recruit_top .job_wrap .job_inner .job_manage {
        background-color: #e5f4fc;
    }

    .recruit_top .job_wrap .job_inner>div {
        margin-top: 15rem;
    }

    .recruit_top .job_wrap .job_inner>div div.illust {
        margin-top: -15rem;
    }
}

/*スタッフ紹介*/

.recruit_top .people_wrap {
    padding-bottom: 7rem;
    position: relative;
}

.recruit_top .people_wrap::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 28rem;
    background-color: #0096e6;
    z-index: -1;
}

.recruit_top .people_wrap ul.photo {
    display: flex;
    justify-content: center;
    margin: 4rem auto;
}

.recruit_top .people_wrap ul.photo li {
    margin: 0 2.2rem;
}

@media screen and (max-width:480px) {
    .recruit_top .people_wrap {
        padding-bottom: 4rem;
    }

    .recruit_top .people_wrap::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 16.4rem;
        background-color: #0096e6;
        z-index: -1;
    }

    .recruit_top .people_wrap ul.photo {
        display: flex;
        justify-content: center;
        margin: 3rem 1.6rem;
    }

    .recruit_top .people_wrap ul.photo li {
        margin: 0 1rem;
    }
}

/*新卒試採用 中途採用----------*/

.recruit_saiyou .column {
    max-width: 910px;
    margin: 7rem auto 20rem;
}

.recruit_saiyou .column .inner {
    display: flex;
    justify-content: space-between;
}

.recruit_saiyou .column .inner h4 {
    font-size: 2.2rem;
    margin-bottom: 0.5em;
}

.recruit_saiyou .column .inner h4::before {
    content: '■';
    color: #0096e6;
    margin-right: 0.2em;
}

.recruit_saiyou .column .inner p {
    font-size: 1.6rem;
    line-height: 1.75;
    padding-bottom: 1.25em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #0096e6;
}

.recruit_saiyou .column .inner p:last-child {
    border-bottom: none;
}

.recruit_saiyou .column h5 {
    font-size: 2rem;
    margin-bottom: 1em;
    letter-spacing: 0.1em;
}

.recruit_saiyou .column .inner ul.flow li {
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
    margin-bottom: 3.2rem;
    padding: 0.7rem 0 0.9rem;
    position: relative;
}

.recruit_saiyou .column .inner ul.flow li small {
    font-size: 0.8em;
}

.recruit_saiyou .column .inner ul.flow li::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2.25rem;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    width: 1em;
    height: 0.8em;
    border-top: 0.8em solid #595757;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent;
}

.recruit_saiyou .column .inner ul.flow li:last-child::after {
    display: none;
}

.recruit_saiyou .column .inner ul.flow.blue li {
    background-color: #0096e6;
}

.recruit_saiyou .column .inner ul.flow.deep_blue li {
    background-color: #15154a;
}

@media screen and (max-width:480px) {
    .recruit_saiyou .column {
        margin: 4rem 1.6rem 6rem;
    }

    .recruit_saiyou .column .inner {
        flex-direction: column;
    }

    .recruit_saiyou .column .inner h4 {
        font-size: 1.8rem;
    }

    .recruit_saiyou .column .inner p {
        font-size: 1.4rem;
    }

    .recruit_saiyou .column h5 {
        font-size: 1.8rem;
    }

    .recruit_saiyou .column .inner ul.flow li {
        font-size: 1.6rem;
    }
}

/*新卒*/

.recruit_saiyou .column.shinsotsu .left {
    width: 466px;
}

.recruit_saiyou .column.shinsotsu .right {
    padding-top: 5.2rem;
    width: 334px;
}

.recruit_saiyou .column.shinsotsu h5.banner {
    text-align: center;
    margin-top: 7rem;
}

/*中途*/

.recruit_saiyou .column.tyuto .left {
    width: 402px;
}

.recruit_saiyou .column.tyuto .right {
    width: 410px;
}

.recruit_saiyou .column.tyuto .inner table tr {
    border-top: 1px solid #999;
}

.recruit_saiyou .column.tyuto .inner table td {
    font-size: 1.8rem;
    line-height: 1.5;
    padding: 1.5rem 0;
}

.recruit_saiyou .column.tyuto .inner table td sup {
    font-size: 0.75em;
}

.recruit_saiyou .column.tyuto .inner table td small {
    font-size: 0.8em;
}

.recruit_saiyou .column.tyuto .inner table th {
    font-size: 1.5rem;
    vertical-align: top;
    color: #15154a;
    width: 7em;
    line-height: 1.7em;
    padding: 1.5rem 0;
}

@media screen and (max-width:480px) {
    .recruit_saiyou .column .left {
        width: 100% !important;
    }

    .recruit_saiyou .column .right {
        padding-top: 2rem;
        width: 100% !important;
    }

    .recruit_saiyou .column.shinsotsu h5.banner {
        margin-top: 4rem;
    }

    .recruit_saiyou .column.shinsotsu .banner {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    .recruit_saiyou .column.tyuto .inner table td, .recruit_saiyou .column.tyuto .inner table th {
        font-size: 1.4rem;
        padding: 1.25rem 0;
        line-height: 1.5;
    }
}

.recruit_saiyou .naiyo.tyuto {
    max-width: 910px;
    margin: 7rem auto 0;
}

.recruit_saiyou .naiyo.tyuto table {
    border: 2px solid #000;
    width: 100%;
}

.recruit_saiyou .naiyo.tyuto table td, .recruit_saiyou .naiyo.tyuto table th {
    border: 1px solid #000;
    font-size: 1.8rem;
    line-height: 1.5;
    padding: 0.75rem;
}

.recruit_saiyou .naiyo.tyuto table th {
    text-align: center;
}

.recruit_saiyou .naiyo.tyuto table tbody th {
    width: 17%;
    vertical-align: middle;
}

@media screen and (max-width:480px) {
    .recruit_saiyou .naiyo.tyuto {
        margin: 3rem auto 0;
    }

    .recruit_saiyou .naiyo.tyuto table td, .recruit_saiyou .naiyo.tyuto table th {
        font-size: 1.4rem;
        line-height: 1.5;
        padding: 0.5rem;
    }

    .recruit_saiyou .naiyo.tyuto table th {
        text-align: center;
    }

    .recruit_saiyou .naiyo.tyuto table tbody th {
        width: 30%;
        vertical-align: middle;
    }
}

/*スタッフ一覧---------*/

.recruit_wrap.people_wrap {
    margin-top: 9rem;
}

.recruit_wrap .people_list {
    max-width: 806px;
    padding: 0 1.6rem;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.recruit_wrap .people_list li {
    width: 375px;
    margin-bottom: 6.4rem;
}

.recruit_wrap .people_list li a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.recruit_wrap .people_list li a .img {
    width: 375px;
    height: 223px;
}

.recruit_wrap .people_list li a .data {
    background-color: #0096e6;
    position: relative;
    padding: 1.2rem 4.5rem 1.6rem 1.6rem;
}

.recruit_wrap .people_list li a .data::after {
    content: '';
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top: 0;
    bottom: 0;
    right: 3em;
    margin: auto;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
}

.recruit_wrap .people_list li a .data .busyo {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 0.2em;
}

.recruit_wrap .people_list li a .data .nyusya {
    font-size: 1.6rem;
    letter-spacing: 0.09em;
}

.recruit_wrap .people_list li a .syussin {
    background-color: #4cb5ed;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 0.75rem 1.6rem 0.85rem;
}

.recruit_wrap .people_list li:nth-child(2) a .data, .recruit_wrap .people_list li:nth-child(3) a .data, .recruit_wrap .people_list li:nth-child(6) a .data, .recruit_wrap .people_list li:nth-child(7) a .data, .recruit_wrap .people_list li:nth-child(10) a .data, .recruit_wrap .people_list li:nth-child(11) a .data {
    background-color: #15154a;
}

.recruit_wrap .people_list li:nth-child(2) a .syussin, .recruit_wrap .people_list li:nth-child(3) a .syussin, .recruit_wrap .people_list li:nth-child(6) a .syussin, .recruit_wrap .people_list li:nth-child(7) a .syussin, .recruit_wrap .people_list li:nth-child(10) a .syussin, .recruit_wrap .people_list li:nth-child(11) a .syussin {
    background-color: #5b5b81;
}

@media screen and (max-width:480px) {
    .recruit_wrap.people_wrap {
        margin-top: 4rem;
    }

    .recruit_wrap .people_list li {
        width: 43vw;
        margin-bottom: 3rem;
    }

    .recruit_wrap .people_list li a {
        display: block;
        color: #fff;
        text-decoration: none;
    }

    .recruit_wrap .people_list li a .img {
        width: 100%;
        height: 32vw;
    }

    .recruit_wrap .people_list li a .data {
        padding: 0.5rem 2.5rem 0.7rem 1rem;
    }

    .recruit_wrap .people_list li a .data::after {
        width: 0.7em;
        height: 0.7em;
        top: 0;
        bottom: 0;
        right: 1em;
        margin: auto;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    .recruit_wrap .people_list li a .data .busyo {
        font-size: 1.3rem;
        letter-spacing: 0;
        margin-bottom: 0.2em;
    }

    .recruit_wrap .people_list li a .data .nyusya {
        font-size: 1.2rem;
    }

    .recruit_wrap .people_list li a .syussin {
        background-color: #4cb5ed;
        font-size: 1rem;
        padding: 0.5rem 1rem 0.6rem;
    }
}

/*スタッフ紹介---------*/

.recruit_wrap .people_entry .staff_data_wrap {
    max-width: 820px;
    margin: auto auto 6.5rem;
    display: flex;
    justify-content: space-between;
}

.recruit_wrap .people_entry .staff_data_wrap .photo {
    width: 375px;
    padding-top: 1.05rem;
}

.recruit_wrap .people_entry .staff_data_wrap .text {
    width: 380px;
}

.recruit_wrap .people_entry .staff_data_wrap .text h2 {
    font-size: 2.8rem;
    line-height: 1.75;
    margin-bottom: 0.6em;
}

.recruit_wrap .people_entry .staff_data_wrap p {
    font-size: 1.4rem;
    line-height: 1.5;
}

.recruit_wrap .people_entry .staff_data_wrap p.syussin {
    margin-top: 0.5em;
}

.recruit_wrap .people_entry .staff_text_wrap {
    background-color: #e5f4fc;
}

.recruit_wrap .people_entry .staff_text_wrap .staff_text {
    max-width: 820px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 4rem 0;
    margin-bottom: 7rem;
}

.recruit_wrap .people_entry .staff_text_wrap .staff_text li {
    width: 376px;
    padding: 3rem 0;
    border-bottom: 1px solid #000;
}

.recruit_wrap .people_entry .staff_text_wrap .staff_text li:nth-child(3), .recruit_wrap .people_entry .staff_text_wrap .staff_text li:nth-child(4) {
    border-bottom: none;
}

.recruit_wrap .people_entry .staff_text_wrap .staff_text li h3 {
    font-size: 2rem;
    line-height: 2;
    margin-bottom: 0.75em;
}

.recruit_wrap .people_entry .staff_text_wrap .staff_text li h3 span {
    font-size: 3rem;
    line-height: 1;
    margin-right: 0.25em;
    vertical-align: -0.1em;
}

.recruit_wrap .people_entry .staff_text_wrap .staff_text li p {
    font-size: 1.4rem;
    line-height: 1.75;
}

@media screen and (max-width:480px) {
    .recruit_wrap .people_entry .staff_data_wrap {
        margin: 4rem 1.6rem;
        flex-direction: column-reverse;
    }

    .recruit_wrap .people_entry .staff_data_wrap .photo {
        width: 100%;
        padding-top: 3em;
    }

    .recruit_wrap .people_entry .staff_data_wrap .text {
        width: 100%;
    }

    .recruit_wrap .people_entry .staff_data_wrap .text h2 {
        font-size: 2rem;
    }

    .recruit_wrap .people_entry .staff_data_wrap p {
        font-size: 1.2rem;
    }

    .recruit_wrap .people_entry .staff_text_wrap .staff_text {
        margin: 0 1.6rem;
        flex-direction: column;
        padding: 0 0 2rem;
        margin-bottom: 4rem;
    }

    .recruit_wrap .people_entry .staff_text_wrap .staff_text li {
        width: 100%;
        padding: 3rem 0;
        border-bottom: 1px solid #000;
    }

    .recruit_wrap .people_entry .staff_text_wrap .staff_text li:nth-child(3) {
        border-bottom: 1px solid #000;
    }

    .recruit_wrap .people_entry .staff_text_wrap .staff_text li h3 {
        font-size: 1.8rem;
    }

    .recruit_wrap .people_entry .staff_text_wrap .staff_text li h3 span {
        font-size: 2.8rem;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
ソリューション
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*開発設計・生産技術*/

.solution_wrap .page_titel_wrap_s .img.sekkei {
    width: 419px;
    margin: 2.8rem auto 0;
}

.solution_wrap .page_titel_wrap_s .img.seizo {
    width: 427px;
    margin: 2.8rem auto 0;
}

@media screen and (max-width:480px) {
    .solution_wrap .page_titel_wrap_s .img.sekkei {
        width: 80%;
        margin: 2rem auto 0;
    }

    .solution_wrap .page_titel_wrap_s .img.seizo {
        width: 80%;
        margin: 2rem auto 0;
    }
}

/*タイトル*/

.solution_wrap h3.title_daikei {
    font-size: 2.2rem;
    width: 324px;
    overflow: hidden;
    letter-spacing: 0.12em;
    text-align: center;
    margin: 0 auto 3.8rem;
    box-sizing: border-box;
    padding-bottom: 0.1em;
    position: relative;
}

.solution_wrap h3.title_daikei span {
    display: block;
    padding-top: 1.2em;
}

.solution_wrap h3.title_daikei span::before, .solution_wrap h3.title_daikei span::after {
    content: '';
    display: block;
    position: absolute;
    width: 10rem;
    height: 10rem;
    border: 2px solid #000;
    background-color: #fff;
    transform: rotate(45deg);
    top: -6rem;
}

.solution_wrap h3.title_daikei span::before {
    left: -6.8rem;
}

.solution_wrap h3.title_daikei span::after {
    right: -6.8rem;
}

.solution_wrap h3.title_daikei.blue span {
    color: #00aafa;
    border-top: 2px solid #00aafa;
}

.solution_wrap h3.title_daikei.blue span::before, .solution_wrap h3.title_daikei.blue span::after {
    border: 2px solid #00aafa;
}

.solution_wrap h3.title_daikei.cobalt_blue span {
    color: #0f56c8;
    border-top: 2px solid #0f56c8;
}

.solution_wrap h3.title_daikei.cobalt_blue span::before, .solution_wrap h3.title_daikei.cobalt_blue span::after {
    border: 2px solid #0f56c8;
}

.solution_wrap h3.title_daikei.deep_blue span {
    color: #15154a;
    border-top: 2px solid #15154a;
}

.solution_wrap h3.title_daikei.deep_blue span::before, .solution_wrap h3.title_daikei.deep_blue span::after {
    border: 2px solid #15154a;
}

@media screen and (max-width:480px) {
    .solution_wrap h3.title_daikei {
        font-size: 1.8rem;
        width: 80%;
        margin: 0 auto 2.4rem;
    }

    .solution_wrap h3.title_daikei span {
        display: block;
        padding-top: 1.5rem;
    }

    .solution_wrap h3.title_daikei span::before {
        left: -8rem;
    }

    .solution_wrap h3.title_daikei span::after {
        right: -8rem;
    }
}

/*リスト*/

.solution_capter ul.list_circle {
    font-size: 1.6rem;
}

.solution_capter ul.list_circle li {
    margin: 0.2em 0;
    line-height: 1.375;
}

@media screen and (max-width:480px) {
    .solution_capter ul.list_circle {
        font-size: 1.3rem;
    }
}

/*ソリューション Flex*/

.solution_capter {
    max-width: 910px;
    margin: 8rem auto;
}

.solution_capter .inner {
    display: flex;
    justify-content: space-between;
}

.solution_capter .inner .inner_left, .solution_capter .inner .inner_right {
    width: 422px;
}

.solution_capter .inner p {
    font-size: 1.8rem;
    line-height: 1.75;
    margin-bottom: 2.4rem;
    letter-spacing: 0.05em;
}

.solution_capter .inner p.text_small {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 1em;
    letter-spacing: 0.05em;
}

.solution_capter .inner p.caption {
    font-size: 1.2rem;
    line-height: 1.5;
}

.solution_capter .inner h4 {
    font-size: 1.6rem;
    letter-spacing: 0.12em;
    color: #fff;
    padding: 0.3em 1em 0.4em;
    margin-bottom: 1.5rem;
}

.solution_capter .inner h4.blue {
    background-color: #00aafa;
}

.solution_capter .inner h4.deep_blue {
    background-color: #15154a;
}

.solution_capter .inner h5 {
    font-size: 1.4rem;
    letter-spacing: 0.12em;
    margin: 0.5em 0;
}

@media screen and (max-width:480px) {
    .solution_capter {
        margin: 6rem 1.6rem;
    }

    .solution_capter .inner {
        flex-direction: column;
    }

    .solution_capter .inner .inner_left {
        width: 100%;
        margin-bottom: 3rem;
    }

    .solution_capter .inner .inner_right {
        width: 100%;
        margin-bottom: 0;
    }

    .solution_capter .inner p {
        font-size: 1.4rem;
        margin-bottom: 1.8rem;
    }

    .solution_capter .inner h4 {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }
}

/*写真*/

.solution_capter .photo_box_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.solution_capter .text_box_wrap {
    margin-bottom: 1.5rem;
}

/*写真別*/

.solution_capter .photo_box_wrap .photo_box {
    width: 177px;
}

.solution_capter .photo_box_wrap .photo_box div {
    margin-bottom: 0.5rem;
}

.solution_capter .photo_box_wrap .photo_box.img_01 {
    width: 226px;
}

.solution_capter .photo_box_wrap .photo_box.img_04 {
    flex-shrink: 0;
    margin-left: 1rem;
}

.solution_capter .photo_box_wrap.seizo_img_01 {
    flex-direction: column;
}

.solution_capter .photo_box_wrap.seizo_img_01 .photo_box.seizo_img_01 {
    width: 100%;
}

.solution_capter .photo_box_wrap.seizo_img_01 .photo_box.seizo_img_01 div {
    width: 293px;
    margin: 2rem auto;
}

.solution_capter .photo_box_wrap.seizo_img_01 .photo_box.seizo_img_04 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 2rem;
}

.solution_capter .photo_box_wrap.seizo_img_01 .photo_box.seizo_img_04 div {
    width: 206px;
}

.solution_capter .photo_box_wrap.seizo_img_06 {
    flex-wrap: wrap;
}

.solution_capter .photo_box_wrap.seizo_img_06 div {
    margin-bottom: 1rem;
}

@media screen and (max-width:480px) {
    .solution_capter .photo_box_wrap .photo_box {
        width: 40%;
    }

    .solution_capter .photo_box_wrap .photo_box.img_01 {
        width: 50%;
    }

    .solution_capter .photo_box_wrap.seizo_img_01 .photo_box.seizo_img_01 div {
        width: 80%;
        margin: 2rem auto 0;
    }

    .solution_capter .photo_box_wrap.seizo_img_01 .photo_box.seizo_img_04 div {
        width: 49%;
    }

    .solution_capter .photo_box_wrap.seizo_img_06 div {
        width: 49%;
    }
}

/*ソリューションTOP*/

.solution_wrap .jit_flow {
    display: flex;
    justify-content: space-between;
    max-width: 910px;
    margin: 3rem auto;
}

.solution_wrap .jit_flow li {
    width: 271px;
    position: relative;
}

.solution_wrap .jit_flow>li::after {
    content: '';
    display: block;
    position: absolute;
    top: 1.2rem;
    right: -3.2rem;
    margin: auto;
    box-sizing: border-box;
    width: 1em;
    height: 0.8em;
    border-top: 1.6em solid #595757;
    border-right: 1em solid transparent;
    border-left: 1em solid transparent;
    transform: rotate(-90deg);
}

.solution_wrap .jit_flow>li:last-child::after {
    display: none;
}

.solution_wrap .jit_flow li h4 {
    text-align: center;
    font-size: 2rem;
    padding: 0.4em;
    color: #00aafa;
    border: 2px solid #00aafa;
    margin-bottom: 0.5em;
    box-sizing: border-box;
}

.solution_wrap .jit_flow li h4.deep_blue {
    border: 2px solid #15154a;
    background-color: #15154a;
    color: #fff;
}

.solution_wrap .jitems_wrap {
    margin-bottom: 10rem;
}

.solution_wrap .jitems_wrap .jit_text {
    max-width: 910px;
    background-color: #efefef;
    padding: 3rem 12rem;
    font-size: 2rem;
    line-height: 1.75;
    margin: 3rem auto;
    box-sizing: border-box;
}

.solution_wrap .jitems_wrap .ano {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5;
}

@media screen and (max-width:480px) {
    .solution_wrap .jit_flow {
        flex-direction: column;
        margin: 0 1.6rem;
    }

    .solution_wrap .jit_flow>li {
        width: 80%%;
        margin: 2rem auto;
    }

    .solution_wrap .jit_flow li h4 {
        font-size: 1.6rem;
    }

    .solution_wrap .jit_flow>li::after {
        top: auto;
        bottom: -2.8em;
        right: 0;
        left: 0;
        margin: auto;
        border-top: 1.6em solid #595757;
        border-right: 1em solid transparent;
        border-left: 1em solid transparent;
        transform: rotate(0);
    }

    .solution_wrap .jitems_wrap {
        margin-bottom: 6rem;
    }

    .solution_wrap .jitems_wrap .jit_text {
        padding: 2rem;
        font-size: 1.4rem;
        line-height: 1.75;
        margin: 2rem 1.6rem;
    }

    .solution_wrap .jitems_wrap .ano {
        font-size: 1.2rem;
    }
}

/*-*/

.solution_wrap .ems_wrap .ems_inner {
    display: flex;
    justify-content: space-between;
    max-width: 910px;
    margin: 4.5rem auto 4rem;
}

.solution_wrap .ems_wrap .ems_inner .illust {
    margin-bottom: 4rem;
}

.solution_wrap .ems_wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 8rem;
}

.solution_wrap .ems_wrap::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 59%;
    background: rgb(232, 232, 237);
    background: linear-gradient(90deg, rgba(232, 232, 237, 1) 0%, rgba(232, 232, 237, 1) 50%, rgba(229, 244, 252, 1) 50%, rgba(229, 244, 252, 1) 100%);
    z-index: -1;
}

/*タイトル*/

.solution_wrap .ems_wrap .ems_inner h3 {
    font-size: 2rem;
    width: 100%;
    overflow: hidden;
    letter-spacing: 0.12em;
    text-align: left;
    margin: 0 auto 3.8rem;
    box-sizing: border-box;
    padding-bottom: 0.1em;
    position: relative;
}

.solution_wrap .ems_wrap .ems_inner h3 span {
    display: block;
    padding-top: 1.2em;
    padding-left: 1em;
}

.solution_wrap .ems_wrap .ems_inner h3 span::after {
    content: '';
    display: block;
    position: absolute;
    width: 10rem;
    height: 10rem;
    border: 2px solid #000;
    background-color: #fff;
    transform: rotate(45deg);
    top: -6rem;
    right: -6.8rem;
}

.solution_wrap .ems_wrap .ems_inner h3 span {
    color: #00aafa;
    border-top: 2px solid #00aafa;
    border-left: 2px solid #00aafa;
}

.solution_wrap .ems_wrap .ems_inner h3 span::after {
    border: 2px solid #00aafa;
}

.solution_wrap .ems_wrap .ems_inner h3.deep_blue span {
    color: #15154a;
    border-top: 2px solid #15154a;
    border-left: 2px solid #15154a;
}

.solution_wrap .ems_wrap .ems_inner h3.deep_blue span::after {
    border: 2px solid #15154a;
}

@media screen and (max-width:480px) {
    .solution_wrap .ems_wrap {
        margin-bottom: 0rem;
    }

    .solution_wrap .ems_wrap .ems_inner {
        flex-direction: column;
        width: 100%;
        padding: 3rem;
        box-sizing: border-box;
        margin: 2rem auto;
    }

    .solution_wrap .ems_wrap .ems_inner div {
        margin-bottom: 2rem;
    }

    .solution_wrap .ems_wrap .ems_inner .illust {
        margin-bottom: 2rem;
    }

    .solution_wrap .ems_wrap::before {
        display: none;
    }

    /*タイトル*/
    .solution_wrap .ems_wrap .ems_inner h3 {
        font-size: 1.8rem;
    }

    .ems_inner_item {
        position: relative;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
トピックスブロックエディタ用
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/* タイトル */

.topics_wrap article.entry div.text h1 {
    font-size: 2em;
    margin: 1em 0;
}

.topics_wrap article.entry div.text h2 {
    font-size: 1.75em;
    margin: 1em 0;
    color: #2ea7e0;
}

.topics_wrap article.entry div.text h3 {
    font-size: 1.25em;
    padding-left: 0.5em;
    border-left: 3px solid #2ea7e0;
    margin: 1em 0;
}

.topics_wrap article.entry div.text h4, .topics_wrap article.entry div.text h5, .topics_wrap article.entry div.text h6 {
    margin: 1em 0;
}

/* 本文 */

.topics_wrap article.entry div.text p {
    margin-bottom: 2em;
}

.topics_wrap article.entry div.text p sup, .topics_wrap article.entry div.text p sub {
    font-size: 0.75em;
}

/* リスト */

.topics_wrap article.entry div.text>ul {
    padding-left: 1em;
    list-style: disc;
    margin: 2em;
}

.topics_wrap article.entry div.text>ol {
    padding-left: 1em;
    list-style: decimal;
    margin: 2em;
}

/* キャプション */

.topics_wrap article.entry div.text figure figcaption {
    font-size: 0.75em;
    line-height: 1.5;
    color: #666;
}

/* 画像 */

.topics_wrap article.entry div.text figure.wp-block-image {
    margin: 3em 0;
}

/* ギャラリー */

.topics_wrap article.entry div.text figure.wp-block-gallery {
    margin: 3em 0;
}

.topics_wrap article.entry div.text figure.wp-block-gallery figcaption {
    color: #fff;
}

.topics_wrap article.entry div.text figure.wp-block-gallery figcaption.blocks-gallery-caption {
    color: #666;
}

/* youtube */

.topics_wrap article.entry div.text figure.is-provider-youtube iframe {
    width: 100%;
    height: 425px;
}

@media screen and (max-width:480px) {
    .topics_wrap article.entry div.text figure.is-provider-youtube iframe {
        height: calc((100vw - 3.2vw)/16*9);
    }
}

/* テーブル */

.topics_wrap article.entry div.text figure.wp-block-table {
    margin: 3em 0;
}

.topics_wrap article.entry div.text figure.wp-block-table table {
    width: 100%;
}

/*通常*/

.topics_wrap article.entry div.text figure.wp-block-table table td, .topics_wrap article.entry div.text figure.wp-block-table table th {
    border: 1px solid #999;
    font-size: 0.875em;
    line-height: 1.5;
    padding: 0.25em;
}

.topics_wrap article.entry div.text figure.wp-block-table table thead th {
    border-bottom: 2px solid #666;
    color: #666;
}

.topics_wrap article.entry div.text figure.wp-block-table table tfoot td {
    border-top: 2px solid #666;
    columns: #666;
}

/*ストライプテーブル*/

.topics_wrap article.entry div.text figure.wp-block-table.is-style-stripes table td, .topics_wrap article.entry div.text figure.wp-block-table.is-style-stripes table th {
    border: none;
}

.topics_wrap article.entry div.text figure.wp-block-table.is-style-stripes table thead th {
    border-bottom: 2px solid #666;
    color: #666;
}

.topics_wrap article.entry div.text figure.wp-block-table.is-style-stripes table tfoot td {
    border-top: 2px solid #666;
    columns: #666;
}

/*添付ページ*/

#contents.attachment_wrap {
    max-width: 1000px;
    margin: 4rem auto 8rem;
}

#contents.attachment_wrap article {
    margin: 4rem 0;
}

#contents.attachment_wrap figure figcaption {
    font-size: 1.4rem;
    line-height: 1.5;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
2022.05 製品情報
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/
.solution_wrap.product .page_titel_wrap_s.blue {
    margin-bottom: 2.4rem;
}

.solution_wrap.product .page_titel_wrap_s.blue .inner {
    padding: 5rem 0 1.4rem;

}

.solution_wrap.product .page_titel_wrap_s.blue .inner h3 {
    font-size: 3.2rem;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 0.25em;
}

.solution_wrap.product .page_titel_wrap_s.blue .inner h3 span {
    font-weight: normal;
    font-size: 1.8rem;
    display: block;
}

.solution_wrap.product .page_titel_wrap_s.blue .inner .sub_text {
    font-size: 1.4rem;
    line-height: 1.75;
    text-align: center;
    letter-spacing: normal;
}

@media screen and (max-width:480px) {
    .solution_wrap.product .page_titel_wrap_s.blue {
        margin-bottom: 3rem;
    }

    .solution_wrap.product .page_titel_wrap_s.blue .inner {
        padding: 4rem 0 1.4rem;

    }

    .solution_wrap.product .page_titel_wrap_s.blue .inner h3 {
        font-size: 2.4rem;
        line-height: 1.5;
    }

    .solution_wrap.product .page_titel_wrap_s.blue .inner h3 span {
        font-size: 1.4rem;
    }

    .solution_wrap.product .page_titel_wrap_s.blue .inner .sub_text {
        font-size: 1.2rem;
    }
}

/* 概要 */
.solution_wrap.product .item_gaiyo {
    margin: 3rem auto;
    max-width: 910px;
}

.solution_wrap.product .item_gaiyo .gaiyo_leadcopy {
    margin-bottom: 4rem;
}

.solution_wrap.product .item_gaiyo .gaiyo_leadcopy p {
    font-size: 1.8rem;
    line-height: 1.9;
    text-align: center;
}

.solution_wrap.product .item_gaiyo p.annotation {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: 0.5em;
}

.solution_wrap.product .item_gaiyo .point_list {
    width: 55%;
    font-size: 1.6rem;
    line-height: 1.5;
}

.solution_wrap.product .item_gaiyo .point_list dt {
    font-size: 2rem;
    padding-left: 2.4rem;
    position: relative;
}

.solution_wrap.product .item_gaiyo .point_list dt::before {
    content: '■';
    color: #0f56c8;
    position: absolute;
    left: 0;
}

.solution_wrap.product .item_gaiyo .point_list dd {
    padding-left: 2.4rem;
    margin-bottom: 1em;
}

.solution_wrap.product .item_gaiyo .img_wrap {
    float: right;
    margin-top: 2rem;
}

.solution_wrap.product .item_gaiyo .downloadbutton_wrap {
    margin: 2rem 0;
}

.solution_wrap.product .item_gaiyo .downloadbutton_wrap a {
    display: block;
    background-color: #5d6164;
    padding: 1rem;
    text-align: center;
    width: 24rem;
    margin: auto;
}

.solution_wrap.product .item_gaiyo .downloadbutton_wrap a span {
    padding-left: 2.4rem;
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    vertical-align: 0.1em;
}

.solution_wrap.product .item_gaiyo .downloadbutton_wrap a span.icon::before {
    content: '';
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.solution_wrap.product .item_gaiyo .downloadbutton_wrap a span.icon.download::before {
    background-image: url(../img/icon_download.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width:480px) {
    .solution_wrap.product .item_gaiyo {
        margin: 2.4rem 1.6rem;
    }

    .solution_wrap.product .item_gaiyo .gaiyo_leadcopy {
        margin-bottom: 2rem;

    }

    .solution_wrap.product .item_gaiyo .gaiyo_leadcopy p {
        font-size: 1.6rem;
        line-height: 1.75;
        text-align: left;
        width: 90%;
        margin: auto;
    }

    .solution_wrap.product .item_gaiyo p.annotation {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 0.5em;
    }

    .solution_wrap.product .item_gaiyo .point_list {
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .solution_wrap.product .item_gaiyo .point_list dt {
        font-size: 1.6rem;
        padding-left: 2rem;
        position: relative;
    }

    .solution_wrap.product .item_gaiyo .point_list dt::before {
        content: '■';
        color: #0f56c8;
        position: absolute;
        left: 0;
    }

    .solution_wrap.product .item_gaiyo .point_list dd {
        padding-left: 2rem;
        margin-bottom: 1em;
    }

    .solution_wrap.product .item_gaiyo .img_wrap {
        float: none;
        margin: 2rem 1rem;
    }

}

/* 仕様 */
.solution_wrap.product .shiyo {
    display: flex;
    justify-content: space-between;
}


.solution_wrap.product .shiyo_list li dl {
    display: flex;
}

.solution_wrap.product .shiyo_list li dl dt {
    background-color: #0f56c8;
    border-radius: 0.4rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 13rem;
    font-size: 1.8rem;
    padding: 0.6em 0 0.8em;
    margin-top: 0.3em;

}

.solution_wrap.product .shiyo_list li dl dd {
    font-size: 1.6rem;
    line-height: 1.5;
    padding-left: 1em;
    align-self: center;
    letter-spacing: normal;
}

.solution_wrap.product .shiyo_list.left {
    width: 55%;
    flex-shrink: 0;
}

.solution_wrap.product .shiyo_list.right {
    width: 45%;
    flex-shrink: 0;
}

.solution_wrap.product .shiyo_list.left li {
    margin-bottom: 3.75rem;
}

.solution_wrap.product .shiyo_list.right li {
    margin-bottom: 2rem;
}

@media screen and (max-width:480px) {
    .solution_wrap.product .shiyo {
        flex-direction: column;
    }


    .solution_wrap.product .shiyo_list li dl {
        flex-direction: column;
    }

    .solution_wrap.product .shiyo_list li dl dt {
        width: 100%;
        box-sizing: border-box;
        font-size: 1.6rem;
        padding: 0.4em 0 0.5em;
        margin-top: 0;
        margin-bottom: 1rem;

    }

    .solution_wrap.product .shiyo_list li dl dd {
        box-sizing: border-box;
        font-size: 1.4rem;
        line-height: 1.5;
        padding: 0 1em;
        align-self: auto;
        letter-spacing: normal;
    }

    .solution_wrap.product .shiyo_list.left, .solution_wrap.product .shiyo_list.right {
        width: 100%;
    }

    .solution_wrap.product .shiyo_list.left li, .solution_wrap.product .shiyo_list.right li {
        margin-bottom: 1.5rem;
    }
}

/* 表示内容 */

.solution_wrap.product .solution_capter.hyojinaiyou .inner {
    display: flex;
    justify-content: center;
    padding-right: 2.6rem;
}

@media screen and (max-width:480px) {
    .solution_wrap.product .solution_capter.hyojinaiyou .inner {
        padding-right: 0;
    }
}

/* カラーバリエーション */
.solution_wrap.product .solution_capter.color .copy_text {
    font-size: 1.8rem;
    line-height: 1.75;
    text-align: center;
    margin-bottom: 2em;
    font-weight: bold;
}

.solution_wrap.product .solution_capter.color .inner p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-bottom: 1em;
}

.solution_wrap.product .solution_capter.color .inner p::before {
    content: '■ ';
    color: #0f56c8;
}

.solution_wrap.product .solution_capter.color .inner img {
    display: block;
    max-width: 394px;
    margin: auto;
}

@media screen and (max-width:480px) {
    .solution_wrap.product .solution_capter.color .copy_text {
        font-size: 1.6rem;
    }

    .solution_wrap.product .solution_capter.color .inner p {
        font-size: 1.4rem;
    }
}

/* お問い合わせボタン */

@media screen and (min-width:481px) {
    .solution_wrap.product .otoiawasebutton {
        margin: 10rem auto 20rem;
        width: 48rem;
        height: 10rem;
    }

    .solution_wrap.product .otoiawasebutton a span {
        font-size: 2.6rem;
        text-align: center;
    }
}

@media screen and (max-width:480px) {
    .solution_wrap.product .otoiawasebutton {
        margin: 5rem auto 10rem;
        height: 6.4rem;
    }

    .solution_wrap.product .otoiawasebutton a span {
        text-align: center;
    }
}

/* 医療機関チェック */
#confirmation {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 20000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s all;
}

#confirmation.close {
    display: none;
}

#confirmation .alert {
    background-color: #0f56c8;
    width: 910px;
    padding: 4rem 0 3rem;
}

#confirmation .alert h2 {
    font-size: 3rem;
    text-align: center;
    color: #fff;
}

#confirmation .alert p {
    font-size: 2rem;
    text-align: center;
    color: #fff;
}

#confirmation .buttn_list_wrap {
    display: flex;
    justify-content: center;
    width: 640px;
    margin: 4rem auto;
}

#confirmation .buttn_list_wrap .button_wrap {
    margin: 0 2rem;
}

#confirmation a.button.btn_white {
    color: #0f56c8;
    font-weight: bold;
}

#confirmation a.button.btn_white span::after {
    border-color: #0f56c8;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container {}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before {
    background: #ccc;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
    background: #666;
}

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

    #confirmation {}

    #confirmation.close {}

    #confirmation .alert {
        background-color: #0f56c8;
        width: 90%;
        padding: 3rem 0 2rem;
    }

    #confirmation .alert h2 {
        font-size: 1.8rem;
    }

    #confirmation .alert p {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    #confirmation .buttn_list_wrap {
        flex-direction: column;
        width: 90%;
        margin: 2rem auto;
    }

    #confirmation .buttn_list_wrap .button_wrap {
        margin: 1rem auto;
    }



}