@charset "UTF-8";

.page-body {
    color: #3a3a3b;
}

.page-body > .container > :first-child {
    margin-top: 0;
}

.page-body > .container > :last-child {
    margin-bottom: 0;
}

.page-body .txt {}

.page-body .align-right {
    text-align: right;
}

.page-body img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.page-body figure {
    margin: 0;
}

.page-body figcaption {
    margin-top: 6px;
    font-size: 1.2rem;
    line-height: 1.857142857;
}

.page-body ul,
.page-body ol {
    padding: 0 0 0 1em;
    font-size: 1.4rem;
    line-height: 1.714285714;
}

.page-body table {
    margin: 30px 0;
    width: 100%;
    border-collapse: collapse;
}

.page-body table .w5 {
    width: 5%;
}

.page-body table .w10 {
    width: 10%;
}

.page-body table .w15 {
    width: 15%;
}

.page-body table .w20 {
    width: 20%;
}

.page-body table .w25 {
    width: 25%;
}

.page-body table .w30 {
    width: 30%;
}

.page-body table .w35 {
    width: 35%;
}

.page-body table .w40 {
    width: 40%;
}

.page-body table .w45 {
    width: 45%;
}

.page-body table .w50 {
    width: 50%;
}

.page-body table .w55 {
    width: 55%;
}

.page-body table .w60 {
    width: 60%;
}

.page-body table .w65 {
    width: 65%;
}

.page-body table .w70 {
    width: 70%;
}

.page-body table .w75 {
    width: 75%;
}

.page-body table .w80 {
    width: 80%;
}

.page-body table .w85 {
    width: 85%;
}

.page-body table .w90 {
    width: 90%;
}

.page-body table .w95 {
    width: 95%;
}

.page-body .table-overflow table {
    width: 640px;
}

.page-body .table-fixed table {
    table-layout: fixed;
    width: 100%;
}

.page-body .table-bordered th,
.page-body .table-bordered td {
    padding: 10px 5px;
}

.page-body .table-bordered th span,
.page-body .table-bordered td span {
    display: inline;
}

.page-body .table-bordered th {
    background: #c4af90;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.875;
}

.page-body .table-bordered td {
    background: #f3f1ef;
    color: #3a3a3b;
    font-size: 1.2rem;
    line-height: 2.142857143;
}

.page-body .btn a,
.page-body .btn button {
    display: inline-block;
    border: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.page-body .btn a:hover,
.page-body .btn button:hover {
    cursor: pointer;
}

.page-body .cols {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-bottom: 30px;
}

.page-body .cols:not(:first-child) {
    margin-top: 30px;
}

.page-body h2 + .cols,
.page-body h3 + .cols,
.page-body h4 + .cols {
    margin-top: 0 !important;
}

.page-body .cols .col:not(:first-child) {
    margin-top: 20px;
}

.page-body .cols .col *:first-child {
    margin-top: 0;
}

.page-body .cols .col *:last-child {
    margin-bottom: 0;
}

.page-body .cols .col img {
    width: 100%;
    height: auto;
}

.page-body .cols .col figure + figure {
    margin-top: 20px;
}

.page-body a[href$=".pdf"] {
    display: inline-block;
    padding-right: 25px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2220%22%20viewBox%3D%220%200%2015%2020%22%3E%3Cpath%20fill%3D%22%23C23649%22%20d%3D%22M7.5%208.333c0-.833-.122-.833-.417-.833-.146%200-.417%200-.417.873%200%20.326.175.758.502%201.261.215-.685.332-1.125.332-1.301zm-.02%203.043l-.418%201.256-.076.22c.522-.166%201.069-.304%201.582-.416-.258-.22-.452-.396-.53-.474-.199-.2-.385-.396-.558-.586zm-4.147%204.323c.017.022.179.134.417.134.236%200%20.855-.421%201.481-1.328l-.165.078c-.852.404-1.733.821-1.733%201.116zm11.544-11.411l-4.166-4.166c-.077-.078-.184-.122-.294-.122h-8.75c-.92.001-1.666.747-1.667%201.667v16.667c.001.92.747%201.666%201.667%201.667h11.667c.92-.001%201.666-.747%201.667-1.667v-13.751c-.001-.11-.045-.217-.124-.295zm-3.627%209.879c-.373%200-1.143-.513-1.841-1.049-.87.162-1.973.422-2.86.771-.854%201.743-2.024%202.778-2.799%202.778-.601%200-1.25-.37-1.25-.967%200-.823.879-1.239%202.209-1.869.292-.138.606-.287.938-.453l.285-.134c.12-.27.234-.561.339-.875l.577-1.741c-.674-.878-1.015-1.633-1.015-2.255%200-1.41.68-1.707%201.25-1.707.75%200%201.25.284%201.25%201.667%200%20.326-.168.936-.551%202.121.246.293.529.601.846.918.316.305.649.592.996.86.59-.099%201.041-.148%201.209-.148.541%200%201.667%200%201.667.985%200%20.5-.217%201.098-1.25%201.098zm.417-10c-.46%200-.833-.373-.833-.833v-1.911l2.744%202.744h-1.911zm-.834%208.75l-.253.02c.324.221.586.375.7.4.387-.002.387-.08.387-.267-.043-.093-.218-.153-.834-.153z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
    line-height: 2rem;
}

.page-body .link-tel {
    color: inherit;
    text-decoration: none;
}

@media only screen and (min-width: 769px) {
    .page-body .align-center {
        text-align: center;
    }

    .page-body hr {
        position: relative;
        opacity: .4;
        height: 2em;
        margin: 1em 0;
        border: 0;
        text-align: center;
        outline: 0;
    }

    .page-body hr::before {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        content: '';
        background: linear-gradient(to right, transparent, #000, transparent);
    }

    .page-body hr::after {
        display: block;
        position: relative;
        width: 9px;
        height: 2em;
        margin: 0 auto;
        padding: 0 10px;
        content: "";
        background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGAgMAAABsqVxWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUAAAAAAAD///+D3c/SAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAYSURBVAjXY3AUZWBwFHBgCAViMFsQzAcAIfgCxvoJBlMAAAAASUVORK5CYII=') 50% 50% no-repeat;
    }

    .page-body img {
        border-radius: 10px;
    }

    .page-body figure {
        margin: 0;
    }

    .page-body figcaption {
        margin-top: 14px;
        font-size: 1.4rem;
        line-height: 1.857142857;
    }

    .page-body ul,
    .page-body ol {
        font-size: 1.6rem;
        line-height: 1.875;
    }

    .page-body .table table {
        width: 100%;
        border-collapse: collapse;
        margin: 40px 0;
    }

    .page-body .table-bordered th,
    .page-body .table-bordered td {
        padding: 16px 30px;
    }

    .page-body .table-bordered th {
        font-size: 1.6rem;
        line-height: 1.875;
    }

    .page-body .table-bordered td {
        font-size: 1.4rem;
        line-height: 2.142857143;
    }

    .page-body .cols {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-flow: row;
        margin-bottom: 70px;
    }

    .page-body .cols-reverse {
        flex-flow: row-reverse;
    }

    .page-body .cols:not(:first-child) {
        margin-top: 70px;
    }

    .page-body .cols .col:not(:first-child) {
        margin-top: 0;
        margin-left: 30px;
    }

    .page-body .cols-reverse .col:not(:first-child) {
        margin-left: 0;
    }

    .page-body .cols-reverse .col:not(:last-child) {
        margin-top: 0;
        margin-left: 30px;
    }

    .page-body .cols .col *:first-child {
        margin-top: 0;
    }

    .page-body .cols .col *:last-child {
        margin-bottom: 0;
    }

    .page-body .cols .col img {
        width: 100%;
        height: auto;
    }

    .page-body .cols .col figure + figure {
        margin-top: 30px;
    }

    .page-body .link-tel:hover {
        cursor: text;
    }
}

.page-body h2 {
    margin: 50px 0 20px;
    color: #21445b;
    font: 700 2.4rem/1.555555556 "Noto Serif JP", serif;
    text-align: center;
}

@media only screen and (min-width: 769px) {
    .page-body h2 {
        margin: 80px 0 70px;
        color: #21445b;
        font: 700 4.4rem/1.363636364 "Noto Serif JP", serif;
    }
}

.page-body h3 {
    margin: 30px 0 25px;
    color: #21445b;
    font: 300 2rem/1.444444444 "Noto Sans JP", sans-serif;
}

@media only screen and (min-width: 769px) {
    .page-body h3 {
        margin: 60px 0 30px;
        color: #21445b;
        font: 300 3.6rem/1.5 "Noto Sans JP", sans-serif;
    }
}

@media only screen and (max-width: 768px) {
    body[class*="agreement"] .page-body h3 {
        margin-top: 50px;
    }
}

.page-body h4 {
    margin: 25px 0 20px;
    color: #21445b;
    font: 700 1.5rem/1.6 "Noto Sans JP", sans-serif;
}

@media only screen and (min-width: 769px) {
    .page-body h4 {
        margin: 40px 0 20px;
        color: #21445b;
        font: 700 2.2rem/1.5 "Noto Sans JP", sans-serif;
    }
}

.page-body p {
    margin: 1em 0 2em;
    font-size: 1.4rem;
    line-height: 1.857142857;
}

@media only screen and (min-width: 769px) {
    .page-body p {
        font-size: 1.6rem;
        line-height: 2.25;
    }
}

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

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

.page-body .txt-lead {
    margin: 1em 0;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2;
}

@media only screen and (min-width: 769px) {
    .page-body .txt-lead {
        font-weight: bold;
        font-size: 2.2rem;
        line-height: 2;
        text-align: center;
    }
}

.page-body .bold,
.page-body .strong {
    color: #009e96;
    font-weight: bold;
}

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

.page-body .notice {
    color: #d0626e;
    font-weight: bold;
}

.page-body .annotation {
    padding: 0;
    color: #616162;
    font-size: 1.2rem;
    line-height: 2.142857143;
    list-style: none;
}

@media only screen and (min-width: 769px) {
    .page-body .txt-annotation {
        font-size: 1.4rem;
        line-height: 2.142857143;
    }
}

.page-body .boxed {
    word-break: break-word;
    margin: 30px 0;
    padding: 15px 20px;
    border-radius: 10px;
    background: rgba(217, 225, 231, .5);
}

.page-body .boxed > :first-child {
    margin-top: 0;
}

.page-body .boxed > :last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 769px) {
    .page-body .boxed {
        margin: 40px 0;
        padding: 30px 40px;
        border-radius: 10px;
        background: rgba(217, 225, 231, .5);
    }
}

.page-body .framed {
    margin: 30px 0;
    padding: 10px 15px;
    border: 5px solid #f4f4f5;
    border-radius: 10px;
    background: #fff;
}

.page-body .framed > :first-child {
    margin-top: 0;
}

.page-body .framed > :last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 769px) {
    .page-body .framed {
        margin: 40px 0;
        padding: 25px 30px;
        border: 5px solid #f4f4f5;
        border-radius: 10px;
        background: #fff;
    }
}

.page-body a {
    color: #254a62;
}

@media only screen and (min-width: 769px) {
    .page-body a:hover {
        text-decoration: none;
    }
}

.page-body .txt a:not([href$=".pdf"])[target="_blank"],
.page-body .link-list a:not([href$=".pdf"])[target="_blank"],
.page-body .unordered-list li a:not([href$=".pdf"])[target="_blank"],
.page-body .ordered-list li a:not([href$=".pdf"])[target="_blank"] {
    display: inline-block;
    margin-right: 5px;
    padding-right: 20px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2228%22%20viewBox%3D%22-20.5%2047.5%2024%2028%22%20enable-background%3D%22new%20-20.5%2047.5%2024%2028%22%3E%3Cpath%20fill%3D%22%2321445a%22%20d%3D%22M3.5%2047.5h-7.987v2h4.564l-1.915%202h-18.662v20h20v-18.662l2-1.915v4.564h2v-7.987zm-6%2022h-16v-16.01h14.625l-7.294%207.294%201.385%201.385%207.284-7.294v14.625z%22%2F%3E%3C%2Fsvg%3E') 100% 50% / 14px auto no-repeat;
}

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

    .page-body .txt a:not([href$=".pdf"])[target="_blank"],
    .page-body .link-list a:not([href$=".pdf"])[target="_blank"],
    .page-body .unordered-list li a:not([href$=".pdf"])[target="_blank"],
    .page-body .ordered-list li a:not([href$=".pdf"])[target="_blank"] {
        margin-right: 10px;
        padding-right: 20px;
        background-size: 16px;
        line-height: 1.75;
    }
}

.page-body .link-list ul {
    margin: 1.5em 0;
    padding: 0 0 0 36px;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.384615385;
    list-style: none;
}

.page-body .link-list li {
    position: relative;
}

.page-body .link-list li:not(:first-child) {
    margin-top: 20px;
}

.page-body .link-list li::before {
    position: absolute;
    top: 50%;
    left: -36px;
    display: block;
    width: 26px;
    height: 26px;
    content: "";
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20fill%3D%22%23c0ac8e%22%20d%3D%22M13%200c-7.18%200-13%205.82-13%2013s5.82%2013%2013%2013%2013-5.82%2013-13-5.82-13-13-13zm4.985%2013.38l-5.947%204.319c-.073.053-.158.078-.242.078-.127%200-.253-.059-.333-.17-.133-.184-.093-.441.091-.575l4.987-3.622h-8.371c-.227%200-.411-.184-.411-.411%200-.227.184-.411.411-.411h8.371l-4.987-3.622c-.184-.134-.224-.391-.091-.575.134-.184.39-.225.575-.091l5.947%204.319c.15.061.256.208.256.38%200%20.173-.106.32-.256.381z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.985%2012.62l-5.947-4.319c-.185-.134-.441-.093-.575.091-.133.184-.093.441.091.575l4.987%203.622h-8.371c-.227%200-.411.184-.411.411%200%20.227.184.411.411.411h8.371l-4.987%203.622c-.184.134-.224.391-.091.575.081.111.206.17.333.17.084%200%20.168-.025.242-.078l5.947-4.319c.15-.061.256-.208.256-.38%200-.173-.106-.32-.256-.381z%22%2F%3E%3C%2Fsvg%3E') 50% 50% / contain no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-body .link-list a {
    color: #254a62;
    text-decoration: none;
}

@media only screen and (min-width: 769px) {
    .page-body .link-list ul {
        font-size: 1.6rem;
        line-height: 1.625;
    }

    .page-body .link-list li::before {
        top: 0;
        -webkit-transform: none;
        transform: none;
    }

    .page-body .link-list a {
        transition: all .5s;
    }

    .page-body .link-list a:hover {
        opacity: .7;
    }
}

.page-body .btn-small a,
.page-body .btn-small button {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 30px;
    overflow: hidden;
    border-radius: 20px;
    background: #c4af90;
    color: #fff;
}

.page-body .btn-small a span,
.page-body .btn-small button span {
    padding: 0 26px 0 10px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
    line-height: 1.2;
}

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

    .page-body .btn-small a,
    .page-body .btn-small button {
        display: inline-flex;
        font-size: 1.4rem;
    }
}

.page-body .btn-large {
    margin: 30px 0 45px;
}

.page-body .btn-large a,
.page-body .btn-large button {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 22px;
    overflow: hidden;
    border-radius: 22px;
    background-position: 75% 15px;
    background-size: 480px auto;
    background-repeat: no-repeat;
    color: #21405b;
    font: 700 1.3rem/1.6 "Noto Sans JP", sans-serif;
    text-decoration: none;
}

.page-body .btn-wave-light a,
.page-body .btn-wave-light button {
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22100%22%20viewBox%3D%220.5%2022.5%20480%20100%22%20enable-background%3D%22new%200.5%2022.5%20480%20100%22%3E%3Cpath%20opacity%3D%22.4%22%20fill%3D%22%23cfdae3%22%20d%3D%22M480.5%20122.32l-.09-86.373c-21.336%203.017-42.849%204.598-64.397%204.732-25.419.091-50.766-2.705-75.554-8.334-33.323-7.794-72.415-9.835-96.36-9.845l-3.559.08-3.549-.08c-23.995%200-63.067%202.051-96.35%209.815-24.787%205.642-50.134%208.448-75.554%208.364-21.58-.118-43.127-1.685-64.497-4.692l-.09%2086.513h244.549v-.18h235.451z%22%2F%3E%3C%2Fsvg%3E');
    box-shadow: 0 0 16px rgba(26, 58, 78, .14);
}

.page-body .btn-wave-dark a,
.page-body .btn-wave-dark button {
    background-color: #21405b;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22100%22%20viewBox%3D%220.5%2022.5%20480%20100%22%20enable-background%3D%22new%200.5%2022.5%20480%20100%22%3E%3Cpath%20opacity%3D%22.4%22%20fill%3D%22%23358cc3%22%20d%3D%22M480.5%20122.32l-.09-86.373c-21.336%203.017-42.849%204.598-64.397%204.732-25.419.091-50.766-2.705-75.554-8.334-33.323-7.794-72.415-9.835-96.36-9.845l-3.559.08-3.549-.08c-23.995%200-63.067%202.051-96.35%209.815-24.787%205.642-50.134%208.448-75.554%208.364-21.58-.118-43.127-1.685-64.497-4.692l-.09%2086.513h244.549v-.18h235.451z%22%2F%3E%3C%2Fsvg%3E');
    color: #fff;
}

.page-body .btn-large a span,
.page-body .btn-large button span {
    padding: 0 26px 0 10px;
    line-height: 1.2;
}

.page-body .btn-wave-light a span,
.page-body .btn-wave-light button span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%2321445b%22%20d%3D%22M16%207c0-.252-.162-.467-.392-.557l-9.076-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602s.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
}

.page-body .btn-wave-dark a span,
.page-body .btn-wave-dark button span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
}

.page-body .btn-large.btn-back a span {
    padding: 0 10px 0 26px;
}

.page-body .btn-large.btn-back a span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2C7c0%2C0.3%2C0.2%2C0.5%2C0.4%2C0.6l9.1%2C6.3c0.3%2C0.2%2C0.7%2C0.1%2C0.9-0.1c0.2-0.3%2C0.1-0.6-0.1-0.8L2.6%2C7.6h12.8%0A%09C15.7%2C7.6%2C16%2C7.3%2C16%2C7s-0.3-0.6-0.6-0.6H2.6l7.6-5.3c0.3-0.2%2C0.3-0.6%2C0.1-0.8C10.2%2C0.1%2C10%2C0%2C9.8%2C0C9.7%2C0%2C9.6%2C0%2C9.5%2C0.1L0.4%2C6.4%0A%09C0.2%2C6.5%2C0%2C6.7%2C0%2C7z%22%2F%3E%3C%2Fsvg%3E') 0 50% no-repeat;
}

@media only screen and (min-width: 769px) {
    .page-body .btn-large {
        margin: 40px 0 80px;
    }

    .page-body .btn-large a,
    .page-body .btn-large button {
        display: inline-flex;
        min-width: 320px;
        max-width: 360px;
        height: 60px;
        padding: 0 30px;
        border-radius: 30px;
        background-position: 50% 18px;
        font: 700 1.6rem/1.6 "Noto Sans JP", sans-serif;
        transition: background-position .8s cubic-bezier(.250, .460, .450, .940);
    }

    .page-body .btn-wave-light a,
    .page-body .btn-wave-light button,
    .page-body .btn-wave-dark a,
    .page-body .btn-wave-dark button {
        background-position: -120px 25px;
    }

    .page-body .btn-wave-light a:hover,
    .page-body .btn-wave-light button:hover,
    .page-body .btn-wave-dark a:hover,
    .page-body .btn-wave-dark button:hover {
        background-position: 0 -20px;
    }
}

.page-body .unordered-list ul {
    margin: 20px 0;
    padding: 0 0 0 1.5em;
    list-style: none;
}

.page-body .unordered-list li {
    position: relative;
    margin: 1em 0;
}

.page-body .unordered-list > ul > li:first-child {
    margin-top: 0;
}

.page-body .unordered-list > ul > li:last-child {
    margin-bottom: 0;
}

.page-body .unordered-list li::before {
    position: absolute;
    top: 0;
    left: -1.5em;
    display: block;
    width: 8px;
    height: 1.714285714em;
    content: "";
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%20viewBox%3D%220%200%2010%2014%22%3E%3Cpath%20fill%3D%22%238797a1%22%20d%3D%22M8.673%205.232l-3.673-5.232-3.673%205.232c-1.49%202.309-2.029%205.258%200%207.264%201.014%201.002%202.343%201.504%203.673%201.504s2.659-.502%203.673-1.504c2.028-2.006%201.49-4.955%200-7.264z%22%2F%3E%3C%2Fsvg%3E') 0 50% / contain no-repeat;
}

@media only screen and (min-width: 769px) {
    .page-body .unordered-list ul {
        margin: 30px 0;
        padding: 0 0 0 1.5em;
        list-style: none;
    }

    .page-body .unordered-list li {
        position: relative;
        margin: 14px 0;
    }

    .page-body .unordered-list li::before {
        position: absolute;
        top: 0;
        left: -1.5em;
        display: block;
        width: 10px;
        height: 1.875em;
        content: "";
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%20viewBox%3D%220%200%2010%2014%22%3E%3Cpath%20fill%3D%22%238797a1%22%20d%3D%22M8.673%205.232l-3.673-5.232-3.673%205.232c-1.49%202.309-2.029%205.258%200%207.264%201.014%201.002%202.343%201.504%203.673%201.504s2.659-.502%203.673-1.504c2.028-2.006%201.49-4.955%200-7.264z%22%2F%3E%3C%2Fsvg%3E') 0 50% / contain no-repeat;
    }
}

.page-body .ordered-list ol {
    margin: 20px 0;
    padding: 0 0 0 1.8em;
    counter-reset: num 0;
    list-style: none;
}

.page-body .ordered-list li {
    position: relative;
    margin: 1em 0;
}

.page-body .ordered-list > ol > li:first-child {
    margin-top: 0;
}

.page-body .ordered-list > ol > li:last-child {
    margin-bottom: 0;
}

.page-body .ordered-list li::before {
    position: absolute;
    left: -1.8em;
    display: block;
    width: 1em;
    color: #21445b;
    font-weight: bold;
    text-align: center;
    counter-increment: num 1;
}

.page-body .ordered-list > ol > li::before {
    content: counter(num)".";
}

.page-body .ordered-list > ol ol {
    padding: 0 0 0 2.5em;
}

.page-body .ordered-list > ol ol > li::before {
    width: 2em;
    left: -3em;
    content: "（"counter(num)"）";
}

.page-body .ordered-list > ol.start_1 {
    counter-reset: item 0;
}

.page-body .ordered-list > ol.start_2 {
    counter-reset: item 1;
}

.page-body .ordered-list > ol.start_3 {
    counter-reset: item 2;
}

.page-body .ordered-list > ol.start_4 {
    counter-reset: item 3;
}

.page-body .ordered-list > ol.start_5 {
    counter-reset: item 4;
}

.page-body .ordered-list > ol.start_6 {
    counter-reset: item 5;
}

.page-body .ordered-list > ol.start_7 {
    counter-reset: item 6;
}

.page-body .ordered-list > ol.start_8 {
    counter-reset: item 7;
}

.page-body .ordered-list > ol.start_9 {
    counter-reset: item 8;
}

.page-body .ordered-list > ol.start_10 {
    counter-reset: item 9;
}

.page-body .ordered-list > ol.start_11 {
    counter-reset: item 10;
}

.page-body .ordered-list > ol.start_12 {
    counter-reset: item 11;
}

.page-body .ordered-list > ol.start_13 {
    counter-reset: item 12;
}

.page-body .ordered-list > ol.start_15 {
    counter-reset: item 14;
}

.page-body .ordered-list > ol.start_16 {
    counter-reset: item 15;
}

.page-body .ordered-list > ol[class^="start_"] > li:before {
    content: counter(item);
    counter-increment: item;
}

@media only screen and (min-width: 769px) {
    .page-body .ordered-list ul {
        margin: 30px 0;
    }
}

.page-body .table-vertical-heading th {
    text-align: left;
}

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

    .page-body .table-vertical-heading th,
    .page-body .table-vertical-heading td {
        display: table-cell;
    }

    .page-body .table-vertical-heading td:first-of-type:last-of-type {
        width: 100%;
    }

    .page-body .table-bordered.table-vertical-heading tr td {
        border-right: 1px solid rgba(196, 175, 144, .5);
    }

    .page-body .table-bordered.table-vertical-heading td:last-child {
        border-right: 0;
    }

    .page-body .table-bordered.table-vertical-heading tr:not(:first-child) th {
        border-top: 1px solid rgba(243, 241, 239, .5);
    }

    .page-body .table-bordered.table-vertical-heading tr:not(:first-child) td {
        border-top: 1px solid rgba(196, 175, 144, .5);
    }

    .page-body .table-bordered.table-vertical-heading tr th.no-border,
    .page-body .table-bordered.table-vertical-heading tr td.no-border {
        border: none;
    }
}

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

    .page-body .table-vertical-heading:not(.sp_horizontal) th,
    .page-body .table-vertical-heading:not(.sp_horizontal) td {
        display: block;
        width: 100%;
    }
}

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

    .page-body .table-bordered.table-vertical-heading.sp_horizontal th,
    .page-body .table-bordered.table-vertical-heading.sp_horizontal td {
        display: table-cell;
    }

    .page-body .table-bordered.table-vertical-heading.sp_horizontal tr td {
        border-right: 1px solid rgba(196, 175, 144, .5);
    }

    .page-body .table-bordered.table-vertical-heading.sp_horizontal td:last-child {
        border-right: 0;
    }

    .page-body .table-bordered.table-vertical-heading.sp_horizontal tr:not(:first-child) th {
        border-top: 1px solid rgba(243, 241, 239, .5);
    }

    .page-body .table-bordered.table-vertical-heading.sp_horizontal tr:not(:first-child) td {
        border-top: 1px solid rgba(196, 175, 144, .5);
    }
}

.page-body .table-bordered.table-horizontal-heading th {
    border-top: 1px solid rgba(243, 241, 239, .5);
}

.page-body .table-bordered.table-horizontal-heading th:not(:first-child) {
    border-left: 1px solid rgba(243, 241, 239, .5);
}

.page-body .table-bordered.table-horizontal-heading td {
    vertical-align: top;
    border-top: 1px solid rgba(196, 175, 144, .5);
}

.page-body .table-bordered.table-horizontal-heading td:not(:first-child) {
    border-left: 1px solid rgba(196, 175, 144, .5);
}

.page-body .table-bordered.table-horizontal-heading tr th.no-border,
.page-body .table-bordered.table-horizontal-heading tr td.no-border {
    border: none;
}

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

@media only screen and (min-width: 769px) {
    .page-body .col2 .col {
        max-width: calc((100% - 30px) / 2);
        flex: 0 0 calc((100% - 30px) / 2);
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .page-body .col2 .col {
        max-width: 570px;
        flex: 0 0 570px;
    }
}

@media only screen and (min-width: 769px) {
    .page-body .col1-2 .col:first-child {
        max-width: calc((100% - 30px) / 3);
        flex: 0 0 calc((100% - 30px) / 3);
    }

    .page-body .col1-2 .col:last-child {
        max-width: calc((100% - 30px) / 3 * 2);
        flex: 1 1 auto;
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .page-body .col1-2 .col:first-child {
        max-width: 380px;
        flex: 0 0 380px;
    }
}

@media only screen and (min-width: 769px) {
    .page-body .col3 .col {
        max-width: calc((100% - 30px * 2) / 3);
        flex: 0 0 calc((100% - 30px * 2) / 3);
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .page-body .col3 .col {
        max-width: 370px;
        flex: 0 0 370px;
    }
}

@media only screen and (min-width: 769px) {
    .page-body .col1-3 .col:first-child {
        max-width: calc((100% - 30px) / 4);
        flex: 0 0 calc((100% - 30px) / 4);
    }

    .page-body .col1-3 .col:last-child {
        max-width: calc((100% - 30px) / 4 * 3);
        flex: 1 1 auto;
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .page-body .col1-3 .col:first-child {
        max-width: 285px;
        flex: 0 0 285px;
    }
}

@media only screen and (min-width: 769px) {
    .page-body .col4 .col {
        max-width: calc((100% - 30px * 3) / 4);
        flex: 0 0 calc((100% - 30px * 3) / 4);
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .page-body .col4 .col {
        max-width: 270px;
        flex: 0 0 270px;
    }
}

.page-body .img-center,
.page-body .img-fluid,
.page-body .img-half,
.page-body .img-two-thirds {
    margin: 30px 0 50px;
}

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

    .page-body .img-center,
    .page-body .img-fluid,
    .page-body .img-half,
    .page-body .img-two-thirds {
        margin: 70px 0 80px;
    }
}

@media only screen and (min-width: 769px) {
    .page-body .img-center img {
        display: block;
        width: 960px;
        height: auto;
        margin: 0 auto;
    }
}

.page-body .img-fluid img {
    width: 100%;
}

@media only screen and (min-width: 769px) {
    .page-body .img-fluid img {
        width: 100%;
        height: auto;
    }
}

.page-body .img-half img {
    width: 100%;
}

@media only screen and (min-width: 769px) {
    .page-body .img-half img {
        display: block;
        width: 50%;
        height: auto;
        margin: 0 auto;
    }
}

.page-body .img-two-thirds img {
    width: 100%;
}

@media only screen and (min-width: 769px) {
    .page-body .img-two-thirds img {
        display: block;
        width: 66.666666667%;
        height: auto;
        margin: 0 auto;
    }
}

.page-body .panels {
    margin: 30px 0;
}

.page-body .panels a {
    display: block;
    text-decoration: none;
    transition: all .5s;
}

.page-body .panels > :not(:first-child) {
    margin-top: 20px;
}

.page-body .panels .panel img {
    width: 100%;
    height: auto;
}

.page-body .panels .panel-title a {
    padding-right: 40px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20fill%3D%22%23c0ac8e%22%20d%3D%22M13%200c-7.18%200-13%205.82-13%2013s5.82%2013%2013%2013%2013-5.82%2013-13-5.82-13-13-13zm4.985%2013.38l-5.947%204.319c-.073.053-.158.078-.242.078-.127%200-.253-.059-.333-.17-.133-.184-.093-.441.091-.575l4.987-3.622h-8.371c-.227%200-.411-.184-.411-.411%200-.227.184-.411.411-.411h8.371l-4.987-3.622c-.184-.134-.224-.391-.091-.575.134-.184.39-.225.575-.091l5.947%204.319c.15.061.256.208.256.38%200%20.173-.106.32-.256.381z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.985%2012.62l-5.947-4.319c-.185-.134-.441-.093-.575.091-.133.184-.093.441.091.575l4.987%203.622h-8.371c-.227%200-.411.184-.411.411%200%20.227.184.411.411.411h8.371l-4.987%203.622c-.184.134-.224.391-.091.575.081.111.206.17.333.17.084%200%20.168-.025.242-.078l5.947-4.319c.15-.061.256-.208.256-.38%200-.173-.106-.32-.256-.381z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
}

@media only screen and (min-width: 769px) {
    .page-body .panels {
        margin: 40px 0;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-flow: row wrap;
    }

    .page-body .panels-center {
        justify-content: center;
    }

    .page-body .panels > * {
        margin-top: 10px;
    }

    .page-body .panel3 > :nth-child(-n+3),
    .page-body .panel4 > :nth-child(-n+4) {
        margin-top: 0;
    }

    .page-body .panel3 > :nth-child(3n+1),
    .page-body .panel4 > :nth-child(4n+1) {
        margin-left: 0;
    }

    .page-body .panels .panel img {
        width: 100%;
        height: auto;
    }

    .page-body .panels a:hover {
        opacity: .7;
    }
}

@media only screen and (max-width: 768px) {
    .page-body .panels > :not(:last-child) {
        border-bottom: 1px solid #eee;
    }
}

.page-body .panel3 .panel-body {
    padding: 15px 10px 20px;
}

.page-body .panel3 .panel-title {
    color: #21445b;
    font: 700 1.8rem/1.5 "Noto Sans JP", sans-serif;
}

.page-body .panel3 .panel-title a {
    background-position: 100% 0;
}

.page-body .panel3 .panel-excerpt {
    margin: 10px 0 0;
    color: #3a3a3b;
    font-size: 1.4rem;
    line-height: 1.875;
}

@media only screen and (min-width: 769px) {
    .page-body .panel3 > * {
        max-width: calc((100% - 30px * 2) / 3);
        flex: 0 0 calc((100% - 30px * 2) / 3);
    }

    .page-body .panel3 > :not(:nth-child(3n+1)) {
        margin-left: 30px;
    }

    .page-body .panel3 .panel-body {
        padding: 22px 15px;
    }

    .page-body .panel3 .panel-title {
        background-position: 100% 0;
        color: #21445b;
        font: 700 2.4rem/1.5 "Noto Sans JP", sans-serif;
    }

    .page-body .panel3 .panel-title a {
        background-position: 100% 5px;
    }

    .page-body .panel3 .panel-excerpt {
        margin: 15px 0 0;
        font-size: 1.6rem;
        line-height: 1.875;
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .page-body .panel3 > * {
        max-width: 370px;
        flex: 0 0 370px;
    }
}

.page-body .panel4 .panel-body {
    padding: 15px 10px;
}

.page-body .panel4 .panel-title {
    color: #21445b;
    font: 700 1.8rem/1.5 "Noto Sans JP", sans-serif;
}

.page-body .panel4 .panel-title a {
    background-position: 100% 1px;
}

.page-body .panel4 .panel-excerpt {
    margin: 10px 0 0;
    color: #3a3a3b;
    font-size: 1.4rem;
    line-height: 1.625;
}

@media only screen and (min-width: 769px) {
    .page-body .panel4 > * {
        max-width: calc((100% - 30px * 3) / 4);
        flex: 0 0 calc((100% - 30px * 3) / 4);
    }

    .page-body .panel4 > :not(:nth-child(4n+1)) {
        margin-left: 30px;
    }

    .page-body .panel4 .panel-body {
        padding: 15px;
    }

    .page-body .panel4 .panel-title {
        color: #21445b;
        font: 700 2rem/1.5 "Noto Sans JP", sans-serif;
    }

    .page-body .panel4 .panel-title a {
        background-position: 100% 2px;
    }

    .page-body .panel4 .panel-excerpt {
        margin: 8px 0 0;
        font-size: 1.6rem;
        line-height: 1.625;
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .page-body .panel4 > * {
        max-width: 270px;
        flex: 0 0 270px;
    }
}

.page-body .anchor-links {
    margin: 20px 0;
    font-size: 1.4rem;
}

.page-body .anchor-links a {
    transition: all .5s;
    color: #1c4257;
}

.page-body .anchor-links a:hover {
    text-decoration: none;
    color: #5b7687;
}

.page-body .anchor-links li:not(:last-child)::after {
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    content: "|";
}

.page-body .anchor-links ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    margin: -10px 0 0;
    padding: 0;
    list-style: none;
}

.page-body .anchor-links li {
    margin-top: 10px;
    font: 700 1.4rem/1 "Noto Sans JP", sans-serif;
}

.page-body .anchor-links li:not(:last-child) {
    margin-right: 10px;
}

@media only screen and (min-width: 769px) {
    .page-body .anchor-links {
        margin: 30px 0;
    }

    .page-body .anchor-links ul {
        margin: 0;
        justify-content: center;
    }

    .page-body .anchor-links li {
        margin: 0;
        font: 700 1.4rem/1 "Noto Sans JP", sans-serif;
    }

    .page-body .anchor-links li:not(:last-child) {
        margin: 0;
    }

    .page-body .anchor-links li:not(:first-child) {
        margin-left: 20px;
    }

    .page-body .anchor-links li::after {
        margin-left: 20px;
    }
}

.section-faq {
    padding: 40px 0 56px;
    background: #f4f4f5;
}

.section-faq .section-header .section-title {
    margin: 0;
    line-height: 1;
    text-align: center;
}

.section-faq .section-header .btn {
    display: none;
    margin-left: auto;
    padding: 0 20px;
    border-radius: 20px;
    background: #21445b;
    color: #fff;
    font: 700 1.4rem/40px "Noto Sans JP", sans-serif;
    text-align: center;
    text-decoration: none;
}

.section-faq .section-header .btn span {
    display: inline-block;
    padding-right: 26px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% / auto 16px no-repeat;
    line-height: 16px;
}

.section-faq .section-body {
    margin-top: 32px;
}

.section-faq .faq-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.section-faq .faq-list li {
    border-radius: 5px;
    background: #fff;
}

.section-faq .faq-list li:not(:first-child) {
    margin-top: 10px;
}

.section-faq .faq-list a {
    display: block;
    padding: 12px 40px 12px 44px;
    border-radius: 5px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%3E%3Cpath%20fill%3D%22%23c4b49b%22%20d%3D%22M17.9%2022c-.814%200-1.619-.075-2.417-.224-.797-.149-1.57-.352-2.317-.609-.747-.257-1.464-.557-2.149-.901s-1.318-.704-1.9-1.081c-.581-.377-1.103-.762-1.563-1.155-.461-.394-.845-.772-1.152-1.137-.938-.232-1.8-.629-2.585-1.193-.785-.563-1.46-1.226-2.024-1.988-.565-.762-1.005-1.592-1.32-2.491-.315-.896-.473-1.796-.473-2.699%200-1.176.228-2.282.685-3.317.457-1.035%201.088-1.938%201.894-2.708.805-.77%201.756-1.379%202.853-1.826s2.287-.671%203.574-.671c1.279%200%202.466.224%203.563.671s2.047%201.056%202.853%201.826c.805.77%201.437%201.673%201.893%202.708.457%201.035.685%202.141.685%203.317%200%20.953-.17%201.89-.511%202.814-.341.924-.812%201.77-1.414%202.54-.602.77-1.32%201.431-2.155%201.981-.834.551-1.75.926-2.747%201.124.183.547.488%201.093.916%201.64.428.547.938%201.037%201.532%201.472.594.435%201.256.787%201.987%201.056.731.269%201.495.404%202.292.404v.447zm-8.894-5.59c.93-.099%201.758-.354%202.485-.764.727-.41%201.339-.952%201.837-1.628.498-.675.878-1.474%201.14-2.397.262-.923.392-1.957.392-3.099%200-1.134-.129-2.174-.386-3.118-.258-.944-.635-1.758-1.134-2.441-.498-.683-1.111-1.213-1.837-1.59-.727-.377-1.559-.565-2.497-.565-.963%200-1.81.188-2.541.565-.731.377-1.341.907-1.831%201.59s-.86%201.497-1.109%202.441-.373%201.983-.373%203.118c0%201.143.125%202.195.374%203.155.249.961.619%201.793%201.109%202.497s1.1%201.253%201.831%201.646c.73.393%201.577.59%202.54.59z%22%2F%3E%3C%2Fsvg%3E') left 16px top 50% / 16px auto no-repeat, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23c4af90%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') right 18px top 50% / 11px auto no-repeat, #fff;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.615384615;
    text-decoration: none;
    transition: all .5s;
}

.section-faq .section-footer {
    display: block;
    margin-top: 20px;
    text-align: center;
}

.section-faq .section-footer .btn {
    display: block;
    padding: 0 22px;
    border-radius: 22px;
    background: #21445b;
    color: #fff;
    font: 700 1.2rem/44px "Noto Sans JP", sans-serif;
    text-align: center;
    text-decoration: none;
}

.section-faq .section-footer .btn span {
    display: inline-block;
    padding-right: 26px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% / auto 11px no-repeat;
    line-height: 11px;
}

@media only screen and (min-width: 769px) {
    .section-faq {
        padding: 76px 0 110px;
    }

    .section-faq .section-header .btn {
        display: block;
        transition: all .5s;
    }

    .section-faq .section-header .btn:hover {
        background-color: #295e85;
    }

    .section-faq .section-body {
        margin-top: 40px;
    }

    .section-faq .faq-list li {
        border-radius: 10px;
    }

    .section-faq .faq-list li:not(:first-child) {
        margin-top: 15px;
    }

    .section-faq .faq-list a {
        padding: 0 78px 0 70px;
        border-radius: 10px;
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%3E%3Cpath%20fill%3D%22%23c4b49b%22%20d%3D%22M17.9%2022c-.814%200-1.619-.075-2.417-.224-.797-.149-1.57-.352-2.317-.609-.747-.257-1.464-.557-2.149-.901s-1.318-.704-1.9-1.081c-.581-.377-1.103-.762-1.563-1.155-.461-.394-.845-.772-1.152-1.137-.938-.232-1.8-.629-2.585-1.193-.785-.563-1.46-1.226-2.024-1.988-.565-.762-1.005-1.592-1.32-2.491-.315-.896-.473-1.796-.473-2.699%200-1.176.228-2.282.685-3.317.457-1.035%201.088-1.938%201.894-2.708.805-.77%201.756-1.379%202.853-1.826s2.287-.671%203.574-.671c1.279%200%202.466.224%203.563.671s2.047%201.056%202.853%201.826c.805.77%201.437%201.673%201.893%202.708.457%201.035.685%202.141.685%203.317%200%20.953-.17%201.89-.511%202.814-.341.924-.812%201.77-1.414%202.54-.602.77-1.32%201.431-2.155%201.981-.834.551-1.75.926-2.747%201.124.183.547.488%201.093.916%201.64.428.547.938%201.037%201.532%201.472.594.435%201.256.787%201.987%201.056.731.269%201.495.404%202.292.404v.447zm-8.894-5.59c.93-.099%201.758-.354%202.485-.764.727-.41%201.339-.952%201.837-1.628.498-.675.878-1.474%201.14-2.397.262-.923.392-1.957.392-3.099%200-1.134-.129-2.174-.386-3.118-.258-.944-.635-1.758-1.134-2.441-.498-.683-1.111-1.213-1.837-1.59-.727-.377-1.559-.565-2.497-.565-.963%200-1.81.188-2.541.565-.731.377-1.341.907-1.831%201.59s-.86%201.497-1.109%202.441-.373%201.983-.373%203.118c0%201.143.125%202.195.374%203.155.249.961.619%201.793%201.109%202.497s1.1%201.253%201.831%201.646c.73.393%201.577.59%202.54.59z%22%2F%3E%3C%2Fsvg%3E') left 25px top 50% no-repeat, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23c4af90%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') right 30px top 50% / auto 16px no-repeat, #fff;
        font-size: 1.8rem;
        line-height: 70px;
    }

    .section-faq .faq-list a:hover {
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.9%2022c-.814%200-1.619-.075-2.417-.224-.797-.149-1.57-.352-2.317-.609-.747-.257-1.464-.557-2.149-.901s-1.318-.704-1.9-1.081c-.581-.377-1.103-.762-1.563-1.155-.461-.394-.845-.772-1.152-1.137-.938-.232-1.8-.629-2.585-1.193-.785-.563-1.46-1.226-2.024-1.988-.565-.762-1.005-1.592-1.32-2.491-.315-.896-.473-1.796-.473-2.699%200-1.176.228-2.282.685-3.317.457-1.035%201.088-1.938%201.894-2.708.805-.77%201.756-1.379%202.853-1.826s2.287-.671%203.574-.671c1.279%200%202.466.224%203.563.671s2.047%201.056%202.853%201.826c.805.77%201.437%201.673%201.893%202.708.457%201.035.685%202.141.685%203.317%200%20.953-.17%201.89-.511%202.814-.341.924-.812%201.77-1.414%202.54-.602.77-1.32%201.431-2.155%201.981-.834.551-1.75.926-2.747%201.124.183.547.488%201.093.916%201.64.428.547.938%201.037%201.532%201.472.594.435%201.256.787%201.987%201.056.731.269%201.495.404%202.292.404v.447zm-8.894-5.59c.93-.099%201.758-.354%202.485-.764.727-.41%201.339-.952%201.837-1.628.498-.675.878-1.474%201.14-2.397.262-.923.392-1.957.392-3.099%200-1.134-.129-2.174-.386-3.118-.258-.944-.635-1.758-1.134-2.441-.498-.683-1.111-1.213-1.837-1.59-.727-.377-1.559-.565-2.497-.565-.963%200-1.81.188-2.541.565-.731.377-1.341.907-1.831%201.59s-.86%201.497-1.109%202.441-.373%201.983-.373%203.118c0%201.143.125%202.195.374%203.155.249.961.619%201.793%201.109%202.497s1.1%201.253%201.831%201.646c.73.393%201.577.59%202.54.59z%22%2F%3E%3C%2Fsvg%3E') left 25px top 50% no-repeat, url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') right 30px top 50% / auto 16px no-repeat, #21445b;
        color: #fff;
    }

    .section-faq .section-footer {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .section-faq .section-header {
        justify-content: center;
    }
}

.page-body .table-form th,
.page-body .table-form td {
    padding: 1em;
}

.page-body .table-form th span,
.page-body .table-form td span {
    display: inline;
}

.page-body .table-form th {
    width: 100%;
    background: #d9dcde;
    color: #21445b;
    font-size: 1.6rem;
    line-height: 1.875;
}

.page-body .table-form th .req {
    margin-left: auto;
    padding: .3em .9em;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #fff;
    background: #d1626e;
    border-radius: 4px;
}

.page-body .table-form td {
    background: #f4f4f5;
    color: #3a3a3b;
    font-size: 1.6rem;
    line-height: 2.142857143;
}

.page-body .table-form td input[type='text'],
.page-body .table-form td input[type='number'],
.page-body .table-form td input[type='tel'],
.page-body .table-form td input[type='email'],
.page-body .table-form td input[type='password'],
.page-body .table-form td textarea {
    width: 100%;
    padding: .5em;
    border: 1px solid #d9dcde;
    border-radius: 0;
    color: #3a3a3b;
    font-size: 1.6rem;
    line-height: 1;
}

.page-body .table-form td textarea {
    line-height: 1.2;
    resize: vertical;
}

.page-body .table-form td input[type='text'].req,
.page-body .table-form td input[type='number'].req,
.page-body .table-form td input[type='tel'].req,
.page-body .table-form td input[type='email'].req,
.page-body .table-form td input[type='password'].req,
.page-body .table-form td textarea.req {
    border: 1px solid #f1d7d9;
    background: #f1d7d9;
}

.page-body .table-form td select {
    position: relative;
    top: 1px;
    min-height: 40px;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: .25em 2em .25em 1em;
    background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAARCAYAAAAG/yacAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmMzRiZGFjYS0wZWU4LTRkY2YtODc5ZS03ZmE1YjFjZGIwMjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkE4OEI4QjcyMTQ1MTFFOEE2MEFDQkYzRkYxMkFCNkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkE4OEI4QjYyMTQ1MTFFOEE2MEFDQkYzRkYxMkFCNkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOGI2MTA3ZS0wMDQ5LTQ4YTQtYTJhNy05NTczZjVlMDkyMmYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZjM0YmRhY2EtMGVlOC00ZGNmLTg3OWUtN2ZhNWIxY2RiMDI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RVBYgwAAAP9JREFUeNpiVHSJZsACFIG4AYrvo0syYdFgA8SngDgOStsQ0pQExHuBWASIX0DpvVBxDE3MQNwNxHOBmA2I+4BYHoh7oXyQeA9UHVgTLxBvBOISIP4FxClAXAxll0D5v6BiIHW8IE1+QOwNxG+A2BVqKjIA8V2g8iB1ASxAYikQywHxSiC+x4AdHAZicyAOB+LFjDiCHC9g/P//P8maWJRcY0jWBAvycmgqwAdA8hUwTSBPdeCKfbRU0g5SD9K0CYi34Yp9tFQCUrcZpOkzNK7QY58NSyoBqfuEHuTJQDwNqugZEEtBU0MWcqQz4Yl9KVyphAlP7C+C0ofQFQAEGABcCTwH7xsJWAAAAABJRU5ErkJggg==) 90% center / 13px 17px no-repeat;
    font-size: 1.6rem;
    text-indent: .01px;
    text-overflow: "";
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.page-body .table-form td .error {
    margin-top: 1em;
    color: #d0626e;
    font-size: 1.4rem;
    line-height: 1;
}

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

    .page-body .table-form th,
    .page-body .table-form td {
        padding: 1.2em;
    }

    .page-body .table-form.table-vertical-heading th {
        width: auto;
    }

    .page-body .table-form.table-vertical-heading tr:not(:first-child) th {
        border-top: 1px solid #fff;
    }

    .page-body .table-form th .req {
        font-size: 1.4rem;
    }

    .page-body .table-form.table-vertical-heading td {
        border-right: 1px solid #d9dcde;
    }

    .page-body .table-form.table-vertical-heading td:last-child {
        border-right: 0;
    }

    .page-body .table-form.table-vertical-heading tr:not(:first-child) td {
        border-top: 1px solid #d9dcde;
    }

    .page-body .table-form td input[type='text'],
    .page-body .table-form td input[type='number'],
    .page-body .table-form td input[type='tel'],
    .page-body .table-form td input[type='email'],
    .page-body .table-form td input[type='password'],
    .page-body .table-form td textarea {
        padding: .8em 1em;
    }
}

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

    .page-body .table-form td input[type='text'],
    .page-body .table-form td input[type='number'],
    .page-body .table-form td input[type='tel'],
    .page-body .table-form td input[type='email'],
    .page-body .table-form td input[type='password'],
    .page-body .table-form td textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}

.page-body .about-faq {
    padding: 20px;
    border-radius: 10px;
    background: #ecf0f3;
}

.page-body .about-faq .title {
    margin: 0;
    font: bold 2.2rem/1 "Noto Sans JP", sans-serif;;
}

.page-body .about-faq p {
    margin: 10px 0;
}

.page-body .about-faq .btn {
    margin: 15px 0 0;
}

@media only screen and (min-width: 769px) {
    .page-body .about-faq {
        padding: 40px 40px 30px;
    }

    .page-body .about-faq .title {
        font: bold 2.2rem/1 "Noto Sans JP", sans-serif;;
    }

    .page-body .about-faq p {
        margin: 20px 0;
    }

    .page-body .about-faq .btn {
        margin: 40px 0 0;
    }
}

.page-body .annotation-alt ul {
    padding: 0 0 0 1.5em;
    list-style: none;
}

.page-body .annotation-alt.attention ul {
    color: #d0626e;
}

.page-body .annotation-alt li {
    position: relative;
    margin: 1em 0;
}

.page-body .annotation-alt li::before {
    display: block;
    position: absolute;
    top: 0;
    left: -1.5em;
    content: "\203B";
}

@media only screen and (min-width: 769px) {
    .page-body .annotation-alt li {
        margin: 14px 0;
    }
}

.section-inspection-results {
    margin-top: 30px;
}

.section-inspection-results .section-title {
    margin-top: 0;
}

@media only screen and (min-width: 769px) {
    .section-inspection-results {
        margin-top: 50px;
    }

    .section-inspection-results .accordion-body dl:not(:first-child) {
        border-top: 1px solid #c4af90;
    }
}

.section-one-way-system {
    margin-top: 30px;
}

.section-one-way-system .section-title {
    margin-top: 0;
}

.section-one-way-system .flow-list {
    margin: auto;
    padding: 0 0 22px;
    list-style: none;
}

.section-one-way-system .flow {
    position: relative;
    padding: 20px 20px 20px 80px;
    border-radius: 10px;
    background-color: #ecf0f3;
    background-position: 186px 50%;
    background-repeat: no-repeat;
}

.section-one-way-system .flow::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAyVBMVEWKt9eLt9eLuNeLuNiMuNiNudiOudmOutmPutmPu9mQu9qQvNqRvNqSvNqSvduTvduTvtuUvtuUvtyUv9yVv9yWv9yWwN2XwN2Xwd2Ywd2Ywd6Zwt6KtteJtteJttaIttaItdaHtdaHtNWNuNiGtNWFs9WGs9WFs9SEstSDstSDsdSDsdOCsdOMuNeCsNOBsNOBsNKAr9J/r9J/rtF/rtJ+rtF+rdF9rdF9rNF9rdB8rNCOuth7q9B7rNCQu9l6q896qs9/r9EAAACFJ6BNAAAAAWJLR0RCENc99AAAAAlwSFlzAAALEgAACxIB0t1+/AAAB3FJREFUaN6tmoleIjkQxgOIouKFOB7L0TqCAo6CgK4srjPv/1LbV9JJ6kh1u/0C/18dqXxfpZWq1eqNnfhrNpu7e/HXau3vHxwcHLbj7+j4+Pgk/k5Pzzqdznk3+S4ufsTf5eXlVfxd38TfX1U+pRByqyDn6Jh8psldi3wdf9XQKbjWaGTg5m6GLmJuG/IpRs7BFciql6DrdUPW2d5nyG62q5FVv+dle9fK9iEgZ+gUXGS7ClkNfHLT6rADSD7HyBXqrAaGrMFNHXOC1mC/w3S2r64qFjoGx+ReQm6gp+rQIRcxf7e31XAwgNneLToszfYRlu2LDFyRrKKEPLDITV3nvZzcBqNEZ/vCj7kEWkXRcGjIachWh7VAh50459kNuhQ5Bkd+tp2Y4QxDJklBloNvEbLpMGaGnSOTpEzM6i4hR0O3zjvF9KQmCeztZIZdlwAbcr/fK8g/hZfVhZXtUh0Wg4uY+8ip2qM77NzvsDKnSt3b5B5BdmI+dud2xUmi7h2ynW2OfALIP+wOk4ERcs0j76N1PvPJZeqsRii5XqdjPgK3ZLfCqVKj8X2KZmNu2eQ2JsRKKwM1gmRVjM+mWAICaRACPzyMdLbdIcZ0WFvUYTxaPcbk8Tgl332rt7sXpcgpeAQ6LD/Pje+dqhsWjJNz8Vku21AOseAMjWQ72GGU1JfErCYWWQdtd5gj9bX4bEMhhmX7mgUbcgb2yajs9e1Nh7A3TMxqOvFjjghpAMht11hZgtuMzxsSrWYFeWyRI0qU5EMMkwbA3nAdpmYzGPOtR95xhZh1QRd17hCCmwo5BlPkYdHbjgSU9jYfs3p6Qsi3XrYbnqWzTMaREzNFvsHAT1TMTof9ciQgb+mQbAOyeubI4sHNXJNEyOqFI0eUvbHXFe1MGXBkBB2Dn6XZDp9n0kBj4JeXULYJM9ky09PLdlcih9Q8QM5OVQ+zNy3CTIrIavFiyLNJin5IhhhxQfv2xl/RnABLR4lPtZg7MU/wmDmpLzVW1x54sZjbMT/mMY+QbKvvnSqHnIAN+Wk2ta4MkdRvCaQ+WmcD1jFPTbapa3KHHNxHiKWjyOo1Jc9t8mMaM15nVdpMEmT1mpKtbJtjNdIXtCf1pbL3nJL6NznYJ+fgR+JU2dmW2VhUAqrlyiY/+x02xkxGrf6Lk70n/AWdkdXSIb+4HQZkbz7Das7cBnU+ppcG5liptUvOJ8kUnWHRt6y7uxBT64z8SnYYbumyOu+IySDmGByjGTIpexsSclFnf8+cgtdFtufgPJs63wZNxj7zkuHLXvX2tgbZxq7JO0IagBlGCe6uZW9itHp/fwPZnj9z2R5CsrN/lEnAGFyQF97gnk6mvOCu05uSkMlIwSl5tYIzTC6HQMxehwEhpv42IeMx+8bqFjFW4DzDrT6QQ0nEOmZT54U/w0qJT+Q9ATFW6uM9Q2fkVdFhYfHZD5Cta7IDNtxqg5Ml4lMLsTq2NHDJZ6C31UaTc/BKMMO8bNewdYUzSZDBHYM3707MoUkSPFXEee645ATsZftVWOeojMk49bf6KXhTrcMirMN2/8HXFX62c7Amv9kHGiM/BKX+Hiu4TYdl4I20t6kLuryB1uCNFfOSECXUqaok9dX2E5JROWQX+h7f9jZkZA3+RLP9CmMWLQ3cu+pfss5qu91+cnVeoHXGbWwteEsW5BQsIz9pG2sLbtPbPZnUNx2WgEHMOfqVrjO14ZaTc7AO+sMd3N74dKQ+mCTlelt9bbd20HZvr7HeJq37oFfqPKuvr62b7Q/uVD3p8/yYG2g4SYRSPwZ/udneBMgCqS95Q0nAXswZ+SMjr8TkCJP6dLZTsI7ZzvYHSn5GTIZt3Qf4bh15T7DAfsygw7ghFnGyF9s/ZmCfDHq7ujRw3hMscg7WZfZ6mxMlj2XI8CcHDeZO1XqJ1lnyeoP+nJb2dgH2gtbkNTCTfJ3994Sfbp0PdIdZYJyMZTsoe/vhX4dsMCh0Jak/5HauhdR3wFRzO54ueKowS9cEe2YXjMdMdJj4PQH9CdED+zG/B09VqfcEa8Ptg9lsOzZWZOnozScA68GNTxIo9WcWeczbG2cLiIC9axI/VaL3hD6TbRIMhxgpPuGG+zYsSjAwNUkYaUDumXNRAi9oDPxbk7dsnW3xadZSI+Q3GtRkoBEXMX9y0xOfJGPZuxEB5qcns9UfET8tATIF5s8zVuepLfXvg1KfBLOnCrmgp7QQQ8kM2Cd/8JPEGKsRJFuWTosSDvzF1Bm/qzhj5dWZBRMxMybD23Az2ebB/ihhjRUpAVGTEQDr5uan59wzGci7kfPrUEIWgrHLaimTBsSvQyEwdWPkLVZBfObkIJiaYbj4fMa2+qjgDoNRS6cLvRJJfUwaSMCcyVgFrgxSfLLg32y635DLSrjhjsmiiP9HqW/IQjBLXpbbM2fjUwr2l0PWWirdiC3sbM9c8YlmWwwOSYOFFtzC9wQ5WNZhsqVBgpaDgfgMyd4Ju+EuAc7QMRiTgCbdInvTrwC2V3F2iy1F7wkFuRSYN9B/mPeEB18a/Afg179yx1NitAAAAABJRU5ErkJggg==') 50% no-repeat;
    content: "";
}

.section-one-way-system .flow:nth-child(1)::before {
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.373%2014.99l-.658-.278c-.427-.169-.787-.298-.787-.658%200-.332.285-.529.726-.529.414%200%20.746.149%201.065.414l.509-.631c-.407-.414-.99-.644-1.573-.644-1.017%200-1.736.631-1.736%201.451%200%20.732.509%201.139%201.017%201.35l.671.285c.448.19.753.305.753.678%200%20.353-.278.576-.8.576-.441%200-.916-.224-1.275-.556l-.577.692c.488.468%201.16.733%201.831.733%201.16%200%201.845-.699%201.845-1.519%200-.727-.4-1.113-1.011-1.364zm2.895%202.787h1.004v-4.185h1.424v-.834h-3.839v.834h1.411v4.185zm6.394-.841h-2.15v-1.343h1.763v-.841h-1.763v-1.16h2.075v-.834h-3.079v5.019h3.154v-.841zm2.663-4.178h-1.648v5.019h1.004v-1.784h.672c1.078%200%201.94-.515%201.94-1.662-.001-1.186-.855-1.573-1.968-1.573zm-.04%202.442h-.604v-1.648h.57c.692%200%201.058.197%201.058.78%200%20.576-.332.868-1.024.868zm-4.38%207.084h-2.217c-.956.59-1.993.976-3.499%201.261v1.851h2.726v9.519h-3.234v2.421h9.052v-2.421h-2.827v-12.631z%22%2F%3E%3C%2Fsvg%3E');
}

.section-one-way-system .flow:nth-child(2)::before {
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.539%2017.872c-.671%200-1.343-.264-1.831-.733l.577-.692c.359.332.834.556%201.275.556.522%200%20.8-.224.8-.576%200-.373-.305-.488-.753-.678l-.671-.285c-.509-.21-1.017-.617-1.017-1.35%200-.821.719-1.451%201.736-1.451.583%200%201.167.231%201.574.644l-.509.631c-.319-.265-.651-.414-1.065-.414-.441%200-.726.197-.726.529%200%20.359.359.488.787.658l.658.278c.61.251%201.011.638%201.011%201.363-.001.822-.686%201.52-1.846%201.52zm3.729-.095h1.004v-4.185h1.424v-.834h-3.839v.834h1.411v4.185zm6.394-.841h-2.15v-1.343h1.763v-.841h-1.763v-1.16h2.075v-.834h-3.079v5.019h3.154v-.841zm4.63-2.604c0%201.146-.861%201.662-1.94%201.662h-.671v1.784h-1.004v-5.019h1.648c1.113-.001%201.967.386%201.967%201.573zm-.983%200c0-.583-.366-.78-1.058-.78h-.57v1.648h.604c.692%200%201.024-.292%201.024-.868zm-8.048%2020.645c2.746-2.685%205.004-5.614%205.004-8.34%200-2.807-1.892-4.638-4.739-4.638-2.054%200-3.397.814-4.78%202.278l1.627%201.627c.753-.834%201.668-1.546%202.766-1.546%201.424%200%202.258.915%202.258%202.441%200%202.319-2.421%205.146-6.509%208.808v1.729h10.089v-2.522h-3.275c-.692%200-1.689.082-2.441.163z%22%2F%3E%3C%2Fsvg%3E');
}

.section-one-way-system .flow:nth-child(3)::before {
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.539%2017.73c-.671%200-1.343-.264-1.831-.733l.577-.692c.359.332.834.556%201.275.556.522%200%20.8-.224.8-.576%200-.373-.305-.488-.753-.678l-.671-.285c-.509-.21-1.017-.617-1.017-1.35%200-.821.719-1.451%201.736-1.451.583%200%201.167.231%201.574.644l-.509.631c-.319-.265-.651-.414-1.065-.414-.441%200-.726.197-.726.529%200%20.359.359.488.787.658l.658.278c.61.251%201.011.638%201.011%201.363-.001.821-.686%201.52-1.846%201.52zm3.729-.095h1.004v-4.185h1.424v-.834h-3.839v.834h1.411v4.185zm6.394-.841h-2.15v-1.343h1.763v-.841h-1.763v-1.16h2.075v-.834h-3.079v5.019h3.154v-.841zm-1.798%2012.61v-.102c1.607-.631%202.522-1.81%202.522-3.438%200-2.583-1.973-4.007-4.882-4.007-1.77%200-3.214.712-4.516%201.851l1.526%201.831c.895-.814%201.77-1.322%202.848-1.342%201.281.02%202.014.712%202.014%201.892%200%201.343-.895%202.299-3.661%202.299v2.156c3.275%200%204.149.915%204.149%202.4%200%201.342-1.037%202.095-2.563%202.095-1.363%200-2.461-.671-3.356-1.546l-1.404%201.892c1.058%201.2%202.665%202.095%205.045%202.095%202.868%200%205.289-1.607%205.289-4.373%200-1.974-1.302-3.235-3.011-3.703zm6.428-15.215c0%201.146-.861%201.662-1.94%201.662h-.671v1.784h-1.004v-5.019h1.648c1.113%200%201.967.386%201.967%201.573zm-.983%200c0-.583-.366-.78-1.058-.78h-.57v1.648h.604c.692.001%201.024-.291%201.024-.868z%22%2F%3E%3C%2Fsvg%3E');
}

.section-one-way-system .flow:nth-child(4)::before {
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.539%2017.872c-.671%200-1.343-.264-1.831-.733l.577-.692c.359.332.834.556%201.275.556.522%200%20.8-.224.8-.576%200-.373-.305-.488-.753-.678l-.671-.285c-.509-.21-1.017-.617-1.017-1.35%200-.821.719-1.451%201.736-1.451.583%200%201.167.231%201.574.644l-.509.631c-.319-.265-.651-.414-1.065-.414-.441%200-.726.197-.726.529%200%20.359.359.488.787.658l.658.278c.61.251%201.011.638%201.011%201.363-.001.822-.686%201.52-1.846%201.52zm10.123-.936h-2.15v-1.343h1.763v-.841h-1.763v-1.16h2.075v-.834h-3.079v5.019h3.154v-.841zm-6.394.841h1.004v-4.185h1.424v-.834h-3.839v.834h1.411v4.185zm11.024-3.445c0%201.146-.861%201.662-1.94%201.662h-.671v1.784h-1.004v-5.019h1.648c1.113-.001%201.967.386%201.967%201.573zm-.983%200c0-.583-.366-.78-1.058-.78h-.57v1.648h.604c.692%200%201.024-.292%201.024-.868zm-3.675%2016.821h1.79v2.278h-1.79v3.905h-2.787v-3.905h-6.407v-2.034l5.614-9.113h3.58v8.869zm-2.665-6.184h-.081c-.366.793-.773%201.627-1.2%202.441l-2.339%203.743h3.499v-3.071c-.001-.875.081-2.238.121-3.113z%22%2F%3E%3C%2Fsvg%3E');
}

.section-one-way-system .flow:nth-child(5)::before {
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.268%2013.45h-1.411v-.834h3.839v.834h-1.424v4.185h-1.004v-4.185zm6.394%203.344h-2.15v-1.343h1.763v-.841h-1.763v-1.16h2.075v-.834h-3.079v5.019h3.154v-.841zm-8.278-.583c0-.726-.4-1.112-1.011-1.363l-.658-.278c-.427-.17-.787-.298-.787-.658%200-.332.285-.529.726-.529.414%200%20.746.149%201.065.414l.509-.631c-.407-.414-.99-.644-1.574-.644-1.017%200-1.736.631-1.736%201.451%200%20.733.509%201.139%201.017%201.35l.671.285c.448.19.753.305.753.678%200%20.353-.278.576-.8.576-.441%200-.916-.224-1.275-.556l-.577.692c.488.468%201.16.733%201.831.733%201.161-.001%201.846-.7%201.846-1.52zm4.873%2011.199c-.692%200-1.22.142-1.81.427l.285-3.194h5.472v-2.502h-8.055l-.407%207.302%201.363.895c.875-.57%201.363-.793%202.258-.793%201.526%200%202.543.976%202.543%202.726%200%201.77-1.098%202.766-2.665%202.766-1.404%200-2.461-.692-3.316-1.526l-1.383%201.912c1.119%201.119%202.705%202.054%205.085%202.054%202.787%200%205.268-1.932%205.268-5.289%200-3.272-2.115-4.778-4.638-4.778zm8.035-13.221c0%201.146-.861%201.662-1.94%201.662h-.671v1.784h-1.004v-5.019h1.648c1.113%200%201.967.386%201.967%201.573zm-.983%200c0-.583-.366-.78-1.058-.78h-.57v1.648h.604c.692.001%201.024-.291%201.024-.868z%22%2F%3E%3C%2Fsvg%3E');
}

.section-one-way-system .flow::after {
    display: block;
    position: absolute;
    bottom: -22px;
    left: 50%;
    width: 100px;
    height: 22px;
    content: "";
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2222%22%20viewBox%3D%220%200%20100%2022%22%3E%3Cpath%20fill%3D%22%23ECF0F3%22%20d%3D%22M50.611%2022c10.258%200%2026.362-22%2049.389-22h-100c23.432%200%2038.869%2022%2050.611%2022z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section-one-way-system .flow:not(:first-child) {
    margin-top: 32px;
}

.section-one-way-system .flow:last-child::after {
    content: none;
}

.section-one-way-system .flow .title {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.2;
}

.section-one-way-system .flow p {
    margin: 1em 0 0;
    color: #21445b;
    font-size: 1.4rem;
    line-height: 1.4;
}

@media only screen and (min-width: 769px) {
    .section-one-way-system .flow-list {
        margin: auto;
        padding: 0 0 22px;
        list-style: none;
    }

    .section-one-way-system .flow {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding: 0 0 0 268px;
        background-position: 186px 50%;
    }

    .section-one-way-system .flow:not(:first-child) {
        margin-top: 46px;
    }

    .section-one-way-system .flow::before {
        top: 0;
        left: 40px;
        width: 118px;
        height: 118px;
        margin: -9px 0;
        border-radius: 59px;
    }

    .section-one-way-system .flow:nth-child(1) {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M32%2053c-4.152%200-8.054-1.602-10.99-4.51-6.327-6.267-4.226-15.262-.15-21.59l.024-.035%2011.116-15.865%2011.141%2015.9c4.075%206.327%206.176%2015.322-.15%2021.59-2.937%202.908-6.84%204.51-10.991%204.51zm-9.291-24.906c-3.607%205.611-5.535%2013.504-.138%2018.851%202.519%202.495%205.868%203.869%209.429%203.869s6.911-1.374%209.431-3.87c5.396-5.347%203.469-13.239-.139-18.85l-9.292-13.26-9.291%2013.26z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(1)::before {
        content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22118%22%20height%3D%22118%22%20viewBox%3D%220%200%20118%20118%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M45.721%2035.376l-1.553-.656c-1.009-.4-1.857-.704-1.857-1.553%200-.784.672-1.249%201.713-1.249.976%200%201.761.352%202.513.976l1.201-1.489c-.96-.976-2.337-1.521-3.714-1.521-2.401%200-4.098%201.489-4.098%203.425%200%201.729%201.201%202.689%202.401%203.185l1.585.672c1.057.448%201.777.72%201.777%201.601%200%20.832-.656%201.36-1.889%201.36-1.04%200-2.161-.528-3.009-1.312l-1.361%201.635c1.153%201.104%202.737%201.729%204.322%201.729%202.737%200%204.354-1.649%204.354-3.585%200-1.714-.945-2.626-2.385-3.218zm6.83%206.578h2.369v-9.876h3.361v-1.968h-9.06v1.969h3.329v9.875zm15.09-1.985h-5.074v-3.169h4.162v-1.985h-4.162v-2.737h4.898v-1.968h-7.267v11.845h7.443v-1.986zm6.287-9.859h-3.89v11.845h2.369v-4.21h1.585c2.545%200%204.578-1.216%204.578-3.922%200-2.801-2.017-3.713-4.642-3.713zm-.096%205.762h-1.425v-3.89h1.345c1.633%200%202.497.464%202.497%201.841%200%201.361-.784%202.049-2.417%202.049zm-10.336%2016.719h-5.232c-2.256%201.392-4.704%202.304-8.257%202.976v4.368h6.432v22.466h-7.633v5.713h21.362v-5.713h-6.673v-29.81z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(2) {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M48.879%2029.675c.171-.549.126-1.212.078-1.915l-.016-.238c-.037-.585-.154-1.111-.217-1.394l-.03-.138c-.039-.23-.099-.579-.41-.908-.005-.005-.398-.415-.664-.623l-.296-.399c-.398-.514-1.078-.831-1.683-1.087-.329-.139-.963-.311-1.697-.505l-.331-.088c-.11-.073-.257-.163-.52-.297-.357-.183-1.252-.435-3-.897l-.705-.188c-.406-.112-.734-.183-1.023-.246-.305-.066-.57-.124-.884-.218-.416-.124-.849-.199-1.197-.247l.004-.366.208-.148c.591-.483.612-1.299.298-1.81.137-.211.211-.464.213-.738.003-.348-.108-.677-.307-.923.052-.119.089-.263.094-.436l.001-.675-.021-1.352-.016-.965c.01-.079.029-.251-.026-.452l-.005-.165-.005-.144c-.028-.83-.57-1.426-1.609-1.772-.756-.251-2.576-.332-3.022-.34-.806-.014-1.659.034-2.212.121-.856.136-1.399.316-1.759.583-.745.554-.721%201.38-.713%201.652.009.297-.027%203.062-.035%203.261-.01.201.015.385.074.551l-.054.055c-.236.252-.354.589-.333.949.014.247.094.488.224.693-.206.293-.237.61-.236.859.003.533.334.898.683%201.131v.073l-.002.232-.127.042-.508.127-.384.093-.224.075c-.203.015-.433.042-.932.169-.265.067-.838.22-1.452.385l-1.617.429c-.758.197-1.343.408-1.79.646-.151.081-.51.18-1.161.346-.866.22-1.554.472-2.047.747-.499.279-.908.731-1.102%201.039-.172.122-.362.3-.647.573l-.057.054c-.305.29-.624.818-.675%202.546-.02.721.068%201.759.117%202.129.052.395.302.914.548%201.288-.065.412-.098%201.09-.047%201.574.033.317.139.83.281%201.226l-.034.115c-.191.689-.097%201.701-.086%201.815.039.391.153.763.272%201.044l-.011.061c-.072.435-.073%201.227-.068%201.471.009.374.079.807.128%201.05-.064.252-.104.506-.111.935-.006.504-.006.848%200%201.087-.108.115-.229.26-.404.474-.457.562-.518%201.369-.515%202.156.001.348.048.971.149%201.96.059.584.207%201.493.374%202.099.218.788.678%201.268%201.142%201.669.315.272.457.412.731.762.477.608%201.502%201.187%202.078%201.404l1.532.586c.884.339%201.864.715%202.202.841l.113.035c.209.051%203.292.787%207.916.787%203.051%200%206.773-.32%2010.784-1.369.126-.033.277-.093.42-.202l.277-.103.416-.157c.612-.229%201.537-.576%202.223-.941.643-.342%201.102-.608%201.611-1.173.479-.533.951-1.424%201.113-1.944.115-.365.164-.867.212-1.351l.059-.547c.044-.324.049-.674.054-1.012.004-.284.008-.579.037-.799.072-.55.017-.906-.023-1.167l-.026-.192c-.041-.464-.14-.829-.503-1.215l-.201-.233.007-.225.016-.528c.022-.564-.046-.979-.121-1.277.109-.326.209-.687.247-1.476.028-.57-.004-.971-.046-1.236.164-.365.242-.822.311-1.425.054-.472.017-1.166-.04-1.564.175-.457.301-1.215.35-1.769.044-.518-.015-.962-.094-1.295l.056-.114c.125-.251.298-.597.428-1.011zm-1.924-.602c-.081.258-.196.488-.307.71l-.138.279c-.142.282-.268.598-.111%201.085.044.135.112.416.081.777-.046.541-.159%201.055-.223%201.219l-.045.113c-.1.246-.174.482-.071.871.025.136.074.742.036%201.073-.064.558-.115.757-.145.821l-.044.083c-.136.256-.258.543-.123.999%200%20.003.066.263.036.889-.028.581-.089.762-.148.939l-.024.059c-.145.317-.161.599-.052.946.035.108.115.361.097.829l-.017.558-.011.246c-.03.222-.048.486.137.813.124.27.388.582.573.785l.005.056.042.322c.031.199.051.331.017.593-.044.338-.049.692-.054%201.035-.004.29-.008.565-.035.766l-.069.624c-.03.31-.076.778-.128.944-.084.267-.41.887-.688%201.198-.27.3-.468.427-1.058.741-.57.303-1.421.622-1.984.833l-.42.158-.378.14c-.098.028-.213.076-.327.156-9.081%202.319-16.746.691-17.451.532l-2.126-.813-1.543-.59c-.435-.164-1.056-.575-1.202-.762-.375-.479-.612-.709-1-1.045-.327-.282-.452-.447-.516-.677-.131-.475-.261-1.271-.311-1.767-.114-1.115-.139-1.572-.139-1.761-.002-.601.047-.82.081-.899.23-.282.298-.356.348-.397.503-.419.56-.857.495-1.184-.009-.178-.011-.729-.005-1.204.004-.3.028-.39.055-.492.08-.296.105-.506.023-.832-.02-.086-.091-.483-.097-.735-.008-.377.012-.919.041-1.095l.026-.114c.044-.162.148-.541-.113-.989-.025-.045-.133-.283-.158-.534-.041-.417-.022-.912.022-1.074l.059-.173c.071-.186.235-.616-.057-1.128-.047-.115-.156-.498-.187-.791-.033-.318%200-.892.044-1.106.062-.303.174-.854-.279-1.309-.092-.129-.249-.417-.272-.501-.043-.318-.116-1.243-.1-1.805.019-.637.088-1.058.139-1.226l.383-.351c.254-.155.425-.337.56-.596.058-.076.22-.252.368-.335.233-.131.694-.333%201.559-.553.915-.233%201.276-.341%201.613-.521.299-.16.753-.319%201.348-.474l1.63-.432%201.428-.378c.385-.098.499-.106.601-.114l.041-.003c.229-.018.388-.076.492-.115l.091-.031.266-.063c.242-.055.517-.117.715-.186l.324-.089c.171.004.579-.011.893-.36.083-.092.142-.197.188-.308h4.702c.203.625.706.807%201.023.854l.231.029c.293.033.838.095%201.289.229.389.116.717.187%201.034.256.277.06.564.122.916.219l.725.194c.692.183%202.312.612%202.6.744l.356.204.234.136c.113.053.207.078.661.198.391.103%201.203.318%201.427.413.643.272.827.411.875.465l.23.309.082.114c.077.107.174.223.355.344l.315.298.043.203c.054.245.146.656.173%201.084l.017.247c.027.374.069.993.011%201.18z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(2)::before {
        content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22118%22%20height%3D%22118%22%20viewBox%3D%220%200%20118%20118%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M43.752%2042.178c-1.585%200-3.169-.624-4.322-1.729l1.361-1.633c.848.784%201.969%201.312%203.009%201.312%201.232%200%201.889-.528%201.889-1.36%200-.88-.72-1.153-1.777-1.601l-1.585-.672c-1.201-.496-2.401-1.456-2.401-3.185%200-1.937%201.697-3.425%204.098-3.425%201.377%200%202.753.544%203.714%201.521l-1.201%201.489c-.752-.624-1.537-.976-2.513-.976-1.04%200-1.713.464-1.713%201.249%200%20.848.848%201.152%201.857%201.553l1.553.656c1.441.592%202.385%201.505%202.385%203.217%200%201.936-1.617%203.584-4.354%203.584zm8.799-.224h2.369v-9.876h3.361v-1.968h-9.06v1.969h3.329v9.875zm15.09-1.985h-5.074v-3.169h4.162v-1.985h-4.162v-2.737h4.898v-1.968h-7.267v11.845h7.443v-1.986zm10.929-6.146c0%202.705-2.033%203.922-4.578%203.922h-1.585v4.21h-2.369v-11.845h3.89c2.625%200%204.642.912%204.642%203.713zm-2.321%200c0-1.377-.864-1.841-2.497-1.841h-1.345v3.89h1.425c1.633%200%202.417-.688%202.417-2.049zm-18.994%2048.723c6.481-6.336%2011.809-13.249%2011.809-19.682%200-6.625-4.464-10.945-11.185-10.945-4.849%200-8.017%201.92-11.281%205.376l3.84%203.84c1.776-1.968%203.936-3.648%206.529-3.648%203.36%200%205.328%202.16%205.328%205.76%200%205.472-5.712%2012.145-15.361%2020.786v4.08h23.81v-5.953h-7.729c-1.631.002-3.984.194-5.76.386z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(3) {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M48.878%2029.675c.171-.549.126-1.213.078-1.915l-.016-.238c-.037-.586-.154-1.113-.217-1.396l-.029-.136c-.04-.231-.099-.58-.41-.908-.005-.005-.4-.416-.663-.622l-.296-.4c-.398-.514-1.078-.831-1.684-1.087-.329-.139-.963-.311-1.697-.505l-.331-.088c-.11-.073-.257-.163-.52-.297-.358-.183-1.253-.435-3.002-.897l-.704-.188c-.406-.112-.734-.183-1.023-.246-.306-.066-.57-.124-.884-.218-.416-.124-.849-.199-1.197-.247l.003-.366.208-.148c.591-.483.613-1.298.298-1.81.137-.211.211-.464.213-.738.003-.348-.108-.676-.307-.923.052-.118.089-.262.094-.433l.001-.678-.02-1.33-.017-.978c.009-.069.033-.245-.024-.457l-.005-.165-.005-.149c-.029-.83-.57-1.426-1.609-1.772-.756-.251-2.575-.332-3.021-.34-.809-.015-1.659.033-2.212.121-.856.135-1.399.316-1.759.583-.744.553-.721%201.379-.714%201.653.009.309-.027%203.048-.035%203.259-.01.202.014.386.073.552l-.055.055c-.235.252-.354.589-.333.949.015.246.094.488.224.693-.205.293-.238.61-.236.861.004.523.335.888.684%201.122l-.001.08-.002.232-.127.042-.508.127-.384.093-.224.075c-.203.015-.433.042-.932.169l-1.452.384-1.618.429c-.758.197-1.343.408-1.79.646-.151.081-.51.18-1.161.345-.866.22-1.555.472-2.047.747-.499.28-.909.732-1.101%201.039-.171.121-.36.299-.645.57l-.059.056c-.305.29-.624.818-.675%202.546-.02.717.068%201.757.117%202.129.052.395.302.914.548%201.288-.065.412-.098%201.089-.047%201.573.033.318.139.831.281%201.226l-.034.114c-.191.691-.097%201.703-.086%201.815.039.392.153.764.272%201.045l-.011.061c-.065.39-.076%201.109-.068%201.471.009.371.079.805.129%201.05-.064.251-.104.506-.111.935-.007.504-.006.847%200%201.087-.108.115-.23.26-.404.474-.458.563-.518%201.37-.514%202.156.001.344.048.966.149%201.96.06.584.207%201.492.374%202.099.218.788.678%201.268%201.143%201.669.315.272.457.413.731.762.477.608%201.503%201.187%202.078%201.404l1.541.589c.881.338%201.857.712%202.193.838l.113.035c.208.056%203.29.792%207.915.792%203.051%200%206.773-.32%2010.784-1.369.126-.033.277-.093.42-.202l.273-.102.422-.159c.611-.229%201.536-.576%202.221-.94.643-.342%201.102-.608%201.61-1.173.478-.532.95-1.423%201.114-1.944.114-.365.164-.865.211-1.349l.06-.55c.044-.323.049-.672.054-1.01.004-.285.008-.58.037-.801.072-.549.017-.905-.023-1.165l-.026-.194c-.042-.463-.14-.828-.504-1.215l-.2-.233.007-.226.016-.527c.022-.561-.046-.977-.121-1.277.109-.327.21-.688.248-1.476.027-.57-.004-.97-.046-1.235.165-.365.242-.822.311-1.425.054-.471.018-1.165-.04-1.564.176-.458.302-1.216.35-1.769.037-.437.005-.879-.094-1.295l.057-.116c.124-.25.297-.596.425-1.009zm-14.166-17.325c.006.192.011.33.03.449v.012l.016%201.087.02%201.309.001.107c-.253.162-.524.466-.505%201.022l-.001.07.005.26.058.777c-.034.101-.055.21-.062.326-.012.251-.003.371.005.434.015.167.071.347.18.507-.141.198-.207.441-.186.704l-.003.44c-.007.656-.007.955.006%201.103.084.958.729%201.196%201.106%201.253l.231.029c.293.033.838.095%201.289.23.389.116.717.187%201.034.256.277.06.563.122.916.219l.723.193c.692.183%202.314.612%202.601.744l.356.204.234.136c.113.053.207.078.661.198.39.103%201.203.318%201.427.413.644.273.828.412.875.464l.23.31.083.115c.077.106.173.221.353.342l.315.299.043.202c.055.245.146.656.173%201.086l.017.247c.025.369.068.988.009%201.176-.08.257-.195.487-.306.709l-.138.279c-.142.282-.268.599-.112%201.084.076.235.104.512.082.778-.046.541-.159%201.055-.224%201.219l-.045.113c-.119.293-.165.518-.071.871.025.135.073.741.035%201.073l-.034.277h-13.251v-23.416c.69.048%201.381.129%201.589.198l.235.092zm-5.837%205.853l-.025-.005.025.005zm-11.858%209.287c.019-.637.088-1.058.138-1.226l.383-.351c.253-.154.424-.335.56-.596.057-.076.22-.252.369-.335.233-.13.693-.333%201.559-.553.915-.233%201.277-.341%201.613-.521.3-.16.754-.319%201.349-.474l1.631-.433%201.428-.378c.385-.098.499-.106.601-.113l.041-.003c.229-.018.387-.076.492-.115l.091-.031.266-.063c.242-.055.517-.117.715-.186l.324-.089c.169.002.58-.012.894-.361.206-.229.302-.53.27-.848l.002-.869.002-.527.001-.046c.01-.298-.064-.534-.186-.715.088-.127.158-.291.188-.499.093-.408-.021-.735-.211-.964.135-.182.223-.421.226-.716l.001-.249c.042-.427-.141-.741-.371-.933.014-.853.036-2.7.028-2.996v-.012c.12-.042.352-.106.773-.172.299-.047.739-.08%201.207-.092v23.452h-13.595l-.017-.101c-.042-.417-.023-.91.022-1.073l.058-.172c.071-.185.235-.614-.057-1.127-.047-.114-.156-.498-.186-.791-.033-.319%200-.892.043-1.103.062-.304.175-.856-.278-1.311-.092-.129-.249-.418-.273-.501-.043-.321-.116-1.248-.101-1.807z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(3)::before {
        content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22118%22%20height%3D%22118%22%20viewBox%3D%220%200%20118%20118%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M43.752%2041.842c-1.585%200-3.169-.624-4.322-1.729l1.361-1.633c.848.784%201.969%201.312%203.009%201.312%201.232%200%201.889-.528%201.889-1.36%200-.88-.72-1.153-1.777-1.601l-1.585-.672c-1.201-.496-2.401-1.456-2.401-3.185%200-1.937%201.697-3.425%204.098-3.425%201.377%200%202.753.544%203.714%201.521l-1.201%201.489c-.752-.624-1.537-.976-2.513-.976-1.04%200-1.713.464-1.713%201.249%200%20.848.848%201.152%201.857%201.553l1.553.656c1.441.592%202.385%201.505%202.385%203.217%200%201.936-1.617%203.584-4.354%203.584zm8.799-.224h2.369v-9.876h3.361v-1.969h-9.06v1.969h3.329v9.876zm15.09-1.985h-5.074v-3.169h4.162v-1.985h-4.162v-2.737h4.898v-1.969h-7.267v11.845h7.443v-1.985zm-4.241%2029.76v-.24c3.792-1.488%205.953-4.272%205.953-8.113%200-6.096-4.656-9.457-11.521-9.457-4.176%200-7.585%201.68-10.657%204.368l3.6%204.32c2.112-1.92%204.176-3.12%206.721-3.168%203.024.048%204.752%201.68%204.752%204.464%200%203.168-2.112%205.424-8.641%205.424v5.088c7.729%200%209.793%202.16%209.793%205.664%200%203.168-2.448%204.945-6.049%204.945-3.216%200-5.808-1.584-7.921-3.648l-3.312%204.464c2.496%202.832%206.289%204.945%2011.905%204.945%206.768%200%2012.481-3.792%2012.481-10.321%200-4.655-3.072-7.631-7.104-8.735zm15.17-35.906c0%202.705-2.033%203.921-4.578%203.921h-1.585v4.21h-2.369v-11.844h3.89c2.625%200%204.642.912%204.642%203.713zm-2.321%200c0-1.377-.864-1.841-2.497-1.841h-1.345v3.89h1.425c1.633%200%202.417-.688%202.417-2.049z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(4) {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M39.419%2023.945c-.694-1.193-1.468-2.354-2.298-3.448l-.566-.766-.243-.325c-.077-.104-.171-.19-.287-.26-.436-.25-.99-.105-1.249.321l-.019.029c-.164.297-.363.63-.688%201.15-.72%201.18-1.371%202.416-1.939%203.676-.695%201.573-1.026%202.784-.986%203.595.048%201.258.605%202.466%201.529%203.322l.021.024c.847.842%202.008%201.319%203.199%201.319l.115-.001h.01c1.347-.092%202.599-.684%203.528-1.671.851-.947%201.293-2.219%201.215-3.488-.041-.815-.492-1.985-1.342-3.477zm-6.435%203.865c-.057-1.092%201.321-4.008%202.662-6.223v.001c1.583%202.122%203.216%204.84%203.273%205.935l.007.117c.055%201.613-1.211%202.969-2.825%203.025-.806.033-1.575-.236-2.176-.765-.58-.535-.922-1.294-.941-2.09zm2.938%201.856c-.12-.188-.157-.42-.104-.636.052-.209.179-.39.356-.511.258-.157.455-.365.586-.612.142-.253.215-.536.214-.821.01-.463.386-.83.838-.83h.001c.457.005.826.38.824.835.014.566-.127%201.133-.41%201.632-.262.495-.658.918-1.14%201.217-.112.075-.25.121-.394.128l-.058.002-.161-.016c-.232-.054-.426-.192-.552-.388zm12.12%200c-.12-.188-.157-.42-.104-.636.052-.209.178-.39.356-.511.258-.157.454-.365.586-.612.142-.253.215-.536.214-.821.01-.463.386-.83.838-.83h.001c.457.005.826.38.824.835.014.566-.127%201.133-.409%201.632-.262.495-.658.918-1.141%201.217-.112.075-.25.121-.394.128l-.058.002-.161-.016c-.232-.054-.426-.192-.552-.388zm3.497-5.721c-.694-1.193-1.468-2.354-2.298-3.448l-.566-.766-.243-.325c-.077-.104-.171-.19-.287-.26-.436-.25-.99-.105-1.249.321l-.019.029c-.164.297-.363.63-.688%201.15-.72%201.18-1.372%202.416-1.939%203.676-.695%201.573-1.026%202.784-.986%203.595.048%201.258.605%202.466%201.529%203.322l.021.024c.847.842%202.008%201.319%203.199%201.319l.115-.001h.01c1.347-.092%202.599-.684%203.528-1.671.851-.947%201.293-2.219%201.215-3.488-.041-.815-.492-1.985-1.342-3.477zm-6.435%203.865c-.057-1.092%201.321-4.008%202.662-6.223v.001c1.583%202.122%203.215%204.84%203.273%205.935l.007.117c.055%201.613-1.211%202.969-2.825%203.025-.806.033-1.575-.236-2.176-.765-.58-.535-.923-1.294-.941-2.09zm-24.743%2017.791h26.179c.591%202.92%202.71%205.399%205.788%205.399s5.599-2.367%206.191-5.288h4.208c.694.004%201.261-.555%201.265-1.25v-30.347c0-.708.121-1.116-.582-1.116h-39.558c-.703%200-1.745.461-1.745%201.164v1.747h-10.472c-2.451-.052-4.611%201.602-5.202%203.983l-2.361%208.824-3.437%202.367c-.393.231-.635.652-.635%201.108l.005%2012.254c-.042.596.406%201.113%201.002%201.155h7.138c.591%202.92%202.811%205.399%205.894%205.399%203.035-.008%205.647-2.151%206.249-5.128l.073-.271zm-8.726-27.361h2.909v10.479h-7.563l1.934-8.242c.302-1.273%201.415-2.188%202.72-2.237zm50.03%2015.718h-37.231l-.014-16.892.014-1.737h37.231v18.629zm-37.246%204.589l.014-2.261h37.231v6.986h-3.491c-.592-2.92-2.763-5.079-5.847-5.079s-5.197%202.159-5.788%205.079h-22.105l-.014-1.776m24.079%203.1c.008-2.117%201.729-3.826%203.844-3.818%202.115.008%203.823%201.73%203.815%203.847-.008%202.111-1.72%203.818-3.83%203.818-2.117-.006-3.831-1.727-3.829-3.847zm-38.288%200c.009-2.117%201.731-3.825%203.846-3.816%202.003.009%203.661%201.56%203.804%203.559-.032.17-.032.344%200%20.514-.153%202.111-1.986%203.699-4.096%203.546-1.996-.144-3.544-1.801-3.554-3.803zm11.896-1.324l-1.896-.087c-.581-2.938-3.179-5.04-6.171-4.992-2.962-.041-5.518%202.073-6.036%204.992l-5.677.087v-3.493l3.922.029c.713.012%201.305-.548%201.333-1.261v-3.789c.004-.692-.553-1.257-1.245-1.261h-3.806v-.844l2.526-1.688h10.942c.708%200%20.873-.956.873-1.664v-11.062h5.236l-.001%2025.033zm-19.779-7.568h2.909v1.747h-2.909v-1.747z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(4)::before {
        content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22118%22%20height%3D%22118%22%20viewBox%3D%220%200%20118%20118%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M43.752%2042.178c-1.585%200-3.169-.624-4.322-1.729l1.361-1.633c.848.784%201.969%201.312%203.009%201.312%201.232%200%201.889-.528%201.889-1.36%200-.88-.72-1.153-1.777-1.601l-1.585-.672c-1.201-.496-2.401-1.456-2.401-3.185%200-1.937%201.697-3.425%204.098-3.425%201.377%200%202.753.544%203.714%201.521l-1.201%201.489c-.752-.624-1.537-.976-2.513-.976-1.04%200-1.713.464-1.713%201.249%200%20.848.848%201.152%201.857%201.553l1.553.656c1.441.592%202.385%201.505%202.385%203.217%200%201.936-1.617%203.584-4.354%203.584zm23.889-2.209h-5.074v-3.169h4.162v-1.985h-4.162v-2.737h4.898v-1.968h-7.267v11.845h7.443v-1.986zm-15.09%201.985h2.369v-9.876h3.361v-1.968h-9.06v1.969h3.329v9.875zm26.019-8.131c0%202.705-2.033%203.922-4.578%203.922h-1.585v4.21h-2.369v-11.845h3.89c2.625%200%204.642.912%204.642%203.713zm-2.321%200c0-1.377-.864-1.841-2.497-1.841h-1.345v3.89h1.425c1.633%200%202.417-.688%202.417-2.049zm-8.673%2039.698h4.224v5.377h-4.224v9.217h-6.577v-9.217h-15.121v-4.8l13.249-21.506h8.449v20.929zm-6.289-14.593h-.192c-.864%201.872-1.824%203.84-2.832%205.76l-5.521%208.833h8.257v-7.249c0-2.064.192-5.28.288-7.344z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(5) {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M33.124%2022.843v24.174c0%20.619-.504%201.122-1.124%201.122-.62%200-1.124-.503-1.124-1.122v-24.174c0-.619.504-1.122%201.124-1.122.62%200%201.124.503%201.124%201.122zm-8.461-1.122c-.62%200-1.124.503-1.124%201.122v24.174c0%20.619.504%201.122%201.124%201.122.62%200%201.125-.503%201.125-1.122v-24.174c-.001-.619-.505-1.122-1.125-1.122zm14.674%200c-.62%200-1.124.503-1.124%201.122v24.174c0%20.619.504%201.122%201.124%201.122.62%200%201.124-.503%201.124-1.122v-24.174c.001-.619-.504-1.122-1.124-1.122zm10.663-6.203c0%20.619-.504%201.122-1.125%201.122h-1.123l-1.39%2033.354c-.028%201.381-.9%204.006-3.99%204.006h-20.744c-3.088%200-3.961-2.635-3.992-4.029l-1.389-33.331h-1.123c-.62%200-1.125-.503-1.125-1.122%200-.619.504-1.122%201.125-1.122h8.486c.123-.947.463-2.371%201.401-3.333.689-.706%201.559-1.063%202.587-1.063h7.337c1.028%200%201.898.357%202.587%201.062.939.962%201.278%202.386%201.401%203.333h9.954c.619%200%201.123.504%201.123%201.123zm-13.351-1.123c-.136-.788-.398-1.419-.741-1.769-.255-.26-.564-.381-.974-.381h-7.337c-.409%200-.719.121-.974.381-.342.35-.604.982-.74%201.769h10.766zm7.466%2035.529v-.008l1.387-33.276h-27.004l1.387%2033.26c.011.312.143%201.855%201.744%201.855h20.744c1.623%200%201.736-1.525%201.742-1.831z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(5)::before {
        content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22118%22%20height%3D%22118%22%20viewBox%3D%220%200%20118%20118%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M52.551%2031.742h-3.329v-1.969h9.06v1.969h-3.362v9.876h-2.369v-9.876zm15.09%207.891h-5.074v-3.169h4.162v-1.985h-4.162v-2.737h4.898v-1.969h-7.267v11.845h7.443v-1.985zm-19.535-1.376c0-1.713-.944-2.625-2.385-3.217l-1.553-.656c-1.009-.4-1.857-.704-1.857-1.553%200-.784.672-1.249%201.713-1.249.976%200%201.761.352%202.513.976l1.201-1.489c-.96-.976-2.337-1.521-3.714-1.521-2.401%200-4.098%201.489-4.098%203.425%200%201.729%201.201%202.689%202.401%203.185l1.585.672c1.057.448%201.777.72%201.777%201.601%200%20.832-.656%201.36-1.889%201.36-1.04%200-2.161-.528-3.009-1.312l-1.361%201.633c1.153%201.104%202.737%201.729%204.322%201.729%202.737.001%204.354-1.647%204.354-3.584zm11.501%2026.431c-1.632%200-2.88.336-4.272%201.008l.672-7.537h12.913v-5.905h-19.01l-.96%2017.234%203.216%202.112c2.064-1.344%203.216-1.872%205.328-1.872%203.6%200%206%202.304%206%206.433%200%204.176-2.592%206.529-6.289%206.529-3.312%200-5.809-1.632-7.825-3.6l-3.264%204.512c2.64%202.64%206.385%204.849%2012.001%204.849%206.576%200%2012.433-4.56%2012.433-12.481.002-7.729-4.99-11.282-10.943-11.282zm18.963-31.201c0%202.705-2.033%203.921-4.578%203.921h-1.585v4.21h-2.369v-11.844h3.89c2.625%200%204.642.912%204.642%203.713zm-2.321%200c0-1.377-.864-1.841-2.497-1.841h-1.345v3.89h1.425c1.633%200%202.417-.688%202.417-2.049z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow::after {
        display: block;
        position: absolute;
        bottom: -22px;
        left: 50%;
        width: 100px;
        height: 22px;
        content: "";
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2222%22%20viewBox%3D%220%200%20100%2022%22%3E%3Cpath%20fill%3D%22%23ECF0F3%22%20d%3D%22M50.611%2022c10.258%200%2026.362-22%2049.389-22h-100c23.432%200%2038.869%2022%2050.611%2022z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .section-one-way-system .flow .title {
        min-width: 4em;
        margin: 0;
        font-size: 2.8rem;
        line-height: 100px;
        text-align: center;
    }

    .section-one-way-system .flow p {
        margin: 0 0 0 60px;
        font-size: 1.8rem;
        line-height: 100px;
    }
}

@media only screen and (max-width: 768px) {
    .section-one-way-system .flow::before {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .section-one-way-system .flow .title {
        padding-left: 36px;
        background-position: 0 50%;
        background-size: auto 34px;
        background-repeat: no-repeat;
        line-height: 34px;
    }

    .section-one-way-system .flow:nth-child(1) .title {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2034%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M12%2034c-3.321%200-6.444-1.296-8.792-3.651-5.061-5.073-3.381-12.355-.12-17.478l.019-.029%208.893-12.842%208.913%2012.872c3.26%205.122%204.941%2012.403-.12%2017.478-2.35%202.354-5.473%203.65-8.793%203.65zm-7.433-20.162c-2.886%204.542-4.428%2010.932-.111%2015.26%202.015%202.02%204.694%203.132%207.544%203.132%202.849%200%205.529-1.113%207.545-3.132%204.317-4.328%202.775-10.718-.111-15.26l-7.434-10.734-7.433%2010.734z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(2) .title {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2234%22%20viewBox%3D%220%200%2026%2034%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M25.907%2015.204c.131-.425.096-.937.06-1.48l-.012-.184c-.029-.453-.118-.86-.166-1.079l-.022-.105c-.03-.179-.076-.448-.314-.701-.003-.004-.306-.322-.507-.481l-.226-.309c-.305-.397-.824-.642-1.287-.84-.251-.108-.736-.24-1.298-.39l-.253-.068c-.084-.056-.196-.126-.397-.229-.273-.141-.958-.336-2.296-.694l-.538-.145c-.31-.086-.561-.141-.782-.19-.234-.051-.436-.096-.676-.168-.318-.096-.65-.154-.915-.191l.003-.283.159-.114c.452-.373.468-1.003.228-1.398.104-.163.161-.359.163-.57.002-.269-.083-.522-.235-.713.04-.092.068-.202.072-.335l.001-.524-.016-1.028-.013-.756c.007-.054.025-.189-.019-.353l-.004-.128-.007-.114c-.022-.642-.436-1.102-1.231-1.369-.578-.194-1.969-.257-2.31-.263-.619-.012-1.269.026-1.692.094-.655.105-1.07.244-1.345.451-.569.426-.552%201.065-.546%201.277.007.239-.02%202.356-.026%202.518-.008.156.011.298.056.427l-.042.042c-.18.195-.27.455-.254.733.01.191.072.377.171.536-.157.226-.182.471-.181.665.003.404.256.687.523.867v.062l-.002.179-.097.032-.388.098-.293.072-.172.058c-.155.012-.331.033-.712.131l-1.11.297-1.237.332c-.58.152-1.027.315-1.369.499-.116.062-.39.139-.888.267-.662.17-1.189.365-1.565.578-.382.216-.695.566-.842.803-.131.094-.276.231-.493.441l-.045.043c-.233.224-.477.632-.516%201.967-.015.554.052%201.358.089%201.645.04.305.231.707.419.995-.05.318-.075.842-.036%201.216.025.246.107.642.215.947l-.026.088c-.146.534-.074%201.316-.066%201.403.03.303.117.591.208.807l-.008.047c-.05.302-.058.857-.052%201.137.007.287.06.622.098.812-.049.194-.08.391-.085.722-.005.389-.005.655%200%20.84l-.309.366c-.35.435-.396%201.059-.393%201.666.001.266.037.747.114%201.515.046.451.158%201.153.286%201.622.166.609.518.98.874%201.289.241.21.349.319.559.589.365.47%201.149.917%201.589%201.085l1.178.455%201.677.647.086.027c.159.04%202.516.609%206.053.609%202.333%200%205.179-.248%208.247-1.058.096-.025.212-.072.321-.156l.209-.079.323-.123c.468-.177%201.174-.445%201.698-.727.491-.264.842-.47%201.231-.906.366-.411.727-1.1.852-1.502.087-.282.125-.669.161-1.042l.046-.425c.034-.25.037-.52.041-.78.003-.22.006-.448.028-.619.055-.424.013-.699-.018-.901l-.02-.15c-.032-.358-.107-.64-.386-.939l-.153-.18.005-.174.012-.407c.017-.434-.035-.755-.093-.987.084-.253.161-.531.189-1.141.021-.44-.003-.75-.035-.955.126-.282.185-.635.238-1.101.041-.364.013-.9-.031-1.209.135-.354.231-.94.267-1.367.029-.338.004-.679-.072-1l.044-.089c.099-.193.231-.46.329-.779zm-10.833-13.388l.023.347v.009l.012.84.016%201.012.001.082c-.193.125-.401.36-.386.79l-.001.054.004.201.045.6-.047.252.004.336c.011.129.054.268.138.392-.108.153-.158.341-.142.544l-.002.34c-.005.507-.006.738.004.852.064.74.557.924.846.968l.177.022c.224.026.641.073.986.177.297.09.548.145.791.198.212.046.431.094.701.169l.553.149c.529.142%201.769.473%201.989.575l.272.158.179.105c.086.041.158.06.506.153.299.08.92.246%201.091.319.492.211.633.318.669.359l.176.24.063.089c.059.082.132.17.27.264l.241.231.033.156c.042.189.112.507.132.839l.013.191c.019.285.052.763.007.908-.061.199-.149.376-.234.548l-.106.216c-.109.218-.205.463-.086.838.058.182.08.395.062.601-.036.418-.122.815-.171.942l-.034.088c-.091.226-.126.4-.054.673.019.105.056.573.027.829l-.026.214h-10.137v-18.094c.528.037%201.056.1%201.215.153l.18.071zm-4.464%204.523l-.019-.004.019.004zm-9.067%207.176c.014-.492.067-.817.106-.947l.293-.271c.194-.119.324-.259.428-.46.044-.058.168-.194.282-.259.178-.101.53-.257%201.192-.427.7-.18.976-.263%201.233-.402.229-.123.576-.247%201.031-.366l1.247-.334%201.092-.292c.295-.077.382-.083.46-.089l.031-.002c.175-.014.296-.059.376-.089l.069-.024.205-.049c.185-.042.395-.091.547-.143l.248-.069c.129.002.443-.009.683-.279.158-.177.231-.409.207-.655l.002-.671.001-.407.001-.035c.008-.23-.049-.413-.142-.553.067-.098.121-.225.143-.386.071-.316-.016-.568-.161-.745.103-.141.171-.325.173-.554v-.192c.032-.33-.107-.573-.284-.721.011-.659.028-2.086.021-2.315v-.009c.092-.032.269-.082.591-.133.229-.036.565-.061.923-.071v18.122h-10.395l-.013-.078c-.032-.322-.017-.704.017-.829l.045-.133c.054-.143.179-.475-.043-.871-.036-.088-.119-.385-.143-.611-.026-.246%200-.689.033-.852.047-.235.133-.661-.213-1.013-.071-.1-.191-.323-.209-.387-.033-.25-.089-.967-.077-1.399z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(3) .title {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2234%22%20viewBox%3D%220%200%2026%2034%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M25.907%2015.203c.131-.424.096-.937.059-1.48l-.012-.184c-.029-.452-.118-.859-.166-1.077l-.023-.107c-.03-.178-.076-.447-.314-.701-.004-.004-.305-.321-.507-.481l-.226-.308c-.305-.398-.824-.642-1.287-.84-.251-.108-.736-.24-1.298-.39l-.253-.068c-.084-.056-.197-.126-.398-.229-.273-.141-.958-.336-2.294-.693l-.539-.145c-.311-.086-.561-.141-.783-.19-.234-.051-.436-.096-.676-.168-.318-.096-.65-.154-.916-.191l.003-.283.159-.114c.452-.373.468-1.004.228-1.398.104-.163.161-.359.163-.57.002-.269-.083-.523-.235-.713.04-.092.068-.203.072-.337l.001-.522-.016-1.045-.012-.746c.008-.061.022-.194-.02-.349l-.004-.128-.004-.111c-.022-.642-.436-1.102-1.23-1.369-.578-.194-1.97-.257-2.311-.263-.617-.011-1.269.026-1.692.093-.655.105-1.07.244-1.345.451-.569.427-.551%201.066-.545%201.276.007.229-.021%202.366-.027%202.52-.007.155.012.297.057.425l-.042.043c-.18.194-.271.455-.255.733.011.19.073.377.172.535-.157.227-.181.472-.18.664.002.412.255.694.523.874v.057l-.002.179-.097.032-.389.098-.293.072-.172.058c-.155.012-.331.032-.713.13l-1.111.297-1.237.332c-.58.152-1.027.316-1.369.499-.116.063-.39.139-.888.267-.662.17-1.188.364-1.565.578-.381.216-.694.565-.842.803-.131.094-.277.232-.495.442l-.043.041c-.233.224-.477.632-.516%201.967-.015.557.052%201.359.089%201.645.04.305.231.707.419.995-.049.318-.075.842-.036%201.216.025.245.107.641.215.947l-.025.09c-.146.532-.074%201.315-.066%201.403.03.302.117.59.208.807l-.008.047c-.055.336-.056.948-.052%201.137.007.289.06.624.098.812-.049.194-.08.391-.085.722-.005.39-.005.655%200%20.84l-.309.366c-.35.434-.396%201.058-.394%201.666.001.269.037.751.114%201.515.045.451.158%201.153.286%201.622.166.609.518.98.873%201.29.241.21.349.319.559.589.365.47%201.149.918%201.589%201.085l1.172.453%201.684.65.086.027c.161.038%202.519.607%206.055.607%202.333%200%205.179-.247%208.247-1.058.096-.025.212-.072.321-.156l.212-.08.318-.121c.468-.177%201.175-.445%201.7-.727.492-.264.842-.47%201.232-.906.366-.412.727-1.1.851-1.502.088-.282.125-.67.162-1.044l.045-.423c.034-.25.038-.52.041-.782.003-.22.006-.447.028-.617.055-.425.013-.7-.018-.901l-.02-.149c-.032-.358-.107-.641-.385-.939l-.154-.18.005-.173.012-.408c.017-.436-.035-.757-.093-.987.083-.252.16-.531.189-1.14.021-.441-.003-.75-.035-.955.126-.282.185-.635.238-1.101.041-.365.013-.901-.03-1.208.134-.353.231-.939.267-1.367.034-.401-.011-.743-.072-1.001l.043-.088c.098-.196.23-.464.329-.784zm-1.471-.465c-.062.199-.15.377-.234.549l-.106.216c-.109.218-.205.462-.085.838.033.104.086.321.062.6-.036.418-.122.815-.171.942l-.035.087c-.076.19-.133.372-.054.673.019.105.056.573.027.829-.049.432-.088.585-.111.635l-.033.064c-.104.198-.197.42-.094.772%200%20.002.05.203.027.687-.021.449-.068.589-.113.726l-.018.045c-.111.245-.123.463-.04.731.026.083.088.279.074.641l-.013.431-.008.19c-.023.172-.036.376.105.628.095.209.296.45.438.607l.004.043.032.249c.023.154.039.255.013.458-.034.261-.038.535-.041.8-.003.224-.006.436-.027.592l-.053.482c-.023.239-.058.601-.098.73-.064.206-.314.686-.526.925-.206.232-.358.33-.809.573-.436.234-1.087.481-1.517.644l-.321.122-.289.108c-.075.022-.163.059-.25.12-6.944%201.792-12.806.534-13.345.411l-1.626-.628-1.18-.456c-.332-.127-.808-.444-.92-.589-.287-.37-.468-.548-.765-.807-.25-.218-.346-.345-.394-.523-.1-.367-.2-.982-.238-1.365-.087-.862-.106-1.215-.106-1.361-.002-.464.036-.633.062-.695l.266-.307c.385-.324.428-.662.379-.915-.007-.138-.009-.563-.004-.93.003-.232.021-.301.042-.38.061-.228.08-.391.017-.643-.016-.066-.07-.373-.074-.568-.006-.291.009-.71.032-.846l.02-.088c.034-.125.113-.418-.086-.764-.019-.035-.101-.219-.121-.412-.032-.323-.017-.705.017-.83l.045-.133c.054-.144.18-.476-.044-.871-.036-.089-.119-.385-.143-.611-.026-.246%200-.69.033-.855.047-.234.133-.66-.213-1.012-.07-.099-.191-.322-.208-.388-.033-.245-.089-.961-.077-1.395.014-.492.067-.818.106-.947l.293-.271c.194-.12.325-.26.428-.46.044-.059.169-.194.282-.258.178-.101.53-.257%201.193-.427.699-.18.976-.263%201.234-.402.229-.123.575-.246%201.031-.366l1.247-.334%201.092-.292c.294-.076.382-.082.46-.088l.031-.002c.175-.014.296-.059.377-.089l.069-.025.204-.049c.185-.043.395-.091.547-.143l.247-.069c.131.003.442-.008.683-.278.063-.071.109-.152.144-.238h3.596c.155.483.54.623.782.66l.177.022c.224.026.641.073.985.177.297.09.548.145.791.198.212.046.431.094.701.169l.554.15c.529.142%201.768.473%201.989.575l.272.157.179.105c.086.041.159.06.506.153.299.08.92.246%201.091.319.492.211.632.318.669.359l.176.239.063.088c.059.083.133.172.271.266l.241.231.033.157c.042.189.111.507.132.838l.013.191c.018.286.051.764.006.908z%22%2F%3E%3C%2Fsvg%3E');
    }

    .section-one-way-system .flow:nth-child(4) .title {
        padding-left: 50px;
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2220%22%20viewBox%3D%220%200%2034%2020%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M20.941%205.761c-.369-.628-.78-1.239-1.221-1.815l-.3-.403-.129-.171-.152-.137c-.232-.131-.526-.055-.664.169l-.01.015c-.087.156-.193.331-.366.605-.382.621-.729%201.272-1.03%201.935-.369.828-.545%201.465-.524%201.892.025.663.321%201.299.812%201.749l.011.012c.45.443%201.067.694%201.7.694l.061-.001h.006c.716-.048%201.381-.36%201.874-.88.452-.498.687-1.168.646-1.836-.023-.428-.262-1.043-.714-1.828zm-3.418%202.034c-.03-.575.702-2.11%201.414-3.275.841%201.117%201.708%202.547%201.739%203.124l.004.062c.029.849-.643%201.563-1.501%201.592-.428.018-.836-.124-1.156-.403-.308-.282-.49-.681-.5-1.1zm1.561.976c-.064-.099-.084-.221-.055-.334.028-.11.095-.205.189-.269.137-.083.241-.192.311-.322.075-.133.114-.282.114-.432.006-.244.205-.437.445-.437h.001c.243.003.439.2.438.44.008.298-.068.596-.218.859-.139.261-.349.483-.606.641-.06.04-.133.064-.209.067l-.031.001-.085-.009c-.124-.029-.227-.101-.294-.205zm6.438%200c-.064-.099-.084-.221-.055-.335.028-.11.095-.205.189-.269.137-.083.241-.192.311-.322.075-.133.114-.282.114-.432.006-.244.205-.437.445-.437h.001c.243.003.439.2.438.44.008.298-.068.596-.218.859-.139.261-.349.483-.606.641-.06.04-.133.064-.209.067l-.031.001-.085-.009c-.124-.028-.227-.1-.294-.204zm1.858-3.01c-.369-.628-.78-1.239-1.221-1.815l-.301-.403-.129-.171-.152-.137c-.232-.131-.526-.055-.664.169l-.01.015c-.087.156-.193.331-.366.605-.382.621-.729%201.272-1.03%201.935-.369.828-.545%201.465-.524%201.892.026.662.321%201.298.812%201.748l.011.012c.45.443%201.067.694%201.7.694l.061-.001h.006c.716-.048%201.381-.36%201.874-.88.452-.498.687-1.168.646-1.836-.022-.427-.261-1.042-.713-1.827zm-3.419%202.034c-.03-.575.702-2.11%201.414-3.275.841%201.117%201.708%202.547%201.739%203.124l.004.062c.029.849-.643%201.563-1.501%201.592-.428.018-.837-.124-1.156-.403-.308-.282-.49-.681-.5-1.1zm-13.144%209.363h13.907c.314%201.537%201.44%202.842%203.075%202.842%201.635%200%202.975-1.246%203.289-2.783h2.236c.369.002.67-.292.672-.658v-15.972c0-.373.064-.587-.309-.587h-21.016c-.373%200-.927.243-.927.613v.919h-5.563c-1.302-.027-2.449.843-2.763%202.096l-1.255%204.645-1.826%201.246c-.209.12-.337.342-.337.582l.003%206.45c-.022.314.216.586.532.608h3.792c.314%201.536%201.493%202.841%203.131%202.841%201.613-.004%203-1.132%203.32-2.699l.039-.143zm-4.636-14.4h1.545v5.515h-4.017l1.028-4.338c.16-.67.751-1.151%201.444-1.177zm26.579%208.272h-19.78l-.007-8.89.008-.914h19.779v9.804zm-19.787%202.416l.008-1.19h19.779v3.677h-1.854c-.314-1.537-1.468-2.673-3.106-2.673s-2.761%201.136-3.075%202.673h-11.745l-.008-.934m12.793%201.631c.004-1.114.919-2.014%202.042-2.009%201.124.004%202.031.911%202.027%202.025-.004%201.111-.914%202.009-2.035%202.009-1.125-.004-2.035-.91-2.034-2.025zm-20.341%200c.005-1.114.92-2.013%202.043-2.008%201.064.004%201.945.821%202.021%201.873-.017.089-.017.181%200%20.271-.081%201.111-1.055%201.947-2.176%201.866-1.06-.077-1.883-.949-1.888-2.002zm6.32-.697l-1.007-.046c-.309-1.546-1.689-2.652-3.279-2.627-1.574-.021-2.931%201.091-3.206%202.627l-3.016.046v-1.838l2.084.015c.379.006.694-.288.708-.664v-1.994c.002-.364-.294-.662-.661-.664h-2.023v-.444l1.342-.889h5.813c.376%200%20.464-.503.464-.876v-5.821h2.781v13.175zm-10.508-3.984h1.545v.919h-1.545v-.919z%22%2F%3E%3C%2Fsvg%3E');
        background-size: auto 24px;
    }

    .section-one-way-system .flow:nth-child(5) .title {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2234%22%20viewBox%3D%220%200%2028%2034%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M14.874%209.924v18.68c0%20.478-.392.867-.874.867s-.875-.389-.875-.867v-18.68c0-.478.392-.867.875-.867.482%200%20.874.389.874.867zm-6.581-.867c-.482%200-.874.389-.874.867v18.68c0%20.478.392.867.874.867s.875-.389.875-.867v-18.68c0-.478-.392-.867-.875-.867zm11.414%200c-.482%200-.874.389-.874.867v18.68c0%20.478.392.867.874.867s.875-.389.875-.867v-18.68c-.001-.478-.393-.867-.875-.867zm8.293-4.793c0%20.478-.392.867-.875.867h-.873l-1.081%2025.774c-.023%201.066-.701%203.095-3.104%203.095h-16.134c-2.402%200-3.081-2.036-3.105-3.113l-1.08-25.756h-.873c-.483%200-.875-.389-.875-.867s.392-.867.875-.867h6.6c.096-.732.36-1.832%201.09-2.576.535-.545%201.212-.821%202.011-.821h5.706c.799%200%201.476.276%202.012.821.73.743.994%201.844%201.09%202.576h7.742c.482-.001.874.388.874.867zm-10.384-.868c-.106-.608-.31-1.096-.576-1.366-.198-.201-.439-.295-.757-.295h-5.706c-.318%200-.559.094-.757.295-.268.27-.471.758-.577%201.366h8.373zm5.807%2027.455v-.006l1.079-25.713h-21.004l1.078%2025.701c.008.241.112%201.433%201.356%201.433h16.134c1.264-.001%201.352-1.179%201.357-1.415z%22%2F%3E%3C%2Fsvg%3E');
        font-size: 1.4rem;
        line-height: 1.3;
    }
}

.section-waters {
    margin-top: 30px;
}

.section-waters .section-title {
    margin-top: 0;
}

.section-waters .waters {
    margin: 0;
    padding: 0;
    list-style: none;
}

.section-waters .water {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    overflow: hidden;
    border-radius: 10px;
    background-size: cover;
}

.section-waters .water::before {
    z-index: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.section-waters .water-minami-aso::before {
    background: url(../img/parts/waters/bg-minami-aso.jpg) 50% no-repeat;
    background-size: cover;
}

.section-waters .water-kanagi::before {
    background: url(../img/parts/waters/bg-kanagi.jpg) 50% no-repeat;
    background-size: cover;
}

.section-waters .water-asago::before {
    background: url(../img/parts/waters/bg-asago.jpg) 50% no-repeat;
    background-size: cover;
}

.section-waters .water-fuji::before {
    background: url(../img/parts/waters/bg-fuji.jpg) 50% no-repeat;
    background-size: cover;
}

.section-waters .water-7l::before {
    background: url(../img/parts/waters/bg-7l.jpg) 50% no-repeat;
    background-size: cover;
}

.section-waters .water-alps::before {
    background: url(../img/parts/waters/bg-alps.jpg) 50% no-repeat;
    background-size: cover;
}

.section-waters .water a {
    z-index: 1;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    flex-flow: column;
    width: 100%;
    padding: 20px;
    text-decoration: none;
}

.section-waters .water .water-name {
    color: #fff;
    font: 700 2rem/1 "Noto Serif JP", serif;
}

.section-waters .water .btn {
    margin-top: 20px;
    font-size: 1.3rem;
}

@media only screen and (min-width: 769px) {
    .section-waters {
        margin-top: 50px;
    }

    .section-waters .waters {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-flow: row wrap;
    }

    .section-waters .water {
        height: 240px;
        width: calc((100% - 30px) / 2);
    }

    .section-waters .water:nth-child(2n) {
        margin-left: 30px;
    }

    .section-waters .water:not(:nth-child(-n+2)) {
        margin-top: 30px;
    }

    .section-waters .water a {
        padding: 80px 50px 50px;
    }

    .section-waters .water::before {
        transition: -webkit-transform .5s cubic-bezier(.250, .460, .450, .940);
        transition: transform .5s cubic-bezier(.250, .460, .450, .940);
        transition: transform .5s cubic-bezier(.250, .460, .450, .940), -webkit-transform .5s cubic-bezier(.250, .460, .450, .940);
    }

    .section-waters .water:hover::before {
        cursor: pointer;
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }

    .section-waters .water .water-name {
        font: 700 4rem/1 "Noto Serif JP", serif;
    }

    .section-waters .water .btn {
        margin-top: auto;
    }
}

@media only screen and (max-width: 768px) {
    .section-waters .water:not(:first-child) {
        margin-top: 20px;
    }
}

.section-apps {
    margin-top: 30px;
}

.section-apps .section-title {
    margin-top: 0;
}

.section-apps .app-qr {
    padding: 6px 20px 5px;
    border-radius: 10px 10px 0 0;
    background: #f4f4f5;
}

.section-apps .app-dl {
    padding: 20px;
    border-radius: 0 0 10px 10px;
    background: #d9dcde;
    text-align: center;
}

.section-apps .app-dl .title {
    margin: 0;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
}

.section-apps .app-dl .btn {
    display: block;
    margin-top: 20px;
}

@media only screen and (min-width: 769px) {
    .section-apps {
        margin-top: 50px;
    }

    .section-apps .apps {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
    }

    .section-apps .app {
        width: 465px;
    }

    .section-apps .app:not(:first-child) {
        margin-left: 30px;
    }

    .section-apps .app-qr {
        padding: 16px 30px 5px;
    }

    .section-apps .app-dl {
        padding: 30px;
    }

    .section-apps .app-dl .title {
        font-size: 1.6rem;
    }

    .section-apps .app-dl .btn {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .section-apps .app:not(:first-child) {
        margin-top: 20px;
    }

    .section-apps .app-dl .btn img {
        width: auto;
        height: 50px;
    }
}

.section-guidances {
    margin-top: 30px;
}

.section-guidances .section-title {
    margin-top: 0;
}

.section-guidances .guidance .guidance-select {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    height: 72px;
    padding: 0 30px;
    border-radius: 10px;
    background: #009e96;
}

.section-guidances .guidance .guidance-select::after {
    display: block;
    width: 14px;
    height: 26px;
    margin-left: 20px;
    content: "";
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2226%22%20viewBox%3D%220%200%2014%2026%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14%2013l-14%2013v-26l14%2013z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    opacity: .5;
}

.section-guidances .guidance .guidance-select .attr,
.section-guidances .guidance .guidance-select .num {
    min-width: 32px;
    border-radius: 5px;
    background: #fff;
    color: #009e96;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 32px;
    text-align: center;
}

.section-guidances .guidance .guidance-select .num {
    margin-left: 10px;
}

@media only screen and (min-width: 769px) {
    .section-guidances {
        margin-top: 50px;
    }

    .section-guidances .guidance {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .section-guidances .guidance .col:first-child {
        flex: none;
        width: 180px;
    }

    .section-guidances .guidance .col:last-child {
        flex: auto;
        margin-left: 30px;
    }

    .section-guidances .guidance .guidance-select {
        height: 160px;
    }
}

@media only screen and (max-width: 768px) {
    .section-guidances .guidance .accordions {
        margin-top: 20px;
    }

    .section-guidances .guidance .guidance-select {
        height: 40px;
        padding: 0 20px;
        border-radius: 5px;
    }

    .section-guidances .guidance .guidance-select::after {
        width: 11px;
        height: 20px;
        margin-left: 15px;
        background-size: 100%;
    }

    .section-guidances .guidance .guidance-select .attr,
    .section-guidances .guidance .guidance-select .num {
        min-width: 24px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}

.section-partner {
    margin-top: 30px;
}

.section-partner .section-title {
    margin-top: 0;
}

.section-partner .cols {
    margin: 0;
    padding: 0;
    list-style: none;
}

.section-partner .col {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    border-radius: 10px;
}

.section-partner .col .title {
    z-index: 1;
    position: relative;
    margin: 0 -20px;
    padding: 20px;
    border-bottom-right-radius: 2000px 200px;
    border-bottom-left-radius: 2000px 200px;
    background: #c4af90;
    color: #fff;
    font: 700 2.4rem/1.5 "Noto Sans JP", sans-serif;
    -webkit-font-feature-settings: "halt";
    -o-font-feature-settings: "halt";
    font-feature-settings: "halt";
    text-align: center;
}

.section-partner .col .title span {
    display: block;
}

.section-partner .col p {
    flex: auto;
    margin: -10px 0 0;
    padding: 30px 20px 20px;
    background: #f4f4f5;
}

@media only screen and (min-width: 769px) {
    .section-partner {
        margin-top: 50px;
    }

    .section-partner .cols {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .section-partner .col {
        width: calc((100% - 30px * 2) / 3);
    }

    .section-partner .col:not(:first-child) {
        margin-left: 30px;
    }

    .section-partner .col .title {
        margin: 0 -30px;
        padding: 30px;
        font: 700 2.4rem/1.5 "Noto Sans JP", sans-serif;
    }

    .section-partner .col .title span {
        display: block;
    }

    .section-partner .col p {
        padding: 40px 30px 30px;
    }
}

@media only screen and (max-width: 768px) {
    .section-partner .col .title {
        font-size: 1.8rem;
    }
}

.section-flow .flows {
    margin-bottom: 0 !important;
}

.section-flow .flow a {
    text-decoration: none;
}

.section-flow .flow .title {
    margin: 0;
    border-radius: 10px;
    font-weight: 700;
    font-size: 2.4rem;
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
}

.section-flow .from-web .title {
    background: #21445b;
    color: #fff;
}

.section-flow .from-tel .title {
    background: #99c2de;
    color: #21445b;
}

.section-flow .flow > ol {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.section-flow .flow > ol > li {
    position: relative;
    border-radius: 10px;
    background-color: #ecf0f3;
}

.section-flow .from-web > ol > li {
    padding: 20px 20px 20px 100px;
    background-repeat: no-repeat;
}

.section-flow .from-web > ol > li:nth-child(1) {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2254%22%20viewBox%3D%220%200%2052%2054%22%3E%3Cpath%20fill%3D%22%2394bcd6%22%20d%3D%22M23.866%2043.095h-5.15c-1.907%200-3.458%201.56-3.458%203.478v1.137c0%201.918%201.551%203.478%203.458%203.478h5.15c1.907%200%203.458-1.56%203.458-3.478v-1.137c0-1.918-1.552-3.478-3.458-3.478zm1.439%204.615c0%20.798-.646%201.448-1.44%201.448h-5.15c-.794%200-1.44-.65-1.44-1.448v-1.137c0-.798.646-1.448%201.44-1.448h5.15c.794%200%201.44.65%201.44%201.448v1.137zm-15.224-10.591h-6.623c-1.907%200-3.458%201.56-3.458%203.478v3.402c0%202.049%201.119%203.48%202.72%203.48h.179c.015.203.004.516-.004.762l-.015.686v1.596c-.001%201.917%201.551%203.477%203.457%203.477h3.743c1.907%200%203.458-1.56%203.458-3.478v-9.925c.001-1.918-1.55-3.478-3.457-3.478zm1.44%2013.403c0%20.798-.646%201.448-1.44%201.448h-3.744c-.794%200-1.44-.65-1.44-1.448v-1.596l.014-.617c.029-.843.058-1.714-.529-2.325-.341-.355-.81-.536-1.393-.536h-.269c-.456%200-.702-.747-.702-1.45v-3.402c0-.798.646-1.448%201.44-1.448h6.623c.794%200%201.44.65%201.44%201.448v9.926zm29.649-34.135h-6.863c-1.617%200-3.038%201.153-3.378%202.741l-1.369%206.348c-.142.661-.733%201.14-1.407%201.14h-15.335c-1.907%200-3.458%201.56-3.458%203.478v1.865c0%201.918%201.551%203.478%203.458%203.478h.503c.794%200%201.44.65%201.44%201.45v1.226c0%201.918%201.551%203.478%203.458%203.478h18.985c1.611%200%203.031-1.15%203.378-2.736l3.967-18.247c.227-1.033-.023-2.099-.682-2.922-.658-.826-1.641-1.299-2.697-1.299zm1.408%203.786l-3.967%2018.247c-.147.672-.725%201.141-1.406%201.141h-18.986c-.794%200-1.44-.65-1.44-1.448v-1.226c0-1.919-1.551-3.48-3.458-3.48h-.503c-.794%200-1.44-.65-1.44-1.448v-1.865c0-.798.646-1.448%201.44-1.448h15.335c1.618%200%203.04-1.153%203.38-2.741l1.369-6.348c.142-.661.733-1.14%201.406-1.14h6.863c.44%200%20.849.197%201.124.542.274.342.377.784.283%201.214zm8.629-18.909c-.659-.803-1.63-1.264-2.665-1.264h-10.65c-1.657%200-3.086%201.188-3.398%202.826l-1.539%208.11c-.195%201.021.073%202.067.731%202.868.655.802%201.626%201.262%202.666%201.262h10.648c1.657%200%203.086-1.187%203.398-2.822l1.539-8.111c.195-1.023-.072-2.07-.73-2.869zm-1.252%202.488l-1.539%208.111c-.13.68-.725%201.174-1.415%201.174h-10.648c-.433%200-.836-.19-1.108-.523-.276-.336-.388-.771-.307-1.196l1.539-8.11c.13-.682.725-1.177%201.415-1.177h10.65c.43%200%20.834.191%201.109.527.274.332.385.768.304%201.194z%22%2F%3E%3C%2Fsvg%3E');
    background-position: 18px 16px;
    background-size: 52px auto;
}

.section-flow .from-web > ol > li:nth-child(2) {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2267%22%20viewBox%3D%220%200%2070%2067%22%3E%3Cpath%20fill%3D%22%2394BCD6%22%20d%3D%22M50.27%2027.695c-1.489%200-2.938.171-4.334.483.361-1.619.557-3.298.557-5.024.001-12.767-10.428-23.154-23.246-23.154s-23.247%2010.387-23.247%2023.155%2010.428%2023.155%2023.247%2023.155c2.597%200%205.093-.433%207.427-1.219-.086.741-.134%201.493-.134%202.256%200%2010.837%208.851%2019.653%2019.73%2019.653s19.73-8.816%2019.73-19.652c0-10.837-8.851-19.653-19.73-19.653zm-27.023%2015.891c-11.31%200-20.512-9.165-20.512-20.431s9.202-20.431%2020.512-20.431%2020.512%209.165%2020.512%2020.431c0%202.081-.316%204.09-.899%205.984-.423%201.372-.988%202.682-1.677%203.914-1.511%202.705-3.621%205.033-6.15%206.808-1.161.815-2.407%201.515-3.727%202.079-2.476%201.058-5.2%201.646-8.059%201.646zm27.023%2020.69c-9.371%200-16.995-7.594-16.995-16.928%200-1.196.127-2.363.365-3.49%205.219-2.61%209.321-7.117%2011.386-12.61%201.653-.536%203.414-.829%205.244-.829%209.371%200%2016.995%207.594%2016.995%2016.928s-7.624%2016.929-16.995%2016.929zm-27.023-55.087l-7.154%2010.266-.03.044c-2.556%203.992-3.85%209.689.186%2013.709%201.869%201.862%204.354%202.887%206.997%202.887s5.128-1.025%206.998-2.887c4.036-4.021%202.742-9.718.186-13.709l-7.183-10.31zm5.064%2022.092c-1.353%201.347-3.152%202.089-5.064%202.089s-3.711-.742-5.063-2.089c-2.884-2.873-1.805-7.198.172-10.296l4.891-7.019%204.892%207.019c1.976%203.098%203.056%207.423.172%2010.296zm28.526%207.845l-3.547%207.078h2.984v2.479h-4.234v1.346h4.234v2.479h-4.234v3.062h-3.165v-3.062h-4.178v-2.479h4.178v-1.346h-4.178v-2.479h2.939l-3.502-7.078h3.469l2.252%204.779c.285.598.488%201.126.608%201.582.143-.494.345-1.021.608-1.582l2.297-4.779h3.469z%22%2F%3E%3C%2Fsvg%3E');
    background-position: 18px 20px;
    background-size: 52px auto;
}

.section-flow .from-web > ol > li:nth-child(3) {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2260%22%20viewBox%3D%220%200%2046%2060%22%3E%3Cpath%20fill%3D%22%2394bcd6%22%20d%3D%22M18.788%200h-16.925l-1.858%2019.694-.005%2040.306h20.65v-40.205l-1.862-19.795zm-14.947%202.171h12.969l1.553%2016.462h-16.075l1.553-16.462zm14.637%2055.658h-16.305v-37.387h16.304v37.387zm-2.14-16.799h-12.312v-13.262h.724v11.34h10.864v-11.159h.724v13.081zm-7.242-12.719h-2.173v6.512h2.173v-6.512zm-.725%205.788h-.724v-5.065h.724v5.065zm5.07-5.788h-2.173v6.512h2.173v-6.512zm-.724%205.788h-.724v-5.065h.724v5.065zm33.283-5.621l-1.863-19.795h-16.924l-1.858%2019.694-.005%2030.9h20.65v-30.799zm-16.81-17.624h12.97l1.553%2016.462h-16.076l1.553-16.462zm14.637%2046.252h-16.305v-27.981h16.304v27.981zm-2.139-7.394h-12.313v-13.262h.725v11.34h10.864v-11.158h.724v13.08zm-7.243-12.719h-2.173v6.512h2.173v-6.512zm-.724%205.789h-.724v-5.065h.724v5.065zm5.07-5.789h-2.173v6.512h2.173v-6.512zm-.724%205.789h-.724v-5.065h.724v5.065z%22%2F%3E%3C%2Fsvg%3E');
    background-position: 22px 16px;
    background-size: auto 56px;
}

.section-flow .from-web > ol > li:nth-child(4) {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256%22%20height%3D%2248%22%20viewBox%3D%220%200%2056%2048%22%3E%3Cpath%20fill%3D%22%2394bcd6%22%20d%3D%22M54.174%207.561v-3.979c0-1.791-1.084-3.582-2.889-3.582h-47.673c-1.806%200-3.612%201.857-3.612%203.648v32.651c0%201.791%201.083%203.821%202.889%203.821h16.613v2.149c0%202.167-1.433%202.866-3.612%202.866h-3.612c-.798%200-1.445.641-1.445%201.433%200%20.791.647%201.433%201.445%201.433h29.615c.798%200%201.445-.641%201.445-1.433%200-.791-.647-1.433-1.445-1.433h-3.612c-1.872.122-3.489-1.285-3.612-3.141-.009-.147-.009-.294%200-.441v-1.433h15.891c1.937-.13%203.48-1.661%203.612-3.582v-25.352l1.828-1.835-1.826-1.79zm-33.227%2037.573c.849-1.087%201.445-1.385%201.445-2.866v-2.149h9.39v2.149c0%201.481%201.318%201.779%202.167%202.866h-13.002zm30.338-8.597c.019.377-.273.697-.653.716h-47.02c-.38.019-.703-.271-.722-.648v-6.515h48.395v6.447zm0-32.955v1.148l-.353-.346-12.875%2012.931s-.921%204.765-.28%205.401c.524.52%205.353-.434%205.353-.434l8.154-8.193v13.135h-48.395v-23.642c-.019-.377.273-.697.653-.716h47.742c.019.424.001.292.001.716zm-25.547%2029.845v-.006c.001-.738.604-1.337%201.348-1.337.747-.002%201.353.597%201.354%201.337.001.74-.603%201.342-1.349%201.343-.745.002-1.351-.597-1.353-1.337z%22%2F%3E%3C%2Fsvg%3E');
    background-position: 22px 16px;
    background-size: 44px auto;
}

.section-flow .from-tel > ol > li {
    padding: 20px 20px;
}

.section-flow .flow > ol > li:not(:first-child) {
    margin-top: 32px;
}

.section-flow .flow > ol > li::after {
    display: block;
    position: absolute;
    bottom: -22px;
    left: 50%;
    width: 100px;
    height: 22px;
    content: "";
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2222%22%20viewBox%3D%220%200%20100%2022%22%3E%3Cpath%20d%3D%22M50.611%2022c10.258%200%2026.362-22%2049.389-22h-100c23.432%200%2038.869%2022%2050.611%2022z%22%20fill%3D%22%23ecf0f3%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section-flow .flow > ol > li > span {
    display: block;
    color: #21445b;
    font: 700 3rem/1 "Noto Sans JP", sans-serif;
}

.section-flow .flow > ol > li ul {
    margin-top: 26px;
    padding: 0 0 0 36px;
    font-size: 1.6rem;
    line-height: 1.25;
    list-style: none;
}

.section-flow .flow > ol > li li {
    position: relative;
}

.section-flow .flow > ol > li li:not(:first-child) {
    margin-top: 14px;
}

.section-flow .flow > ol > li li::before {
    position: absolute;
    top: 50%;
    left: -36px;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20fill%3D%22%23c0ac8e%22%20d%3D%22M13%200c-7.18%200-13%205.82-13%2013s5.82%2013%2013%2013%2013-5.82%2013-13-5.82-13-13-13zm4.985%2013.38l-5.947%204.319c-.073.053-.158.078-.242.078-.127%200-.253-.059-.333-.17-.133-.184-.093-.441.091-.575l4.987-3.622h-8.371c-.227%200-.411-.184-.411-.411%200-.227.184-.411.411-.411h8.371l-4.987-3.622c-.184-.134-.224-.391-.091-.575.134-.184.39-.225.575-.091l5.947%204.319c.15.061.256.208.256.38%200%20.173-.106.32-.256.381z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.985%2012.62l-5.947-4.319c-.185-.134-.441-.093-.575.091-.133.184-.093.441.091.575l4.987%203.622h-8.371c-.227%200-.411.184-.411.411%200%20.227.184.411.411.411h8.371l-4.987%203.622c-.184.134-.224.391-.091.575.081.111.206.17.333.17.084%200%20.168-.025.242-.078l5.947-4.319c.15-.061.256-.208.256-.38%200-.173-.106-.32-.256-.381z%22%2F%3E%3C%2Fsvg%3E') 50% 50% / contain no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-flow .flow > ol > li a {
    color: #333;
}

.section-flow .from-tel .open {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 30px 0 0;
    padding: 0;
    font-weight: 700;
    line-height: 1;
}

.section-flow .from-tel .open dd {
    margin-left: .5em;
}

.section-flow .from-tel .open dd span {
    margin-left: .5em;
    font-weight: 500;
}

.section-flow .from-tel .tel-free,
.section-flow .from-tel .tel-other {
    margin: 28px 0 0;
    padding-left: 60px;
}

.section-flow .from-tel .tel-free {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2234%22%20viewBox%3D%220%200%2052%2034%22%3E%3Cpath%20d%3D%22M25.993%205.291c5.282%200%209.674%201.32%2012.854%202.976%203.138-1.634%207.949-2.939%2013.153-2.973v-5.294h-52v5.294c5.199.036%2010.002%201.339%2013.138%202.973%203.18-1.656%207.571-2.976%2012.855-2.976zm22.424%2014.388c0%205.442-4.554%209.598-9.57%209.598-5.015%200-9.416-4.157-9.416-9.598%200-4.117%202.954-7.379%206.166-9.532-2.974-1.295-6.481-1.88-9.604-1.88s-6.631.585-9.605%201.88c3.214%202.152%206.166%205.414%206.166%209.532%200%205.442-4.4%209.598-9.416%209.598s-9.641-4.157-9.641-9.598c0-4.117%203.179-7.379%206.391-9.532-2.907-1.265-6.798-1.851-9.888-1.877v25.73h52v-25.73c-3.092.025-6.993.611-9.903%201.877%203.213%202.153%206.32%205.415%206.32%209.532zm-15.759-.073c0%204.505%203.539%206.689%206.392%206.689s6.392-2.185%206.392-6.689c0-3.499-3.455-6.294-6.392-7.964-2.936%201.67-6.392%204.465-6.392%207.964zm-25.986.075c0%204.508%203.542%206.691%206.394%206.691%202.852%200%206.393-2.183%206.393-6.691%200-3.497-3.458-6.291-6.393-7.963-2.936%201.672-6.394%204.466-6.394%207.963z%22%20fill%3D%22%23e7a13a%22%2F%3E%3C%2Fsvg%3E') 0 calc(100% - 3px) / 48px auto no-repeat;
}

.section-flow .from-tel .tel-other {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%22-200.5%2085.5%2048%2048%22%20enable-background%3D%22new%20-200.5%2085.5%2048%2048%22%3E%3Cpath%20fill%3D%22%23e7a13a%22%20d%3D%22M-176.5%2085.5c-13.255%200-24%2010.745-24%2024s10.745%2024%2024%2024%2024-10.745%2024-24-10.745-24-24-24zm9%2034c0%201.657-1.343%203-3%203h-12c-1.657%200-3-1.343-3-3v-20c0-1.657%201.343-3%203-3h12c1.657%200%203%201.343%203%203v20zm-16-20h14v19h-14v-19zm5-2h4v1h-4v-1z%22%2F%3E%3C%2Fsvg%3E') 0 calc(100% - 2px) / 48px auto no-repeat;
}

.section-flow .from-tel .tel-free dt,
.section-flow .from-tel .tel-other dt {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1;
}

.section-flow .from-tel .tel-free dd,
.section-flow .from-tel .tel-other dd {
    margin: 2px 0 0;
    font: 700 3.6rem/1 "Noto Sans JP", sans-serif;
}

.after-application {
    position: relative;
    padding: 20px;
    border-radius: 10px;
    background: #d9dcde;
}

.after-application .title {
    margin: 0;
    color: #21445b;
    font: 700 3rem/1 "Noto Sans JP", sans-serif;
}

.after-application > ol {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.after-application > ol > li {
    padding: 20px;
    border-radius: 10px;
    background: #fff;
}

.after-application > ol > li span {
    display: block;
    color: #21445b;
    font: 700 2.4rem/1 "Noto Sans JP", sans-serif;
}

.after-application > ol > li img {
    margin-top: 20px;
}

.after-application ul {
    margin: 20px 0 0;
    padding: 0;
    color: #666;
    font-size: 1.4rem;
    line-height: 2.142857143;
    list-style: none;
}

.after-application > ol > li:last-child {
    position: relative;
}

.after-application > ol > li:last-child::before {
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    width: 52px;
    height: 39px;
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2239%22%20viewBox%3D%220%200%2052%2039%22%3E%3Cpath%20d%3D%22M52%209.957v-9.957l-26%2019.915-26-19.915v9.957l26%2019.915zm0%209.128v-2.987l-26%2019.915-26-19.915v2.987l26%2019.915z%22%20fill%3D%22%23204359%22%2F%3E%3C%2Fsvg%3E');
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (min-width: 769px) {
    .section-flow .flows {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-flow: row wrap;
    }

    .section-flow .flows::after {
        flex: none;
        width: 100%;
        margin: 42px 0;
        border-radius: 10px;
        background: #c4af90;
        color: #fff;
        font: 700 3rem/85px "Noto Sans JP", sans-serif;
        text-align: center;
        content: "お申込み完了";
    }

    .section-flow .flow {
        flex: calc((100% - 30px) / 2);
        max-width: calc((100% - 30px) / 2);
    }

    .section-flow .flow:not(:first-child) {
        margin-left: 30px;
    }

    .section-flow .flow .title {
        font-size: 2.4rem;
        line-height: 85px;
    }

    .section-flow .flow > ol {
        margin: 20px 0 0;
    }

    .section-flow .from-web > ol > li {
        padding: 40px 30px 30px 100px;
    }

    .section-flow .from-tel > ol > li {
        padding: 40px 30px;
    }

    .section-flow .flow > ol > li:not(:first-child) {
        margin-top: 42px;
    }

    .section-flow .flow > ol > li:last-child {
        display: none;
    }

    .section-flow .from-web > ol > li:nth-child(1) {
        background-position: 22px 22px;
        background-size: 70px auto;
    }

    .section-flow .from-web > ol > li:nth-child(2) {
        background-position: 18px 22px;
        background-size: 70px auto;
    }

    .section-flow .from-web > ol > li:nth-child(3) {
        background-position: 26px 20px;
        background-size: auto 70px;
    }

    .section-flow .from-web > ol > li:nth-child(4) {
        background-position: 28px 30px;
        background-size: 56px auto;
    }

    .after-application {
        padding: 30px;
    }

    .after-application::before {
        top: -42px;
        left: 50%;
        width: 100px;
        height: 22px;
        content: "";
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2222%22%20viewBox%3D%220%200%20100%2022%22%3E%3Cpath%20d%3D%22M50.611%2022c10.258%200%2026.362-22%2049.389-22h-100c23.432%200%2038.869%2022%2050.611%2022z%22%20fill%3D%22%23c4af90%22%2F%3E%3C%2Fsvg%3E') no-repeat;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .after-application > ol {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin: 30px 0 0;
        padding: 0;
    }

    .after-application > ol > li {
        flex: calc((100% - 30px) / 2);
        max-width: calc((100% - 30px) / 2);
        padding: 30px 40px;
    }

    .after-application > ol > li:not(:first-child) {
        margin-left: 30px;
    }

    .after-application > ol > li:last-child::before {
        display: block;
        position: absolute;
        top: 50%;
        left: -30px;
        width: 39px;
        height: 52px;
        content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2252%22%20viewBox%3D%220%200%2039%2052%22%3E%3Cpath%20d%3D%22M9.957%200h-9.957l19.915%2026-19.915%2026h9.957l19.915-26zm9.128%200h-2.987l19.915%2026-19.915%2026h2.987l19.915-26z%22%20fill%3D%22%23204359%22%2F%3E%3C%2Fsvg%3E');
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .section-flow .flow {
        max-width: 570px;
        flex: 0 0 570px;
    }
}

@media only screen and (max-width: 768px) {
    .section-flow .flow .title {
        font-size: 1.6rem;
        line-height: 50px;
    }

    .section-flow .flow > ol > li:last-child {
        padding: 20px;
        color: #fff;
        background: #c4af90;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1;
        text-align: center;
    }

    .section-flow .flow > ol > li:last-child::after {
        content: none;
    }

    .section-flow .from-tel {
        margin-top: 20px;
    }

    .after-application {
        margin-top: 20px;
    }

    .after-application > ol > li:not(:first-child) {
        margin-top: 20px;
    }

    .section-flow .from-web > ol > li {
        padding: 20px 20px 20px 80px;
    }

    .section-flow .flow > ol > li > span {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .section-flow .flow > ol > li ul {
        margin-top: 20px;
        font-size: 1.4rem;
    }

    .section-flow .from-tel > ol > li {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-flow: column;
        align-items: center;
    }

    .section-flow .from-tel > ol > li > span {
        text-align: center;
    }

    .section-flow .from-tel .open {
        margin: 1em 0;
        font-size: 1.2rem;
    }

    .section-flow .from-tel .tel-free,
    .section-flow .from-tel .tel-other {
        min-height: 39px;
        font-family: "Noto Sans JP", sans-serif;
    }

    .section-flow .from-tel .tel-free,
    .section-flow .from-tel .tel-other {
        min-height: 39px;
    }

    .section-flow .from-tel .tel-free dt,
    .section-flow .from-tel .tel-other dt {
        color: #000;
        font-weight: 300;
        font-size: 1.2rem;
        line-height: 1;
    }

    .section-flow .from-tel .tel-free dd,
    .section-flow .from-tel .tel-other dd {
        margin: 0;
        color: #333;
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 1;
        font-family: inherit;
    }

    .section-flow .from-tel .tel-free {
        margin: 0;
        padding-left: 50px;
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2234%22%20viewBox%3D%220%200%2052%2034%22%3E%3Cpath%20d%3D%22M25.993%205.291c5.282%200%209.674%201.32%2012.854%202.976%203.138-1.634%207.949-2.939%2013.153-2.973v-5.294h-52v5.294c5.199.036%2010.002%201.339%2013.138%202.973%203.18-1.656%207.571-2.976%2012.855-2.976zm22.424%2014.388c0%205.442-4.554%209.598-9.57%209.598-5.015%200-9.416-4.157-9.416-9.598%200-4.117%202.954-7.379%206.166-9.532-2.974-1.295-6.481-1.88-9.604-1.88s-6.631.585-9.605%201.88c3.214%202.152%206.166%205.414%206.166%209.532%200%205.442-4.4%209.598-9.416%209.598s-9.641-4.157-9.641-9.598c0-4.117%203.179-7.379%206.391-9.532-2.907-1.265-6.798-1.851-9.888-1.877v25.73h52v-25.73c-3.092.025-6.993.611-9.903%201.877%203.213%202.153%206.32%205.415%206.32%209.532zm-15.759-.073c0%204.505%203.539%206.689%206.392%206.689s6.392-2.185%206.392-6.689c0-3.499-3.455-6.294-6.392-7.964-2.936%201.67-6.392%204.465-6.392%207.964zm-25.986.075c0%204.508%203.542%206.691%206.394%206.691%202.852%200%206.393-2.183%206.393-6.691%200-3.497-3.458-6.291-6.393-7.963-2.936%201.672-6.394%204.466-6.394%207.963z%22%20fill%3D%22%23e7a13a%22%2F%3E%3C%2Fsvg%3E') 0 50% / auto 27px no-repeat;
    }

    .section-flow .from-tel .tel-other {
        margin: 8px 0 0;
        padding-left: 50px;
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%22-200.5%2085.5%2048%2048%22%20enable-background%3D%22new%20-200.5%2085.5%2048%2048%22%3E%3Cpath%20fill%3D%22%23e7a13a%22%20d%3D%22M-176.5%2085.5c-13.255%200-24%2010.745-24%2024s10.745%2024%2024%2024%2024-10.745%2024-24-10.745-24-24-24zm9%2034c0%201.657-1.343%203-3%203h-12c-1.657%200-3-1.343-3-3v-20c0-1.657%201.343-3%203-3h12c1.657%200%203%201.343%203%203v20zm-16-20h14v19h-14v-19zm5-2h4v1h-4v-1z%22%2F%3E%3C%2Fsvg%3E') 0 50% / auto 39px no-repeat;
    }

    .after-application .title {
        font-size: 1.8rem;
        text-align: center;
    }

    .after-application > ol > li span {
        font-size: 1.8rem;
    }
}

.block-customer-center .box {
    margin-top: 30px;
    padding: 20px;
    border-radius: 5px;
    background: #ecf0f3;
}

.block-customer-center .box-title {
    margin: 0;
    color: #000;
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center;
}

.block-customer-center .business-time {
    justify-content: center;
    color: #878686;
    font-weight: 700;
    font-size: 1.2rem;
}

.block-customer-center .business-time dd {
    margin-left: 10px;
}

.block-customer-center .business-time dd span {
    font-weight: 300;
}

.block-customer-center .tel {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans JP", sans-serif;
    list-style: none;
}

.block-customer-center .tel-free,
.block-customer-center .tel-std {
    min-height: 39px;
}

.block-customer-center .tel dt {
    color: #000;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1;
}

.block-customer-center .tel dd {
    margin: 0;
    color: #333;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1;
}

.block-customer-center .tel-free {
    margin: 0;
    padding-left: 50px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2234%22%20viewBox%3D%220%200%2052%2034%22%3E%3Cpath%20d%3D%22M25.993%205.291c5.282%200%209.674%201.32%2012.854%202.976%203.138-1.634%207.949-2.939%2013.153-2.973v-5.294h-52v5.294c5.199.036%2010.002%201.339%2013.138%202.973%203.18-1.656%207.571-2.976%2012.855-2.976zm22.424%2014.388c0%205.442-4.554%209.598-9.57%209.598-5.015%200-9.416-4.157-9.416-9.598%200-4.117%202.954-7.379%206.166-9.532-2.974-1.295-6.481-1.88-9.604-1.88s-6.631.585-9.605%201.88c3.214%202.152%206.166%205.414%206.166%209.532%200%205.442-4.4%209.598-9.416%209.598s-9.641-4.157-9.641-9.598c0-4.117%203.179-7.379%206.391-9.532-2.907-1.265-6.798-1.851-9.888-1.877v25.73h52v-25.73c-3.092.025-6.993.611-9.903%201.877%203.213%202.153%206.32%205.415%206.32%209.532zm-15.759-.073c0%204.505%203.539%206.689%206.392%206.689s6.392-2.185%206.392-6.689c0-3.499-3.455-6.294-6.392-7.964-2.936%201.67-6.392%204.465-6.392%207.964zm-25.986.075c0%204.508%203.542%206.691%206.394%206.691%202.852%200%206.393-2.183%206.393-6.691%200-3.497-3.458-6.291-6.393-7.963-2.936%201.672-6.394%204.466-6.394%207.963z%22%20fill%3D%22%23e7a13a%22%2F%3E%3C%2Fsvg%3E') 0 50% / auto 27px no-repeat;
}

.block-customer-center .tel-std {
    margin: 8px 0 0;
    padding-left: 50px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%22-200.5%2085.5%2048%2048%22%20enable-background%3D%22new%20-200.5%2085.5%2048%2048%22%3E%3Cpath%20fill%3D%22%23e7a13a%22%20d%3D%22M-176.5%2085.5c-13.255%200-24%2010.745-24%2024s10.745%2024%2024%2024%2024-10.745%2024-24-10.745-24-24-24zm9%2034c0%201.657-1.343%203-3%203h-12c-1.657%200-3-1.343-3-3v-20c0-1.657%201.343-3%203-3h12c1.657%200%203%201.343%203%203v20zm-16-20h14v19h-14v-19zm5-2h4v1h-4v-1z%22%2F%3E%3C%2Fsvg%3E') 0 50% / auto 39px no-repeat;
}

@media only screen and (min-width: 769px) {
    .block-customer-center {
        margin-top: 40px;
    }

    .block-customer-center .box {
        position: relative;
        margin-top: 40px;
        padding: 30px 60px 50px;
        border-radius: 10px;
    }

    .block-customer-center .box-title {
        font-size: 3.6rem;
    }

    .block-customer-center .box-title span {
        margin-left: 1em;
    }

    .block-customer-center .business-time {
        margin: 8px 0 0;
        font-size: 1.8rem;
    }

    .block-customer-center .tel {
        flex-flow: row wrap;
        justify-content: center;
        margin: 44px 0 0;
    }

    .block-customer-center .tel-free,
    .block-customer-center .tel-std {
        min-height: 68px;
    }

    .block-customer-center .tel dt {
        font-size: 1.6rem;
    }

    .block-customer-center .tel dd {
        margin-top: 8px;
        font-size: 4.8rem;
    }

    .block-customer-center .tel-free {
        margin: 0;
        padding-left: 103px;
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2234%22%20viewBox%3D%220%200%2052%2034%22%3E%3Cpath%20d%3D%22M25.993%205.291c5.282%200%209.674%201.32%2012.854%202.976%203.138-1.634%207.949-2.939%2013.153-2.973v-5.294h-52v5.294c5.199.036%2010.002%201.339%2013.138%202.973%203.18-1.656%207.571-2.976%2012.855-2.976zm22.424%2014.388c0%205.442-4.554%209.598-9.57%209.598-5.015%200-9.416-4.157-9.416-9.598%200-4.117%202.954-7.379%206.166-9.532-2.974-1.295-6.481-1.88-9.604-1.88s-6.631.585-9.605%201.88c3.214%202.152%206.166%205.414%206.166%209.532%200%205.442-4.4%209.598-9.416%209.598s-9.641-4.157-9.641-9.598c0-4.117%203.179-7.379%206.391-9.532-2.907-1.265-6.798-1.851-9.888-1.877v25.73h52v-25.73c-3.092.025-6.993.611-9.903%201.877%203.213%202.153%206.32%205.415%206.32%209.532zm-15.759-.073c0%204.505%203.539%206.689%206.392%206.689s6.392-2.185%206.392-6.689c0-3.499-3.455-6.294-6.392-7.964-2.936%201.67-6.392%204.465-6.392%207.964zm-25.986.075c0%204.508%203.542%206.691%206.394%206.691%202.852%200%206.393-2.183%206.393-6.691%200-3.497-3.458-6.291-6.393-7.963-2.936%201.672-6.394%204.466-6.394%207.963z%22%20fill%3D%22%23e7a13a%22%2F%3E%3C%2Fsvg%3E') 0 calc(100% - 3px) / 78px auto no-repeat;
    }

    .block-customer-center .tel-std {
        margin: 0 0 0 40px;
        padding-left: 133px;
        border-left: 2px solid #e5e5e5;
        background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%22-200.5%2085.5%2048%2048%22%20enable-background%3D%22new%20-200.5%2085.5%2048%2048%22%3E%3Cpath%20fill%3D%22%23e7a13a%22%20d%3D%22M-176.5%2085.5c-13.255%200-24%2010.745-24%2024s10.745%2024%2024%2024%2024-10.745%2024-24-10.745-24-24-24zm9%2034c0%201.657-1.343%203-3%203h-12c-1.657%200-3-1.343-3-3v-20c0-1.657%201.343-3%203-3h12c1.657%200%203%201.343%203%203v20zm-16-20h14v19h-14v-19zm5-2h4v1h-4v-1z%22%2F%3E%3C%2Fsvg%3E') 40px calc(100% - 2px) / 68px auto no-repeat;
    }
}

@media only screen and (max-width: 768px) {
    .block-customer-center .box-title {
        text-align: center;
    }

    .block-customer-center .box-title span {
        display: block;
    }
}

.accordion {
    margin: 0;
}

.accordion:not(:first-child) {
    margin-top: 20px;
}

.accordion > .accordion-header {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    position: relative;
    height: 70px;
    padding: 0 30px;
    background-color: #21445b;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26%2010h-10v-10h-6v10h-10v6h10v10h6v-10h10z%22%2F%3E%3C%2Fsvg%3E');
    background-position: top 50% right 30px;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: 700;
    font-size: 2.2rem;
    cursor: pointer;
}

.accordion.active > .accordion-header {
    background-color: #c4af90;
}

.accordion.active > .accordion-header {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2010h26v6h-26z%22%2F%3E%3C%2Fsvg%3E');
}

.accordion > .accordion-header .attr {
    display: block;
    width: 14px;
    height: 26px;
    margin: 0 20px;
    content: "";
    border: 0;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2226%22%20viewBox%3D%220%200%2014%2026%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14%2013l-14%2013v-26l14%2013z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    opacity: .5;
}

.accordion > .accordion-header .num {
    min-width: 32px;
    border-radius: 5px;
    background: #fff;
    color: #21445b;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 32px;
    text-align: center;
}

.accordion.active > .accordion-header .num {
    color: #c4af90;
}

.accordion > .accordion-body {
    margin: 0;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: ease;
}

.accordion > .accordion-body a {
    color: #3a3a3b;
    text-decoration: none;
}

.accordion > .accordion-body dl {
    margin: 0;
}

.accordion > .accordion-body dl > dt {
    padding: 18px 30px;
    background: #e0d9ce;
    line-height: 1.875;
}

.accordion > .accordion-body dl > dd {
    margin: 0;
    padding: 18px 30px;
    background: #f3f1ef;
}

.accordion > .accordion-body ul {
    margin: 0;
}

.accordion > .accordion-body li {
    margin: 4px 0;
}

@media only screen and (min-width: 769px) {
    .accordion > .accordion-header:hover {
        background-color: #c4af90;
    }

    .accordion > .accordion-header:hover .num {
        color: #c4af90;
    }

    .accordion > .accordion-body dl {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .accordion > .accordion-body dl > dt {
        flex: none;
        width: 210px;
        padding: 18px 30px;
        background: #e0d9ce;
        line-height: 1.875;
    }

    .accordion > .accordion-body dl > dd {
        flex: auto;
        padding: 18px 30px;
        background: #f3f1ef;
    }
}

@media only screen and (max-width: 768px) {
    .accordion:not(:first-child) {
        margin-top: 10px;
    }

    .accordion > .accordion-header {
        height: auto;
        min-height: 40px;
        padding: 4px 40px 4px 20px;
        background-position: top 50% right 10px;
        background-size: 20px;
        font-size: 1.6rem;
    }

    .accordion > .accordion-header .attr {
        width: 11px;
        height: 20px;
        margin: 0 10px 0 15px;
        background-size: 100%;
    }

    .accordion > .accordion-header .num {
        min-width: 24px;
        border-radius: 5px;
        font-size: 1.2rem;
        line-height: 24px;
    }

    .accordion > .accordion-body dl > dt {
        padding: 18px 30px;
    }

    .accordion > .accordion-body dl > dd {
        padding: 18px 30px;
    }
}

.page-body hr {
    position: relative;
    opacity: .4;
    height: 2em;
    margin: 1em 0;
    border: 0;
    text-align: center;
    outline: 0;
}

.page-body hr::before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    content: '';
    background: linear-gradient(to right, transparent, #000, transparent);
}

.page-body hr::after {
    display: block;
    position: relative;
    width: 9px;
    height: 2em;
    margin: 0 auto;
    padding: 0 10px;
    content: "";
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGAgMAAABsqVxWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUAAAAAAAD///+D3c/SAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAYSURBVAjXY3AUZWBwFHBgCAViMFsQzAcAIfgCxvoJBlMAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.kanegi {
    color: #d1626e;
    font-size: 15px;
    font-weight: 600;
}

@media only screen and (max-width: 768px) {
    .kanegi {
        font-size: 13px;
    }
}

.cooling-off {
    margin: 0 !important;
}

.cooling-off li {
    list-style: none;
}

.hagaki {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 5em 0 0;
}

.hagaki img {
    border-radius: unset;
    display: block;
}

.no-n li {
    list-style: none;
}

.agreement-ta th {
    border-top: 1px solid rgba(243, 241, 239, .5);
    background: #c4af90;
    color: #fff;
    padding: 1em;
    text-align: left;
}

.agreement-ta td {
    padding: 1em;
    background: #f3f1ef;
    color: #3a3a3b;
    border: 1px solid rgba(196, 175, 144, .5);
    boeder-collapse: collapse;
}

.agreement-ta th:not(:first-child) {
    border-left: 1px solid rgba(243, 241, 239, .5);
}

@media only screen and (max-width: 768px) {
    .hagaki {
        display: block;
    }
}

.title-sub {
    color: #3a3a3b;
    font-size: 20px;
}

.top-img {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #cef1fa;
    padding: 1em;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .top-img {
        display: block;
    }
}

.mama-btn {
    text-align: center;
    margin: 2em 0;
}

.mama-btn a {
    text-decoration: none;
    background-color: #21445b;
    border-radius: 20px;
    padding: 0.8em 1.5em;
    color: #fff !important;
    font-weight: 600;
}

.mama-btn a:hover {
    opacity: .8;
}

.mama-btn p {
    text-decoration: none;
    background-color: #c6c6c6;
    border-radius: 20px;
    padding: 0.5em;
    color: #fff !important;
    font-weight: 600;
    width: 67%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .mama-btn {
        font-size: 15px;
    }
}

.content-flex {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.content-flex img {
    margin-left: 2em;
}

.content-flex p {
    margin: 0 !important;
}

@media only screen and (max-width: 768px) {
    .content-flex {
        display: block;
    }

    .content-flex img {
        width: 100%;
        margin-left: 0;
        margin: 1em auto;
    }
}

.mt-10 {
    font-size: 20px !important;
    padding-top: 4em;
}

@media only screen and (max-width: 768px) {
    .mt-10 {
        padding-top: 0;
    }
}

.disc-tit {
    font-size: 20px !important;
}

.align-c {
    justify-content: flex-start;
    align-items: center;
}

.mam-c {
    margin: 0 auto;
    text-align: center;
}

.mam-c img {
    margin: 2em 0;
}

.mam-c p {
    text-align: left;
}

.flex-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-3 p {
    text-align: center;
}

.flex-3 img {
    height: auto;
    display: block;
}

@media only screen and (max-width: 768px) {
    .flex-3 {
        display: block;
    }

    .flex-3 img {
        width: 100%;
    }
}

.mg-2 {
    margin: 2em 0;
}

.pd-t {
    padding-top: 2em;
}

.bdr-top {
    border-top: 1px solid #d3dade;
    padding: 2em 0;
}

.strong-p {
    color: #d1626e;
    font-weight: 700;
}

.col3 {
    margin-bottom: 1em;
}

.tel-img {
    text-align: center;
}

.tel-img img {
    width: auto !important;
    height: auto !important;
}

.liner {
    background: linear-gradient(transparent 70%, #fde18c 0%);
    color: #21445b;
}

#ogiso .ogiso-ti {
    text-align: center;
    padding-top: 4em;
    font-size: 20px;
}

@media only screen and (max-width: 768px) {
    #ogiso .ogiso-ti {
        padding-top: 2em;
    }
}

#ogiso .top-img {
    border-radius: 10px 10px 0 0;
}

#ogiso .mama-btn {
    background-color: #cef1fa;
    margin: 0 0 2em;
    padding: 3em 0;
    border-radius: 0 0 10px 10px;
}

#ogiso .mama-btn a {
    padding: 1.3em 8em;
}

@media only screen and (max-width: 768px) {
    #ogiso .mama-btn a {
        width: 90%;
        padding: 1em 0 !important;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
}

#ogiso .red {
    color: #f8a084;
}

#ogiso .blue {
    color: #364d64;
}

#ogiso .flex-3 {
    width: 100%;
}

#ogiso .mt-10 {
    padding-top: 1em;
}

.blue-back {
    width: 100%;
    align-items: center;
    background-color: #cef1fa;
    padding: 1em;
    border-radius: 10px 10px 0 0;
}

.flex-4 {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.mt-3 {
    margin-top: 3em;
}

.p-center {
    text-align: center;
}

.fw-b {
    font-weight: 700;
}

.att-gr {
    color: #009e96;
}

.font-s {
    font-size: 1.4rem !important;
}

.inekari {
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .inekari {
        display: block !important;
        margin: 0 auto;
        text-align: center;
    }
}

.ine-info {
    border: 1px solid #ccc;
    padding: 1em;
    background-color: #fff;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .ine-info {
        margin: 1em 0;
    }
}

.ine-info-area {
    align-items: stretch;
    justify-content: space-around;
}

@media only screen and (max-width: 768px) {
    .ine-info-area {
        display: block !important;
    }
}

@media only screen and (max-width: 768px) {
    .ine-prof img {
        max-width: 50% !important;
        height: auto;
        display: block;
        margin: 0 auto;
    }
}

.ama-main img {
    width: 500px !important;
    height: auto;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.btn-close {
    width: 100%;
    background-color: #cef1fa;
    margin: 0 auto 2em;
    padding: 3em 0;
    border-radius: 0 0 20px 20px;
    text-align: center;
}

.btn-close p {
    line-height: 1.5em !important;
    color: #999 !important;
    font-weight: 600;
    margin: 0 auto !important;
    padding: 0.5em 0;
    width: 50%;
    background-color: #f4f4f5;
    border-radius: 20px;
}

@media only screen and (max-width: 768px) {
    .btn-close p {
        width: 90%;
    }
}

#pigeon h4 {
    margin: 4em 0 2em;
    font-size: 20px;
    color: #009e96;
    font-weight: 600;
    text-align: center;
    font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

@media only screen and (max-width: 768px) {
    #pigeon h4 {
        margin: 2em 0;
    }
}

.pigeon-b-cont {
    background-color: #cef1fa;
    padding: 1em;
    border-radius: 10px 10px 0 0;
    margin: 0 !important;
    padding: 1em 0;
    text-align: center;
    font-weight: 600;
    border-radius: 10px;
}

.pigeon-b-cont .top-img {
    border-radius: 0 0 10px 10px !important;
}

.red {
    color: #f8a084;
}

.bg-b {
    font-size: 20px !important;
}

.p-center {
    text-align: center;
}

.img-half-l img {
    margin: 0 !important;
}

.pigeon-flex {
    align-items: flex-start !important;
}

@media only screen and (max-width: 768px) {
    .pigeon-flex img {
        margin: 0.5em 0;
    }
}

.app-btn {
    text-align: center;
    margin: 2em 0;
}

.app-btn a {
    text-decoration: none;
    background-color: #21445b;
    border-radius: 30px;
    padding: 1em 5em;
    color: #fff !important;
    font-weight: 600;
}

.app-btn a:hover {
    opacity: .8;
}

@media only screen and (max-width: 768px) {
    .app-btn {
        font-size: 15px;
    }

    .app-btn a {
        padding: 1em 3em;
    }
}

.page-body .img-half-s img {
    width: 100%;
}

@media only screen and (min-width: 769px) {
    .page-body .img-half-s img {
        display: block;
        width: 28%;
        height: auto;
        margin: 0 auto;
    }
}

.col-center {
    text-align: center;
}

.mg-4 {
    margin: 4em 0;
}

.mg-no {
    margin: 0 !important;
}

.bld-b {
    color: #21445b;
    font-weight: 600;
}

.clytia-b {
    color: #56bef7;
    font-weight: 600;
}

.page-body .btn-wave-dark.clytia-btn a {
    background-color: #56bef7;
}

.radius-un {
    border-radius: unset !important;
}

.radius-un img {
    border-radius: unset !important;
}

.logo-area {
    justify-content: center !important;
}

.logo-area img {
    margin: 0 1em 0;
}

@media only screen and (max-width: 768px) {
    .logo-area img {
        width: 30% !important;
        height: auto;
        margin: 0.5em 0 !important;
    }
}

.lightboxOverlay {
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (max-width: 768px) {
    .lb-outerContainer {
        width: 95% !important;
        height: auto !important;
    }
}

@media only screen and (max-width: 768px) {
    .lb-image {
        width: 100% !important;
        height: auto !important;
    }
}

.lb-image {
    width: auto;
    height: 600px;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .sp-center {
        text-align: center;
    }
}

.frame-center {
    text-align: center;
    margin: 1em 0.5em !important;
}

@media only screen and (max-width: 768px) {
    .sp-img {
        width: 50% !important;
        height: auto;
    }
}

.pd-b {
    padding-bottom: 2em;
}

.flex-center {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

@media only screen and (max-width: 768px) {
    .flex-center {
        display: block;
    }
}

.flex-center {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 1em;
}

@media only screen and (max-width: 768px) {
    .flex-center {
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .left {
        margin-bottom: 2em;
    }

    .left img {
        width: 90% !important;
        height: auto;
    }
}

.fz-18 {
    font-size: 18px;
}

@media only screen and (max-width: 768px) {
    .fz-18 {
        font-size: 16px;
    }
}

.bg−gray {
    background-color: #f4f4f5;
    border-radius: 10px;
    padding: 3em 3em 1em;
    margin: 2em 0 0;
}

@media only screen and (max-width: 768px) {
    .bg−gray {
        padding: 1em;
    }
}

.bg-f {
    background-color: #fff;
    margin: 0 0 2em;
    padding: 2em 0;
}

@media only screen and (max-width: 768px) {
    .bg-f {
        margin: 1em 0;
        padding: 1em;
    }
}

.app-logo {
    width: 50% !important;
    margin: 0 auto !important;
}

.app-logo img {
    display: block;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .app-logo {
        width: 36% !important;
    }
}

@media only screen and (max-width: 768px) {
    .my-page {
        text-align: center;
        margin: 0 auto !important;
        width: 36% !important;
        padding: 1em 0 0;
    }
}

.align-center {
    text-align: center;
}

.bdr-f {
    border: 5px solid #fff;
}

#mom-campaign h5 {
    font-size: 20px;
}

#mom-campaign a {
    word-break: break-all;
}

#mom-campaign .campaign-main {
    max-width: 100%;
    height: auto;
    margin: 2em 0 5em;
}

@media screen and (max-width: 768px) {
    #mom-campaign .campaign-main {
        margin: 2em 0;
    }
}

#mom-campaign .mom-lead {
    color: #364d64;
}

#mom-campaign .product-sec {
    width: 100%;
}

#mom-campaign .product-sec ul {
    display: flex;
    justify-content: space-around;
    padding: 0 0 0 0;
    margin: 0;
}

#mom-campaign .product-sec ul:first-child {
    border-bottom: 1px solid #ccc;
}

#mom-campaign .product-sec li {
    text-align: center;
    list-style: none;
    margin: 1em auto 2em;
    width: 45%;
}

@media screen and (max-width: 768px) {
    #mom-campaign .product-sec ul {
        display: block;
    }

    #mom-campaign .product-sec li {
        width: 100%;
    }

    #mom-campaign .product-sec li:first-child {
        border-bottom: none;
    }

    #mom-campaign .product-sec li:nth-child(2) {
        border-bottom: 1px solid #ccc;
        margin-bottom: 2em;
    }
}

#mom-campaign .campaign-btn {
    width: 40%;
    background-color: #364d64;
    color: #fff;
    margin: 2em auto;
    border-radius: 10px;
    transition: all .3s;
}

#mom-campaign .campaign-btn a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    padding: 1em;
    display: block;
    text-align: center;
}

#mom-campaign .campaign-btn:hover {
    opacity: 0.7;
}

@media screen and (max-width: 768px) {
    #mom-campaign .campaign-btn {
        width: 90%;
    }
}

#mom-campaign .boxed-mom {
    background: #fcefe3;
}

#mom-campaign .boxed-mom p {
    text-align: center;
}

#mom-campaign .flex-img ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#mom-campaign .flex-img li {
    list-style: none;
    text-align: center;
    padding: 1em;
}

#mom-campaign .flex-img li img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    #mom-campaign .flex-img ul {
        display: block;
        padding: 0;
    }

    #mom-campaign .flex-img li {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    #mom-campaign .mom-arrow ul {
        display: block;
        padding: 0;
    }

    #mom-campaign .mom-arrow li:nth-child(2) img {
        max-width: 100%;
        height: auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin: 1em 0;
    }
}

#mom-campaign .mom-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-grow: 1 1;
}

#mom-campaign .sz-m {
    width: 87%;
    margin-right: 2em;
}

#mom-campaign .sz-m img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    #mom-campaign .sz-m {
        width: 100%;
    }
}

#mom-campaign .flex−in img {
    width: 80%;
}

#mom-campaign .flex−in p {
    margin: 0 auto;
}

.font-bld {
    font-weight: 600;
    color: #21445b;
}

.handle-disc {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .handle-disc {
        display: block;
    }
}

.mom-liner {
    background: linear-gradient(transparent 70%, #f5c23e 0%);
}

.normal {
    font-weight: normal;
}

.mom-list {
    font-weight: 600;
    color: #21445b;
}

.mom-list li {
    list-style: none;
}

.product-name {
    display: block;
    font-weight: 600;
    color: #21445b;
    text-align: center;
    font-size: 16px;
    margin: 3em 0 0;
}

.product-marin {
    margin: 3em 0 0;
}

.bdr-mom {
    width: 100%;
    border-bottom: 1px solid #d3dade;
    padding-bottom: 3em !important;
}

.release {
    background-color: #ff6300;
    color: #fff;
    padding: 0.5em;
    margin-bottom: 1em;
    display: block;
    width: 20%;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
    .release {
        width: 50%;
    }
}

.bdr-title {
    border-top: 1px solid #d3dade;
    padding: 3em 0 0;
    margin: 5em 0 3em;
}

@media screen and (max-width: 768px) {
    .bdr-title {
        padding: 2em 0 0;
        margin: 3em 0 0;
    }
}

.att {
    font-size: 1.2rem;
    color: #616162;
}

.lakumagu-img {
    text-align: center;
    margin: 1.5em 0 2em;
}

.lakumagu-img img {
    max-width: 70% !important;
    height: auto;
}

.flex-start {
    width: 100%;
}

.flex-start ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding: 0 !important;
}

.flex-start li {
    list-style: none;
}

.flex-start li:first-child {
    margin-right: 1em;
}

@media screen and (max-width: 768px) {
    .flex-start ul {
        display: block;
    }

    .flex-start li:first-child {
        margin-right: 0;
    }
}

.guidance-img {
    text-align: right;
    margin-top: 50px;
}

@media screen and (max-width: 768px) {
    .guidance-img {
        margin-top: 30px;
    }

    .guidance-img img {
        border-radius: unset;
    }
}

.guidance-3 {
    height: 70px !important;
}

@media screen and (max-width: 768px) {
    .guidance-3 {
        height: 40px !important;
    }
}

.fz12 {
    font-size: 12px;
    display: block;
    margin: 1em 0;
}

.att-f12 {
    font-size: 12px;
    font-weight: 500;
}

.cap-drop {
    font-weight: 500;
    padding-left: 2em;
    position: relative;
    line-height: 2em !important;
}

.cap-drop:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0.5em;
    display: block;
    width: 10px;
    height: 2em;
    content: "";
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%20viewBox%3D%220%200%2010%2014%22%3E%3Cpath%20fill%3D%22%238797a1%22%20d%3D%22M8.673%205.232l-3.673-5.232-3.673%205.232c-1.49%202.309-2.029%205.258%200%207.264%201.014%201.002%202.343%201.504%203.673%201.504s2.659-.502%203.673-1.504c2.028-2.006%201.49-4.955%200-7.264z%22%2F%3E%3C%2Fsvg%3E") 0 50%/contain no-repeat;
}

@media screen and (max-width: 768px) {
    .cap-drop {
        padding-left: 2em;
    }
}

@media screen and (max-width: 768px) {
    .cap-drop span {
        line-height: 2.3 !important;
    }
}

.cap-lh {
    line-height: 1.5em !important;
}

.cap-lh span {
    display: block;
    margin: 0 0 1em;
}

.cap-lh:before {
    height: 1.5em !important;
}

/* 2019 0605 momContent yamaya */

.momMain {
    margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
    .momMain {
        margin-bottom: 2em;
    }
}

.momCol2 {
    margin-top: 60px !important;
}

@media screen and (max-width: 768px) {
    .momCol2 {
        margin-top: 0 !important;
    }
}

.momLead {
    font-size: 20px !important;
    text-align: center;
}

.txal-center {
    text-align: center !important;
}

.col2-img {
    margin: 0 auto;
}

.col2-img p {
    text-align: center;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.momTexarea {
    width: 480px;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .momTexarea {
        width: 90%;
        margin: 0 auto;
    }
}

.mom-btn {
    width: 100%;
    background-color: #364d64;
    border-radius: 15px;
    text-align: center;
}

.mom-btn a {
    color: #fff !important;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    padding: 23px 0;
    display: block;
}

.mom-flex {
    display: flex;
    background-color: #fffce2;
    padding: 20px;
    border-radius: 15px;
    flex-wrap: wrap;
    justify-content: space-around;
}

@media screen and (max-width: 768px) {
    .mom-flex {
        display: block;
        padding: 10px;
    }
}

.point-img {
    margin: 0 auto;
    position: relative;
    width: 45%;
}

.point-img p {
    font-size: 15px !important;
    color: #000;
}

.point-img h4 {
    margin: 20px 0 10px 74px !important;
}

@media screen and (max-width: 768px) {
    .point-img {
        width: 95%;
        margin: 0 auto;
    }

    .point-img h4 {
        margin: 20px 0 5px 81px !important;
    }
}

.or-read {
    font-size: 17px;
    color: #ce5c16;
    display: block;
    font-weight: bold;
    margin-bottom: 1.5em;
}

@media screen and (max-width: 768px) {
    .or-read {
        margin-bottom: 0;
    }
}

.p-icon {
    display: block;
    position: absolute;
    top: 0;
    left: -4%;
}

@media screen and (max-width: 768px) {
    .p-icon {
        top: -2%;
    }
}

.sp-only {
    display: none;
}

@media screen and (max-width: 768px) {
    .sp-only {
        display: block;
    }
}

.pc-only {
    display: block;
}

@media screen and (max-width: 768px) {
    .pc-only {
        display: none;
    }
}

.liner-yel {
    background: linear-gradient(transparent 70%, #ffe821 0%);
}

@media screen and (max-width: 768px) {
    .sp-lead {
        text-align: center;
    }
}

.balloon {
    position: relative;
    width: 960px;
    margin: 0 auto 40px;
    background: #ebebeb;
    text-align: center;
    border-radius: 80px;
}

.balloon::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #ebebeb;
    border-top-color: #ebebeb;
}

.balloon a {
    width: 100%;
    padding: 54px 0;
    display: block;
    vertical-align: middle;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}

.balloon a::before {
    content: url("/page/wp-content/uploads/img/page/info/mom/yamaya/icon.png");
    display: inline-block;
    width: 27px;
    height: 32px;
    vertical-align: middle;
    margin-right: 0.6em;
}

@media screen and (max-width: 768px) {
    .balloon {
        width: 100%;
        border-radius: 30px;
    }

    .balloon::before {
        left: 45%;
    }

    .balloon a {
        line-height: 2em;
    }
}

.under-line {
    border-bottom: 2px solid #909ba3;
    padding-bottom: 2px;
}

.howto {
    position: relative;
    padding: 30px;
    width: 960px;
    background-size: 15px 15px;
    margin: 76px auto;
    background-color: #d0611d;
    position: relative;
    padding: 30px;
    width: 960px;
    background-size: 15px 15px;
    margin: 76px auto;
    background-color: #d0611d;
    background-image: radial-gradient(#c85915 20%, transparent 20%), radial-gradient(#c85915 20%, transparent 20%);
    background-position: 0 0, 8px 8px;
    background-position: 0 0, 8px 8px;
}

@media screen and (max-width: 768px) {
    .howto {
        width: 100%;
        padding: 50px 15px;
        margin: 76px auto 0;
    }
}

.nami-top {
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    border-radius: unset !important;
    font-size: 0;
}

.howto-title {
    display: block;
    margin: 0 auto;
    padding-top: 9em;
}

@media screen and (max-width: 768px) {
    .howto-title {
        width: 75%;
        height: auto;
        padding-top: 3em;
    }
}

.pr-detail {
    display: block;
    position: absolute;
    top: -24px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1;
    width: 35%;
    height: auto;
}

@media screen and (max-width: 768px) {
    .pr-detail {
        top: -25px;
        width: 67%;
    }
}

.recipe {
    width: 100%;
    margin: 120px auto 0;
    padding: 60px 20px;
    position: relative;
    border-radius: 15px;
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    .recipe {
        padding: 30px 10px;
        margin: 115px auto 0;
    }
}

.recipe-cont {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .recipe-cont {
        display: block;
        padding: 10px 0;
    }
}

.recipe-inner {
    width: 49%;
}

.recipe-inner p {
    margin: 1em 0 !important;
    color: #000;
    font-size: 15px !important;
}

.recipe-inner ul {
    padding: 0 !important;
    margin: 1em 0 1.5em;
    font-size: 15px !important;
}

.recipe-inner li {
    list-style: none;
    color: #000;
}

@media screen and (max-width: 768px) {
    .recipe-inner {
        width: 100%;
        margin: 1em 0 2em;
    }

    .recipe-inner li {
        padding-left: 1.2em;
        text-indent: -1.2em;
    }
}

.recipe-title {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -93px;
    right: 0;
    left: 0;
}

.recipi-cont {
    margin-top: 1em;
}

.line-h {
    line-height: 1.5 !important;
}

.material {
    font-weight: bold;
    border: 1px solid #000;
    padding: 0.5em 1.5em;
    text-align: center;
    color: #000;
}

.make {
    margin: 1.3em 0 0 !important;
}

.make li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    margin: 0 0 1em;
}

.make li:last-child {
    margin: 0;
}

@media screen and (max-width: 768px) {
    .make li {
        padding-left: 1.3em;
        text-indent: -1.3em;
    }
}

.challenge {
    margin: 3em 0;
}

@media screen and (max-width: 768px) {
    .challenge {
        margin-bottom: 0;
    }
}

.disc {
    line-height: 2 !important;
}

.nami-under {
    border-radius: unset !important;
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    position: absolute;
    left: 0;
}

@media screen and (max-width: 768px) {
    .nami-under {
        bottom: -2px;
    }
}

.product {
    width: 440px;
    margin: 0 auto 55px;
}

.product img {
    display: block;
    margin: 2em auto;
}

@media screen and (max-width: 768px) {
    .product {
        width: 100%;
    }
}

.momNotes {
    padding: 0 !important;
}

.momNotes li {
    list-style: none;
    font-size: 13px;
    line-height: 2.5;
}

.momBoxed p {
    margin: 1em 0 !important;
}

.mominfo {
    font-size: 18px;
    color: #21445b;
    font-weight: bold;
}

.infoText {
    font-size: 16px;
    color: #009e96;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .infoText {
        font-size: 14px;
    }
}


/* 190613 マイページご利用ガイド */
.howto-list ol {
    counter-reset: my-counter;
    padding: 0;
}

.howto-list li {
    list-style: none;
    margin: 3.5em 0;
    position: relative;
    padding: 10px 0 10px 218px;
    background-color: #ecf0f3;
    border-radius: 10px;
}

.howto-list li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background: linear-gradient(to right, #7eaed2, #96c1dd);
    color: #fff;
    position: absolute;
    top: -15%;
    left: 5%;
    line-height: 118px;
    text-align: center;
    height: 118px;
    width: 118px;
    border-radius: 50%;
    display: inline-block;
    font-size: 38px;
    font-weight: bold;
}

.howto-list li p {
    line-height: 2 !important;
    margin: 0 !important;
}

.howto-list .title {
    font-size: 2.2rem;
    color: #21445b;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .howto-list .title {
        font-size: 18px;
    }
}

.howto-list .eleven:before {
    top: 4%;
}

@media screen and (max-width: 768px) {
    .howto-list ol {
        padding: 0 !important;
    }

    .howto-list li {
        margin: 1em 0;
        line-height: 80px;
        padding: 15px 10px 15px 76px;
    }

    .howto-list li:before {
        line-height: 50px;
        height: 50px;
        width: 50px;
        font-size: 22px;
        font-weight: bold;
        top: 10%;
        left: 4%;
    }

    .howto-list .eleven:before {
        top: 5%;
    }
}

.howto-list .list-add {
    padding: 26px 0 26px 218px;
}

@media screen and (max-width: 768px) {
    .howto-list .list-add {
        padding: 20px 10px 20px 76px;
    }
}

.flow-center {
    margin: 0 auto;
}

.flow-center ol li:after {
    background: none !important;
}

@media screen and (max-width: 768px) {
    .flow-center ol li:last-child {
        display: none !important;
    }
}

.howto-table table {
    box-sizing: border-box;
}

.howto-table table p {
    line-height: 1.5;
    margin: 0;
}

.howto-table table tr {
    background-color: #f3f1ef;
    border: 1px solid rgba(196, 175, 144, 0.5);
    border-top: none;
    border-right: none;
}

.howto-table table th {
    background-color: #c4af90;
    color: #fff;
    padding: 16px 30px;
    border-bottom: 1px solid #f3f1ef;
}

.howto-table table td {
    padding: 16px 30px;
}

.howto-table .border-r {
    border-right: 1px solid rgba(196, 175, 144, 0.5);
}

@media screen and (max-width: 768px) {
    .howto-table table p {
        margin: 0 0 0.5em;
    }

    .howto-table table th,
    .howto-table table td {
        padding: 13px;
    }
}

.col-red {
    color: #c33749;
}

/* 190619 マイページログインキャンペーン */
.drop-center {
    width: 32%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .drop-center {
        width: 100%;
    }
}

/* 190620 水旅2 */
.col3-mizu p {
    color: #e61478;
    text-align: center;
    font-weight: bold;
    margin: 0.3em 0 0 !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
}

.col3-mizu p span {
    font-size: 32px;
}

.col3-mizu .cap-mizu-first {
    font-size: 28px !important;
}

.col3-mizu .cap-mizu-first span {
    font-size: 36px;
}

@media screen and (max-width: 768px) {
    .col3-mizu .cap-mizu-first {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 768px) {
    .col3-mizu p {
        font-size: 20px !important;
    }
}

.col4-mizu ul {
    padding: 0 !important;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.col4-mizu li {
    list-style: none;
    margin: 0;
    position: relative;
    width: 100%;
}

.col4-mizu li img {
    display: block;
    margin: 0 auto;
}

.col4-mizu li p {
    color: #e61478;
    text-align: left;
    font-weight: bold;
    /*margin: 1em auto 0 !important;*/
    line-height: 1.3;
}

.col4-mizu .mizu-num {
    font-size: 32px;
    display: inline-block;
}

.col4-mizu .grade {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.col4-mizu .grade p {
    /*margin: 2em 0 0 0.5em !important;*/
    margin-bottom: 0;
}

.col4-mizu .pdl-grade {
    padding-left: 0.5em !important;
}

.col4-mizu .base {
    color: #3a3a3b;
    font-size: 16px;
    font-weight: normal;
    padding: 0 1em;
}

@media screen and (max-width: 768px) {
    .col4-mizu ul {
        display: block;
        margin: 0 auto 5em;
    }

    .col4-mizu li {
        margin: 2em 0 2em;
    }

    .col4-mizu .pdl-grade {
        font-size: 18px !important;
    }

    .col4-mizu .grade p {
        margin: 1em 0 0 0.5em !important;
    }
}

@media screen and (max-width: 768px) {
    .sp-resize {
        max-width: 70% !important;
        height: auto;
        margin: 0 auto;
        display: block;
    }
}

.btn-new-app {
    padding-right: 2em;
}

@media screen and (max-width: 768px) {
    .btn-new-app {
        padding-right: 0;
    }
}

/* 190723 乗り換えキャッシュバックプレゼント */
.acc-tr.active > .transfer-header {
    background-image: url("/page/wp-content/uploads/img/page/feature/campaign/2019/norikae/arrow-up.png") !important;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
}

.acc-tr−4th {
    margin-top: 3em !important;
}

.transfer-header {
    width: 760px;
    height: 150px !important;
    margin: 0 auto;
    background-color: #fff !important;
    border-radius: 15px;
    border: 3px solid #008dd3;
    background-image: url("/page/wp-content/uploads/img/page/feature/campaign/2019/norikae/arrow-down.png") !important;
}

.transfer-header .transfer-inner {
    display: flex;
    align-items: center;
}

.transfer-header .transfer-inner p {
    color: #0096dc;
    margin: 0 !important;
    text-align: center;
    line-height: 1 !important;
    font-size: 22px;
}

.transfer-header .transfer-inner img {
    margin-right: 3em;
    max-width: 100%;
    height: auto;
    border-radius: unset;
}

@media screen and (max-width: 768px) {
    .transfer-header .transfer-inner img {
        width: 13%;
        height: auto;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .transfer-header .transfer-inner {
        width: 90%;
    }

    .transfer-header .transfer-inner p {
        font-size: 13px;
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 768px) {
    .transfer-header {
        width: 100%;
        height: auto !important;
        min-height: 90px !important;
        padding: 15px 5px !important;
    }
}

@media screen and (max-width: 768px) {
    .other-inner {
        width: 90%;
        margin: 0 auto;
    }

    .other-inner p {
        width: 95%;
        margin: 0 auto;
    }
}

.price-header {
    height: 190px !important;
}

@media screen and (max-width: 768px) {
    .price-header {
        height: auto !important;
        min-height: 90px !important;
        padding: 15px 5px !important;
    }
}

.other-header {
    height: 85px !important;
}

.rank2-img {
    margin-right: 2.5em !important;
}

@media screen and (max-width: 768px) {
    .rank2-img {
        margin-right: 0 !important;
    }
}

.rank3-img {
    margin-right: 3.7em !important;
}

@media screen and (max-width: 768px) {
    .rank3-img {
        margin-right: 0 !important;
    }
}

.rank4-img {
    margin-right: 3.7em !important;
}

@media screen and (max-width: 768px) {
    .rank4-img {
        margin-right: 0 !important;
    }
}

.rank-txt {
    margin-top: 0.5em;
    font-size: 42px;
}

.rank-txt:before {
    content: '';
    display: block;
    width: 70px;
    height: 40px;
    background-image: url("../images/transfer/1st.png");
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    background-repeat: no-repeat;
    top: 10%;
    left: 3.5%;
}

@media screen and (max-width: 768px) {
    .rank-txt {
        font-size: 22px;
    }

    .rank-txt:before {
        width: 50px;
        height: 20px;
        top: 15%;
        left: 3.5%;
    }
}

.rank-txt2:before {
    background-image: url("/page/wp-content/uploads/img/page/feature/campaign/2019/norikae/2nd.png");
}

.rank-txt3:before {
    background-image: url("/page/wp-content/uploads/img/page/feature/campaign/2019/norikae/3rd.png");
}

@media screen and (max-width: 768px) {
    .rank-txt3:before {
        top: 18%;
    }
}

.rank {
    font-size: 24px;
    padding-left: 0.3em;
}

@media screen and (max-width: 768px) {
    .rank {
        font-size: 15px;
        padding-left: 0.2em;
    }
}

.head-title-sub {
    font-size: 16px;
    display: inline-block;
    margin: 0 0 0 6.5em;
    text-align: center;
    line-height: 2;
}

@media screen and (max-width: 768px) {
    .head-title-sub {
        font-size: 13px;
        margin: 0;
    }
}

.tr-title-sub {
    text-align: center;
    display: block;
    line-height: 85px;
}

.head-title {
    display: block;
    font-size: 45px;
    line-height: 0;
    margin-top: 1em;
}

@media screen and (max-width: 768px) {
    .head-title {
        font-size: 16px;
    }
}

.price-title {
    line-height: 1.3 !important;
    margin-top: 0.5em;
    font-size: 34px;
}

@media screen and (max-width: 768px) {
    .price-title {
        font-size: 16px;
    }
}

.title3 {
    font-size: 32px;
    display: block;
    margin-top: 0.3em;
}

@media screen and (max-width: 768px) {
    .title3 {
        font-size: 16px;
        line-height: 1.5;
    }
}

.acc-tr.active > .transfer-body {
    width: 760px;
    height: auto !important;
    margin: 0 auto !important;
    border-right: 3px solid #008dd3;
    border-bottom: 3px solid #008dd3;
    border-left: 3px solid #008dd3;
    color: #0096dc !important;
    background-color: #fff !important;
    border-radius: 0 0 15px 15px;
    padding-bottom: 2.5em;
}

@media screen and (max-width: 768px) {
    .acc-tr.active > .transfer-body {
        width: 100%;
        padding-bottom: 0;
    }
}

.point {
    display: block;
    width: 200px;
    padding: 0.3em 0;
    margin: 0 auto 1em !important;
    text-align: center;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #0096dc;
    border-radius: 25px;
    border: 2px solid #0096dc;
    position: relative;
}

@media screen and (max-width: 768px) {
    .point {
        font-size: 18px;
    }
}

.user-voice {
    margin: 1.5em auto 0 !important;
}

.transfer-body p {
    margin: 0 !important;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .transfer-body {
        margin: 0 auto;
    }
}

.drop {
    width: 100%;
    margin: 0 auto;
    background-color: #e5f4fb;
    padding-bottom: 2em;
}

.drop ul {
    width: 89%;
    margin: -38px auto 0 !important;
    padding: 2em 0 0 !important;
    text-align: center;
}

.drop li {
    list-style: none;
    font-size: 20px;
    font-weight: bold;
    width: 84%;
    text-align: left;
    margin: 0 auto !important;
    padding-left: 1.3em;
    text-indent: -1.3em;
}

.drop li:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 20px;
    background-image: url("/page/wp-content/uploads/img/page/feature/campaign/2019/norikae/drop.png");
    background-size: contain;
    margin-right: 0.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .drop li {
        width: 100%;
        font-size: 15px;
    }

    .drop li:before {
        width: 10px;
        height: 15px;
    }
}

.drop p {
    width: 660px;
    margin: 1.5em auto 0 !important;
    text-align: left;
    font-size: 12px !important;
    font-weight: bold !important;
}

@media screen and (max-width: 768px) {
    .drop {
        margin: 0 auto !important;
    }

    .drop ul {
        padding: 2.5em 0 0 !important;
        margin: -39px auto 0 !important;
    }

    .drop li {
        text-align: left;
        padding-left: 1.5em;
        text-indent: -1.5em;
    }

    .drop p {
        width: 90%;
        margin: 0 auto;
    }
}

.transfer-img {
    width: 100%;
    margin: 2em auto;
}

.transfer-img img {
    display: block;
    margin: 0 auto 2em;
}

@media screen and (max-width: 768px) {
    .transfer-img {
        width: 90%;
    }
}

.user {
    width: 85%;
    padding-left: 0 !important;
    margin: 0 auto !important;
}

.user li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1em 0 !important;
}

.user li img {
    border-radius: unset !important;
}

@media screen and (max-width: 768px) {
    .user {
        width: 95%;
        padding: 1em 0 !important;
    }
}

.balloon-right {
    width: 570px;
    position: relative;
    display: inline-block;
    margin: 1.5em auto;
    padding: 0.8em 2em;
    min-width: 120px;
    max-width: 100%;
    color: #0096dc;
    font-weight: bold;
    font-size: 16px;
    background: #fffdea;
    border-radius: 20px;
    border: 2px solid #0096dc;
    text-align: left;
}

.balloon-right:before {
    content: "";
    position: absolute;
    bottom: 41%;
    right: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 16px;
    border-color: transparent transparent transparent #0096dc;
}

.balloon-right:after {
    content: "";
    position: absolute;
    bottom: 41%;
    right: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 16px;
    border-color: transparent transparent transparent #fffdea;
}

@media screen and (max-width: 768px) {
    .balloon-right {
        padding: 0.5em;
        font-size: 13px;
    }

    .balloon-right:before {
        bottom: 56%;
        right: -12px;
        border-width: 4px 0 4px 10px;
    }

    .balloon-right:after {
        bottom: 56%;
        right: -8px;
        border-width: 4px 0 4px 10px;
    }
}

.balloon-left {
    width: 570px;
    position: relative;
    display: inline-block;
    margin: 1.5em auto;
    padding: 0.8em 2em;
    min-width: 120px;
    max-width: 100%;
    color: #0096dc;
    font-weight: bold;
    font-size: 16px;
    background: #fffdea;
    border-radius: 20px;
    border: 2px solid #0096dc;
    text-align: left;
}

.balloon-left:before {
    content: "";
    position: absolute;
    bottom: 45%;
    left: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 16px 7px 0;
    border-color: transparent #0096dc transparent transparent;
}

.balloon-left:after {
    content: "";
    position: absolute;
    bottom: 45%;
    left: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 16px 7px 0;
    border-color: transparent #fffdea transparent transparent;
}

@media screen and (max-width: 768px) {
    .balloon-left {
        padding: 0.5em;
        font-size: 13px;
    }

    .balloon-left:before {
        left: -12px;
        bottom: 56%;
        border-width: 4px 10px 4px 0;
    }

    .balloon-left:after {
        left: -7px;
        bottom: 56%;
        border-width: 4px 10px 4px 0;
    }
}

@media screen and (max-width: 768px) {
    .sp-balloon {
        position: relative;
        padding: 0.5em;
        font-size: 13px;
        margin: 0.5em 0 1em !important;
    }

    .sp-balloon:before {
        left: 50%;
        bottom: -12px;
        border-width: 10px 4px 0 4px;
        border-color: #0096dc transparent transparent transparent;
    }

    .sp-balloon:after {
        left: 50%;
        bottom: -8px;
        border-width: 10px 4px 0 4px;
        border-color: #fffdea transparent transparent transparent;
    }
}

@media screen and (max-width: 768px) {
    .bl-long:before {
        bottom: -11px;
    }

    .bl-long:after {
        bottom: -6px;
    }
}

@media screen and (max-width: 768px) {
    .sp-block {
        flex-direction: column-reverse;
    }

    .sp-block img {
        margin-top: 1em;
    }
}

@media screen and (max-width: 768px) {
    .sp-block-r {
        flex-wrap: wrap;
        justify-content: center;
    }

    .sp-block-r img {
        display: block;
        margin: 1em auto 0;
    }
}

.server-img {
    display: flex;
    margin: 0 auto 2em;
    justify-content: center;
    align-items: flex-start;
}

.server-img img {
    display: block;
    margin: 1em;
}

@media screen and (max-width: 768px) {
    .server-img {
        display: block;
        width: 90%;
    }

    .server-img img {
        margin: 0 auto 1em;
    }
}

.att-sub {
    font-size: 14px;
}

.att-sub3 {
    color: #0096dc;
    display: block;
    margin: 0 auto;
    width: 768px;
    text-align: right;
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .att-sub3 {
        width: 100%;
        text-align: left;
    }
}

.rank-4th p {
    margin: 0 !important;
    line-height: 1 !important;
}

@media screen and (max-width: 768px) {
    .rank-4th p {
        line-height: 1.2 !important;
    }
}

.rank-4th-no {
    font-size: 42px;
}

@media screen and (max-width: 768px) {
    .rank-4th-no {
        font-size: 22px;
    }
}

.other-title {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(transparent 70%, #fff100 0%);
    margin-bottom: 3em;
}

@media screen and (max-width: 768px) {
    .other-title {
        font-size: 18px;
    }
}

.sp-only {
    display: none;
}

@media screen and (max-width: 768px) {
    .sp-only {
        display: block;
    }
}

.cont-att {
    display: block;
    color: #d1606d;
    font-size: 22px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .cont-att {
        font-size: 16px;
    }
}

.center-cont {
    text-align: center;
}

/* 190911　feature バナー追加　*/
.feature-banner {
    margin: 2em auto;
}

.feature-banner img {
    display: block;
    max-width: 100%;
    height: auto;
    text-align: center;
    border-radius: unset;
    margin: 0 auto;
}

.feature-banner a {
    display: block;
    max-width: 870px;
    margin: 0 auto;
}

/* 190912 room ------------------------ */
.menu {
    margin: 4em auto;
}

.menu ul {
    width: 840px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu ul li {
    list-style: none;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #21405b;
    border-collapse: collapse;
    font-size: 30px;
    font-weight: 300;
    margin-left: -1px;
    margin-top: -1px;
}

.menu ul li a {
    text-decoration: none;
    color: #21405b;
    display: block;
    width: 280px;
    height: 50px;
    line-height: 50px;
    transition: 0.3s linear;
}

.menu ul li a:hover {
    color: #fff;
    background-color: #21405b;
}

.menu ul li span {
    display: inline-block;
    margin-left: 2em;
    font-size: 16px;
    font-weight: 400;
    vertical-align: middle;
}

.menu ul li:nth-child(2) a {
    color: #9e3c5a;
}

.menu ul li:nth-child(2) a:hover {
    color: #fff;
    background-color: #9e3c5a;
}

.menu ul li:nth-child(3) a {
    color: #3c7882;
}

.menu ul li:nth-child(3) a:hover {
    color: #fff;
    background-color: #3c7882;
}

@media (max-width: 768px) {
    .menu ul {
        width: 90%;
        display: block;
    }

    .menu ul li {
        margin-top: -1px;
    }

    .menu ul li a {
        width: 100%;
    }
}

.main-cont {
    width: 840px;
    margin: 3em auto 0;
    position: relative;
}

.main-cont h3 {
    margin: 2em auto;
    text-align: center;
}

.main-cont p {
    text-align: center;
    width: 79%;
    margin: 0 auto;
    line-height: 2;
}

@media (max-width: 768px) {
    .main-cont {
        width: 100%;
    }

    .main-cont h3 {
        text-align: center;
        width: 95%;
        margin: 2em auto !important;
    }

    .main-cont h3 img {
        max-width: 100%;
        height: auto;
    }

    .main-cont p {
        width: 90%;
        text-align: left;
    }
}

@media (max-width: 768px) {
    .pc-only {
        display: none;
    }
}

.sp-only {
    display: none;
}

@media (max-width: 768px) {
    .sp-only {
        display: block;
    }
}

.dining {
    margin: 0 auto;
    background-color: #dcebf5;
    border-top: 8px solid #21405b;
}

.dining:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #21405b;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
}

.cont-title {
    position: relative;
}

.cont-title h2 {
    text-align: center !important;
}

.star-left {
    display: block;
    position: absolute;
    top: 50%;
    left: 23%;
}

@media (max-width: 768px) {
    .star-left {
        display: none;
    }
}

.star-right {
    display: block;
    position: absolute;
    top: 50%;
    right: 23%;
}

@media (max-width: 768px) {
    .star-right {
        display: none;
    }
}

.room-cont {
    width: 760px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 3em auto 1em;
    flex-wrap: wrap;
}

.room-cont a {
    color: #21405b;
    transition: 0.3s linear;
    text-decoration: underline;
}

.room-cont a:hover {
    opacity: .8;
}

.room-cont p {
    width: 100%;
    text-align: left;
    font-size: 16px;
}

@media (max-width: 768px) {
    .room-cont {
        width: 95%;
        display: block;
        margin: 0 auto 1em;
        padding-bottom: 1em;
    }

    .room-cont p {
        width: 95%;
    }
}

.room-img {
    width: 48%;
    position: relative;
    margin-bottom: 3em;
}

.room-img p {
    padding: 1em 0 5em;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
}

.room-img ul {
    width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #21405b;
    border-bottom: 1px solid #21405b;
    color: #21405b;
    padding: 0;
}

.room-img li {
    list-style: none;
    width: 40%;
    padding: 0.5em 0;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
}

.room-img li:first-child {
    border-right: 1px solid #21405b;
    margin: 0 auto;
    text-align: center;
    width: 60%;
}

@media (max-width: 768px) {
    .room-img {
        width: 100%;
        margin: 2em 0 0;
    }

    .room-img p {
        width: 90%;
        padding: 1em 0 5em;
    }

    .room-img ul {
        align-items: center;
    }

    .room-img li {
        width: 50%;
    }

    .room-img li:first-child {
        width: 50%;
    }
}

.illust01 {
    position: absolute;
    bottom: 2%;
    right: 5%;
}

.kitchen {
    background-color: #f0e1e6;
    border-top: 8px solid #9e3c5a;
}

.kitchen:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #9e3c5a;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
}

.kitchen a {
    color: #9e3c5a;
}

.kitchen .pink {
    color: #9e3c5a;
    border-top: 1px solid #9e3c5a;
    border-bottom: 1px solid #9e3c5a;
}

.kitchen .pink li:first-child {
    border-right: 1px solid #9e3c5a;
}

.font-s {
    font-size: 12px !important;
    line-height: 2;
}

@media (max-width: 768px) {
    .font-s {
        line-height: 1.5;
    }
}

.go-top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto 1em;
}

.go-top span {
    margin-left: 1em;
}

.go-top a {
    text-decoration: none;
    font-size: 18px;
    color: #21405b;
    line-height: 32px;
    display: block;
}

.go-top img {
    vertical-align: top;
}

.top-kitchen a {
    color: #9e3c5a;
}

.living {
    background-color: #ebf0e6;
    border-top: 8px solid #3c7882;
}

.living:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #3c7882;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
}

.living a {
    color: #3c7882;
}

.living .green {
    color: #3c7882;
    border-top: 1px solid #3c7882;
    border-bottom: 1px solid #3c7882;
}

.living .green li:first-child {
    border-right: 1px solid #3c7882;
}

.top-living a {
    color: #3c7882;
}

.disc {
    text-align: centr;
    margin: 3em 0 0;
    line-height: 2;
}

.disc p {
    margin: 2em auto;
    text-align: center;
}

.disc img {
    display: block;
    margin: 4em auto;
}

.disc a {
    color: #9e3c5a;
}

@media (max-width: 768px) {
    .disc {
        width: 90%;
        margin: 0 auto;
    }

    .disc img {
        max-width: 100%;
        height: auto;
        margin: 1em 0;
    }
}

/************** Anchor link **************/
@media (min-width: 769px) {

    #a1,
    #a2,
    #a3,
    #a4,
    #a5 {
        margin-top: -138px;
        padding-top: 138px;
    }
}

/* cp mom 191003 */
.mom-bg {
    position: relative;
    width: 755px;
    height: auto;
    margin: 5em auto;
    background-image: url("/../../page/wp-content/uploads/2019/10/96c807d5.png"), url("/../../page/wp-content/uploads/2019/10/96c807d5.png");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center, bottom center;
}

.mom-bg span {
    display: block;
    line-height: 115px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.mom-bg img {
    display: block;
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -15px;
    left: 110px;
}

@media screen and (max-width: 768px) {
    .mom-bg {
        width: 100%;
        height: auto;
        margin: 3em 0 2em;
    }

    .mom-bg span {
        line-height: 6em;
        font-size: 13px;
    }

    .mom-bg img {
        max-width: 33% !important;
        top: -23px;
        left: 15px;
    }
}

.mom-fz20 {
    font-size: 20px;
}

@media screen and (max-width: 768px) {
    .mom-fz20 {
        font-size: 16px;
    }
}

.cp-flex {
    width: 100%;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.cp-flex .col:last-child {
    margin-left: 2em;
}

.cp-flex img {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

@media screen and (max-width: 768px) {
    .cp-flex .col:last-child {
        margin-left: 0.5em;
    }
}

.modal-content {
    margin: 0 auto;
}

.modal-mom {
    z-index: 3 !important;
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
}

.modal__bg {
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.modal__content {
    background: #fff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 62%;
    overflow: scroll;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.modal__content img {
    max-width: 100% !important;
    object-fit: contain;
}

.modal__content a {
    display: block;
    margin: 1em 0;
    text-align: right;
}

.modal__content::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 768px) {
    .modal__content {
        top: 40%;
        height: 70%;
        width: 83%;
    }
}

.fixed {
    position: fixed;
    width: 100%;
}

.pc-only {
    display: blcok;
}

@media screen and (max-width: 768px) {
    .pc-only {
        display: none;
    }
}

.sp-only {
    display: none;
}

@media screen and (max-width: 768px) {
    .sp-only {
        display: block;
    }
}

.txt-red {
    color: #e50505;
}

.regist-btn {
    background-color: #364d64;
    text-align: center;
    width: 440px;
    margin: 3em auto 5em;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.regist-btn a {
    padding: 1.25em 0;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    color: #fff !important;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .regist-btn {
        width: 80%;
        font-size: 15px;
    }
}

.mom-amazon {
    font-size: 13px;
    color: #3a3a3b;
}


/* parts css 20200311 */

.sp-col3 {
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.col_sp-col3 {
    width: 30%;
}

.sp-col2 {
    display: flex;
    /* -webkit-justify-content: space-around; */
    /* justify-content: space-around; */
}

.sp-col2 .col {
    margin-bottom: 1em;
    width: 23%;
}

@media screen and (max-width: 768px) {
    .sp-col2 {
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sp-col2 .col {
        width: 45%;
    }

    .page-body .sp-col2 > :not(:last-child) {
        border-bottom: none;
    }

    .page-body .sp-col2 > :not(:first-child) {
        margin-top: 0px;
    }
}

/* 2020 0319 SPレイアウト変更 */
@media screen and (max-width: 768px) {
    .sp-col2_fix {
        width: 100%;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .sp-col2_fix .card {
        width: 48%;
    }

    .sp-col2_fix .card-header {
        height: 28vw !important;
    }

    .sp-col2_fix .card-header {
        height: 31.5625vw;
    }

    .sp-col2_start .card-header {
        height: 28vw !important;
    }

    .sp-col2_start .card-body {
        height: 95px !important;
        margin-bottom: 1em;
    }

    /*.sp-col2_start a:last-child {
        margin-right: auto;
    }*/

    /*.sp-col2_fix-feature .card-header {
    height: 28vw !important;
  }*/
    .sp-col2_fix-feature a {
        margin: 0 0 1em;
    }

    .sp-col2_fix-feature .card-body {
        height: 85px !important;
    }

    .sp-col2_feature_voice {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sp-col2_feature_voice .card {
        width: 32%;
    }

    /*.sp-col2_feature_voice .card-header {
    height: 20vw !important;
  }*/
    .sp-col2_feature_voice .card:not(:first-child) {
        margin-top: 0 !important;
    }

    .sp-col2_feature_voice .card-body {
        height: 115px !important;
    }

    /*.sp-col2_feature_user .card-header {
    height: 28vw !important;
  }*/
    .sp-col2_feature_user .card-body {
        height: 95px !important;
    }

    .sp-col2_feature_user .card {
        margin-bottom: 1em;
    }

    .sp-col2_fix_recipe .card {
        margin-bottom: 1em;
    }

    .sp-col2_fix_recipe_cate .card-body {
        margin-bottom: 1em;
    }

    .sp-col2_fix_recipe_cate .panel {
        width: 48% !important;
    }

    /*.sp-col2_fix_recipe_cate .card-header {
    height: 28vw !important;
  }*/
    .sp-col2_fix_living .card {
        margin-top: 0 !important;
    }

    .sp-col2_fix_living .card-body {
        height: 167px !important;
        margin-bottom: 1em;
    }

    .sp-col2_fix_voice .card {
        margin-bottom: 1em;
    }

    .sp-col2_fix_voice .post-meta {
        line-height: 1.5 !important;
    }

    .sp-col2_fix_camp .card-body {
        margin-bottom: 1em;
    }

    /*.sp-col2_fix_feauture_camp .card-header {
    height: 32vw !important;
  }*/
    .sp-col2_fix_feauture_camp .card-body {
        height: 88px !important;
        margin-bottom: 1em;
    }

    .sp-col2_feature_voice {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sp-col2_feature_voice .card {
        width: 32%;
    }

    .sp-col2_feature_voice .card-header {
        height: 21vw !important;
    }
}

/* 2020 0414 共通フッター見出し変更 */
.section-learn .learn-list h3 {
    font: 700 1.3rem/1.333333333 "Noto Sans JP", sans-serif;
    margin: 0;
}

@media only screen and (min-width: 769px) {
    .section-learn .learn-list h3 {
        font: 700 1.8rem/1.333333333 "Noto Sans JP", sans-serif;
    }
}

/* 2020 0611 特集詳細用レコメンドエリア追加 */
.recommend-wrap a {
    text-decoration: none;
    display: block;
    height: 100%;
}

.recommend-wrap a span.label {
    width: 105px;
    height: 40px;
    border-radius: 10px 0 5px 0;
    font-size: 1.2rem;
    background: #2196c1;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-weight: bold;
    text-align: center;
    z-index: 1;
}

.recommend-wrap a figure {
    position: relative;
    overflow: hidden;
    height: 145px;
    border-radius: 10px 10px 0 0;
}

.recommend-wrap a figure img {
    transition: transform .5s cubic-bezier(.250, .460, .450, .940);
    position: absolute;
    border-radius: 0;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.recommend-wrap a:hover figure img {
    transform: translateY(-50%) scale(1.15);
}

.recommend-wrap a p {
    line-height: 1.5;
    font-size: 1.4rem;
    background: #e9ebee;
    color: #000;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    margin-top: 0;
    height: calc(100% - 145px);
}

.page-body .cols.col4.recommend-wrap {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .cols.col4.recommend-wrap {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .cols.col4.recommend-wrap .col {
        width: 48%;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .recommend-wrap a span.label {
        width: 95px;
        height: 25px;
        font-size: .9rem;
    }

    .recommend-wrap a figure {
        height: 89px;
    }

    .recommend-wrap a p {
        height: calc(100% - 89px);
        padding: 15px;
    }
}


/* 2020 0924 特集アンケート記事用エリア追加 */

.acd-check{
    display: none;
}
.acd-label{
    background: #DEE3E6;
    color: #214359;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 15px;
    border-radius: 10px;
    position: relative;
}
.acd-label:hover{
    cursor: pointer;
}
.acd-label::after{
    position: absolute;
    content:'';
    background:url('https://dev-pw-jp.fraise.jp/page/wp-content/uploads/img/page/feature/enquete/arrow.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 10px;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
}
.acd-content{
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    margin-top: 30px;
    opacity: 1;
    visibility: visible;
}
.acd-check:checked + .acd-label::after{
    top: 40%;
    transform: rotate(180deg);
}

/*2020 1028 P方式対応
----------------------------------------*/
/*水成分量 表*/
.component_area {
  text-align: center;
}
.page-body .component_area .table-bordered.table-horizontal-heading thead tr th {
  font-size: 10px;
  font-size: 1.0rem;
  height: 50px;
  box-sizing: border-box;
}
.page-body .component_area .table-bordered.table-horizontal-heading th {
  text-align: center;
}
.component_area .table table span {
  font-size: 10px;
  font-size: 1.0rem;
  display: block!important;
  text-align: center;
  position: relative;
}
.component_area .table table span::before {
  content: "(";
  display: inline-block;
  font-size: 30px;
  font-size: 3.0rem;
  color: #3A3A3B;
  font-weight: normal;
  position: absolute;
  top: -8px;
  left: 16px;
}
.component_area .table table span::after {
  content: ")";
  display: inline-block;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: normal;
  color: #3A3A3B;
  position: absolute;
  top: -8px;
  right: 16px;
}
.page-body .component_area .table-bordered.table-horizontal-heading tbody tr th {
  color: #3A3A3B;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  width: 160px;
  background-color: #E6DBCA;
  border-bottom: solid 1px #DCD0BF;
}
.page-body .component_area .table-bordered.table-horizontal-heading tbody tr td {
  font-size: 12px;
  font-size: 1.2rem;
  width: 148px;
  height: 30px;
  padding: 8px 0 8px;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
}
.page-body .component_area .table-bordered.table-horizontal-heading tbody tr td.component_name {
  text-align: left;
  padding-left: 22px;
}
.page-body .component_area .table-bordered.table-horizontal-heading tbody tr:last-child td {
  width: auto;
  border-left: none;
}
@media only screen and (max-width: 768px) {
  .page-body .component_area .table-bordered.table-horizontal-heading tbody tr th {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .page-body .component_area .table-bordered.table-horizontal-heading tbody tr td {
    padding: 0;
    text-align: center;
  }
  .component_area .table table span::before {
    font-size: 34px;
    font-size: 3.4rem;
    top: -14px;
    left: 14px;
  }
  .component_area .table table span::after {
    font-size: 34px;
    font-size: 3.4rem;
    top: -14px;
    right: 14px;
  }
}
/*ナチュラルミネラルウォーター*/
.page-body .img-center img.map-img {
  width: 510px;
}
/*ご利用料金*/
.txt span.note {
  font-size: 1rem;
}
.page-body .txt-desc {
    margin: 1em 0;
    font-size: 1rem;
    line-height: 1.6;
}

@media only screen and (min-width: 769px) {
  .section-price .section-body {
    margin-top: 55px;
  }
}
.section-price .section-body {
  margin-top: 26px;
}
.section-rental-and-shipping .water-fee {
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258.37%22%20height%3D%2251.598%22%20viewBox%3D%220%200%2058.37%2051.598%22%3E%3Cg%20transform%3D%22translate(-229.393%20-602.016)%22%3E%3Cpath%20d%3D%22M287.046%2C602.2a1.405%2C1.405%2C0%2C0%2C0-.765-.178c-.017%2C0-.033%2C0-.05%2C0h-38.5a1.41%2C1.41%2C0%2C0%2C0-.732.2L230.072%2C612.5c-.011.006-.019.015-.03.021-.027.017-.052.037-.077.056a1.4%2C1.4%2C0%2C0%2C0-.125.1c-.023.021-.044.044-.066.067a1.327%2C1.327%2C0%2C0%2C0-.1.125c-.019.025-.037.049-.054.076a1.436%2C1.436%2C0%2C0%2C0-.083.153c-.012.024-.025.047-.035.072a1.4%2C1.4%2C0%2C0%2C0-.074.239c0%2C.018%2C0%2C.037-.008.055a1.4%2C1.4%2C0%2C0%2C0-.021.206c0%2C.011%2C0%2C.021%2C0%2C.032v38.5a1.411%2C1.411%2C0%2C0%2C0%2C1.411%2C1.411h38.5a1.4%2C1.4%2C0%2C0%2C0%2C.25-.025l.068-.014a1.349%2C1.349%2C0%2C0%2C0%2C.208-.064l.029-.01a1.382%2C1.382%2C0%2C0%2C0%2C.174-.089l17.052-10.279a1.412%2C1.412%2C0%2C0%2C0%2C.683-1.209v-38.5A1.411%2C1.411%2C0%2C0%2C0%2C287.046%2C602.2Zm-38.917%2C2.639h33.06l-3.043%2C1.847-33.153.056Zm-8.2%2C4.981h33.06l-4.079%2C2.477h-33.06Zm-7.71%2C5.3H267.89v35.675H232.215Zm52.727%2C26.01-14.23%2C8.578V614.5l5.595-3.373v7.625l4.094-2.816v-7.277l4.541-2.737Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%2322445b%22%2F%3E%3Cpath%20d%3D%22M305.924%2C714.041h0a1.253%2C1.253%2C0%2C0%2C0-1.243%2C1.231%2C2.471%2C2.471%2C0%2C0%2C1-.317%2C1.218%2C2.357%2C2.357%2C0%2C0%2C1-.869.907%2C1.291%2C1.291%2C0%2C0%2C0-.528.758%2C1.22%2C1.22%2C0%2C0%2C0%2C.154.943%2C1.32%2C1.32%2C0%2C0%2C0%2C.819.575l.239.024.086%2C0a1.16%2C1.16%2C0%2C0%2C0%2C.584-.19%2C4.948%2C4.948%2C0%2C0%2C0%2C2.3-4.225A1.237%2C1.237%2C0%2C0%2C0%2C305.924%2C714.041Z%22%20transform%3D%22translate(-52.787%20-80.414)%22%20fill%3D%22%2322445b%22%2F%3E%3Cpath%20d%3D%22M290.749%2C683.325a50.549%2C50.549%2C0%2C0%2C0-3.408-5.114l-.84-1.136-.36-.482a1.458%2C1.458%2C0%2C0%2C0-.426-.386%2C1.371%2C1.371%2C0%2C0%2C0-1.852.476l-.028.043c-.243.44-.538.934-1.02%2C1.706a49.5%2C49.5%2C0%2C0%2C0-2.876%2C5.452%2C13.22%2C13.22%2C0%2C0%2C0-1.462%2C5.332%2C7.128%2C7.128%2C0%2C0%2C0%2C2.268%2C4.927l.031.036a6.761%2C6.761%2C0%2C0%2C0%2C4.744%2C1.956h.185a7.9%2C7.9%2C0%2C0%2C0%2C5.232-2.478%2C7.132%2C7.132%2C0%2C0%2C0%2C1.8-5.173A13.128%2C13.128%2C0%2C0%2C0%2C290.749%2C683.325Zm-4.921%2C9.967a4.564%2C4.564%2C0%2C0%2C1-3.227-1.135%2C4.364%2C4.364%2C0%2C0%2C1-1.4-3.1c-.085-1.62%2C1.959-5.944%2C3.948-9.23v0c2.348%2C3.147%2C4.768%2C7.178%2C4.854%2C8.8l.01.173A4.345%2C4.345%2C0%2C0%2C1%2C285.828%2C693.292Z%22%20transform%3D%22translate(-35.229%20-53.126)%22%20fill%3D%22%2322445b%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
	background-position: 50%;
    background-size: 42px;
	background-color: #D4E3EB;
}
.section-rental-and-shipping .water-fee .title, .section-rental-and-shipping .rental-fee .title, .section-rental-and-shipping .shipping-fee .title {
    width: 130px!important;
    margin: 0!important;
    color: #303d56!important;
    /*text-align: center!important;*/
    font: 700 1.4rem/1.285 "Noto Sans JP", sans-serif!important;
}
.section-rental-and-shipping .water-fee .title {
	padding-bottom: 0px;

}
.section-rental-and-shipping .water-fee .price, .section-rental-and-shipping .rental-fee .price, .section-rental-and-shipping .shipping-fee .price {
    margin: 0;
    padding-bottom: 6px;
    color: #d1626e;
    font: 700 3rem/1.318 "Noto Sans JP", sans-serif;
}
.section-rental-and-shipping .water-fee .price .small {
    font-size: 1rem;
}
.section-rental-and-shipping .water-fee .price .midium {
    font-size: 1.4rem;
}
.section-rental-and-shipping .water-fee .price .note {
    font-size: 1rem;
    font-weight: 400;
}
.section-rental-and-shipping .rental-fee {
    position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2260%22%20viewBox%3D%220%200%2046%2060%22%3E%3Cpath%20fill%3D%22%23303d56%22%20d%3D%22M18.788%200h-16.925l-1.858%2019.694-.005%2040.306h20.65v-40.205l-1.862-19.795zm-14.947%202.171h12.969l1.553%2016.462h-16.075l1.553-16.462zm14.637%2055.658h-16.305v-37.387h16.304v37.387zm-2.14-16.799h-12.312v-13.262h.724v11.34h10.864v-11.159h.724v13.081zm-7.242-12.719h-2.173v6.512h2.173v-6.512zm-.725%205.788h-.724v-5.065h.724v5.065zm5.07-5.788h-2.173v6.512h2.173v-6.512zm-.724%205.788h-.724v-5.065h.724v5.065zm33.283-5.621l-1.863-19.795h-16.924l-1.858%2019.694-.005%2030.9h20.65v-30.799zm-16.81-17.624h12.97l1.553%2016.462h-16.076l1.553-16.462zm14.637%2046.252h-16.305v-27.981h16.304v27.981zm-2.139-7.394h-12.313v-13.262h.725v11.34h10.864v-11.158h.724v13.08zm-7.243-12.719h-2.173v6.512h2.173v-6.512zm-.724%205.789h-.724v-5.065h.724v5.065zm5.07-5.789h-2.173v6.512h2.173v-6.512zm-.724%205.789h-.724v-5.065h.724v5.065z%22%2F%3E%3C%2Fsvg%3E) no-repeat;
    background-position: 50% 55px!important;
    background-size: 37px;
    background-color: #e9ebee;
}
.section-rental-and-shipping .rental-fee::before, .section-rental-and-shipping .shipping-fee::before {
    display: block;
    position: absolute;
    top: 0;
    left: 30%;
    content: "＋";
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #385a78;
    font: 700 2.8rem/1 "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.section-rental-and-shipping .rental-fee .title {
    padding-bottom: 0px;

}
.fee-note {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 1.1rem;
    margin: 30px 0;
}
.fee-note .fee-note__add {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid;
    border-radius: 5px;
    align-items: center;
}
.fee-note .fee-note__add .fee-note__add-title {
    width: 100%;
    border-bottom: 1px solid;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 15px 20px;
}
.fee-note .fee-note__add .fee-note__add-title h4 {
    margin: 0;
    font: bold 1.2rem/1.6 "游ゴシック", "YuGothic", "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.fee-note .fee-note__add ul {
    margin: 0;
    padding: 15px;
    width: 100%;
  font-size: 1.1rem;
}
.fee-note ul li {
    line-height: 1.7;
}
.fee-note ul {
    font-size: 1.1rem;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-left: 0;
    margin-top: 5px;
}

.fee-another {
	border: 4px solid #E9EBEE;
    border-radius: 10px;
    margin-top: 10px;
	margin-bottom: 30px;
}

.fee-another h4 {
	margin: 0;
    background: #E9EBEE;
    padding: 10px 0px 9px 20px;
    color: #3A3A3B;
    font: 700 1.4rem/1.285 "Noto Sans JP", sans-serif;
}

.fee-another ul{
	padding: 10px 15px 0px 32px;
    margin: 0;
}

.fee-another li{
	position: relative;
    list-style: none;
	font: 700 1.2rem/1.4 "Noto Sans JP", sans-serif;
	margin-bottom: 16px;
}
.fee-another li::before {
    position: absolute;
    top: -3px;
    left: -1em;
    display: block;
    width: 8px;
    height: 1.714285714em;
    content: "";
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%20viewBox%3D%220%200%2010%2014%22%3E%3Cpath%20fill%3D%22%238797a1%22%20d%3D%22M8.673%205.232l-3.673-5.232-3.673%205.232c-1.49%202.309-2.029%205.258%200%207.264%201.014%201.002%202.343%201.504%203.673%201.504s2.659-.502%203.673-1.504c2.028-2.006%201.49-4.955%200-7.264z%22%2F%3E%3C%2Fsvg%3E) 0 50% / contain no-repeat;
}
.fee-another li .small{
	font: 300 1rem/1.333 "Noto Sans JP", sans-serif;
}

.fee-another li a{
	font: 700 1rem/1.333 "Noto Sans JP", sans-serif;
	position: relative;
}
.fee-another li a::after {
	content: "";
    display: block;
    width: 6px;
    height: 6px;
    right: -9px;
    top: 6px;
    position: absolute;
    border-top: solid 2px #254a62;
    border-right: solid 2px #254a62;
    -webkit-transform: rotate(
45deg
);
    transform: rotate(
45deg
);
}

@media only screen and (min-width: 769px) {
	.fee-another {
		margin: 0 auto;
		max-width: 600px;
		margin-top: 50px;
		width: 100%;
	}
	.fee-another h4 {
    font: 700 1.8rem/1.285 "Noto Sans JP", sans-serif;
}
	.fee-another li{
	font: 700 1.4rem/1.6 "Noto Sans JP", sans-serif;
}
	.fee-another li::before {
    top: -1px;
}
	.fee-another li .small{
	font: 300 1.2rem/1.4 "Noto Sans JP", sans-serif;
}

.fee-another li a{
	font: 700 1.2rem/1.4 "Noto Sans JP", sans-serif;
}
}

.section-price .section-body {
    margin-top: 26px;
}
.water-fee-content, .rental-fee-content, .shipping-fee-content {

    width: 70%;
}
.water-fee-link, .rental-fee-link, .shipping-fee-link {
	text-decoration: none;
    width: 35%;
    margin: 0 auto;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.water-fee-link::before, .rental-fee-link::before, .shipping-fee-link::before {
	content: "";
    background-image: linear-gradient(to bottom, #fff, #fff 6px, transparent 2px, transparent 12px);
    background-size: 2px 12px;
    background-repeat: repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    right: 0;
}

.water-fee-link::after, .rental-fee-link::after, .shipping-fee-link::after {
	content: "";
    display: block;
    width: 11px;
    height: 11px;
    bottom: 17px;
    position: absolute;
	right: 45px;
    border-top: solid 3px #254a62;
    border-right: solid 3px #254a62;
    -webkit-transform: rotate(
135deg
);
    transform: rotate(
135deg
);
}

.section-rental-and-shipping .rental-fee .price .note, .section-rental-and-shipping .shipping-fee .price .note {
    font-size: 1.1rem;
    display: block;
    font-weight: 300;
    margin-top: 5px;
}
.section-rental-and-shipping .water-fee, .section-rental-and-shipping .rental-fee, .section-rental-and-shipping .shipping-fee {

    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    height: 126px;
}
.section-rental-and-shipping .water-fee .price {
    font-size: 2.2rem;
    line-height: 1;
}
.section-rental-and-shipping .water-fee  .note, .section-rental-and-shipping .rental-fee .note, .section-rental-and-shipping .shipping-fee .note {
    font-size: 1rem;
    line-height: 1.4;
    margin: 0;
	padding-left:1em;
	text-indent:-1em;
}
    .section-rental-and-shipping .water-fee .detail, .section-rental-and-shipping .rental-fee .detail, .section-rental-and-shipping .shipping-fee .detail {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
    text-align: center;
		text-decoration: none;
		z-index: 1;
}
.section-rental-and-shipping .water-fee .detail:hover, .section-rental-and-shipping .rental-fee .detail:hover, .section-rental-and-shipping .shipping-fee .detail:hover {
    opacity: .55;
}



.section-rental-and-shipping .water-fee .detail .small, .section-rental-and-shipping .rental-fee .detail .small, .section-rental-and-shipping .shipping-fee .detail .small {
    font-size: 1.1rem;
}
.section-rental-and-shipping .rental-fee {
    position: relative;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    background: #e9ebee;
}
@media only screen and (min-width: 769px) {
  .section-rental-and-shipping {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .section-rental-and-shipping > * {
    -webkit-flex: 0 0 50%!important;
    -ms-flex: 0 0 50%!important;
    flex: 0 0 calc(100% / 3)!important;
    max-width: calc(100% / 3)!important;
  }
  .section-rental-and-shipping .water-fee, .section-rental-and-shipping .rental-fee, .section-rental-and-shipping .shipping-fee {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;

  }
  .section-rental-and-shipping .water-fee {
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
  }
	.water-fee-content, .rental-fee-content, .shipping-fee-content {

    width: auto;
}
	.water-fee-link, .rental-fee-link, .shipping-fee-link {
    margin-right: 0;
		width: 40%;
}

	.water-fee-link::before, .rental-fee-link::before, .shipping-fee-link::before {
		left: 0;
	}
	.water-fee-link::after, .rental-fee-link::after, .shipping-fee-link::after {
	right: 65px;
}

  .section-rental-and-shipping .water-fee .title, .section-rental-and-shipping .rental-fee .title, .section-rental-and-shipping .shipping-fee .title {
    width: 160px!important;
    font: 700 2.4rem/1 "Noto Sans JP", sans-serif!important;
  }
  .section-rental-and-shipping .water-fee .title {
    background-position: 50% 43px;
  }
  .section-rental-and-shipping .water-fee .price {
    margin: 0;
    font: 700 2.6rem/1 "Noto Sans JP", sans-serif;
    line-height: 1.3;
  }
  .section-rental-and-shipping .water-fee, .section-rental-and-shipping .rental-fee, .section-rental-and-shipping .shipping-fee {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0 0 30px;
	 height: 185px;
  }
  .section-rental-and-shipping .rental-fee {
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
	background-position: 50% 79px!important;
  }
  .section-rental-and-shipping .rental-fee::before, .section-rental-and-shipping .shipping-fee::before {
    top: 50%;
    left: 0;
    font-size: 4rem;
  }
  .section-rental-and-shipping .rental-fee .title {
    padding-bottom: 0px!important;
    background-position: 50% 50px!important;
    background-size: 40px!important;
  }
  .section-rental-and-shipping .rental-fee .title .small {
    font-size: 1.17rem;
    display: block;
    margin-bottom: 5px;
  }
  .section-rental-and-shipping .rental-fee .price, .section-rental-and-shipping .shipping-fee .price {
    margin: 0;
    font: 700 4.4rem/1 "Noto Sans JP", sans-serif!important;
  }
  .fee-note {
    font-size: 1.2rem;
    margin: 40px 0 0;
  }
  .fee-note .fee-note__add {
    width: 50%;
    flex-direction: row;
  }
  .fee-note .fee-note__add .fee-note__add-title {
    border-right: 1px solid;
    border-bottom: none;
    align-items: center;
    flex: 1;
  }
  .fee-note .fee-note__add ul {
    font-size: 1.2rem;
    padding: 0 0 0 15px;
    width: 70%;
  }
  .fee-note ul li {
    line-height: 2;
  }
  .section-price .section-body {
    margin-top: 55px;
  }
  .fee-note ul {
    font-size: 1.2rem;
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: 0;
  }
  .fee-note .fee-note__add .fee-note__add-title {
    padding: 20px;
  }
}

/*20201110 フッター調整*/
@media only screen and (max-width: 768px) {
  body .page-body .learn-list li h3, body .page-body .page-footer h3 {
    margin-top: 0;
  }
}

/*20210105 ご利用までの流れ*/
.section-flow .from-web > ol > li:nth-child(1) {
    background-image: url('/page/wp-content/themes/premium-water/assets/img/page/guide/ico_money.svg');
    background-position: 16px 20px;
    background-size: 48px auto;
}
.section-flow .from-web > ol > li:nth-child(2) {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2260%22%20viewBox%3D%220%200%2046%2060%22%3E%3Cpath%20fill%3D%22%2394bcd6%22%20d%3D%22M18.788%200h-16.925l-1.858%2019.694-.005%2040.306h20.65v-40.205l-1.862-19.795zm-14.947%202.171h12.969l1.553%2016.462h-16.075l1.553-16.462zm14.637%2055.658h-16.305v-37.387h16.304v37.387zm-2.14-16.799h-12.312v-13.262h.724v11.34h10.864v-11.159h.724v13.081zm-7.242-12.719h-2.173v6.512h2.173v-6.512zm-.725%205.788h-.724v-5.065h.724v5.065zm5.07-5.788h-2.173v6.512h2.173v-6.512zm-.724%205.788h-.724v-5.065h.724v5.065zm33.283-5.621l-1.863-19.795h-16.924l-1.858%2019.694-.005%2030.9h20.65v-30.799zm-16.81-17.624h12.97l1.553%2016.462h-16.076l1.553-16.462zm14.637%2046.252h-16.305v-27.981h16.304v27.981zm-2.139-7.394h-12.313v-13.262h.725v11.34h10.864v-11.158h.724v13.08zm-7.243-12.719h-2.173v6.512h2.173v-6.512zm-.724%205.789h-.724v-5.065h.724v5.065zm5.07-5.789h-2.173v6.512h2.173v-6.512zm-.724%205.789h-.724v-5.065h.724v5.065z%22%2F%3E%3C%2Fsvg%3E');
    background-position: 22px 16px;
    background-size: auto 56px;
}
.section-flow .from-web > ol > li:nth-child(3) {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256%22%20height%3D%2248%22%20viewBox%3D%220%200%2056%2048%22%3E%3Cpath%20fill%3D%22%2394bcd6%22%20d%3D%22M54.174%207.561v-3.979c0-1.791-1.084-3.582-2.889-3.582h-47.673c-1.806%200-3.612%201.857-3.612%203.648v32.651c0%201.791%201.083%203.821%202.889%203.821h16.613v2.149c0%202.167-1.433%202.866-3.612%202.866h-3.612c-.798%200-1.445.641-1.445%201.433%200%20.791.647%201.433%201.445%201.433h29.615c.798%200%201.445-.641%201.445-1.433%200-.791-.647-1.433-1.445-1.433h-3.612c-1.872.122-3.489-1.285-3.612-3.141-.009-.147-.009-.294%200-.441v-1.433h15.891c1.937-.13%203.48-1.661%203.612-3.582v-25.352l1.828-1.835-1.826-1.79zm-33.227%2037.573c.849-1.087%201.445-1.385%201.445-2.866v-2.149h9.39v2.149c0%201.481%201.318%201.779%202.167%202.866h-13.002zm30.338-8.597c.019.377-.273.697-.653.716h-47.02c-.38.019-.703-.271-.722-.648v-6.515h48.395v6.447zm0-32.955v1.148l-.353-.346-12.875%2012.931s-.921%204.765-.28%205.401c.524.52%205.353-.434%205.353-.434l8.154-8.193v13.135h-48.395v-23.642c-.019-.377.273-.697.653-.716h47.742c.019.424.001.292.001.716zm-25.547%2029.845v-.006c.001-.738.604-1.337%201.348-1.337.747-.002%201.353.597%201.354%201.337.001.74-.603%201.342-1.349%201.343-.745.002-1.351-.597-1.353-1.337z%22%2F%3E%3C%2Fsvg%3E');
    background-position: 22px 16px;
    background-size: 44px auto;
}
@media only screen and (min-width: 769px) {
  .section-flow .from-web > ol > li:nth-child(1) {
    background-position: 20px 22px;
    background-size: 60px auto;
  }
  .section-flow .from-web > ol > li:nth-child(2) {
    background-position: 26px 20px;
    background-size: auto 70px;
  }
  .section-flow .from-web > ol > li:nth-child(3) {
    background-position: 28px 30px;
    background-size: 56px auto;
  }
}

/*210113 ARボタンリンク追加*/
.page-body .cols .col .ar_link {
  max-width: 600px;
  margin-bottom: 20px;
}
.ar_link .ar_txt {
  font-weight: bold;
  margin: 0 0 5px 0;
  text-align: center;
}
.ar_link .ar_btn {
  margin: 0;
}
.ar_link .ar_btn a {
  color: #fff;
  font: 700 1.2rem/44px "Noto Sans JP", sans-serif;
  display: block;
  padding: 0 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  background: #21445b;
  text-align: center;
  text-decoration: none;
}
.ar_link .ar_btn a span {
  display: inline-block;
  padding-right: 26px;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E) 100% 50% / auto 11px no-repeat;
  line-height: 11px;
}
.page-body ul.annotation {
  margin: 28px 0 30px;
}
@media only screen and (max-width: 768px) {
  .page-body .cols .col .ar_link {
    width: 100%;
  }
}

/*210308 telページ改善*/
.tel-page .important_txt {
  color: #ff0000;
  font-weight: bold;
  margin: 1em 0 0;
  text-align: center;
}
.page-body .about-faq .chat_btn {
  margin-bottom: 20px;
}
.chat_left_txt {
  text-align: left;
}
.chat_left_txt .notes_txt {
  font-size: 12px;
  font-size: 1.2rem;
}
.page-body .service_list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.service_list li {
  list-style: none;
  width: 48%;
  margin: 0 4% 4% 0;
  padding: 15px 12px;
  display: inline-block;
  vertical-align: top;
  background-color: #e9ebee;
  border-radius: 10px;
}
.service_list li:nth-of-type(2n) {
  margin-right: 0;
}
.page-body .service_ico {
  width: 70px;
  margin: 0 auto 10px;
}
.page-body .service_head {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 10px;
  text-align: center;
}
.page-body .service_txt {
  height: 140px;
  margin: 0;
  line-height: 1.6;
}
.page-body .service_btn {
  margin: 0 auto 15px;
  line-height: 1.6;
}
.page-body .service_btn.last_btn {
  margin-bottom: 0;
}
.page-body .service_btn a {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 34px;
  width: 100%;
  min-height: 34px;
  background-color: #21445b;
  text-decoration: none;
  text-align: center;
  border-radius: 20px;
  display: block;
}
.page-body .service_btn.line_2 a {
  line-height: 1.6;
  padding: 5px 0;
  border-radius: 30px;
}
.chatbot_box {
  padding: 20px;
  background-color: #e9ebee;
  border-radius: 10px 20px 25px;
}
.page-body .chatbot_box .service_txt {
  height: auto;
  margin-bottom: 15px;
}
.block-customer-center .business-time {
  justify-content: flex-start;
  text-align: center;
}
.block-customer-center .business-time dt {
  display: inline-block;
}
.block-customer-center .business-time dd {
  display: inline-block;
  margin-left: 0;
}
@media only screen and (min-width: 769px) {
  .chat_left_txt .notes_txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .page-body .service_list {
    width: 792px;
    margin: 0 auto;
  }
  .service_list li {
    width: 376px;
    padding: 30px;
    margin: 0 20px 20px 0;
  }
  .service_list li:nth-of-type(2n), .service_list li:last-of-type {
    margin-right: 0;
  }
  .page-body .service_txt {
    height: 76px;
  }
  .page-body .service_btn a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .page-body .service_btn a:hover {
    opacity: 0.7;
  }
  .page-body .service_btn.line_2 a {
    padding: 0;
    line-height: 34px;
  }
  .chatbot_box {
    width: 376px;
    margin: 0 auto;
    padding: 30px;
  }
  .block-customer-center .tel {
    margin: 20px 0 0;
  }
}

/*210312 追加*/
.section-faq .section-header .section-title.faq-head {
  color: #21445b;
  font: 300 2rem/1.444444444 "Noto Sans JP", sans-serif;
}
@media only screen and (min-width: 769px) {
  .section-faq .section-header .section-title.faq-head {
    color: #21445b;
    font: 300 3.6rem/1 "Noto Sans JP", sans-serif;
  }
}

/*210402 追加*/
.page-body .contents_list_box {
  padding: 0;
}
.page-body .contents_list_box .contents_list_head {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #2196C1;
  border-radius: 10px 10px 0 0;
  padding: 6px 20px;
  margin: 0;
}
.page-body .contents_list_box .contents_list {
  list-style: none;
  margin: 0;
  padding: 16px 20px 20px;
}
.page-body .contents_list_box .contents_list li {
  margin-bottom: 10px;
  border-bottom: 1px dotted #73AFBF;
}
.page-body .contents_list_box .contents_list li.subheading {
  margin-left: 20px;
}
.page-body .contents_list_box .contents_list li a {
  text-decoration: none;
  display: block;
}
.page-body .contents_list_box .contents_list li a:hover {
  opacity: 0.7;
}
.page-body .contents_list_box .contents_list li a span {
  color: #2196C1;
  font-weight: bold;
  margin-right: 10px;
}
.page-body .contents_list_box .contents_list li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
  .page-body .contents_list_box .contents_list_head {
    font-size: 20px;
    font-size: 2.0rem;
    padding: 4px 40px;
  }
  .page-body .contents_list_box .contents_list {
    padding: 20px 40px 30px;
  }
  .page-body .contents_list_box .contents_list li {
    margin-bottom: 14px;
  }
  .page-body .contents_list_box .contents_list li.subheading {
    margin-left: 24px;
  }
}

/*20210408 フリーダイヤル画像更新*/
.block-customer-center .tel-free {
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2252px%22%20height%3D%2229.8px%22%20viewBox%3D%220%200%2052%2029.8%22%20style%3D%22enable-background%3Anew%200%200%2052%2029.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%23E7A13A%3B%7D%0D%0A%09.st1%7Bfill%3A%23231815%3B%7D%0D%0A%09.st2%7Bfill%3A%23FFFFFF%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%3Crect%20class%3D%22st0%22%20width%3D%2245%22%20height%3D%2229.4%22%2F%3E%0D%0A%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M46.4%2C26.9c0%2C1.6%2C1.3%2C2.8%2C2.8%2C2.8c1.6%2C0%2C2.8-1.3%2C2.8-2.8c0-1.6-1.3-2.8-2.8-2.8%0D%0A%09%09%09%09%09%09C47.6%2C24.1%2C46.4%2C25.4%2C46.4%2C26.9%20M46.7%2C26.9c0-1.4%2C1.1-2.5%2C2.5-2.5c1.4%2C0%2C2.5%2C1.1%2C2.5%2C2.5c0%2C1.4-1.1%2C2.5-2.5%2C2.5%0D%0A%09%09%09%09%09%09C47.8%2C29.4%2C46.7%2C28.3%2C46.7%2C26.9z%22%2F%3E%0D%0A%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M50.6%2C28.8H50l-1.1-1.7h-0.5v1.7H48V25h1.1c0.4%2C0%2C0.6%2C0.1%2C0.8%2C0.3c0.2%2C0.2%2C0.3%2C0.4%2C0.3%2C0.7%0D%0A%09%09%09c0%2C0.2-0.1%2C0.4-0.2%2C0.6c-0.2%2C0.2-0.4%2C0.3-0.6%2C0.4L50.6%2C28.8%20M48.4%2C26.7H49c0.2%2C0%2C0.4-0.1%2C0.6-0.2c0.1-0.1%2C0.2-0.3%2C0.2-0.5%0D%0A%09%09%09c0-0.4-0.3-0.6-0.8-0.6h-0.6V26.7z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%09%09%09%3Cpath%20class%3D%22st2%22%20d%3D%22M11.3%2C22.8c-2.5%2C0-5.5-1.9-5.5-5.8c0-3%2C3-5.4%2C5.5-6.9c2.5%2C1.4%2C5.5%2C3.9%2C5.5%2C6.9%0D%0A%09%09%09%09%09%09%09%09%09C16.8%2C20.9%2C13.8%2C22.8%2C11.3%2C22.8%20M28.3%2C16.9c0-3%2C3-5.4%2C5.5-6.9c2.5%2C1.4%2C5.5%2C3.9%2C5.5%2C6.9c0%2C3.9-3.1%2C5.8-5.5%2C5.8%0D%0A%09%09%09%09%09%09%09%09%09C31.3%2C22.7%2C28.3%2C20.8%2C28.3%2C16.9%20M45%2C4.6c-4.6%2C0-8.6%2C1.1-11.4%2C2.6c-2.8-1.4-6.6-2.6-11.1-2.6c-4.6%2C0-8.4%2C1.1-11.1%2C2.6%0D%0A%09%09%09%09%09%09%09%09%09C8.6%2C5.7%2C4.6%2C4.6%2C0%2C4.6v2.6c2.7%2C0%2C6%2C0.5%2C8.6%2C1.6C5.8%2C10.6%2C3%2C13.4%2C3%2C17c0%2C4.7%2C4%2C8.3%2C8.3%2C8.3c4.3%2C0%2C8.2-3.6%2C8.2-8.3%0D%0A%09%09%09%09%09%09%09%09%09c0-3.6-2.6-6.4-5.3-8.2c2.6-1.1%2C5.6-1.6%2C8.3-1.6c2.7%2C0%2C5.7%2C0.5%2C8.3%2C1.6c-2.8%2C1.9-5.3%2C4.7-5.3%2C8.2c0%2C4.7%2C3.8%2C8.3%2C8.2%2C8.3%0D%0A%09%09%09%09%09%09%09%09%09c4.3%2C0%2C8.3-3.6%2C8.3-8.3c0-3.6-2.7-6.4-5.5-8.2C39%2C7.7%2C42.3%2C7.1%2C45%2C7.1V4.6z%22%2F%3E%0D%0A%09%09%09%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A) 0 50% / auto 27px no-repeat;
}
@media only screen and (min-width: 769px) {
  .block-customer-center .tel-free {
    background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%2252px%22%20height%3D%2229.8px%22%20viewBox%3D%220%200%2052%2029.8%22%20style%3D%22enable-background%3Anew%200%200%2052%2029.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%23E7A13A%3B%7D%0D%0A%09.st1%7Bfill%3A%23231815%3B%7D%0D%0A%09.st2%7Bfill%3A%23FFFFFF%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%3Crect%20class%3D%22st0%22%20width%3D%2245%22%20height%3D%2229.4%22%2F%3E%0D%0A%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M46.4%2C26.9c0%2C1.6%2C1.3%2C2.8%2C2.8%2C2.8c1.6%2C0%2C2.8-1.3%2C2.8-2.8c0-1.6-1.3-2.8-2.8-2.8%0D%0A%09%09%09%09%09%09C47.6%2C24.1%2C46.4%2C25.4%2C46.4%2C26.9%20M46.7%2C26.9c0-1.4%2C1.1-2.5%2C2.5-2.5c1.4%2C0%2C2.5%2C1.1%2C2.5%2C2.5c0%2C1.4-1.1%2C2.5-2.5%2C2.5%0D%0A%09%09%09%09%09%09C47.8%2C29.4%2C46.7%2C28.3%2C46.7%2C26.9z%22%2F%3E%0D%0A%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M50.6%2C28.8H50l-1.1-1.7h-0.5v1.7H48V25h1.1c0.4%2C0%2C0.6%2C0.1%2C0.8%2C0.3c0.2%2C0.2%2C0.3%2C0.4%2C0.3%2C0.7%0D%0A%09%09%09c0%2C0.2-0.1%2C0.4-0.2%2C0.6c-0.2%2C0.2-0.4%2C0.3-0.6%2C0.4L50.6%2C28.8%20M48.4%2C26.7H49c0.2%2C0%2C0.4-0.1%2C0.6-0.2c0.1-0.1%2C0.2-0.3%2C0.2-0.5%0D%0A%09%09%09c0-0.4-0.3-0.6-0.8-0.6h-0.6V26.7z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cg%3E%0D%0A%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%09%09%3Cg%3E%0D%0A%09%09%09%09%09%09%09%09%3Cpath%20class%3D%22st2%22%20d%3D%22M11.3%2C22.8c-2.5%2C0-5.5-1.9-5.5-5.8c0-3%2C3-5.4%2C5.5-6.9c2.5%2C1.4%2C5.5%2C3.9%2C5.5%2C6.9%0D%0A%09%09%09%09%09%09%09%09%09C16.8%2C20.9%2C13.8%2C22.8%2C11.3%2C22.8%20M28.3%2C16.9c0-3%2C3-5.4%2C5.5-6.9c2.5%2C1.4%2C5.5%2C3.9%2C5.5%2C6.9c0%2C3.9-3.1%2C5.8-5.5%2C5.8%0D%0A%09%09%09%09%09%09%09%09%09C31.3%2C22.7%2C28.3%2C20.8%2C28.3%2C16.9%20M45%2C4.6c-4.6%2C0-8.6%2C1.1-11.4%2C2.6c-2.8-1.4-6.6-2.6-11.1-2.6c-4.6%2C0-8.4%2C1.1-11.1%2C2.6%0D%0A%09%09%09%09%09%09%09%09%09C8.6%2C5.7%2C4.6%2C4.6%2C0%2C4.6v2.6c2.7%2C0%2C6%2C0.5%2C8.6%2C1.6C5.8%2C10.6%2C3%2C13.4%2C3%2C17c0%2C4.7%2C4%2C8.3%2C8.3%2C8.3c4.3%2C0%2C8.2-3.6%2C8.2-8.3%0D%0A%09%09%09%09%09%09%09%09%09c0-3.6-2.6-6.4-5.3-8.2c2.6-1.1%2C5.6-1.6%2C8.3-1.6c2.7%2C0%2C5.7%2C0.5%2C8.3%2C1.6c-2.8%2C1.9-5.3%2C4.7-5.3%2C8.2c0%2C4.7%2C3.8%2C8.3%2C8.2%2C8.3%0D%0A%09%09%09%09%09%09%09%09%09c4.3%2C0%2C8.3-3.6%2C8.3-8.3c0-3.6-2.7-6.4-5.5-8.2C39%2C7.7%2C42.3%2C7.1%2C45%2C7.1V4.6z%22%2F%3E%0D%0A%09%09%09%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%09%3C%2Fg%3E%0D%0A%09%09%09%3C%2Fg%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A) 0 calc(100% - 3px) / 78px auto no-repeat;
  }
}

/*20210408 記事コンテンツsns追加*/
.page-body .feature_top {
  padding: 0;
}
.page-body .feature_top ul {
  margin: 30px 0 0;
  justify-content: flex-end;
}
.page-body .feature_bottom ul {
  margin: 80px 0 0;
  justify-content: flex-end;
}
.page-body .feature_top ul li:last-of-type, .page-body .feature_bottom ul li:last-of-type {
  margin-right: 0;
}
.page-body .post-body.feature ul.annotation {
  margin: 28px 0 60px;
}
@media only screen and (min-width: 769px) {
  .post-body.feature {
    padding: 70px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .container .sns.feature_top li, .container .sns.feature_bottom li {
    margin: 0 0.5em;
  }
}