@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Raleway:ital,wght@0,400;0,500;0,600;0,800;1,400;1,500;1,600;1,800&display=swap);/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,
::before,
::after
{
    box-sizing: border-box;border-width: 0;border-style: solid;
}html
{
    line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;
}body
{
    margin: 0;
}main
{
    display: block;
}p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl
{
    margin: 0;
}h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: inherit;font-weight: inherit;line-height: inherit;margin: 0;
}ul,
ol
{
    margin: 0;padding: 0;list-style: none;
}dt
{
    font-weight: bold;
}dd
{
    margin-left: 0;
}hr
{clear: both;overflow: visible;

    box-sizing: content-box;height: 0;margin: 0;color: inherit;border-top-width: 1px;
}pre
{
    font-family: monospace, monospace;font-size: inherit;
}address
{
    font-style: inherit;
}a
{text-decoration: none;color: inherit;
    background-color: transparent;
}abbr[title]
{
        text-decoration: underline                                ;text-decoration: underline dotted;-webkit-text-decoration: underline dotted;
}b,
strong
{
    font-weight: bolder;
}code,
kbd,
samp
{
    font-family: monospace, monospace;font-size: inherit;
}small
{
    font-size: 80%;
}sub,
sup
{
    font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;
}sub
{
    bottom: -.25em;
}sup
{
    top: -.5em;
}img,
embed,
object,
iframe
{
    vertical-align: bottom;
}button,
input,
optgroup,
select,
textarea
{font: inherit;margin: 0;padding: 0;text-align: inherit;vertical-align: middle;color: inherit;border-radius: 0;outline: 0;background: transparent;

    -webkit-appearance: none;-moz-appearance: none;appearance: none;
}[type='checkbox']
{
    -webkit-appearance: checkbox                            ;-moz-appearance: checkbox;appearance: checkbox;
}[type='radio']
{
    -webkit-appearance: radio                            ;-moz-appearance: radio;appearance: radio;
}button,
input
{
    overflow: visible;
}button,
select
{
    text-transform: none;
}button,
[type='button'],
[type='reset'],
[type='submit']
{
    cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;
}button[disabled],
[type='button'][disabled],
[type='reset'][disabled],
[type='submit'][disabled]
{
    cursor: default;
}button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{padding: 0;

    border-style: none;
}button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring
{
    outline: 1px dotted ButtonText;
}select::-ms-expand
{
    display: none;
}option
{
    padding: 0;
}fieldset
{min-width: 0;
    margin: 0;padding: 0;
}legend
{display: table;max-width: 100%;padding: 0;white-space: normal;

    color: inherit;
}progress
{
    vertical-align: baseline;
}textarea
{
    overflow: auto;
}[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
{
    height: auto;
}[type='search']
{
    outline-offset: -2px;
}[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}::-webkit-file-upload-button
{font: inherit;

    -webkit-appearance: button;
}label[for]
{
    cursor: pointer;
}details
{
    display: block;
}summary
{
    display: list-item;
}[contenteditable]
{
    outline: none;
}table
{border-spacing: 0;
    border-collapse: collapse;
}caption
{
    text-align: left;
}td,
th
{padding: 0;

    vertical-align: top;
}th
{font-weight: bold;

    text-align: left;
}template
{
    display: none;
}[hidden]
{
    display: none;
}.slick-slider
{
    position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;touch-action: pan-y;-webkit-touch-callout: none;
}.slick-list
{
    position: relative;display: block;margin: 0;padding: 0;
}.slick-list:focus
{
    outline: none;
}.slick-list.dragging
{
    cursor: pointer        ;cursor: hand;
}.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}.slick-track
{
    position: relative;top: 0;left: 0;display: block;margin-right: auto;margin-left: auto;
}.slick-track:before,
.slick-track:after
{display: table;

    content: '';
}.slick-track:after
{
    clear: both;
}.slick-loading .slick-track
{
    visibility: hidden;
}.slick-slide
{
    display: none;float: left;height: 100%;min-height: 1px;
}[dir='rtl'] .slick-slide
{
    float: right;
}.slick-slide img
{
    display: inline-block;
}.slick-slide.slick-loading img
{
    display: none;
}.slick-slide.dragging img
{
    pointer-events: none;
}.slick-initialized .slick-slide
{
    display: block;
}.slick-loading .slick-slide
{
    visibility: hidden;
}.slick-vertical .slick-slide
{
    display: block;height: auto;border: 1px solid transparent;
}.slick-arrow.slick-hidden
{
    display: none;
}.slick-prev,
.slick-next
{font-size: 0;line-height: 0;position: absolute;z-index: 1;top: 50%;display: block;width: 20px;height: 40px;padding: 0;

    cursor: pointer;transform: translate(0, -50%);color: transparent;border: none;outline: none;background: transparent;
}.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{color: transparent;outline: none;
    background: transparent;
}.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}.slick-prev:before,
.slick-next:before
{
    font-size: 20px;position: absolute;display: inline-block;width: 20px;height: 20px;
}.slick-prev:before
{top: 0;width: 18px;height: 18px;

    content: '';transform: rotate(-45deg);border-top: 2px solid #fff;border-left: 2px solid #fff;
}.slick-next:before
{
    top: 0;left: 6px;width: 18px;height: 18px;content: '';transform: rotate(45deg);border-top: 2px solid #fff;border-right: 2px solid #fff;
}.slick-prev
{
    left: 18px;
}.slick-next
{
    right: 18px;text-align: center;
}.slick-prev:before
{
    content: '';
}.slick-dots
{
    position: absolute;bottom: -25px;display: block;width: 100%;margin: 0;padding: 0;list-style: none;text-align: center;
}.slick-dots li
{position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 2px;padding: 0;

    cursor: pointer;
}.slick-dots li button
{font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;padding: 0;

    cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;
}.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    color: #53c2f0;
}.slick-dots li button:before
{font-family: 'slick';font-size: 20px;line-height: 20px;

    position: absolute;top: 0;left: 0;width: 10px;height: 10px;content: '•';text-align: center;color: #000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}.slick-dots li.slick-active button:before
{
    color: #53c2f0;
}@-webkit-keyframes scroll
{
    0%
    {
        height: 55px;opacity: 1;
    }90%,
    100%
    {height: 0;

        opacity: 0;
    }
}@keyframes scroll
{
    0%
    {
        height: 55px;opacity: 1;
    }90%,
    100%
    {height: 0;

        opacity: 0;
    }
}@-webkit-keyframes scroll_sp
{
    0%
    {
        height: 40px;opacity: 1;
    }90%,
    100%
    {height: 0;

        opacity: 0;
    }
}@keyframes scroll_sp
{
    0%
    {
        height: 40px;opacity: 1;
    }90%,
    100%
    {height: 0;

        opacity: 0;
    }
}@-webkit-keyframes up
{
    0%
    {
        transform: translate(0, 0);
    }60%
    {
        transform: translate(0, -15px);
    }100%
    {
        transform: translate(0, 0);
    }
}@keyframes up
{
    0%
    {
        transform: translate(0, 0);
    }60%
    {
        transform: translate(0, -15px);
    }100%
    {
        transform: translate(0, 0);
    }
}html,
body
{
    -webkit-text-size-adjust: 100%                ;-ms-text-size-adjust: 100%;
}body
{font-family: 'Noto Sans JP','游ゴシック Medium','游ゴシック',YuGothic,YuGothicM,Osaka,'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,sans-serif;
    font-size: 16px;font-weight: 400;line-height: 1.5;letter-spacing: .1em;color: #001f2e;
}@media screen and (max-width: 768px)
{
    body
    {
        font-size: 14px;
    }
}img
{
    width: 100%;image-rendering: -webkit-optimize-contrast;
}a,
a:visited,
a:hover
{
    text-decoration: none;
}a:hover
{
    text-decoration: none;
}a img
{
    border: 0;
}.clearfix:after
{display: block;clear: both;

    height: 0;content: ' ';
}@media screen and (min-width: 769px)
{
    .sp
    {
        display: none !important;
    }
}@media screen and (max-width: 768px)
{
    .pc
    {
        display: none !important;
    }
}.wrap
{position: relative;

    overflow: hidden;
}.header
{
    position: relative;z-index: 100;top: 0;left: 0;display: flex;width: 100%;height: 148px;background: #fff;justify-content: end;
}@media screen and (max-width: 768px)
{
    .header
    {
        height: 0;
    }
}.header h1
{
    position: absolute;top: 60px;left: 50px;
}@media screen and (max-width: 768px)
{
    .header h1
    {
        top: 18px;left: 20px;
    }
}.header h1 img
{
    width: 130px;height: auto;
}@media screen and (max-width: 768px)
{
    .header h1 img
    {
        width: 60px;
    }
}.header h1 a
{
    transition: all .5s 0s ease;
}.header h1 a:hover
{
    opacity: .7;
}.header__btn
{position: fixed;top: 0;right: 0;width: 148px;height: 148px;

    cursor: pointer;transition: all .5s 0s ease;
}.header__btn:hover
{
    opacity: .5;
}@media screen and (max-width: 768px)
{
    .header__btn
    {
        width: 60px;height: 60px;
    }
}.header__btn span
{position: absolute;top: 50%;left: 50%;

    width: 45px;height: 1px;transition: all .5s 0s ease;transform: translate(-50%, -50%);background: #001f2e;
}.header__btn span:first-child
{
    top: calc(50% - 10px);
}@media screen and (max-width: 768px)
{
    .header__btn span:first-child
    {
        top: calc(50% - 6px);
    }
}.header__btn span:nth-child(2)
{
    top: calc(50% + 10px);
}@media screen and (max-width: 768px)
{
    .header__btn span:nth-child(2)
    {
        top: calc(50% + 6px);
    }
}@media screen and (max-width: 768px)
{
    .header__btn span
    {
        width: 30px;
    }
}.header__btn._active
{
    transition: all .3s 0s ease;
}.header__btn._active span:first-child
{
    top: 50%;transform: translate(-50%, -50%) rotate(-45deg);
}.header__btn._active span:nth-child(2)
{
    top: 50%;transform: translate(-50%, -50%) rotate(45deg);
}.header__btn._active:hover
{
    transform: scale(.8);
}@media screen and (max-width: 768px)
{
    .menu__cont
    {
        opacity: 0;
    }
}.menu__cont ul
{font-weight: 500;position: relative;

    display: flex;width: auto;height: auto;margin-right: 180px;padding-top: 60px;letter-spacing: .2em;align-items: center;
}.menu__cont ul li
{font-family: 'Raleway', sans-serif;font-size: 18px;font-weight: 500;position: relative;

    margin-left: 70px;padding-left: 47px;text-align: left;letter-spacing: .2em;
}.menu__cont ul li::before
{position: absolute;top: 50%;left: 0;

    width: 22px;height: 1px;content: '';background: #001f2e;
}.menu__cont a
{transition: all .5s 0s ease;

    color: #333;
}.menu__cont a:hover
{
    opacity: .5;
}.menu__cont._active
{
    position: fixed;top: 0;left: 0;display: flex;width: 100%;height: 100vh;transition: all .5s 0s ease;background: #f2f8fc;justify-content: center;align-items: center;
}@media screen and (max-width: 768px)
{
    .menu__cont._active
    {
        opacity: 1;
    }
}.menu__cont._active ul
{font-size: 20px;

    display: block;margin-right: 0;padding-top: 0;text-align: center;letter-spacing: .15em;
}.menu__cont._active ul li
{
    margin: 0 0 50px;padding-left: 0;text-align: center;
}.menu__cont._active ul li::before
{
    display: none;
}.menu__cont._active ul a
{
    color: #001f2e;
}.footer
{padding: 120px 0 100px;

    text-align: center;background: #fff;
}@media screen and (max-width: 768px)
{
    .footer
    {
        padding: 50px 0 30px;
    }
}.footer h1
{
    margin-bottom: 30px;
}@media screen and (max-width: 768px)
{
    .footer h1
    {
        margin-bottom: 15px;
    }
}.footer h1 img
{
    width: 175px;
}@media screen and (max-width: 768px)
{
    .footer h1 img
    {
        width: 140px;
    }
}.footer a
{
    transition: all .5s 0s ease;
}.footer a:hover
{
    opacity: .7;
}.footer address
{
    font-size: 16px;font-weight: 500;margin-bottom: 40px;
}@media screen and (max-width: 768px)
{
    .footer address
    {
        font-size: 13px;margin-bottom: 30px;
    }
}.footer .copyright
{font-family: 'Raleway', sans-serif;
    font-size: 14px;font-weight: 500;letter-spacing: .2em;
}@media screen and (max-width: 768px)
{
    .footer .copyright
    {
        font-size: 11px;letter-spacing: .1em;
    }
}.ScrollShow
{
    transition: all .5s 0s ease;transform: translate(0, 30px) scale(.98);opacity: 0;
}.ScrollShow.__active
{
    transform: translate(0, 0) scale(1);opacity: 1;
}.inner
{
    width: 1000px;margin: 0 auto;
}@media screen and (max-width: 768px)
{
    .inner
    {
        width: 100%;
    }
}.loading
{
    position: fixed;z-index: 10000;top: 0;left: 0;display: flex;width: 100vw;height: 100vh;text-align: center;background: #fff;align-items: center;justify-content: center;
}.loading img
{
    width: 100px;height: auto;
}.loading._active
{z-index: -1000;

    transition: all .8s .5s ease;opacity: 0;
}.loading_in
{
    margin-bottom: 10vh;
}.loader span
{display: inline-block;

    width: 6px;height: 6px;margin: 0 4px;-webkit-animation-name: loader;animation-name: loader;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;border-radius: 999px;background: #becde9;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;
}.loader span:nth-child(2)
{
    -webkit-animation-delay: .2s                        ;animation-delay: .2s;
}.loader span:nth-child(3)
{
    -webkit-animation-delay: .4s                        ;animation-delay: .4s;
}.loader span:nth-child(4)
{
    -webkit-animation-delay: .6s                        ;animation-delay: .6s;
}@-webkit-keyframes loader
{
    0%
    {
        transform: translate(0, 0);
    }25%
    {
        transform: translate(0, 0);opacity: .2;
    }50%
    {
        transform: translate(0, 0);
    }100%
    {
        transform: translate(0, 0);
    }
}@keyframes loader
{
    0%
    {
        transform: translate(0, 0);
    }25%
    {
        transform: translate(0, 0);opacity: .2;
    }50%
    {
        transform: translate(0, 0);
    }100%
    {
        transform: translate(0, 0);
    }
}.home .header h1
{
    display: none;
}@media screen and (max-width: 768px)
{
    .home .wrap
    {
        background: #fff;
    }
}.home__mainimage
{
    position: relative;margin-bottom: 60px;
}@media screen and (max-width: 768px)
{
    .home__mainimage
    {width: 100%;height: calc(var(--vh, 1vh) * 100);
        margin-bottom: 0;
    }
}.home__mainimage_bg
{position: absolute;top: 50%;left: 50%;display: block;width: calc(100% + 100px);height: calc(100% + 100px);transform: translate(-50%, -50%);
    text-align: center;background: url(../../assets/img/common/bg01.jpg);background-repeat: no-repeat;background-size: cover;align-items: center;justify-content: center;
}.home__mainimage_in
{
    position: relative;overflow: hidden;width: 100%;width: calc(100% - 200px);height: 100vh;height: calc(var(--vh, 1vh) * 100 - 248px);margin: 0 auto;
}@media screen and (max-width: 768px)
{
    .home__mainimage_in
    {position: fixed;top: 10px;left: 10px;width: calc(100% - 20px);
        height: calc(var(--vh, 1vh) * 100 - 20px);margin: 0 auto 0;
    }
}.home__mainimage_box
{
    position: absolute;z-index: 10;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);text-align: center;opacity: 0;
}.home__mainimage_box._active
{transition: all 1s 0s ease;

    opacity: 1;
}.home__mainimage_title
{position: relative;

    width: 250px;margin: 0 auto;padding-bottom: 30px;
}@media screen and (max-width: 768px)
{
    .home__mainimage_title
    {
        width: 40%;padding-bottom: 6%;
    }
}.home__mainimage_title::after,
.home__mainimage_title::before
{position: absolute;bottom: 0;left: 0;display: block;

    width: 100%;height: 1px;content: '';background: #001f2e;
}.home__mainimage_title::after
{
    bottom: 8px;
}.home__mainimage_copy
{font-family: 'Raleway', sans-serif;font-size: 22px;font-weight: 600;

    margin-top: 40px;letter-spacing: .3em;
}@media screen and (max-width: 768px)
{
    .home__mainimage_copy
    {font-size: 12px;

        margin-top: 7%;letter-spacing: .25em;
    }
}.home__mainimage_scroll
{font-family: 'Raleway', sans-serif;
    font-size: 18px;font-weight: 500;position: absolute;bottom: -70px;left: 50%;transition: all .5s 0s ease;transform: translate(-50%, 0);letter-spacing: .2em;opacity: 0;
}.home__mainimage_scroll._active
{
    opacity: 1;
}@media screen and (max-width: 768px)
{
    .home__mainimage_scroll
    {font-size: 12px;

        bottom: 30px;letter-spacing: .15em;
    }
}.home__mainimage_scroll span
{
    position: relative;overflow: hidden;padding-top: 75px;
}@media screen and (max-width: 768px)
{
    .home__mainimage_scroll span
    {
        padding-top: 50px;
    }
}.home__mainimage_scroll span::before
{position: absolute;bottom: 40px;left: 50%;

    width: 1px;height: 55px;content: '';-webkit-animation: scroll 2s linear 0s infinite normal forwards;animation: scroll 2s linear 0s infinite normal forwards;background: #001f2e;
}@media screen and (max-width: 768px)
{
    .home__mainimage_scroll span::before
    {bottom: 20px;

        height: 40px;-webkit-animation: scroll_sp 2s linear 0s infinite normal forwards;animation: scroll_sp 2s linear 0s infinite normal forwards;
    }
}.home__message
{position: relative;

    padding: 80px 0 140px;
}@media screen and (max-width: 768px)
{
    .home__message
    {
        padding: 80px 0 60px;
    }
}.home__message.__active::before
{margin-top: 0;transition: all 3s 0s ease;

    opacity: 1;
}@media screen and (max-width: 768px)
{
    .home__message.__active::before
    {
        opacity: .3;
    }
}.home__message.__active::after
{margin-top: 0;transition: all 4s .5s ease;

    opacity: 1;
}@media screen and (max-width: 768px)
{
    .home__message.__active::after
    {
        opacity: .3;
    }
}.home__message::after,
.home__message::before
{
    position: absolute;display: block;margin-top: 3%;content: '';opacity: 0;
}@media screen and (max-width: 768px)
{
    .home__message::after,
    .home__message::before
    {
        margin-top: 10%;
    }
}.home__message::before
{top: 20px;
    left: 50%;width: 424px;height: 780px;margin-left: -600px;transform: translate(-50%, 0);background: url(../../assets/img/home/bg_message01.jpg) center center no-repeat;background-size: cover;mix-blend-mode: multiply;
}@media screen and (max-width: 768px)
{
    .home__message::before
    {top: 20%;
        left: 70%;width: 60%;height: 70%;margin-left: 0;transform: translate(0, 0);background-size: contain;
    }
}.home__message::after
{top: 80px;
    left: 50%;width: 424px;height: 930px;margin-left: 640px;transform: translate(-50%, 0);background: url(../../assets/img/home/bg_message02.jpg) center center no-repeat;background-size: cover;mix-blend-mode: multiply;
}@media screen and (max-width: 768px)
{
    .home__message::after
    {top: 4%;
        left: -30%;width: 60%;height: 70%;margin-left: 0;transform: translate(0, 0);background-size: contain;
    }
}.home__message_title
{margin-bottom: 90px;transform: translate(0, 0) scale(.98);
    text-align: center;
}@media screen and (max-width: 768px)
{
    .home__message_title
    {
        margin-bottom: 30px;
    }
}.home__message_title.__active .point
{
    display: inline-block;
}.home__message_title.__active .point:first-child
{
    -webkit-animation: up .4s ease-out .3s 1 normal forwards                        ;animation: up .4s ease-out .3s 1 normal forwards;
}.home__message_title.__active .point:nth-child(2)
{
    -webkit-animation: up .4s ease-out .4s 1 normal forwards                        ;animation: up .4s ease-out .4s 1 normal forwards;
}.home__message_title.__active .point:nth-child(3)
{
    -webkit-animation: up .4s ease-out .5s 1 normal forwards                        ;animation: up .4s ease-out .5s 1 normal forwards;
}.home__message_title > div
{font-size: 65px;line-height: 1;position: relative;

    display: inline-block;padding: 50px 100px;letter-spacing: .3em;
}@media screen and (max-width: 768px)
{
    .home__message_title > div
    {font-size: 25px;width: calc(100% - 80px);margin: 0 auto;
        padding: 20px 0;letter-spacing: .25em;
    }
}.home__message_title > div .small
{
    font-size: 52px;
}@media screen and (max-width: 768px)
{
    .home__message_title > div .small
    {
        font-size: 16px;
    }
}.home__message_title > div img
{
    width: 25px;margin-right: 30px;
}@media screen and (max-width: 768px)
{
    .home__message_title > div img
    {
        width: 10px;margin-right: 10px;
    }
}.home__message_title > div::after,
.home__message_title > div::before
{
    position: absolute;width: 37px;height: 37px;content: '';
}@media screen and (max-width: 768px)
{
    .home__message_title > div::after,
    .home__message_title > div::before
    {
        width: 20px;height: 20px;
    }
}.home__message_title > div::after
{top: 0;
    left: 0;border-top: 1px solid #001f2e;border-left: 1px solid #001f2e;
}.home__message_title > div::before
{
    right: 0;bottom: 0;border-right: 1px solid #001f2e;border-bottom: 1px solid #001f2e;
}.home__message p
{font-size: 18px;font-weight: 500;line-height: 68px;

    text-align: center;letter-spacing: .15em;
}@media screen and (max-width: 768px)
{
    .home__message p
    {
        font-size: 14px;line-height: 2;padding: 0 30px;text-align: left;
    }
}.home__service
{
    position: relative;padding-bottom: 50px;
}@media screen and (max-width: 768px)
{
    .home__service
    {
        padding-bottom: 20px;
    }
}.home__service::before
{position: absolute;z-index: -1;bottom: 0;left: 0;

    width: 100%;height: calc(100% - 50px);content: '';background: rgba(0,125,185,.05);
}@media screen and (max-width: 768px)
{
    .home__service::before
    {
        height: calc(100% - 30px);
    }
}.home__service .contents
{
    overflow: hidden;
}.home__service .contents > .home__service_box
{
    float: left;margin-top: 50px;
}@media screen and (max-width: 768px)
{
    .home__service .contents > .home__service_box
    {
        float: none;margin-top: 30px;
    }
}.home__service .home__service_box_wrap
{
    float: right;
}@media screen and (max-width: 768px)
{
    .home__service .home__service_box_wrap
    {
        float: none;
    }
}.home__service_box
{
    width: 455px;
}@media screen and (max-width: 768px)
{
    .home__service_box
    {
        width: 100%;margin-bottom: 40px;
    }
}.home__service_box:first-child
{
    margin-top: 50px;
}@media screen and (max-width: 768px)
{
    .home__service_box:first-child
    {
        margin-top: 0;
    }
}.home__service_box figure
{
    margin-bottom: 30px;
}@media screen and (max-width: 768px)
{
    .home__service_box figure
    {overflow: hidden;

        height: 180px;
    }
}@media screen and (max-width: 768px)
{
    .home__service_box figure img
    {height: 180px;

        -o-object-fit: cover                                                                             ;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;
    }
}.home__service_box dl
{
    display: flex;
}.home__service_box dl dt
{
    font-family: 'Raleway', sans-serif;font-size: 48px;font-weight: 500;font-style: italic;line-height: 1.1;width: 180px;
}@media screen and (max-width: 768px)
{
    .home__service_box dl dt
    {
        font-size: 40px;line-height: 1;width: 105px;
    }
}.home__service_box dl dt span
{
    font-size: 15px;font-weight: 900;position: relative;display: block;margin-bottom: 5px;
}@media screen and (max-width: 768px)
{
    .home__service_box dl dt span
    {
        font-size: 11px;line-height: 1;margin-bottom: 0;
    }
}.home__service_box dl dt span::before
{
    position: absolute;top: 7px;left: 85px;width: 50px;height: 1px;content: '';background: #001f2e;
}@media screen and (max-width: 768px)
{
    .home__service_box dl dt span::before
    {
        top: 5px;left: 58px;width: 20px;
    }
}.home__service_box dl ul li
{font-weight: 500;

    position: relative;padding: 0 0 35px 35px;
}@media screen and (max-width: 768px)
{
    .home__service_box dl ul li
    {
        padding: 0 0 20px 30px;
    }
}.home__service_box dl ul li:last-child
{
    padding-bottom: 0;
}.home__service_box dl ul li::before
{
    position: absolute;top: 8%;left: 0;width: 16px;height: 16px;content: '';background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 14.672 15.121\'%3E%3Cpath fill=\'%23BECDE9\' d=\'M632.936,400.843l-14.672-5.924,11.476-9.2Z\' transform=\'translate(-618.264 -385.721)\' /%3E%3C/svg%3E');background-repeat: no-repeat;background-size: cover;
}@media screen and (max-width: 768px)
{
    .home__service_box dl ul li::before
    {
        width: 12px;height: 12px;
    }
}.home__service_box_wrap .home__service_box:first-child
{
    margin: 0 0 50px;
}.home__works
{
    padding: 170px 0 140px;
}@media screen and (max-width: 768px)
{
    .home__works
    {
        padding: 40px 0 60px;
    }
}.home__works_contents
{
    display: flex;width: 1000px;margin: 0 auto 20px;flex-wrap: wrap;
}@media screen and (max-width: 768px)
{
    .home__works_contents
    {
        width: calc(100% - 60px);
    }
}.home__works .title
{
    margin-bottom: 60px;
}@media screen and (max-width: 768px)
{
    .home__works .title
    {
        margin-bottom: 30px;
    }
}.home__works_box
{
    width: 475px;margin-bottom: 60px;
}@media screen and (max-width: 768px)
{
    .home__works_box
    {
        width: 100%;margin-bottom: 40px;
    }
}.home__works_box a
{
    transition: all .5s 0s ease;
}.home__works_box a:hover p
{
    opacity: .5;
}.home__works_box a:hover img
{
    transform: scale(1.05);
}.home__works_box figure
{overflow: hidden;

    width: 475px;height: 380px;margin-bottom: 30px;
}@media screen and (max-width: 768px)
{
    .home__works_box figure
    {
        width: 100%;height: 250px;margin-bottom: 20px;
    }
}.home__works_box figure img
{width: 100%;height: 100%;

    transition: all .5s 0s ease;-o-object-fit: cover;object-fit: cover;
}.home__works_box p
{
    transition: all .5s 0s ease;
}.home__works_box p strong
{
    font-size: 18px;font-weight: 500;display: block;padding-bottom: 10px;
}@media screen and (max-width: 768px)
{
    .home__works_box p strong
    {
        font-size: 16px;padding-bottom: 5px;
    }
}.home__works_box p span
{font-family: 'Raleway', sans-serif;font-size: 13px;font-weight: 600;display: block;letter-spacing: .2em;

    opacity: .6;
}@media screen and (max-width: 768px)
{
    .home__works_box p span
    {
        font-size: 11px;
    }
}.home__works_box:nth-child(even)
{
    margin-left: 50px;
}@media screen and (max-width: 768px)
{
    .home__works_box:nth-child(even)
    {
        margin-left: 0;
    }
}.home__about
{overflow: hidden;width: calc(100% - 200px);margin: 0 auto;
    padding: 120px 0;background: url(../../assets/img/home/bg_about.jpg) center center no-repeat;background-size: 100% 100%;
}@media screen and (max-width: 768px)
{
    .home__about
    {
        width: 100%;padding: 40px 0 60px;
    }
}.home__about_box
{
    display: flex;
}@media screen and (max-width: 768px)
{
    .home__about_box
    {
        display: block;
    }
}.home__about_box:first-child
{
    margin-bottom: 170px;
}@media screen and (max-width: 768px)
{
    .home__about_box:first-child
    {
        margin-bottom: 50px;
    }
}.home__about_box_title
{
    width: 210px;
}@media screen and (max-width: 768px)
{
    .home__about_box_title
    {
        width: 100%;margin-bottom: 30px;
    }
}.home__about_box_title span
{font-family: 'Raleway', sans-serif;
    font-size: 18px;font-weight: 900;line-height: 2;display: block;margin-bottom: 10px;letter-spacing: .2em;
}@media screen and (max-width: 768px)
{
    .home__about_box_title span
    {
        line-height: 1.5;margin-bottom: 5px;letter-spacing: .15em;
    }
}.home__about_box_title h2
{
    font-weight: 500;letter-spacing: .2em;
}@media screen and (max-width: 768px)
{
    .home__about_box_title h2
    {
        font-size: 14px;letter-spacing: .15em;
    }
}.home__about_box dl
{
    font-size: 18px;width: 100%;flex: 1;
}@media screen and (max-width: 768px)
{
    .home__about_box dl
    {
        font-size: 16px;border-top: 1px solid #001f2e;
    }
}.home__about_box dl div
{
    display: flex;padding: 20px 0;border-bottom: 1px solid #001f2e;
}@media screen and (max-width: 768px)
{
    .home__about_box dl div
    {
        display: block;padding: 20px 0;
    }
}@media screen and (min-width: 769px)
{
    .home__about_box dl div:first-child
    {
        padding-top: 5px;
    }
}.home__about_box dl div dt
{
    font-weight: 600;width: 165px;
}@media screen and (max-width: 768px)
{
    .home__about_box dl div dt
    {
        width: auto;margin-bottom: 5px;
    }
}.home__about_box dl div dd a
{
    font-family: 'Raleway', sans-serif;font-size: 16px;font-weight: 600;display: inline-block;margin-top: 10px;text-decoration: underline;letter-spacing: .2em;
}@media screen and (max-width: 768px)
{
    .home__about_box dl div dd a
    {
        font-size: 14px;display: inline-block;margin-top: 15px;margin-left: auto;
    }
}.home__about_box dl div dd a:hover
{
    text-decoration: none;
}.home__about_box dl div dd a svg
{
    width: 16px;height: 20px;margin-right: 8px;margin-bottom: 2px;vertical-align: middle;
}@media screen and (max-width: 768px)
{
    .home__about_box dl div dd a svg
    {
        width: 12px;height: 16px;
    }
}.home__about_box p
{font-size: 16px;
    font-weight: 500;line-height: 42px;width: 100%;flex: 1;
}@media screen and (max-width: 768px)
{
    .home__about_box p
    {
        font-size: 14px;line-height: 2;
    }
}.contents
{
    width: 1000px;margin: 0 auto;
}@media screen and (max-width: 768px)
{
    .contents
    {
        width: calc(100% - 60px);
    }
}.title
{
    margin-bottom: 30px;
}@media screen and (max-width: 768px)
{
    .title
    {
        margin-bottom: 20px;
    }
}.title span
{font-family: 'Raleway', sans-serif;
    font-size: 75px;font-weight: 400;line-height: 1.2;letter-spacing: .2em;
}@media screen and (max-width: 768px)
{
    .title span
    {
        font-size: 44px;letter-spacing: .15em;
    }
}.title h2
{
    font-size: 16px;font-weight: 500;letter-spacing: .2em;
}@media screen and (max-width: 768px)
{
    .title h2
    {
        font-size: 14px;letter-spacing: .15em;
    }
}.btm_mote
{
    text-align: center;
}.btm_mote span
{font-family: 'Raleway', sans-serif;
    font-size: 20px;font-weight: 500;position: relative;padding-bottom: 30px;cursor: pointer;transition: all .5s 0s ease;letter-spacing: .2em;
}@media screen and (max-width: 768px)
{
    .btm_mote span
    {
        font-size: 18px;padding-bottom: 25px;
    }
}.btm_mote span::before
{position: absolute;bottom: 0;left: 50%;width: 42px;height: 14px;content: '';transition: all .5s 0s ease;transform: translate(-50%, 0);

    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 41.38 14.102\'%3E%3Cpath fill=\'%2332536\' d=\'M40.843,0,20.69,12.82.537,0,0,.844l20.328,12.93.209.328.153-.1.154.1.209-.328L41.38.844Z\' transform=\'translate(0)\' /%3E%3C/svg%3E');background-repeat: no-repeat;background-size: 100% auto;
}@media screen and (max-width: 768px)
{
    .btm_mote span::before
    {
        width: 36px;height: 12px;
    }
}.btm_mote span:hover
{
    opacity: .7;
}.btm_mote span:hover::before
{
    bottom: -5px;
}.works__main
{
    position: relative;margin-bottom: 80px;padding-top: 80px;
}@media screen and (max-width: 768px)
{
    .works__main
    {margin-bottom: 40px;
        padding-top: 90px;
    }
}.works__main::after
{position: absolute;z-index: -1;top: 0;left: calc(50% + 210px);display: block;width: 1560px;
    height: 600px;content: '';transform: translate(-50%, 0);background: url(../../assets/img/common/bg02.jpg);background-repeat: no-repeat;background-size: cover;
}@media screen and (max-width: 768px)
{
    .works__main::after
    {top: auto;bottom: 30%;left: 20px;

        width: 100%;height: calc(70% - 60px);transform: translate(0, 0);
    }
}.works__main::before
{position: absolute;z-index: -2;bottom: 0;left: 0;display: block;

    width: 100%;height: 490px;content: '';background: rgba(0,125,185,.05);
}@media screen and (max-width: 768px)
{
    .works__main::before
    {
        height: 80%;
    }
}.works__main_title
{
    width: 1000px;margin: 0 auto;
}@media screen and (max-width: 768px)
{
    .works__main_title
    {
        width: 100%;
    }
}.works__main_title span
{font-family: 'Raleway', sans-serif;
    font-size: 73px;line-height: 1.2;display: block;letter-spacing: .2em;
}@media screen and (max-width: 768px)
{
    .works__main_title span
    {
        font-size: 44px;padding: 0 20px 0 40px;letter-spacing: .15em;
    }
}.works__main_title h2
{
    font-size: 16px;font-weight: 600;margin-bottom: 50px;letter-spacing: .2em;
}@media screen and (max-width: 768px)
{
    .works__main_title h2
    {
        font-size: 14px;margin-bottom: 30px;padding: 0 20px 0 40px;
    }
}.works__main_image
{
    padding-bottom: 40px;
}@media screen and (max-width: 768px)
{
    .works__main_image
    {
        padding-bottom: 30px;
    }
}.works__main_image figure
{
    width: 1200px;height: 440px;margin-bottom: 35px;transform: translate(-200px, 0);
}@media screen and (max-width: 768px)
{
    .works__main_image figure
    {
        width: 100%;height: 280px;margin-bottom: 20px;transform: translate(0, 0);
    }
}.works__main_image figure img
{height: 440px;

    -o-object-fit: cover                     ;object-fit: cover;
}@media screen and (max-width: 768px)
{
    .works__main_image figure img
    {
        height: 280px;
    }
}.works__main_image h3
{
    font-size: 28px;font-weight: 600;letter-spacing: .1em;
}@media screen and (max-width: 768px)
{
    .works__main_image h3
    {
        font-size: 22px;padding: 0 20px 0 40px;
    }
}.works__main_image span
{
    font-family: 'Raleway', sans-serif;font-size: 13px;font-weight: 600;margin-top: 15px;letter-spacing: .2em;opacity: .6;
}@media screen and (max-width: 768px)
{
    .works__main_image span
    {font-size: 12px;

        margin-top: 10px;
    }
}.works__box
{
    margin-bottom: 100px;
}@media screen and (max-width: 768px)
{
    .works__box
    {
        margin-bottom: 40px;
    }
}.works__box > figure
{margin-bottom: 50px;

    text-align: center;
}@media screen and (max-width: 768px)
{
    .works__box > figure
    {
        margin-bottom: 20px;
    }
}.works__box > figure img
{width: auto;max-width: 100%;
    max-height: 500px;
}@media screen and (max-width: 768px)
{
    .works__box > figure img
    {
        max-height: 300px;
    }
}.works__box_title
{
    font-size: 22px;font-weight: 500;width: 800px;margin: 0 auto 20px;
}@media screen and (max-width: 768px)
{
    .works__box_title
    {font-size: 18px;

        width: 100%;margin: 0 auto 10px;
    }
}.works__box_text
{
    line-height: 42px;width: 800px;margin: 0 auto 20px;
}@media screen and (max-width: 768px)
{
    .works__box_text
    {line-height: 1.7;

        width: 100%;
    }
}.works__note
{margin-bottom: 40px;
    padding-top: 40px;border-top: 1px solid #001f2e;border-bottom: 1px solid #001f2e;
}@media screen and (max-width: 768px)
{
    .works__note
    {margin-bottom: 30px;
        padding-top: 30px;
    }
}.works__note > div
{
    display: flex;padding-bottom: 40px;align-items: center;
}@media screen and (max-width: 768px)
{
    .works__note > div
    {
        display: block;padding-bottom: 30px;
    }
}.works__note dt
{
    font-size: 17px;font-weight: 600;width: 200px;
}@media screen and (max-width: 768px)
{
    .works__note dt
    {
        font-size: 16px;width: 100%;margin-bottom: 15px;
    }
}.works__note dd
{
    font-weight: 500;
}.works__note dd a
{
    text-decoration: underline;word-wrap: break-word;
}.works__note dd a:hover
{
    text-decoration: none;
}