@charset "utf-8";

body {
    /**
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    ***/
    font-weight: 400;
    font-style: normal;
    font-size: 0;
}

.img {
    width: 100%;
    height: auto;
}

.sp {
    display: none !important;
}

.pc {
    display: block !important;
}

.inner-1380 {
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
}

.inner-1240 {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

.inner-1185 {
    max-width: 1185px;
    margin-left: auto;
    margin-right: auto;
}

.inner-985 {
    max-width: 985px;
    margin-left: auto;
    margin-right: auto;
}

.inner-750 {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.inner-480 {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.main-back {
    position: relative;
    background-size: cover;
    background-position: center;
    background: -moz-linear-gradient(50% -29.66% -90deg, rgba(106, 182, 204, 1) 0.02%, rgba(0, 127, 174, 1) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(106, 182, 204, 1) 0.02%, rgba(0, 127, 174, 1) 100%);
    background: -webkit-gradient(linear, 50% -29.66%, 50% 137.65%, color-stop(0.0002, rgba(106, 182, 204, 1)), color-stop(1, rgba(0, 127, 174, 1)));
    background: -o-linear-gradient(-90deg, rgba(106, 182, 204, 1) 0.02%, rgba(0, 127, 174, 1) 100%);
    background: -ms-linear-gradient(-90deg, rgba(106, 182, 204, 1) 0.02%, rgba(0, 127, 174, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6AB6CC', endColorstr='#007FAE' ,GradientType=0)";
    background: linear-gradient(180deg, rgba(106, 182, 204, 1) 0.02%, rgba(0, 127, 174, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6AB6CC', endColorstr='#007FAE', GradientType=0);
    min-height: 100vh;

}

.main-back::after {
    display: block;
    content: "";
    background-image: url(../imgs/main_back.webp);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}


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

@media screen and (max-width: 1285px) {
    .inner-1185 {
        max-width: 100%;
        margin-left: 3%;
        margin-right: 3%;
    }
}
@media screen and (max-width: 1085px) {
    .inner-985 {
        max-width: 100%;
        margin-left: 3%;
        margin-right: 3%;
    }
}

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

    .pc {
        display: none !important;
    }
}

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

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