@charset "utf-8";
@charset 'utf-8';
audio:not([controls]),
[hidden]
{
    display: none;
}
input:focus,
textarea:focus
{
    outline: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
{
    font-weight: inherit;
    font-style: inherit;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
}
body
{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1.4rem;
    line-height: 1;

    min-height: 100vh;

    color: #333;
    background-color: #fff;

    -webkit-text-size-adjust: 100%;
}
ol,
ul
{
    list-style: none;
}
table
{
    overflow: hidden;

    width: auto;

    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;

    vertical-align: middle;
}
caption,
th,
td
{
    font-weight: normal;

    width: 280px;
    padding: 20px;

    text-align: left;
    vertical-align: middle;
}
a
{
    cursor: pointer;

    color: #0a58bf;
}
a img
{
    border: none;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main
{
    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;

    border: 0;
    outline: 0;
}
audio,
canvas,
video
{
    display: inline-block;
}
*,
*::before,
::after
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
div
{
    opacity: 1;

    -webkit-tap-highlight-color: transparent;
}
html
{
    font-size: 62.5%;
}
a:link,
a:active
{
    text-decoration: none;
}
img
{
    max-width: 100%;
}
input,
button,
select
{
    margin: 0;
    padding: 0;

    border: 0;
    background: none;
}
button:active
{
    opacity: 1;
}
input,
input[type='button'],
input[type='submit']
{
    display: inline-block;

       -moz-appearance: none;
            appearance: none;
    -webkit-appearance: none;
}
@media screen and (min-width: 768px)
{
    a
    {
        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;
    }
    a:hover
    {
        text-decoration: none;

        opacity: 1;
    }
}
@font-face
{
    font-family: 'iconfont';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('eot'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
}
.c-icon
{
    font-family: 'iconfont';
    font-weight: normal;
    font-style: normal;
    line-height: 1;

    display: inline-block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.c-icon-lg
{
    font-size: 1.333333333333333em;
    line-height: .75em;

    vertical-align: -15%;
}
.c-icon-2x
{
    font-size: 2em;
}
.c-icon-3x
{
    font-size: 3em;
}
.c-icon-4x
{
    font-size: 4em;
}
.c-icon-5x
{
    font-size: 5em;
}
.c-icon-fw
{
    width: 1.285714285714286em;

    text-align: center;
}
.c-icon--shop:before
{
    content: '\EA01';
}
.c-icon--groumet:before
{
    content: '\EA02';
}
.c-icon--home:before
{
    content: '\EA03';
}
.c-icon--map:before
{
    content: '\EA04';
}
.c-icon--search:before
{
    content: '\EA05';
}
.c-icon--x:before
{
    content: '\EA06';
}
.c-icon--instagram:before
{
    content: '\EA07';
}
.c-icon--facebook:before
{
    content: '\EA08';
}
.c-icon--youtube:before
{
    content: '\EA09';
}
body
{
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.45;

    overflow-x: hidden;

    letter-spacing: 1px;

    color: #141e1c;
}
.wp-embedded-content
{
    width: 100%;
}
.site
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    min-height: 100vh;

    background-color: #fff;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.site-contents
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.site-main
{
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;

    container-type: inline-size;
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media screen and (min-width: 768px)
{
    .site-main
    {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.xlLarge-only
{
    display: none;
}
@media screen and (min-width: 1280px)
{
    .xlLarge-only
    {
        display: block;
    }
}
.l-mainArea
{
    padding: 48px 0 0;

    background-color: #fcfdfd;
}
@media screen and (min-width: 768px)
{
    .l-mainArea
    {
        padding: 122px 100px 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .l-mainArea
    {
        padding: 122px 80px 0;
    }
}
.l-topArea
{
    background-color: #fcfdfd;
}
.c-sectionArea
{
    padding: 80px 20px 56px;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea
    {
        max-width: 1160px;
        margin: auto;
        padding: 136px 20px 120px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .c-sectionArea
    {
        padding: 80px 0 72px;
    }
}
@media screen and (min-width: 1600px)
{
    .c-sectionArea
    {
        max-width: 1400px;
    }
}
.c-sectionArea--top
{
    padding: 64px 16px 0;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea--top
    {
        max-width: 1160px;
        margin: auto;
        padding: 96px 20px 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .c-sectionArea--top
    {
        padding: 64px 80px 0;
    }
}
@media screen and (min-width: 1600px)
{
    .c-sectionArea--top
    {
        max-width: 1120px;
    }
}
.c-sectionArea--second
{
    padding: 0 20px 56px;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea--second
    {
        max-width: 1160px;
        margin: auto;
        padding: 0 20px 160px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .c-sectionArea--second
    {
        padding: 0 40px 72px;
    }
}
@media screen and (min-width: 1600px)
{
    .c-sectionArea--second
    {
        max-width: 1400px;
    }
}
.c-sectionArea--third
{
    padding: 48px 16px 0;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea--third
    {
        max-width: 1160px;
        margin: auto;
        padding: 96px 20px 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .c-sectionArea--third
    {
        padding: 64px 80px 130px;
    }
}
@media screen and (min-width: 1600px)
{
    .c-sectionArea--third
    {
        max-width: 1120px;
    }
}
.c-sectionArea--forth
{
    padding: 80px 20px 56px;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea--forth
    {
        max-width: 1120px;
        margin: auto;
        padding: 136px 20px 120px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .c-sectionArea--forth
    {
        padding: 80px 0 72px;
    }
}
@media screen and (min-width: 1600px)
{
    .c-sectionArea--forth
    {
        max-width: 1400px;
    }
}
.c-sectionArea--service
{
    padding: 80px 20px 56px;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea--service
    {
        max-width: 1160px;
        margin: auto;
        padding: 136px 20px 100px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .c-sectionArea--service
    {
        padding: 80px 40px;
    }
}
@media screen and (min-width: 1600px)
{
    .c-sectionArea--service
    {
        max-width: 1400px;
    }
}
.c-sectionArea--news
{
    overflow: hidden;

    max-width: 1090px;
    margin-right: auto;
    margin-left: auto;
    padding: 64px 16px 64px;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea--news
    {
        max-width: 1160px;
        margin-right: auto;
        margin-left: auto;
        padding: 96px 20px 112px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .c-sectionArea--news
    {
        padding: 64px 80px 64px;
    }
}
.c-sectionArea--horizontal
{
    display: grid;

    grid-template-columns: 1fr 1fr;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-sectionArea__header
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 32px;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea__header
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 64px;
    }
}
.c-sectionArea__header--second
{
    padding: 0 0 48px;

    background-color: #fcfdfd;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea__header--second
    {
        max-width: 1120px;
        margin: auto;
        padding: 0 0 80px;
    }
}
@media screen and (min-width: 1600px)
{
    .c-sectionArea__header--second
    {
        max-width: 1400px;
    }
}
.c-sectionArea__header--news
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 32px;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea__header--news
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 72px;
    }
}
.c-sectionArea__header--contact
{
    padding: 0 0 48px;

    background-color: #fcfdfd;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea__header--contact
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        max-width: 1120px;
        margin: auto;
        padding: 0 0 80px;

        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .c-sectionArea__header--contact
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 40px;
    }
}
@media screen and (min-width: 1600px)
{
    .c-sectionArea__header--contact
    {
        max-width: none;
    }
}
.c-sectionArea__header--border
{
    width: 100vw;
    margin-right: calc(-50vw + 50%);
    margin-left: calc(-50vw + 50%);

    border-bottom: 1px solid #cdcdcd;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea__inner
    {
        margin-top: 44px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .c-sectionArea__inner
    {
        margin-top: 72px;
    }
}
.c-sectionArea__header__title
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .1em;

    color: #0080d9;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea__header__title
    {
        font-size: 22px;
    }
}
.c-sectionArea__header__title--sp
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.6;

    position: absolute;
    z-index: 100;
    top: 124px;
    left: 20px;

    letter-spacing: .05em;

    color: #fff;
}
.c-sectionArea__header__subTitle
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.6;

    margin-top: 24px;

    letter-spacing: .05em;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea__header__subTitle
    {
        font-size: 44px;
        line-height: 1.2;

        margin-top: 16px;
    }
}
.section__title
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;

    letter-spacing: .1em;

    color: #141e1c;
    color: #0080d9;
}
@media screen and (min-width: 768px)
{
    .section__title
    {
        font-size: 22px;
    }
}
.section__subTitle
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;

    margin-top: 10px;

    letter-spacing: .05em;

    color: #141e1c;
    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .section__subTitle
    {
        font-size: 44px;
        line-height: 1.1;

        margin-top: 24px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .section__subTitle
    {
        font-size: 41px;
    }
}
.section__subTitle span
{
    font-size: 20px;
}
@media screen and (min-width: 768px)
{
    .section__subTitle span
    {
        font-size: 32px;
    }
}
.section__button--sp-wrapper
{
    margin-top: 32px;
}
@media screen and (min-width: 768px)
{
    .section__button--sp-wrapper
    {
        display: none;
    }
}
.section__button--pc-wrapper
{
    display: none;
}
@media screen and (min-width: 768px)
{
    .section__button--pc-wrapper
    {
        display: block;
    }
}
.section__button--sp
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 196px;
    max-height: 56px;
    margin: auto;
    padding: 16px 50px 16px 28px;

    cursor: pointer;

    color: #0080d9;
    border: 2px solid #0080d9;
    border-radius: 60px;
    background-color: #fff;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
}
.section__button--sp::before
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 30px;

    width: 13px;
    height: 13px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    background: #0080d9;

            mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
    -webkit-mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
}
.section__button--sp:hover
{
    color: #fff;
    border: 1px solid #0080d9;
    background-color: #0080d9;
}
.section__button--sp:hover::before
{
    opacity: 1;
    background: #fff;
}
.section__button--sp:hover svg path
{
    stroke: #fff;
}
.section__button--sp:hover svg
{
    background: #141e1c;
}
.section__button-wrapper
{
    margin-top: 32px;
}
@media screen and (min-width: 768px)
{
    .section__button-wrapper
    {
        margin-top: 72px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .section__button-wrapper
    {
        margin-top: 56px;
    }
}
.section__button
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 196px;
    max-height: 56px;
    margin: auto;
    padding: 16px 32px 16px 40px;

    cursor: pointer;
    letter-spacing: .05em;

    color: #0080d9;
    border: 2px solid #0080d9;
    border-radius: 60px;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 4px 12px;
            box-shadow: rgba(20, 30, 28, .2) 0 4px 12px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
.section__button::before
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 30px;

    width: 13px;
    height: 13px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    background: #0080d9;

            mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
    -webkit-mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
}
.section__button:hover
{
    color: #fff;
    background: #0080d9;
}
.section__button:hover::before
{
    background: #fff;
}
@media screen and (min-width: 768px)
{
    .section__button
    {
        font-size: 18px;

        max-width: 208px;
        max-height: 58px;
        margin-right: 0;
    }
}
.section__button--sp:hover .section__button__arrow--second
{
    background: #3f4040;
}
.section__button--sp:hover .section__button__arrow--second::before
{
    opacity: .8;
    border-color: #fff;
}
.section__button--sp:hover .section__button__arrow--second::after
{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.section__button__arrow
{
    position: relative;

    display: inline-block;

    width: 16px;
}
.section__button__arrow:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 16px;
    height: 16px;
    margin: auto;

    content: '';
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    border: 1px solid #141e1c;
    border-radius: 50%;
    background: transparent;
}
@media screen and (min-width: 768px)
{
    .section__button__arrow:before
    {
        width: 20px;
        height: 20px;
    }
}
.section__button__arrow:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;

    width: 6px;
    height: 6px;
    margin: auto;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border: 0;
    border-top: solid 1px #141e1c;
    border-right: solid 1px #141e1c;
}
@media screen and (min-width: 768px)
{
    .section__button__arrow:after
    {
        left: 6px;
    }
}
.section__button__arrow--second
{
    position: relative;

    display: inline-block;

    width: 18px;
}
.section__button__arrow--second:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 18px;
    height: 18px;
    margin: auto;

    content: '';
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
}
@media screen and (min-width: 768px)
{
    .section__button__arrow--second:before
    {
        width: 20px;
        height: 20px;
    }
}
.section__button__arrow--second:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;

    width: 6px;
    height: 6px;
    margin: auto;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border: 0;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
}
@media screen and (min-width: 768px)
{
    .section__button__arrow--second:after
    {
        left: 6px;
    }
}
@media screen and (min-width: 768px)
{
    .section__inner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        max-width: 1120px;
        margin: auto;

        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 110px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .section__inner
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        gap: 48px;
    }
}
@media screen and (min-width: 768px)
{
    .section__inner--about
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        max-width: 1120px;
        margin: auto;

        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 64px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .section__inner--about
    {
        gap: 64px;
    }
}
@media screen and (min-width: 768px)
{
    .section__inner--voice
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        max-width: 1120px;
        margin: auto;

        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        gap: 35px;
    }
}
.section__inner--support
{
    padding: 48px 20px 0;
}
@media screen and (min-width: 768px)
{
    .section__inner--support
    {
        padding: 64px 20px 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .section__inner--support
    {
        padding: 64px 80px 0;
    }
}
.about-body
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-top: 32px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 48px;
}
@media screen and (min-width: 768px)
{
    .about-body
    {
            flex-direction: row;

        width: 100%;
        margin-top: 0;

        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .about-body
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.about__text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;

    letter-spacing: .1em;

    color: #0f1314;
}
@media screen and (min-width: 768px)
{
    .about__text
    {
        font-size: 16px;

        max-width: 384px;
    }
}
.aboutWrapper
{
    width: 100%;
}
@media screen and (min-width: 768px)
{
    .aboutWrapper
    {
        max-width: 560px;
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .aboutWrapper
    {
        max-width: 750px;
    }
}
@media screen and (min-width: 1280px)
{
    .aboutWrapper
    {
        max-width: 560px;
    }
}
.about__numberWrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 22px;

    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 16px;
}
@media screen and (min-width: 768px)
{
    .about__numberWrapper
    {
        margin-top: 32px;
    }
}
.about__title
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;

    color: #8e8e8e;
}
@media screen and (min-width: 768px)
{
    .about__title
    {
        font-size: 14px;
    }
}
.about__number
{
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.7;

    color: #0f1314;
}
@media screen and (min-width: 768px)
{
    .about__number
    {
        font-size: 28px;
    }
}
@media screen and (min-width: 768px)
{
    .about__list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-top: 0;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.about__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 24px 0;

    border-top: 1px solid #cdcdcd;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 14px;
}
@media screen and (min-width: 768px)
{
    .about__item
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        padding: 16px;

        border-top: none;
        border-right: 1px solid #cdcdcd;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0;
    }
}
.about__item:last-child
{
    border-bottom: 1px solid #cdcdcd;
}
@media screen and (min-width: 768px)
{
    .about__item:last-child
    {
        border-right: none;
        border-bottom: none;
    }
}
.about__item-title
{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;

    color: #0080d9;
}
@media screen and (min-width: 768px)
{
    .about__item-title
    {
        font-size: 14px;
    }
}
.about__item-text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;

    text-align: right;
    letter-spacing: .05em;

    color: #0f1314;
}
@media screen and (min-width: 768px)
{
    .about__item-text
    {
        font-size: 16px;

        min-width: 160px;
        margin-top: 16px;

        text-align: left;
        white-space: normal;
        letter-spacing: 0;
    }
}
.serviceWrapper--pc
{
    display: none;
}
@media screen and (min-width: 768px)
{
    .serviceWrapper--pc
    {
        position: relative;

        display: block;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .serviceWrapper--pc
    {
        margin: auto;
    }
}
.serviceWrapper--pc .service-icon
{
    width: 32px;
    height: 32px;
}
.serviceWrapper--sp
{
    position: relative;

    display: block;

    min-width: 350px;
    max-width: 380px;
    height: 480px;
    margin: auto;
}
@media screen and (min-width: 768px)
{
    .serviceWrapper--sp
    {
        display: none;
    }
}
.service__img__wrapper
{
    min-width: 350px;
    max-width: 380px;
    min-height: 450px;
}
@media screen and (min-width: 768px)
{
    .service__img__wrapper
    {
        position: relative;

        min-width: 620px;
        min-height: 630px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__img__wrapper
    {
        position: relative;

        min-width: 380px;
        min-height: 500px;
    }
}
.service__img__wrapper--sp
{
    position: relative;

    width: 100%;
    min-height: 480px;
}
@media screen and (min-width: 768px)
{
    .kv__swiper
    {
        padding-top: 0;
    }
}
.kv__swiper .swiper-button-prev,
.kv__swiper .swiper-button-next
{
    display: none;
}
.kv__swiper .swiper-horizontal > .swiper-pagination-bullets,
.kv__swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.kv__swiper .swiper-pagination-custom,
.kv__swiper .swiper-pagination-fraction
{
    top: 85%;
    right: 50%;

    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
}
@media screen and (min-width: 768px)
{
    .kv__swiper .swiper-horizontal > .swiper-pagination-bullets,
    .kv__swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
    .kv__swiper .swiper-pagination-custom,
    .kv__swiper .swiper-pagination-fraction
    {
        -webkit-transform: translateX(15%);
            -ms-transform: translateX(15%);
                transform: translateX(15%);
    }
}
.kv__swiper .swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
}
@media screen and (min-width: 768px)
{
    .kv__swiper .swiper-pagination-bullet
    {
        width: 16px;
        height: 16px;
    }
}
.service__img
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;

    opacity: 0;

    -o-object-fit: contain;
       object-fit: contain;
}
.service__img--base
{
    z-index: 2;

    opacity: 1;
}
.service__img--second
{
    z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__img
    {
        top: 25%;
    }
}
.service__text--first:hover ~ .service__img__wrapper .service__img,
.service__text--first:hover ~ .service__img__wrapper .service__img--second,
.service__text--first:hover ~ .service__img__wrapper .service__img--third,
.service__text--first:hover ~ .service__img__wrapper .service__img--fourth
{
    opacity: 0;
}
.service__text--first:hover ~ .service__img__wrapper .service__img--first
{
    z-index: 3;

    opacity: 1;
}
.service__text--second:hover ~ .service__img__wrapper .service__img,
.service__text--second:hover ~ .service__img__wrapper .service__img--first,
.service__text--second:hover ~ .service__img__wrapper .service__img--third,
.service__text--second:hover ~ .service__img__wrapper .service__img--fourth
{
    opacity: 0;
}
.service__text--second:hover ~ .service__img__wrapper .service__img--second
{
    z-index: 3;

    opacity: 1;
}
.service__text--third:hover ~ .service__img__wrapper .service__img,
.service__text--third:hover ~ .service__img__wrapper .service__img--first,
.service__text--third:hover ~ .service__img__wrapper .service__img--second,
.service__text--third:hover ~ .service__img__wrapper .service__img--fourth
{
    opacity: 0;
}
.service__text--third:hover ~ .service__img__wrapper .service__img--third
{
    z-index: 3;

    opacity: 1;
}
.service__text--fourth:hover ~ .service__img__wrapper .service__img,
.service__text--fourth:hover ~ .service__img__wrapper .service__img--first,
.service__text--fourth:hover ~ .service__img__wrapper .service__img--second,
.service__text--fourth:hover ~ .service__img__wrapper .service__img--third
{
    opacity: 0;
}
.service__text--fourth:hover ~ .service__img__wrapper .service__img--fourth
{
    z-index: 3;

    opacity: 1;
}
.service-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
}
.service__text--first,
.service__text--second,
.service__text--third,
.service__text--fourth
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
}
@media screen and (min-width: 768px)
{
    .service__text--first,
    .service__text--second,
    .service__text--third,
    .service__text--fourth
    {
        gap: 16px;
    }
}
.service__text--first
{
    position: absolute;
    z-index: 100;
    bottom: 41%;
    left: 2%;

    cursor: pointer;
}
@media screen and (min-width: 768px)
{
    .service__text--first
    {
        bottom: 29%;
        left: -23%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__text--first
    {
        bottom: -1%;
        left: -20%;
    }
}
.service__text--second
{
    position: absolute;
    z-index: 100;
    top: 4%;
    left: 32%;

    cursor: pointer;
}
@media screen and (min-width: 768px)
{
    .service__text--second
    {
        top: 4%;
        left: 45%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__text--second
    {
        top: 24%;
        left: 45%;
    }
}
.service__text--third
{
    position: absolute;
    z-index: 100;
    right: 2%;
    bottom: 8%;

    cursor: pointer;
}
@media screen and (min-width: 768px)
{
    .service__text--third
    {
        right: 3%;
        bottom: 3%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__text--third
    {
        right: 71%;
        bottom: 14%;
    }
}
.service__text--fourth
{
    position: absolute;
    z-index: 100;
    top: 18%;
    right: 3%;

    cursor: pointer;
}
@media screen and (min-width: 768px)
{
    .service__text--fourth
    {
        top: 19%;
        right: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__text--fourth
    {
        top: 37%;
        right: -4%;
    }
}
.hide-item
{
    opacity: .4;
}
.active-item
{
    opacity: 1;
}
.service__text__img
{
    min-width: 112px;
    height: 22px;
}
@media screen and (min-width: 768px)
{
    .service__text__img
    {
        min-width: 207px;
        height: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__text__img
    {
        min-width: 130px;
        height: auto;
    }
}
.service-icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 32px;
    height: 32px;

    border-radius: 50%;
    background-color: #0080d9;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (min-width: 768px)
{
    .service-icon
    {
        width: 42px;
        height: 42px;
    }
}
.supportWrapper
{
    margin-top: 48px;
}
.support__item
{
    padding: 32px 0;

    border-bottom: 1px solid #cdcdcd;
}
.support__item:first-child
{
    padding-top: 0;
}
@media screen and (min-width: 768px)
{
    .support__item
    {
        padding: 60px 0 64px;
    }
}
.support-wrapper
{
    max-width: 1120px;
    margin: auto;
    padding: 48px;

    border-radius: 20px;
    background-color: #eff6f7;
}
@media screen and (min-width: 768px)
{
    .support-wrapper
    {
        padding: 64px 48px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .support-wrapper
    {
        padding: 30px;
    }
}
.support__title
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.7;

    text-align: center;

    color: #0f1314;
}
@media screen and (min-width: 768px)
{
    .support__title
    {
        font-size: 24px;
    }
}
.support-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-top: 32px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 16px;
}
@media screen and (min-width: 768px)
{
    .support-list
    {
            flex-direction: row;

        margin-top: 48px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 64px;
    }
}
.support-list__item
{
    margin-top: 24px;
}
.support-list__item:first-child
{
    margin-top: 0;
}
@media screen and (min-width: 768px)
{
    .support-list__item
    {
        max-width: 265px;
        margin-top: 0;
    }
}
.support-list__img
{
    display: block;

    width: 100%;
    max-width: 186px;
    height: auto;
    max-height: 144px;
    margin: auto;

    -o-object-fit: contain;
       object-fit: contain;
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .support-list__img
    {
        height: 100%;
        max-height: 120px;
    }
}
.support-list__title
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.65;

    margin-top: 20px;

    text-align: center;

    color: #0080d9;
}
.support-list__text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;

    margin-top: 16px;

    text-align: left;

    color: #0f1314;
}
.newsListWrapper
{
    max-width: 1120px;
    margin: 48px auto 0;
}
.newsListWrapper--top
{
    margin: 48px auto 0;
}
@media screen and (min-width: 768px)
{
    .newsListWrapper--top
    {
        margin: 104px auto 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .newsListWrapper--top
    {
        margin: 60px auto 0;
    }
}
.newsList
{
    display: grid;

    max-width: 1360px;
    margin: 0 auto;

    grid-template-columns: 1fr;
    gap: 32px;
}
@media screen and (min-width: 768px)
{
    .newsList
    {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 56px 44px;
    }
}
.news__item
{
    max-width: 380px;

    cursor: pointer;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}
.news__item:hover
{
    opacity: .7;
}
.nav__item__inner:hover .arrow__right
{
    opacity: 1;
    background: #0080d9;
}
.nav__item__inner:hover .arrow__right::before
{
    background: #f7f7f7;
}
.nav__item__inner:hover .arrow__right::after
{
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}
.news__link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 16px;
}
.news__link img
{
    width: 100%;
}
.news__link--top
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 0;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 10px;
}
@media screen and (min-width: 768px)
{
    .news__link--top
    {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px;
    }
}
.news__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 10px;
}
.news__inner--top
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 4px;
}
@media screen and (min-width: 768px)
{
    .news__inner--top
    {
        gap: 12px;
    }
}
.news__inner--top .news__date
{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;

    color: #118bce;
}
@media screen and (min-width: 768px)
{
    .news__inner--top .news__date
    {
        font-size: 16px;
    }
}
.news__inner--top .news__text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    color: #0f1314;
}
@media screen and (min-width: 768px)
{
    .news__inner--top .news__text
    {
        font-size: 16px;
    }
}
.news__date
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    color: #118bce;
}
.news__text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    color: #0f1314;
}
.news__arrow__img
{
    width: 24px;
    height: 24px;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.arrow__right
{
    position: relative;

    width: 32px;
    height: 32px;

    border: 1px solid #0080d9;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 4px 12px;
            box-shadow: rgba(20, 30, 28, .2) 0 4px 12px;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (min-width: 768px)
{
    .arrow__right
    {
        width: 42px;
        height: 42px;

        border: 2px solid #0080d9;
    }
}
.arrow__right::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 9px;
    height: 1px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background: #0080d9;
}
@media screen and (min-width: 768px)
{
    .arrow__right::before
    {
        width: 16px;
    }
}
.arrow__right::after
{
    position: absolute;
    top: 50%;
    left: 63%;

    display: block;

    width: 4px;
    height: 4px;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: translate(-50%, -49%) rotate(45deg);

    border-top: 1px solid #0080d9;
    border-right: 1px solid #0080d9;
}
@media screen and (min-width: 768px)
{
    .arrow__right::after
    {
        width: 5px;
        height: 5px;
    }
}
.sp-only
{
    display: block;
}
@media screen and (min-width: 768px)
{
    .sp-only
    {
        display: none;
    }
}
.pc-only
{
    display: none;
}
@media screen and (min-width: 768px)
{
    .pc-only
    {
        display: block;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .pc-only
    {
        display: none;
    }
}
.tab-only
{
    display: none;
}
@media screen and (min-width: 1024px)
{
    .tab-only
    {
        display: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .tab-only
    {
        display: block;
    }
}
.l-404
{
    background: #f7f7f7;
}
.error-title
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;

    text-align: center;
    letter-spacing: .03em;

    color: #000;
}
@media screen and (min-width: 768px)
{
    .error-title
    {
        font-size: 32px;

        text-align: center;
    }
}
.error-text
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    margin-top: 32px;

    text-align: left;
    letter-spacing: .03em;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .error-text
    {
        font-size: 16px;

        margin-top: 24px;

        text-align: center;
    }
}
.error-buttonWrapper
{
    margin-top: 40px;
}
@media screen and (min-width: 768px)
{
    .error-buttonWrapper
    {
        margin-top: 72px;
    }
}
.error-button
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 182px;
    max-height: 50px;
    margin: auto;
    padding: 16px 28px;

    cursor: pointer;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    color: #141e1c;
    border: 1px solid #141e1c;
    border-radius: 60px;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: #f7f7f7;
    gap: 8px;
}
.error-button:hover
{
    color: #f7f7f7;
    border-color: #141e1c;
    background-color: #141e1c;
}
.error-button:hover svg path
{
    stroke: #f7f7f7;
}
@media screen and (min-width: 768px)
{
    .error-button
    {
        font-size: 18px;

        max-width: 208px;
        max-height: 58px;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
    }
    .error-button img
    {
        width: 20px;
        height: auto;
    }
}
.title__logo--sp img
{
    width: 100%;
    max-width: 145px;
    height: auto;

    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
}
.title__logo--pc
{
    display: inline;
}
.title__logo--pc img
{
    width: 100%;
    max-width: 23rem;
    height: auto;

    -webkit-transform: translate(20px, 5px);
        -ms-transform: translate(20px, 5px);
            transform: translate(20px, 5px);
}
@media screen and (min-width: 768px)
{
    .title__logo--pc img
    {
        min-width: 23rem;

        -webkit-transform: translate(0px, 5px);
            -ms-transform: translate(0px, 5px);
                transform: translate(0px, 5px);
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .title__logo--pc img
    {
        min-width: 19rem;

        -webkit-transform: translate(0px, 4px);
            -ms-transform: translate(0px, 4px);
                transform: translate(0px, 4px);
    }
}
@media screen and (min-width: 1280px)
{
    .title__logo--pc img
    {
        -webkit-transform: translate(20px, 5px);
            -ms-transform: translate(20px, 5px);
                transform: translate(20px, 5px);
    }
}
.news__header
{
    position: relative;

    width: 100%;
}
.news__header .swiper-button-next,
.news__header .swiper-button-prev
{
    width: 32px;
    height: 32px;
    margin: auto;

    border-radius: 50%;
    background-color: #0080d9;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .19), 0 3px 2px rgba(0, 0, 0, .23);
            box-shadow: 0 0 15px rgba(0, 0, 0, .19), 0 3px 2px rgba(0, 0, 0, .23);
}
@media screen and (min-width: 768px)
{
    .news__header .swiper-button-next,
    .news__header .swiper-button-prev
    {
        width: 42px;
        height: 42px;
    }
}
.news__header .swiper-button-prev::after,
.news__header .swiper-button-next::after
{
    width: 14px;
    height: 9px;
    margin: auto;

    content: '';

    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (min-width: 768px)
{
    .news__header .swiper-button-prev::after,
    .news__header .swiper-button-next::after
    {
        width: 18px;
        height: 12px;
    }
}
.news__header .swiper-button-prev::after
{
    background-image: url('https://dev.corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/arrow_icon.svg');
}
.news__header .swiper-button-next::after
{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);

    background-image: url('https://dev.corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/arrow_icon.svg');
}
.custom-swiper-button-wrap
{
    position: absolute;
    top: 60%;
    right: 0;

    width: 100px;
}
@media screen and (min-width: 768px)
{
    .custom-swiper-button-wrap
    {
        width: 117px;
    }
}
.c-sectionArea--news .swiper-block
{
    max-width: 1090px;
    margin: 100 auto;
    margin-right: auto;
    margin-left: auto;
}
.c-sectionArea--news .swiper-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea--news .swiper-wrapper
    {
        gap: 40px;
    }
}
.c-sectionArea--news .swiper
{
    z-index: 2;

    overflow: hidden;

    width: calc(100% + 50vw - 175px);
    width: calc(100% + 50vw - 250px);
    margin-left: 0 !important;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea--news .swiper
    {
        width: calc(100% + 50vw - 560px);
    }
}
.c-sectionArea--news .swiper-slide
{
    max-width: 185px;
}
@media screen and (min-width: 768px)
{
    .c-sectionArea--news .swiper-slide
    {
        max-width: 309px;
    }
}
.c-sectionArea--news .card
{
    width: 600px;
    height: 400px;
}
.c-sectionArea--news .card1
{
    background: #ffbd59;
}
.c-sectionArea--news .card2
{
    background: #00bf63;
}
.c-sectionArea--news .card3
{
    background: #ff5757;
}
.voice__inner
{
    position: relative;

    display: none;

    width: 700px;
    height: 600px;
}
.voice-users-img
{
    width: 57px;
    height: 57px;
}
.voice__img01
{
    position: absolute;
    right: -20%;
    bottom: 0;
}
.voice__img01--sp
{
    position: absolute;
    right: 20px;
    bottom: 20px;

    width: 100%;
    max-width: 142px;
    height: auto;
}
@media screen and (min-width: 768px)
{
    .voice__img01--sp
    {
        max-width: 297px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .voice__img01--sp
    {
        right: 0;
        bottom: 10px;

        max-width: 210px;
    }
}
.voice-list__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 40px 46px 20px;

    opacity: .7;
    border-radius: 30px;
    background-color: #eff6f7;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 10px;
}
.voice-user01
{
    position: absolute;
    top: 0;
    left: 25%;
}
.voice-user02
{
    position: absolute;
    top: 50px;
    right: 10px;
}
.voice-user03
{
    position: absolute;
    top: 50%;
    left: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.voice-user04
{
    position: absolute;
    bottom: 20px;
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.voice-user05
{
    position: absolute;
    bottom: 20px;
    left: -50%;

    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
}
.voiceCardWrapper
{
    position: relative;

    width: 100%;
    max-width: 350px;
    height: 365px;
    margin: 32px auto 0;
}
@media screen and (min-width: 768px)
{
    .voiceCardWrapper
    {
        max-width: 690px;
        min-height: 630px;
        margin-left: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .voiceCardWrapper
    {
        display: block;
    }
}
.voice-card
{
    width: 300px;
    padding: 20px;

    -webkit-transition: all 1s ease-in-out;
         -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);

    opacity: 0;
    border-radius: 10px;
    background-color: #eff6f7;
}
@media screen and (min-width: 768px)
{
    .voice-card
    {
        padding: 32px;

        border-radius: 30px;
    }
}
.voice-card.visible
{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;

    opacity: 1;
}
.voice-card.mobile-visible
{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;

    opacity: 0;
}
.voice-card.fade-out
{
    -webkit-transition: opacity 1s ease-out;
         -o-transition: opacity 1s ease-out;
            transition: opacity 1s ease-out;

    opacity: 0;
}
.voice-card.fade-in
{
    -webkit-transition: opacity 1s ease-in;
         -o-transition: opacity 1s ease-in;
            transition: opacity 1s ease-in;

    opacity: 1;
}
.voice-card__header
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
}
@media screen and (min-width: 768px)
{
    .voice-card__header
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 16px;
    }
}
.voice-card__header-left
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding-bottom: 2px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 8px;
}
@media screen and (min-width: 768px)
{
    .voice-card__header-left
    {
            flex-direction: row;

        padding-bottom: 0;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.voice-card__date
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    font-weight: 400;

    letter-spacing: .05em;

    color: #8e8e8e;
}
@media screen and (min-width: 768px)
{
    .voice-card__date
    {
        font-size: 12px;
    }
}
.voice-card__text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    line-height: 1.2;

    margin-top: 12px;

    text-align: left;
}
@media screen and (min-width: 768px)
{
    .voice-card__text
    {
        font-size: 16px;
    }
}
.voice-first
{
    position: absolute;
    top: 0;
    left: 20%;

    display: block;

    width: 100%;
    max-width: 275px;
    height: auto;

    opacity: 0;
    background-color: rgba(239, 246, 247, .6);
}
@media screen and (min-width: 768px)
{
    .voice-first
    {
        left: 12%;

        display: block;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .voice-first
    {
        top: 26%;
        left: 20%;

        opacity: 0;
    }
}
.voice-second
{
    position: absolute;
    top: 7%;
    right: 0;

    width: 100%;
    max-width: 166px;
    height: auto;

    background-color: rgba(239, 246, 247, .7);
}
@media screen and (min-width: 768px)
{
    .voice-second
    {
        top: 13%;
        right: 4%;

        max-width: 280px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .voice-second
    {
        top: 37%;
        left: -5%;
    }
}
.voice-third
{
    position: absolute;
    bottom: -8px;
    left: 0;

    width: 100%;
    max-width: 190px;
    height: auto;
}
@media screen and (min-width: 768px)
{
    .voice-third
    {
        top: 34%;
        bottom: auto;
        left: -5%;

        max-width: 375px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .voice-third
    {
        top: auto;
        bottom: -8px;
        left: -60%;
    }
}
.voice-forth
{
    position: absolute;
    top: 39%;
    left: 0;

    display: block;

    width: 100%;
    max-width: 193px;
    height: auto;

    opacity: 0;
    background: #eff6f7;
}
@media screen and (min-width: 768px)
{
    .voice-forth
    {
        position: absolute;
        top: auto;
        bottom: 5%;
        left: -45%;

        display: block;

        width: 100%;
        max-width: 322px;
        height: auto;

        background-color: rgba(239, 246, 247, .6);
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .voice-forth
    {
        top: 62%;
        bottom: auto;
        left: -38%;
    }
}
.voice-fifth
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    max-width: 166px;
    height: auto;
}
@media screen and (min-width: 768px)
{
    .voice-fifth
    {
        top: auto;
        bottom: 5%;
        left: 12%;

        max-width: 285px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .voice-fifth
    {
        top: 10%;
        bottom: auto;
        left: 15%;
    }
}
.nav__button,
.openbtn8
{
    position: relative;

    width: 44px;
    height: 44px;

    cursor: pointer;

    border: 1px solid #0080d9;
    border-radius: 50%;
    background: transparent;
}
@media screen and (min-width: 768px)
{
    .nav__button,
    .openbtn8
    {
        display: none;
    }
}
.nav__button--second
{
    border: 1px solid #0080d9;
}
.nav__button .openbtn-area,
.openbtn8 .openbtn-area
{
    width: 44px;
    height: 44px;

    -webkit-transition: all .6s;
         -o-transition: all .6s;
            transition: all .6s;
}
.nav__button span,
.openbtn8 span
{
    position: absolute;
    left: 12px;

    display: inline-block;

    width: 45%;
    height: 1.5px;

    -webkit-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;

    border-radius: 2px;
    background: #0080d9;
}
.nav__button--second span
{
    background: #0080d9;
}
.nav__button span:nth-of-type(1),
.openbtn8 span:nth-of-type(1)
{
    top: 12px;
}
.nav__button span:nth-of-type(2),
.openbtn8 span:nth-of-type(2)
{
    top: 20px;
}
.nav__button span:nth-of-type(3),
.openbtn8 span:nth-of-type(3)
{
    top: 28px;
}
.active
{
    border: 1px solid #0080d9 !important;
}
.nav__button.active .openbtn-area,
.openbtn8.active .openbtn-area
{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.nav__button.active span:nth-of-type(1),
.openbtn8.active span:nth-of-type(1)
{
    top: 15px;
    left: 17px;

    width: 30%;

    -webkit-transform: translateY(6px) rotate(-45deg);
        -ms-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);

    background: #0080d9;
}
.nav__button.active span:nth-of-type(2),
.openbtn8.active span:nth-of-type(2)
{
    opacity: 0;
}
.nav__button.active span:nth-of-type(3),
.openbtn8.active span:nth-of-type(3)
{
    top: 27px;
    left: 17px;

    width: 30%;

    -webkit-transform: translateY(-6px) rotate(45deg);
        -ms-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);

    background: #0080d9;
}
body
{
    padding: 0;

    background: #f3f3f3;
}
a
{
    text-decoration: none;
}
.header__wrapper
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 16px 20px;

    -webkit-transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
         -o-transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
            transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;

    background: #f7f7f7;
    background: transparent;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 768px)
{
    .header__wrapper
    {
        height: auto;
        padding: 32px 80px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .header__wrapper
    {
        padding: 32px 40px;

        gap: 40px;
    }
}
.head_active
{
    background: #fff;
}
.head_active:before
{
    position: fixed;
    top: 70px;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    background: rgba(20, 30, 28, .698);
}
.navList
{
    position: absolute;
    top: 60px;
    left: 0;

    clear: both;

    width: 100%;
    height: auto;
    max-height: 530px;
    padding: 40px 20px 70px;

    list-style: none;

    -webkit-transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
         -o-transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
            transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
    -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;

    opacity: 0;
    background: rgba(55, 55, 55, .98);
    background-color: #fff;
}
.navList li:first-child
{
    border-top: 2px solid #ececec;
}
@media screen and (min-width: 768px)
{
    .navList
    {
        display: none;
    }
}
.active ~ .navList
{
    -webkit-transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
         -o-transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
            transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;

    opacity: 1;
}
.nav__item
{
    border-bottom: 2px solid #ececec;
}
.nav__item__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 24px 16px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.nav__item__text
{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;

    color: #0080d9;
}
.nav__item__subText
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;

    display: inline-block;

    margin-top: 4px;

    color: #141e1c;
}
.nav__arrow__img img
{
    width: 24px;
    height: 24px;
}
.header__list__wrapper
{
    display: none;
}
@media screen and (min-width: 768px)
{
    .header__list__wrapper
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 40px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .header__list__wrapper
    {
        gap: 25px;
    }
}
.header__list--pc
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .header__list--pc
    {
        gap: 25px;
    }
}
.header__list--pc__item a
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    color: #0f1314;
}
.scroll-active
{
    background: #fff;
    -webkit-box-shadow: rgba(20, 30, 28, .08) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .08) 0 2px 4px;
}
.header__nav__button
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 182px;
    max-height: 58px;
    padding: 16px 28px;

    cursor: pointer;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    color: #0080d9;
    border: 2px solid #0080d9;
    border-radius: 60px;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    fill: #0080d9;
}
.header__nav__button::before
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 30px;

    width: 13px;
    height: 13px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    background: #0080d9;

            mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
    -webkit-mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
}
.header__nav__button:hover
{
    color: #fff;
    background: #0080d9;
}
.header__nav__button:hover::before
{
    background: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .header__nav__button
    {
        font-size: 14px;

        text-wrap: nowrap;
    }
}
@media screen and (min-width: 768px)
{
    .header__nav__button
    {
        min-width: 193px;
    }
}
.header__nav__button--sp
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 182px;
    max-height: 50px;
    margin: 56px auto 0;
    padding: 16px 28px;

    cursor: pointer;

    color: #0080d9;
    border: 1px solid #0080d9;
    border-color: #0080d9;
    border-radius: 60px;
    background-color: #fff;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    fill: #f7f7f7;
}
.header__nav__button--sp::before
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 30px;

    width: 13px;
    height: 13px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    background: #0080d9;

            mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
    -webkit-mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
}
.header__nav__button--sp:hover
{
    color: #fff;
    background: #0080d9;
}
.header__nav__button--sp:hover::before
{
    background: #fff;
}
.header__wrapper--underlayer
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 16px 20px;

    -webkit-transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
         -o-transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
            transition: .3192s cubic-bezier(.04, .04, .12, .96) .1008s;

    background: #fcfdfd;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 768px)
{
    .header__wrapper--underlayer
    {
        height: auto;
        padding: 32px 80px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .header__wrapper--underlayer
    {
        padding: 32px 40px;

        gap: 40px;
    }
}
.header__wrapper--underlayer .header__list--pc__item a
{
    color: #141e1c;
}
.header__wrapper--underlayer .header__nav__button
{
    color: #0080d9;
    border-color: #0080d9;
}
.header__wrapper--underlayer .header__nav__button:hover
{
    color: #f7f7f7;
    border-color: #0080d9;
    background-color: #0080d9;
}
.header__wrapper--underlayer .header__nav__button:hover svg path
{
    fill: #f7f7f7; /* ホバー時のSVGの色 */
}
.header__logo--second
{
    display: none;
}
.header__logo img
{
    width: 100%;

            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1.01 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: brightness(0) saturate(100%);
            filter: brightness(0) saturate(100%);
}
@media screen and (min-width: 768px)
{
    .header__logo img
    {
        min-width: 134px;
    }
}
.nav-active
{
    overflow: hidden;

    height: 100%;
}
.footer
{
    padding: 48px 20px 20px;

    background: #141e1c;
}
@media screen and (min-width: 768px)
{
    .footer
    {
        padding: 72px 80px 20px;
    }
}
.footer__bottom
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 32px;
}
@media screen and (min-width: 768px)
{
    .footer__bottom
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        gap: 32px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .footer__bottom
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.footer__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}
@media screen and (min-width: 768px)
{
    .footer__list
    {
        width: 325px;

        gap: 40px;
    }
}
.footer__list__item
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    letter-spacing: .03em;

    color: #fff;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer__list__item a
{
    cursor: pointer;
    text-decoration: none;

    color: #fff;
}
@media screen and (min-width: 768px)
{
    .footer__list__item a
    {
        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;
    }
}
.footer__list__item a:hover
{
    opacity: 1;
}
@media screen and (min-width: 768px)
{
    .footer__list__item
    {
        font-size: 18px;
    }
}
.footer__button
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 182px;
    max-height: 58px;
    padding: 16px 28px 16px 33px;

    cursor: pointer;
    -webkit-transition: none;
         -o-transition: none;
            transition: none;

    color: #fff;
    border: 2px solid #fff;
    border-radius: 60px;
    background: #141e1c;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    fill: #fff;
}
.footer__button::before
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 20px;

    width: 13px;
    height: 13px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    background: #fff;

            mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
    -webkit-mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
}
@media screen and (min-width: 768px)
{
    .footer__button::before
    {
        right: 30px;
    }
}
.footer__button:hover,
.footer__button:active
{
    color: #0f1314;
    background: #fff;
}
.footer__button:hover::before,
.footer__button:active::before
{
    background: #0f1314;
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .footer__button
    {
        font-size: 14px;

        text-wrap: nowrap;
    }
}
@media screen and (min-width: 768px)
{
    .footer__button
    {
        min-width: 193px;

        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;
    }
}
.footer__button:hover svg path
{
    fill: #141e1c; /* ホバー時のSVGの色 */
}
.footer__copyright
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 10px;
    font-weight: 200;
    line-height: 1.5;

    margin-top: 40px;

    text-align: center;

    color: #fff;
}
@media screen and (min-width: 768px)
{
    .footer__copyright
    {
        font-size: 14px;

        margin-top: 36px;
    }
}
.footer__list__bottom
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    width: 100%;
    margin-top: 32px;
    padding-top: 32px;

    border-top: 1px solid #727272;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    gap: 24px;
}
@media screen and (min-width: 768px)
{
    .footer__list__bottom
    {
        margin-top: 72px;

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 44px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .footer__list__bottom
    {
        margin-top: 52px;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.footer__list__bottom__item
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 14px;
    line-height: 1.5;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer;

    color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
}
.footer__list__bottom__item img
{
    width: 18px;
}
@media screen and (min-width: 768px)
{
    .footer__list__bottom__item img
    {
        width: 20px;
    }
}
@media screen and (min-width: 768px)
{
    .footer__list__bottom__item
    {
        font-size: 18px;

        gap: 10px;
    }
}
.footer__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 32px;
}
@media screen and (min-width: 768px)
{
    .footer__inner
    {
            flex-direction: row;

        gap: 32px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .footer__inner
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.c-breadcrumb__items
{
    margin-top: 20px;
    margin-bottom: 20px;

    gap: 8px;
}
.c-breadcrumb__items a
{
    text-decoration: none;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .c-breadcrumb__items
    {
        margin-bottom: 40px;

        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.c-breadcrumb__item
{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}
.single .c-breadcrumb__item:last-child > span.name
{
    display: inline;
}
.p-breadcrumb__list
{
    display: block;
}
.c-breadcrumb__item
{
    position: relative;

    display: inline;

    padding-left: 23px;
}
.c-breadcrumb__item:after
{
    display: inline-block;
}
.name
{
    line-height: 1.6;

    white-space: normal;
    white-space: initial;
}
.breadcrumb__icon
{
    position: relative;

    display: inline-block;

    width: 16px;
    height: 16px;
    padding: 0;
}
.breadcrumb__icon img
{
    position: absolute;
    top: 2px;
    left: 0;

    width: 16px;
    height: 16px;

    -o-object-fit: contain;
       object-fit: contain;
}
.breadcrumb-right
{
    line-height: 1;

    position: absolute;
    top: 3px;
    left: 4px;

    display: inline-block;

    width: 7px;
    height: 7px;

    -webkit-transform: translateX(-10%) rotate(45deg);
        -ms-transform: translateX(-10%) rotate(45deg);
            transform: translateX(-10%) rotate(45deg);
    vertical-align: middle;

    color: #141e1c;
}
.breadcrumb-right::before,
.breadcrumb-right::after
{
    position: absolute;

    content: '';

    border-radius: .1em;
    background: currentColor;
}
.breadcrumb-right::before
{
    top: 0;
    right: 0;
    left: 0;

    height: .1em;
}
.breadcrumb-right::after
{
    top: 0;
    right: 0;
    bottom: 0;

    width: .1em;
}
.wp-pagenavi
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 40px;

    text-align: center;

    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width: 768px)
{
    .wp-pagenavi
    {
        margin-top: 67px;
    }
}
.wp-pagenavi span
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 2;

    color: #0f1314;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}
.pages
{
    display: none;
}
.page,
.current
{
    line-height: 2;
}
.current,
.larger,
.smaller
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 2;

    display: inline-block;

    width: 40px;
    height: 40px;

    color: #0f1314;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #0080d9 !important;
    border-left: none;
}
.smaller,
.larger,
.nextpostslink,
.previouspostslink
{
    color: #000 !important;
    border: none !important;
}
.wp-pagenavi a.previouspostslink
{
    display: inline-block;
    overflow: hidden;

    width: 20px;
    height: 30px;

    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    text-indent: -9999px;

    background-image: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-size: 8px;
}
.wp-pagenavi a.nextpostslink
{
    display: inline-block;
    overflow: hidden;

    width: 20px;
    height: 25px;

    text-indent: -9999px;

    background-image: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-size: 8px;
}
.container
{
    width: 100vw;
    margin-right: calc(-50vw + 50%);
    margin-left: calc(-50vw + 50%);
}
@media screen and (min-width: 768px)
{
    .container
    {
        display: none;
    }
}
.swiper--wrapper
{
    /* wrapperのサイズを調整 */
    width: 100%;
    height: 300px;
}
.swiper-pagination
{
    bottom: 16px !important;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.swiper-pagination-bullet
{
    width: 14px;
    height: 14px;

    opacity: 1;
    border: none;
    background: #d9d9d9;
}
.swiper-pagination-bullet-active
{
    border: none;
    background: #0080d9;
}
.swiper-container
{
    position: relative;

    width: 100%;
    min-height: 320px;
}
@media screen and (min-width: 768px)
{
    .swiper-container
    {
        height: 100%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .swiper-container
    {
        height: 100%;
    }
}
.kv__swiper
{
    overflow: hidden;
}
.kv__swiper .swiper-slide
{
    font-size: 18px;
    /* Center slide text vertically */

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-align: center;

    background: #fff;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 768px)
{
    .kv__swiper .swiper-slide
    {
        position: relative;
    }
}
.kv__swiper .swiper-slide img
{
    display: block;

    width: 100%;
    height: 100%;

    -o-object-fit: contain;
       object-fit: contain;
}
@media screen and (min-width: 768px)
{
    .kv__swiper .swiper-slide img
    {
        -o-object-fit: cover;
           object-fit: cover;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .kv__swiper .swiper-slide img
    {
        -o-object-fit: contain;
           object-fit: contain;
    }
}
.swiper-img-wrap
{
    width: 100%;
    height: 100%;
}
.kvArea__slider
{
    display: none;
}
@media screen and (min-width: 768px)
{
    .kvArea__slider
    {
        display: block;
    }
}
.kvList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media screen and (min-width: 768px)
{
    .kvList
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
.container--pc
{
    display: none;
}
@media screen and (min-width: 768px)
{
    .container--pc
    {
        display: block;
    }
}
@media screen and (min-width: 768px)
{
    .slider-container
    {
        position: relative;

        overflow: hidden;

        width: 100%;
    }
}
@media screen and (min-width: 768px)
{
    .slider-wrapper
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-transition: width .5s ease;
             -o-transition: width .5s ease;
                transition: width .5s ease;
    }
}
.slide a
{
    width: 100%;
}
@media screen and (min-width: 768px)
{
    .slide
    {
        font-size: 24px;

        position: relative;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;

        width: calc(20% - 60px);

        -webkit-transition: width .5s ease;
        -webkit-transition: width .65s cubic-bezier(.87, 0, .13, 1);
             -o-transition: width .5s ease;
             -o-transition: width .65s cubic-bezier(.87, 0, .13, 1);
                transition: width .5s ease;
                transition: width .65s cubic-bezier(.87, 0, .13, 1);

        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (min-width: 768px)
{
    .slide.active
    {
        border: none !important;
    }
}
.slide.active .kvList__body__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-animation: appear .7s ease;
            animation: appear .7s ease;
}
.slide.active .kvList__inner::after
{
    bottom: 45px;

    width: 56px;
    height: 56px;

    -webkit-animation: appear .7s ease;
            animation: appear .7s ease;

    border: none;
    background-image: url('../img/common/swiper_icon.svg');
    background-repeat: no-repeat;
    background-position: center center;
}
.slide.active .hover__icon__wrapper
{
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .slide.active .serviceList__slide__img
    {
        -webkit-transform: translateX(-20%);
            -ms-transform: translateX(-20%);
                transform: translateX(-20%);
    }
}
@media screen and (min-width: 768px)
{
    .prev-button,
    .next-button
    {
        position: absolute;
        top: 50%;

        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}
@media screen and (min-width: 768px)
{
    .prev-button
    {
        left: 10px;
    }
}
@media screen and (min-width: 768px)
{
    .next-button
    {
        right: 10px;
    }
}
@media screen and (min-width: 768px)
{
    .kvList__inner
    {
        position: relative;

        height: 53.007813vw;
    }
    .kvList__inner:hover .kv__circle
    {
        width: 57px;
    }
    .kvList__inner:hover .kv__circle::before
    {
        width: 56px;
        height: 56px;
    }
    .kvList__inner:hover .kv__circle::after
    {
        display: none;
    }
    .kvList__inner:hover .kv__hover__icon
    {
        opacity: 1;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .kvList__inner
    {
        height: 69.007813vw;
    }
}
.hover__icon__wrapper
{
    position: absolute;
    bottom: 10%;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-transition: width .3s ease;
         -o-transition: width .3s ease;
            transition: width .3s ease;
    pointer-events: none;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.kv__border
{
    width: 47%;

    border: 1px solid #fff;
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .kv__border
    {
        width: 45%;
    }
}
.kv__hover__icon
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transition: width .3s ease;
         -o-transition: width .3s ease;
            transition: width .3s ease;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    opacity: 0;
}
.kv__circle
{
    position: relative;

    width: 32px;
    height: 56px;
}
.kv__circle::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 32px;
    height: 32px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border: 2px solid #fff;
    border-radius: 50%;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.kv__circle::after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: 20px;
    height: 20px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border: 2px solid #fff;
    border-radius: 50%;
    background-color: transparent;
}
.kvList__body__inner
{
    position: absolute;
    z-index: 1;
    bottom: 20%;
    left: 50%;

    display: none;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}
@media screen and (min-width: 768px)
{
    .kvList__body__inner
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
.kvList__body__inner--sp
{
    position: absolute;
    bottom: 120px;
    left: 50%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}
.kvList__img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.serviceList__slide__img
{
    display: block;

    width: 100%;
    height: 100%;

    -webkit-transition: all .6s ease;
         -o-transition: all .6s ease;
            transition: all .6s ease;

    -o-object-fit: cover;
       object-fit: cover;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .serviceList__slide__img
    {
        display: none;

        -webkit-transform: translateX(-35%);
            -ms-transform: translateX(-35%);
                transform: translateX(-35%);
    }
}
@media screen and (min-width: 1600px)
{
    .serviceList__slide__img
    {
        display: block;
    }
}
.serviceList__slide__img--tab
{
    width: 100%;
    height: 100%;

    -webkit-transition: all .6s ease;
         -o-transition: all .6s ease;
            transition: all .6s ease;

    -o-object-fit: cover;
       object-fit: cover;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
@media screen and (min-width: 768px)
{
    .serviceList__slide__img--tab
    {
        display: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .serviceList__slide__img--tab
    {
        display: block;
    }
}
.serviceList__slide__img--sub
{
    width: 100%;
    height: 100%;
}
.service__text__wrap
{
    width: 212px;
    height: auto;
}
@media screen and (min-width: 768px)
{
    .service__text__wrap
    {
        width: 265px;
        height: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__text__wrap
    {
        width: 150px;
        height: auto;
    }
}
.service__icon__wrap
{
    width: 48px;
    height: 48px;
}
@media screen and (min-width: 768px)
{
    .service__icon__wrap
    {
        width: 60px;
        height: 60px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__icon__wrap
    {
        width: 40px;
        height: 40px;
    }
}
@media screen and (min-width: 768px)
{
    .kv__title
    {
        font-family: 'Yu Gothic', sans-serif;
        font-size: 58px;
        font-weight: 600;
        line-height: 1.5;

        position: absolute;
        z-index: 1000;
        top: 186px;
        left: 50%;

        width: 100%;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        text-align: center;
        letter-spacing: .11em;

        color: #fff;
    }
}
@media screen and (min-width: 1280px)
{
    .kv__title
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .kv__title
    {
        font-size: 48px;

        top: 30%;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media screen and (min-width: 768px)
{
    .kv__title__inner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        gap: 8px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .kv__title__inner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (min-width: 1280px)
{
    .kv__title__inner
    {
        gap: 24px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .kv__title__top
    {
        -webkit-transform: translateX(-9px);
            -ms-transform: translateX(-9px);
                transform: translateX(-9px);
    }
}
.kv-title-wrap
{
    display: none;
}
@media screen and (min-width: 768px)
{
    .kv-title-wrap
    {
        position: absolute;
        z-index: 10;
        top: 65%;
        left: 10%;

        display: block;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .kv-title-wrap
    {
        top: 65%;
        left: 6%;
    }
}
.kv-title
{
    font-family: 'Noto Sans Jp', sans-serif;
    font-size: 36px;
    font-weight: 700;

    padding: 0 16px;

    text-align: left;

    color: #0f1314;
}
@media screen and (min-width: 768px)
{
    .kv-title
    {
        font-size: calc(2vw + 2.3rem);
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .kv-title
    {
        font-size: calc(1.8vw + 1.8rem);
    }
}
.kv-title img
{
    width: 13.5vw;
    min-width: 150px;
    max-width: 210px;

    -webkit-transform: translate(3px, 4px);
        -ms-transform: translate(3px, 4px);
            transform: translate(3px, 4px);

            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1.01 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: brightness(0) saturate(100%);
            filter: brightness(0) saturate(100%);
}
@media screen and (min-width: 768px)
{
    .kv-title img
    {
        max-width: 210px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .kv-title img
    {
        width: 16vw;

        -webkit-transform: translate(3px, 3px);
            -ms-transform: translate(3px, 3px);
                transform: translate(3px, 3px);
    }
}
@media screen and (min-width: 1080px) and (max-width: 1280px)
{
    .kv-title img
    {
        width: 15vw;
    }
}
@media screen and (min-width: 1600px)
{
    .kv-title img
    {
        width: 13.5vw;
        max-width: 230px;
    }
}
@-webkit-keyframes appear
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes appear
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
.l-contactArea
{
    background: #fcfdfd;
}
.contact__progress
{
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 40px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
}
@media screen and (min-width: 768px)
{
    .contact__progress
    {
        margin-top: 0;

        gap: 120px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .contact__progress
    {
        margin-left: 0;
    }
}
.contact__progress:before
{
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;

    width: 50%;
    height: 2px;

    content: '';
    -webkit-transform: translate(-100%, 0%);
        -ms-transform: translate(-100%, 0%);
            transform: translate(-100%, 0%);

    background: #ececec;
}
.contact__progress:after
{
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;

    width: 50%;
    height: 2px;

    content: '';
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);

    background: #ececec;
}
.confirm:before
{
    background: #0080d9;
}
.thanks:before
{
    background: #0080d9;
}
.thanks:after
{
    background: #0080d9;
}
.contact__progress__item--active
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 56px;

    width: 56px;
    height: 56px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #0080d9;
}
@media screen and (min-width: 768px)
{
    .contact__progress__item--active
    {
        font-size: 16px;
        line-height: 72px;

        width: 72px;
        height: 72px;
    }
}
.contact__progress__item
{
    font-size: 12px;
    line-height: 53px;

    width: 56px;
    height: 56px;

    text-align: center;

    color: #141e1c;
    border: 2px solid #ececec;
    border-radius: 50%;
    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    .contact__progress__item
    {
        font-size: 16px;
        line-height: 70px;

        width: 72px;
        height: 72px;
    }
}
.progress__text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;

    letter-spacing: .05em;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .progress__text
    {
        font-size: 16px;
    }
}
.formWrapper
{
    padding: 32px 0 0;
}
@media screen and (min-width: 768px)
{
    .formWrapper
    {
        padding: 80px 0 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .formWrapper
    {
        padding: 72px 0 0;
    }
}
.formList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-top: 32px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 24px;
}
@media screen and (min-width: 768px)
{
    .formList
    {
        max-width: 808px;
        margin: auto;
        margin-top: 72px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .formList
    {
        margin-top: 56px;
    }
}
@media screen and (min-width: 1600px)
{
    .formList
    {
        max-width: 950px;
    }
}
.confirmList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-top: 32px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 24px;
}
@media screen and (min-width: 768px)
{
    .confirmList
    {
        max-width: 808px;
        margin: auto;
        margin-top: 72px;

        gap: 48px;
    }
}
@media screen and (min-width: 1600px)
{
    .confirmList
    {
        max-width: 900px;
    }
}
.contact__text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    text-align: left;
    letter-spacing: .05em;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .contact__text
    {
        font-size: 16px;

        text-align: center;
    }
}
.formList__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 10px;
}
@media screen and (min-width: 768px)
{
    .formList__item
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1600px)
{
    .formList__item
    {
        gap: 30px;
    }
}
.formList__item--second
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 10px;
}
@media screen and (min-width: 768px)
{
    .formList__item--second
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1600px)
{
    .formList__item--second
    {
        gap: 30px;
    }
}
.formList__titleWrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (min-width: 768px)
{
    .formList__titleWrapper
    {
        width: 180px;
        margin-top: 16px;
    }
}
.formList__titleWrapper--second
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (min-width: 768px)
{
    .formList__titleWrapper--second
    {
        width: 180px;
    }
}
.formList__title
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .03em;

    color: #0f1314;
}
@media screen and (min-width: 768px)
{
    .formList__title
    {
        font-size: 16px;
    }
}
.tag--required
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    line-height: .8;

    padding: 3px 6px;

    letter-spacing: .03em;

    color: #f42020;
    border: 1px solid #f42020;
    border-radius: 2px;
}
.formList__inputWrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 8px;
}
@media screen and (min-width: 768px)
{
    .formList__inputWrapper
    {
        width: 100%;
        max-width: 580px;
    }
}
@media screen and (min-width: 1600px)
{
    .formList__inputWrapper
    {
        max-width: none;
    }
}
.formList__inputWrapper input
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;

    width: 100%;
    height: 49px;
    padding: 14px;

    letter-spacing: .03em;

    color: #000;
    border: 2px solid #ececec;
    border-radius: 8px;
    background: #fff;

       -moz-appearance: none;
            appearance: none;
    -webkit-appearance: none;
}
@media screen and (min-width: 768px)
{
    .formList__inputWrapper input
    {
        width: 100%;
        max-width: none;
    }
}
.formList__inputWrapper textarea
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;

    width: 100%;
    min-height: 144px;
    padding: 14px;

    letter-spacing: .03em;

    color: #000;
    border: 2px solid #ececec;
    border-radius: 8px;
    background: #fff;

    field-sizing: content;
}
.formList__inputConfirm
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    letter-spacing: .03em;

    color: #0f1314;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 8px;
}
@media screen and (min-width: 768px)
{
    .formList__inputConfirm
    {
        font-size: 16px;

        width: 100%;
        max-width: 580px;
    }
}
.formList__inputWrapper--checkbox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin-top: 24px;

    cursor: pointer;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    gap: 8px;
}
.formList__checkbox__label
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    letter-spacing: .03em;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .formList__checkbox__label
    {
        font-size: 16px;
    }
}
.formList__input--textarea
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;

    width: 100%;
    max-width: 335px;
    min-height: 144px;
    padding: 14px;

    letter-spacing: .03em;

    color: #000;
    border: 2px solid #ececec;
    border-radius: 8px;
    background: #fff;

    field-sizing: content;
}
@media screen and (min-width: 768px)
{
    .formList__input--textarea
    {
        max-width: 580px;
    }
}
.formList__placeholder
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.5;

    letter-spacing: .03em;

    color: #a4a4a4;
}
@media screen and (min-width: 768px)
{
    .formList__placeholder
    {
        font-size: 16px;
    }
}
.formList__attention
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    margin-top: 40px;

    text-align: left;
    letter-spacing: .03em;

    color: #141e1c;
}
.formList__attention a
{
    text-decoration: underline;

    color: #0080d9;
}
@media screen and (min-width: 768px)
{
    .formList__attention
    {
        font-size: 16px;

        margin-top: 72px;

        text-align: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .formList__attention
    {
        margin-top: 48px;
    }
}
.formList__submitBtnWrapper
{
    margin: 40px 0 0;
}
@media screen and (min-width: 768px)
{
    .formList__submitBtnWrapper
    {
        margin: 56px 0 0;
    }
}
.form__btn__wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-top: 56px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 32px;
}
@media screen and (min-width: 768px)
{
    .form__btn__wrap
    {
            flex-direction: row-reverse;

        margin-top: 72px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.formList__submitBtn
{
    position: relative;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    margin: auto;

    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}
.formList__submitBtn p
{
    position: relative;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    min-width: 182px;
}
@media screen and (min-width: 768px)
{
    .formList__submitBtn p
    {
        min-width: 208px;
    }
}
.formList__submitBtn::before
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 30px;

    width: 13px;
    height: 13px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    background: #0080d9;

            mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
    -webkit-mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
}
@media screen and (min-width: 768px)
{
    .formList__submitBtn::before
    {
        right: 34px;
    }
}
.formList__submitBtn:hover::before
{
    background: #fff;
}
.formList__submitBtn input
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    line-height: 1.3;

    position: relative;

    display: inline-block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-height: 50px;
    padding-top: 13px;
    padding-right: 58px;
    padding-bottom: 13px;
    padding-left: 40px;

    cursor: pointer;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    text-align: left;

    color: #0080d9;
    border: 2px solid #0080d9;
    border-radius: 70px;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;

       -moz-appearance: none;
            appearance: none;
    -webkit-appearance: none;
}
@media screen and (min-width: 768px)
{
    .formList__submitBtn input
    {
        font-size: 18px;

        max-height: 57px;
        padding-top: 15px;
        padding-right: 58px;
        padding-bottom: 15px;
        padding-left: 46px;
    }
}
.formList__submitBtn input:hover
{
    color: #fff;
    background-color: #0080d9;
}
.disabled-color input
{
    color: #fff !important;
    border: none !important;
    background-color: #adadad !important;
}
.disabled-color::before
{
    background: #fff;
}
.disabled-color:hover::before
{
    background: #fff !important;
}
.footer__button:hover svg path
{
    fill: #141e1c; /* ホバー時のSVGの色 */
}
.formList__submitBtn--secondry
{
    position: relative;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    margin: auto;
}
.formList__submitBtn--secondry p
{
    position: relative;

    min-width: 182px;
}
@media screen and (min-width: 768px)
{
    .formList__submitBtn--secondry p
    {
        min-width: 208px;
    }
}
.formList__submitBtn--secondry::before
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 30px;

    width: 13px;
    height: 13px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    background: #0080d9;

            mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
    -webkit-mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/button_icon5.svg') no-repeat center center/contain;
}
@media screen and (min-width: 768px)
{
    .formList__submitBtn--secondry::before
    {
        right: 30px;
    }
}
.formList__submitBtn--secondry:hover::before
{
    opacity: 1;
    background: #fff;
}
.formList__submitBtn--secondry input
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-height: 50px;
    padding-top: 13px;
    padding-right: 73px;
    padding-bottom: 13px;
    padding-left: 45px;

    cursor: pointer;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    text-align: left;

    color: #0080d9;
    border: 2px solid #0080d9;
    border-radius: 70px;
    background: #fff;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
       -moz-appearance: none;
            appearance: none;
    -webkit-appearance: none;
}
@media screen and (min-width: 768px)
{
    .formList__submitBtn--secondry input
    {
        font-size: 18px;

        max-height: 57px;
        padding-top: 15px;
        padding-right: 73px;
        padding-bottom: 15px;
        padding-left: 52px;
    }
}
.formList__submitBtn--secondry input:hover
{
    color: #fff !important;
    background: none;
    background-color: #0080d9;
}
.form__backBtn
{
    position: relative;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    margin: auto;
}
.form__backBtn p
{
    position: relative;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    max-width: 182px;
}
@media screen and (min-width: 768px)
{
    .form__backBtn p
    {
        max-width: 208px;
    }
}
.form__backBtn::before
{
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 30px;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    background: #0f1314;

            mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/arrow_left.svg') no-repeat center center/contain;
    -webkit-mask: url('https://corp.dokoyorimo.net/wizcms/wp-content/themes/dokoyorimo_corp/img/svg/arrow_left.svg') no-repeat center center/contain;
}
@media screen and (min-width: 768px)
{
    .form__backBtn::before
    {
        right: 28px;

        width: 20px;
        height: 20px;
    }
}
.form__backBtn:hover::before
{
    opacity: .5;
}
.form__backBtn input
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0 63px 0 35px;

    cursor: pointer;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    text-align: left;
    letter-spacing: .05em;

    color: #0f1314;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
       -moz-appearance: none;
            appearance: none;
    -webkit-appearance: none;
}
@media screen and (min-width: 768px)
{
    .form__backBtn input
    {
        font-size: 18px;

        width: 208px;
        height: auto;
        padding: 0 63px 0 35px;
    }
}
.form__backBtn input:hover
{
    opacity: .5;
}
.required
{
    color: #f42020;
}
.wpcf7 input[type='checkbox']
{
    display: none;
    visibility: hidden !important;

    width: 0;

       -moz-appearance: none;
            appearance: none;
    -webkit-appearance: none;
}
.wpcf7 input[type='checkbox'] + span
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 200;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}
@media screen and (min-width: 768px)
{
    .wpcf7 input[type='checkbox'] + span
    {
        font-size: 16px;
    }
}
.wpcf7 input[type='checkbox'] + span:before
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin-right: 16px;

    content: '';
    vertical-align: middle;

    border: 1px solid #aaa;
    background: #fafafa;
}
.wpcf7 input[type='checkbox'] + span:before
{
    width: 16px;
    height: 16px;
    margin-right: 8px;

    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #fafafa;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.wpcf7 input[type='checkbox']:checked + span:after
{
    position: absolute;
    top: 5px;
    left: 6px;

    width: 4px;
    height: 8px;

    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border-right: 1px solid #0080d9;
    border-bottom: 1px solid #0080d9;
}
@media screen and (min-width: 768px)
{
    .wpcf7 input[type='checkbox']:checked + span:after
    {
        top: 6px;
        left: 6px;
    }
}
.wpcf7 input[type='checkbox']:checked + span::before
{
    background-color: #fff;
}
.formWrapper input[type='submit']
{
    font-size: 16px;
    font-weight: 500;

       -moz-appearance: none;
            appearance: none;
    -webkit-appearance: none;
}
@media screen and (min-width: 768px)
{
    .formWrapper input[type='submit']
    {
        font-size: 18px;
    }
}
.formList .wpcf7-not-valid
{
    border: 1px solid #f42020;
    background: rgba(244, 32, 32, .102) !important;
}
.formList .wpcf7-not-valid-tip
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;

    margin-top: 8px;

    letter-spacing: .03em;

    color: #f42020;
}
@media screen and (min-width: 768px)
{
    .formList .wpcf7-not-valid-tip
    {
        font-size: 16px;
    }
}
.wpcf7-spinner
{
    display: none !important;
}
.thanks__buttonWrapper
{
    margin-top: 40px;
}
@media screen and (min-width: 768px)
{
    .thanks__buttonWrapper
    {
        margin-top: 72px;
    }
}
.formThanks__button
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 182px;
    max-height: 50px;
    margin: auto;
    padding: 16px 28px;

    cursor: pointer;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    color: #0080d9;
    border: 1px solid #0080d9;
    border-radius: 60px;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: #f7f7f7;
    gap: 8px;
}
.formThanks__button:hover
{
    color: #f7f7f7;
    border-color: #0080d9;
    background-color: #0080d9;
}
.formThanks__button:hover svg path
{
    stroke: #f7f7f7;
}
@media screen and (min-width: 768px)
{
    .formThanks__button
    {
        font-size: 18px;

        max-width: 208px;
        max-height: 58px;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }
    .formThanks__button img
    {
        width: 20px;
        height: auto;
    }
}
.wpcf7-response-output
{
    display: none;
}
.page__title
{
    font-family: 'Helvetica';
    font-size: 36px;
    font-weight: 400;
    line-height: 1.5;

    letter-spacing: .03em;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .page__title
    {
        font-size: 40px;

        letter-spacing: .1em;
    }
}
.page__subTitle
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5;

    margin-top: 16px;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .page__subTitle
    {
        margin-top: 24px;

        letter-spacing: .1em;
    }
}
.serviceWrapper
{
    margin-top: 32px;
}
@media screen and (min-width: 768px)
{
    .serviceWrapper
    {
        margin-top: 40px;
    }
}
.serviceList__bottom
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-top: 48px;

    border-top: 2px solid #ececec;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media screen and (min-width: 768px)
{
    .serviceList__bottom
    {
        margin-top: 0;
    }
}
.serviceList__bottom__item
{
    cursor: pointer;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    border-bottom: 2px solid #ececec;
}
.serviceList__bottom__item:hover
{
    -webkit-box-shadow: rgba(20, 30, 28, .08) 0 4px 12px;
            box-shadow: rgba(20, 30, 28, .08) 0 4px 12px;
}
.serviceList__bottom__item:hover .arrow__right
{
    background: #0080d9;
}
.serviceList__bottom__item:hover .arrow__right::before
{
    background: #f7f7f7;
}
.serviceList__bottom__item:hover .arrow__right::after
{
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}
.serviceList__bottom__item:hover .serviceList__button
{
    border-color: #141e1c;
    background-color: #141e1c;
}
.serviceList__bottom__item__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 32px 16px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 24px;
}
@media screen and (min-width: 1024px)
{
    .serviceList__bottom__item__inner
    {
            flex-direction: row;

        padding: 72px 40px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        gap: 32px;
    }
}
@media screen and (min-width: 1280px)
{
    .serviceList__bottom__item__inner
    {
        gap: 140px;
    }
}
.serviceList__bottom__item__inner:hover .serviceList__bottom__button
{
    color: #f7f7f7;
    border-color: #141e1c;
    background-color: #141e1c;
}
.serviceList__bottom__item__inner:hover svg path
{
    stroke: #fff; /* ホバー時のSVGの色 */
}
.serviceList__bottom__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 16px;
}
@media screen and (min-width: 1024px)
{
    .serviceList__bottom__inner
    {
            flex-direction: row;

        max-width: 800px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
    }
}
@media screen and (min-width: 1280px)
{
    .serviceList__bottom__inner
    {
        gap: 40px;
    }
}
.serviceList__bottom__title
{
    font-family: 'Noto Sans JP';
    font-size: 24px;
    font-weight: 900;
    line-height: 1.5;

    color: #000;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (min-width: 768px)
{
    .serviceList__bottom__title
    {
        font-size: 28px;

        width: 320px;
    }
}
@media screen and (min-width: 1024px)
{
    .serviceList__bottom__title
    {
        font-size: 24px;

        width: 320px;
    }
}
@media screen and (min-width: 1280px)
{
    .serviceList__bottom__title
    {
        font-size: 28px;

        width: 320px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .serviceList__bottom__title
    {
        width: 100%;
    }
}
.serviceList__bottom__text
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.5;

    color: #172623;
}
@media screen and (min-width: 768px)
{
    .serviceList__bottom__text
    {
        font-size: 16px;

        margin-top: 0;
    }
}
.serviceList__bottom__button
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 182px;
    max-height: 50px;
    padding: 16px 28px;

    cursor: pointer;

    color: #fff;
    color: #141e1c;
    border: 1px solid #fff;
    border-color: #141e1c;
    border-radius: 60px;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;
            box-shadow: rgba(20, 30, 28, .2) 0 2px 4px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
}
.serviceList__bottom__button:hover
{
    color: #f7f7f7;
    border-color: #141e1c;
    background-color: #141e1c;
}
.serviceList__bottom__button:hover svg path
{
    stroke: #fff; /* ホバー時のSVGの色 */
}
@media screen and (min-width: 768px)
{
    .serviceList__bottom__button
    {
        font-size: 14px;
        line-height: 2;

        max-width: 162px;
        max-height: 46px;
        padding: 15px 20px;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .serviceList__bottom__button img
    {
        width: 20px;
        height: auto;
    }
}
.serviceList__bottom__button:hover svg path
{
    stroke: #fff; /* ホバー時のSVGの色 */
}
.select-img-wrapper
{
    position: relative;

    width: 100%;
    min-width: 500px;
    max-width: 680px;
}
.select-img-wrapper img
{
    max-width: 641px;
}
.select-img
{
    width: 100%;
    max-width: 500px;
    height: auto;

    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}
@media screen and (min-width: 768px)
{
    .select-img
    {
        display: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .select-img
    {
        display: block;

        min-width: 400px;
    }
}
.select-img--pc
{
    display: none;
}
@media screen and (min-width: 768px)
{
    .select-img--pc
    {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: auto;

        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;

        opacity: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .select-img--pc
    {
        display: none;
    }
}
.fade-in-image
{
    position: absolute;
    top: 0;
    left: 0;

    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    opacity: 0;
}
@media screen and (min-width: 768px)
{
    .service__select
    {
        display: none;
    }
}
.service-select-wrap
{
    display: none;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.service-icon-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 24px;

    color: #0f1314;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
}
@media screen and (min-width: 768px)
{
    .service-icon-link
    {
        display: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service-icon-link
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.service__block
{
    position: relative;

    margin-top: 32px;
}
@media screen and (min-width: 768px)
{
    .service__block
    {
        display: grid;

        grid-template-columns: auto auto;
        justify-items: center;
        gap: 70px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__block
    {
        display: block;

        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        min-height: 520px;
    }
}
.service__text
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 335px;
    height: 180px;
    padding: 20px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border-radius: 10px;
    background-color: rgba(20, 30, 28, .6);
}
@media screen and (min-width: 768px)
{
    .service__text
    {
        display: none;
    }
}
.service__list--pc
{
    display: none;
}
@media screen and (min-width: 768px)
{
    .service__list--pc
    {
        display: block;
        overflow-y: scroll;

        width: 100%;
        max-width: 354px;
        max-height: 700px;
        padding-right: 40px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .service__list--pc
    {
        display: none;
    }
}
.service__list--pc::-webkit-scrollbar
{
    width: 3px;
    margin-left: 10px;
}
.service__list--pc::-webkit-scrollbar-track
{
    border-radius: 3px;
    background-color: #ccc;
}
.service__list--pc::-webkit-scrollbar-thumb
{
    border-radius: 3px;
    background-color: #0080d9;
}
.service__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    opacity: 1;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.service__item img
{
    display: block;

    width: 100%;
}
.service__item p
{
    display: block;
}
.service__item .service-icon
{
    width: 40px;
    height: 40px;
    margin-top: 15px;
    margin-left: auto;
}
.service__item .service-icon img
{
    width: 20px;
}
.service__item:hover
{
    cursor: pointer;

    opacity: 1;
}
.service__item-img0
{
    width: 100%;
    max-width: 171px;
}
.service__item-img1
{
    width: 100%;
    max-width: 195px;
}
.service__item-img2
{
    width: 100%;
    max-width: 207px;
}
.service__item-img3
{
    width: 100%;
    max-width: 213px;
}
.service__item-title
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 1000;
    line-height: 1.5;

    color: #0f1314;
}
@media screen and (min-width: 768px)
{
    .service__item-title
    {
        font-size: 26px;
    }
}
.service__item-text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    margin-top: 32px;

    color: #0f1314;
}
.select
{
    font-size: 12px;

    position: relative;

    display: block;

    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: auto;

    border-bottom: 0;
    border-radius: 10px;
    background-color: #f6f6f6;
}
.select::after
{
    position: absolute;
    top: 50%;
    right: 20px;

    content: '';
    -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
            transform: translateY(-25%);

    border: 8px solid transparent;
    border-top: 11px solid #8e8e8e;
}
@media screen and (min-width: 768px)
{
    .select
    {
        display: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .select
    {
        display: block;
    }
}
.select .title,
.select .placeholder
{
    position: relative;

    display: block;

    width: 100%;
    height: 100%;
    padding: 1.5em 2em;

    cursor: pointer;

    background-color: #f6f6f6;
}
.select > input
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    cursor: pointer;

    opacity: 0;
}
.select > input:not(:checked)
{
    z-index: 4;
}
.select > input:disabled
{
    cursor: no-drop;
}
.select > span.placeholder
{
    position: relative;
    z-index: 0;

    display: inline-block;

    width: 100%;

    color: #999;
    color: #8e8e8e;
    border-top: 0;
    border-radius: 10px;
    background-color: #f6f6f6;
}
.select label.option
{
    z-index: 1;

    display: block;
    overflow: hidden;

    width: 100%;

    -webkit-transition: all 1s ease-out;
         -o-transition: all 1s ease-out;
            transition: all 1s ease-out;
}
.select label.option span.title
{
    position: relative;
    z-index: 2;

    -webkit-transition: background .3s ease-out;
         -o-transition: background .3s ease-out;
            transition: background .3s ease-out;
}
.select label.option input
{
    display: none;
}
.select .active
{
    position: absolute;
    z-index: 100;
    top: 61px;
    left: 0;

    display: block;

    width: 100%;

    -webkit-animation-name: fadein;
            animation-name: fadein;
    -webkit-animation-duration: .2s;
            animation-duration: .2s;

    border: none !important;
}
@media screen and (min-width: 768px)
{
    .select .active
    {
        top: 67px;
    }
}
.select-wrapper
{
    display: none;
    overflow: scroll;

    height: 215px;
    padding: 20px 0;

    border-radius: 10px;
    background-color: #f6f6f6;
}
.service_input_img
{
    display: none;

    width: 133px;
    height: 20px;
}
.service_list_img
{
    width: auto;
    max-width: 133px;
    height: auto;
}
.service_list_img--second
{
    width: 190px;
    height: 30px;
}
.service_list_img--third
{
    width: 190px;
    height: 50px;
}
.service_list-text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 900;

    overflow: hidden;

    max-width: 255px;

    white-space: nowrap;
       text-overflow: ellipsis;

    color: #0f1314;

    -o-text-overflow: ellipsis;
}
.active-image
{
    z-index: 3;

    opacity: 1;
}
.service__link
{
    height: 100%;
    padding-bottom: 20px;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.service__link--nohover
{
    height: 100%;
    padding-bottom: 20px;

    cursor: default;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@-webkit-keyframes fadein
{
    from
    {
        -webkit-transform: translatey(5px);
                transform: translatey(5px);

        opacity: 0;
    }
    to
    {
        -webkit-transform: translatey(0);
                transform: translatey(0);

        opacity: 1;
    }
}
@keyframes fadein
{
    from
    {
        -webkit-transform: translatey(5px);
                transform: translatey(5px);

        opacity: 0;
    }
    to
    {
        -webkit-transform: translatey(0);
                transform: translatey(0);

        opacity: 1;
    }
}
@-webkit-keyframes fadeout
{
    from
    {
        -webkit-transform: translatey(0);
                transform: translatey(0);

        opacity: 1;
    }
    to
    {
        -webkit-transform: translatey(5px);
                transform: translatey(5px);

        opacity: 0;
    }
}
@keyframes fadeout
{
    from
    {
        -webkit-transform: translatey(0);
                transform: translatey(0);

        opacity: 1;
    }
    to
    {
        -webkit-transform: translatey(5px);
                transform: translatey(5px);

        opacity: 0;
    }
}
.company__list
{
    margin-top: 48px;
}
@media screen and (min-width: 768px)
{
    .company__list
    {
        margin-top: 0;
    }
}
.company__list__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 32px 0;

    border-bottom: 2px solid #ececec;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 17px;
}
@media screen and (min-width: 768px)
{
    .company__list__item
    {
            flex-direction: row;

        max-width: 1120px;
        margin: auto;
        padding: 0;

        border-bottom: none;

        gap: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
@media screen and (min-width: 768px)
{
    .company__list__left
    {
        padding: 40px 0;

        border-bottom: 2px solid #0080d9;
    }
}
@media screen and (min-width: 768px)
{
    .company__list__right
    {
        width: 100%;
        padding: 40px 32px 40px 32px;

        border-bottom: 2px solid #ececec;
    }
}
.company__list__title
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;

    letter-spacing: .03em;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .company__list__title
    {
        font-size: 16px;

        display: inline-block;

        width: 176px;

        text-wrap: nowrap;

        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
.company__list__text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    letter-spacing: .03em;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .company__list__text
    {
        font-size: 16px;
    }
}
.thanks__wrapper
{
    padding: 40px 0 0;
}
@media screen and (min-width: 768px)
{
    .thanks__wrapper
    {
        padding: 80px 20px 0;
    }
}
@media screen and (min-width: 1600px)
{
    .thanks__wrapper
    {
        padding: 120px 20px 0;
    }
}
.thanks__title
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;

    text-align: center;
    letter-spacing: .03em;

    color: #000;
}
@media screen and (min-width: 768px)
{
    .thanks__title
    {
        font-size: 32px;

        text-align: center;
    }
}
.thanks__text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    margin-top: 32px;

    text-align: left;
    letter-spacing: .03em;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .thanks__text
    {
        font-size: 16px;

        margin-top: 24px;

        text-align: center;
    }
}
.newsListWrapper--archive
{
    margin-top: 44px;
}
@media screen and (min-width: 768px)
{
    .newsListWrapper--archive
    {
        margin-top: 44px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .newsListWrapper--archive
    {
        margin-top: 44px;
    }
}
.termsListWrapper
{
    max-width: 1120px;
    margin: 48px auto 0;
}
.termsListWrapper--top
{
    margin: 48px auto 0;
}
@media screen and (min-width: 768px)
{
    .termsListWrapper--top
    {
        margin: 104px auto 0;
    }
}
.termsList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.terms__item
{
    padding: 20px 16px;

    list-style: none;

    cursor: pointer;
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    border-bottom: 2px solid #ececec;

    gap: 24px;
}
.terms__item:hover
{
    -webkit-box-shadow: rgba(20, 30, 28, .08) 0 4px 12px;
            box-shadow: rgba(20, 30, 28, .08) 0 4px 12px;
}
.terms__item:hover .arrow__right
{
    background: #141e1c;
}
.terms__item:hover .arrow__right::before
{
    background: #f7f7f7;
}
.terms__item:hover .arrow__right::after
{
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}
.terms__item:hover .service-icon
{
    opacity: .8;
}
@media screen and (min-width: 768px)
{
    .terms__item
    {
        padding: 32px 40px;
    }
}
.terms__item .service-icon img
{
    width: 20px;
    height: 20px;
}
.terms__link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-decoration: none;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.terms__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 8px;
}
@media screen and (min-width: 768px)
{
    .terms__inner
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        gap: 40px;
    }
}
.terms__date
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .terms__date
    {
        font-size: 16px;
    }
}
.terms__text
{
    font-family: 'Yu Gothic', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    color: #141e1c;
}
@media screen and (min-width: 768px)
{
    .terms__text
    {
        font-size: 16px;
    }
}
.terms__arrow__img
{
    width: 24px;
    height: 24px;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.arrow__right
{
    position: relative;

    width: 32px;
    height: 32px;

    border: 1px solid #0080d9;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: rgba(20, 30, 28, .2) 0 4px 12px;
            box-shadow: rgba(20, 30, 28, .2) 0 4px 12px;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media screen and (min-width: 768px)
{
    .arrow__right
    {
        width: 42px;
        height: 42px;

        border: 2px solid #0080d9;
    }
}
.arrow__right::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 9px;
    height: 1px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background: #0080d9;
}
@media screen and (min-width: 768px)
{
    .arrow__right::before
    {
        width: 16px;
    }
}
.arrow__right::after
{
    position: absolute;
    top: 50%;
    left: 63%;

    display: block;

    width: 4px;
    height: 4px;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: translate(-50%, -49%) rotate(45deg);

    border-top: 1px solid #0080d9;
    border-right: 1px solid #0080d9;
}
@media screen and (min-width: 768px)
{
    .arrow__right::after
    {
        width: 5px;
        height: 5px;
    }
}
.l-postArea
{
    padding-top: 48px 20px 56px;
}
.js-scrollable
{
    white-space: nowrap;
}
@media screen and (min-width: 768px)
{
    .js-scrollable
    {
        overflow: visible;
        overflow: initial;
    }
}
.p-postArea
{
    font-size: 14px;
    line-height: 27px;
}
.p-postArea h1
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;

    margin-top: 16px;
    margin-bottom: 40px;
    padding-bottom: 33px;

    letter-spacing: .03em;

    color: #000;
    border-bottom: 2px solid #ececec;
}
@media screen and (min-width: 768px)
{
    .p-postArea h1
    {
        font-size: 32px;

        margin-top: 24px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-postArea h1
    {
        padding-bottom: 24px;
    }
}
.p-postArea h2
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;

    margin: 56px auto 40px;
    padding-bottom: 24px;

    letter-spacing: .03em;

    color: #000;
    border-bottom: 2px solid #ececec;
}
@media screen and (min-width: 768px)
{
    .p-postArea h2
    {
        font-size: 28px;

        margin-top: 80px;
        padding-bottom: 32px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-postArea h2
    {
        padding-bottom: 24px;
    }
}
.p-postArea h3
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.5;

    margin: 40px auto 16px;

    letter-spacing: .03em;

    color: #000;
}
@media screen and (min-width: 768px)
{
    .p-postArea h3
    {
        margin: 48px auto 32px;
    }
}
.p-postArea p
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    margin: 24px auto;

    color: #313636;
}
@media screen and (min-width: 768px)
{
    .p-postArea p
    {
        font-size: 16px;

        margin: 32px auto;
    }
}
.p-postArea a
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    text-decoration: underline;

    color: #0080d9;
}
@media screen and (min-width: 768px)
{
    .p-postArea a
    {
        font-size: 16px;
    }
}
.p-postArea .date
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;

    margin: 48px auto 20px;

    letter-spacing: .03em;

    color: #949494;
}
@media screen and (min-width: 768px)
{
    .p-postArea .date
    {
        font-size: 16px;

        margin-top: 104px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-postArea .date
    {
        margin-top: 72px;
    }
}
.p-postArea ul li
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;

    list-style: none;

    color: #313636;
}
.p-postArea ul li:before
{
    content: '・';
}
@media screen and (min-width: 768px)
{
    .p-postArea ul li
    {
        font-size: 16px;
    }
}
.p-postArea ol
{
    list-style: none;

    counter-reset: listnum;
}
.p-postArea ol li
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;

    color: #313636;
}
.p-postArea ol li:before
{
    content: counter(listnum) '.';
    counter-increment: listnum;
}
@media screen and (min-width: 768px)
{
    .p-postArea ol li
    {
        font-size: 16px;
    }
}
.p-postArea table
{
    width: 100%;
    margin-top: 16px;
}
@media screen and (min-width: 768px)
{
    .p-postArea table
    {
        width: auto;
        margin-top: 48px;
    }
}
.p-postArea td
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-weight: normal;

    width: 280px;
    padding: 20px 19px;

    text-align: left;
    vertical-align: middle;
    white-space: normal;

    border-top: 2px solid #ececec;
    border-left: 2px solid #ececec;
}
@media screen and (min-width: 768px)
{
    .p-postArea td
    {
        font-size: 16px;
    }
}
.p-postArea td:first-child
{
    font-size: 14px;
    font-weight: 700;

    width: 109px;

    text-align: center;

    background: #eff6f7;
}
@media screen and (min-width: 768px)
{
    .p-postArea td:first-child
    {
        font-size: 18px;

        width: 160px;
    }
}
.p-postArea td:last-child
{
    border-right: 2px solid #ececec;
}
.p-postArea tr:first-child td
{
    font-size: 14px;
    font-weight: 700;

    text-align: center;

    background: #eff6f7;
}
.p-postArea tr:first-child td:first-child
{
    border: none;
    background: none;
}
@media screen and (min-width: 768px)
{
    .p-postArea tr:first-child td
    {
        font-size: 18px;
    }
}
.p-postArea tr:last-child td
{
    border-bottom: 2px solid #ececec;
}
.p-postArea img,
.p-postArea figure
{
    width: 100% !important;
    height: auto;
}
.p-postArea figure
{
    margin-bottom: 32px;
}
@media screen and (min-width: 768px)
{
    .p-postArea figure
    {
        margin-bottom: 48px;
    }
}
.p-postArea figcaption
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;

    margin-top: 8px;

    color: #949494;
}
@media screen and (min-width: 768px)
{
    .p-postArea figcaption
    {
        font-size: 16px;

        margin-top: 16px;
    }
}
.js-scrollable
{
    overflow: auto;
}
.info__button__wrapper
{
    margin-top: 58px;
}
@media screen and (min-width: 768px)
{
    .info__button__wrapper
    {
        margin-top: 80px;
    }
}
.info__button
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 182px;
    margin: auto;
    padding: 12px 28px;

    cursor: pointer;

    opacity: 1;
    color: #0080d9;
    border: 1px solid #0080d9;
    border-radius: 60px;
    background: #fff;
    -webkit-box-shadow: rgba(20, 30, 28, .08) 0 4px 4px;
            box-shadow: rgba(20, 30, 28, .08) 0 4px 4px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width: 768px)
{
    .info__button
    {
        width: 208px;
        padding: 16px 28px;

        -webkit-transition: all .3s;
             -o-transition: all .3s;
                transition: all .3s;

        gap: 15px;
    }
}
.info__button:hover
{
    opacity: 1;
    color: #fff;
    border: 1px solid #0080d9;
    background-color: #0080d9;
}
.info__button:active
{
    opacity: 1;
    color: #fff;
    border: 1px solid #0080d9;
    background-color: #0080d9;
}
.info__button .touch-hover
{
    opacity: 1;
    color: #fff;
    border: 1px solid #0080d9;
    background-color: #0080d9;
}
.info__button:hover svg path
{
    stroke: #fff;
}
.info__button:active svg path
{
    stroke: #fff;
}