@charset "UTF-8";

/*!
Theme Name: dice
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dice
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

dice is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap");

/* line 5, ../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

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,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}


/* line 22, ../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

html {
    line-height: 1;
}


/* line 24, ../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

ol,
ul {
    list-style: none;
}


/* line 26, ../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* line 28, ../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

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


/* line 30, ../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

q,
blockquote {
    quotes: none;
}


/* line 103, ../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}


/* line 32, ../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

a img {
    border: none;
}


/* line 116, ../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}


/* line 2, sass/_common.scss */

img {
    max-width: 100%;
    height: auto;
    font-size: 16px;
}


/* line 10, sass/_common.scss */

body main #sb_instagram .sbi_type_carousel .sbi_playbtn,
body main #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,
body main #sb_instagram .sbi_type_video .sbi_playbtn,
body main #sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
body main .sbi_type_carousel .fa-clone {
    display: none !important;
}


/* line 20, sass/_common.scss */

* {
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
}


/* line 26, sass/_common.scss */

a:hover {
    text-decoration: none;
}


/* line 31, sass/_common.scss */

h2 {
    font-size: 50px;
}

@media screen and (max-width: 768px) {
    /* line 31, sass/_common.scss */
    h2 {
        font-size: 36px;
    }
}

@media screen and (max-width: 575px) {
    /* line 39, sass/_common.scss */
    .sp-none {
        display: none;
    }
}

@media screen and (min-width: 576px) {
    /* line 45, sass/_common.scss */
    .sp-only {
        display: none;
    }
}


/* line 50, sass/_common.scss */

.hidden {
    overflow: hidden;
}


/* line 54, sass/_common.scss */

.font-36 {
    font-size: clamp(28px, 3vw, 36px);
}


/* line 56, sass/_common.scss */

.font-36.sp-36 {
    font-size: 36px;
}


/* line 61, sass/_common.scss */

.font-50 {
    font-size: clamp(36px, 4vw, 50px);
}


/* line 65, sass/_common.scss */

.mt-2 {
    margin-top: 20px;
}


/* line 69, sass/_common.scss */

.mt-3 {
    margin-top: 30px;
}


/* line 73, sass/_common.scss */

.mt-5 {
    margin-top: 50px;
}


/* line 77, sass/_common.scss */

.mt-12 {
    margin-top: 120px;
}

@media screen and (max-width: 768px) {
    /* line 77, sass/_common.scss */
    .mt-12 {
        margin-top: 70px;
    }
}


/* line 84, sass/_common.scss */

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


/* line 89, sass/_common.scss */

ul.default {
    list-style: disc;
    padding-left: 20px;
}


/* line 95, sass/_common.scss */

label {
    cursor: pointer;
}


/* line 99, sass/_common.scss */

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}


/* line 108, sass/_common.scss */

.w-full {
    width: 100%;
}


/* line 112, sass/_common.scss */

.container {
    max-width: 1152px;
    width: 100%;
    padding-left: 186px;
    margin: 0 auto;
}

@media screen and (max-width: 1280px) {
    /* line 112, sass/_common.scss */
    .container {
        max-width: calc(100% - 186px);
    }
}

@media screen and (max-width: 991px) {
    /* line 112, sass/_common.scss */
    .container {
        padding-left: 0;
    }
}

@media screen and (max-width: 768px) {
    /* line 112, sass/_common.scss */
    .container {
        max-width: calc(100% - 48px);
    }
}


/* line 128, sass/_common.scss */

h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


/* line 135, sass/_common.scss */

.second .lead {
    font-size: 36px;
    display: inline-block;
    position: relative;
}


/* line 139, sass/_common.scss */

.second .lead.font-50 {
    font-size: clamp(36px, 4vw, 50px);
}


/* line 142, sass/_common.scss */

.second .lead .deco {
    position: absolute;
    left: -60px;
    top: -50px;
    width: 104px;
    height: auto;
    transform: scale(1);
    transition: .6s;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 768px) {
    /* line 135, sass/_common.scss */
    .second .lead {
        font-size: 28px;
    }
}


/* line 160, sass/_common.scss */

.lead {
    line-height: 1;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    /* line 160, sass/_common.scss */
    .lead {
        font-size: 36px;
        line-height: calc(56 / 36);
        margin-top: 20px;
    }
}


/* line 171, sass/_common.scss */

.lead+p {
    margin-top: 50px;
}


/* line 174, sass/_common.scss */

.lead.lh {
    line-height: calc(64 / 36);
}


/* line 179, sass/_common.scss */

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

@media screen and (max-width: 575px) {
    /* line 183, sass/_common.scss */
    .w-m {
        width: calc(100% + 10px);
        margin-left: -5px;
        margin-right: -5px;
    }
}


/* line 191, sass/_common.scss */

.circle-area {
    min-height: 1000px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    /* line 191, sass/_common.scss */
    .circle-area {
        min-height: initial;
        padding: 100px 0 210px;
    }
}

@media screen and (max-width: 768px) {
    /* line 191, sass/_common.scss */
    .circle-area {
        padding: 40px 24px 70px;
        margin-left: 0;
        margin-right: 0;
        max-width: calc(100% + 48px);
    }
}


/* line 209, sass/_common.scss */

.circle-area .circle {
    min-height: 1000px;
    width: 100%;
    width: calc(100% - 186px);
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(assets/images/common/circle.svg);
    background-position: right 10px top;
    background-repeat: no-repeat;
    animation: 30s linear infinite rotation;
    pointer-events: none;
}

@media screen and (max-width: 1280px) {
    /* line 209, sass/_common.scss */
    .circle-area .circle {
        background-size: contain;
        background-position: center;
    }
}

@media screen and (max-width: 991px) {
    /* line 209, sass/_common.scss */
    .circle-area .circle {
        width: calc(100%);
        min-height: initial;
        height: 100%;
    }
}

@media screen and (max-width: 768px) {
    /* line 209, sass/_common.scss */
    .circle-area .circle {
        margin-left: -24px;
        margin-right: -24px;
        width: calc(100% + 48px);
        background-size: contain;
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* line 248, sass/_common.scss */

a {
    color: #192E63;
}


/* line 254, sass/_common.scss */

.blank[target=_blank]:after {
    line-height: 1;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    content: "";
    background-image: url(assets/images/common/blank-bk.svg);
    width: 8px;
    height: 7px;
    display: inline-block;
}


/* line 268, sass/_common.scss */

.relative {
    position: relative;
}


/* line 272, sass/_common.scss */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #192E63;
    padding-left: 30px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #192E63;
    text-decoration: none;
    background-color: rgba(176, 177, 167, 0.05);
    margin-top: 50px;
    transition: .6s;
    height: 80px;
}

@media screen and (max-width: 1280px) {
    /* line 272, sass/_common.scss */
    .btn {
        padding-left: clamp(5px, 1.2vw, 30px);
        padding-right: clamp(5px, 1.2vw, 30px);
        font-size: clamp(12px, 1.4vw, 18px);
    }
}

@media screen and (max-width: 768px) {
    /* line 272, sass/_common.scss */
    .btn {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px;
    }
}


/* line 297, sass/_common.scss */

.btn.std {
    width: 320px;
}

@media screen and (max-width: 1080px) {
    /* line 297, sass/_common.scss */
    .btn.std {
        width: clamp(200px, 28vw, 320px);
    }
}

@media screen and (max-width: 575px) {
    /* line 297, sass/_common.scss */
    .btn.std {
        width: 100%;
    }
}


/* line 306, sass/_common.scss */

.btn+.btn {
    margin-left: 20px;
}

@media screen and (max-width: 1280px) {
    /* line 306, sass/_common.scss */
    .btn+.btn {
        margin-left: 10px;
    }
}


/* line 312, sass/_common.scss */

.btn span {
    display: inline-block;
    width: 30px;
    height: 25px;
    overflow: hidden;
    position: relative;
    margin-left: 20px;
}

@media screen and (max-width: 575px) {
    /* line 312, sass/_common.scss */
    .btn span {
        margin-left: 0;
    }
}


/* line 322, sass/_common.scss */

.btn span:before,
.btn span:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 25px;
    background-size: cover;
    transition: all 0.8s cubic-bezier(1, 0, 0, 1);
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    position: absolute;
    left: 0;
    top: 0;
}


/* line 336, sass/_common.scss */

.btn span:before {
    background-image: url(assets/images/common/arrow-wh.svg);
    transform: translate(-150%, 150%);
    opacity: 0;
}


/* line 341, sass/_common.scss */

.btn span:after {
    background-image: url(assets/images/common/arrow.svg);
    transform: translate(0, 0);
    opacity: 1;
}


/* line 347, sass/_common.scss */

.btn:hover {
    background-color: #192E63;
    color: #fff;
}


/* line 351, sass/_common.scss */

.btn:hover span:before {
    transform: translate(0, 0);
    opacity: 1;
}


/* line 355, sass/_common.scss */

.btn:hover span:after {
    transform: translate(150%, -150%);
    opacity: 0;
}


/* line 364, sass/_common.scss */

ul.default {
    padding-left: 1.4rem;
    list-style-type: disc;
}


/* line 370, sass/_common.scss */

body {
    line-height: 2;
    color: #192E63;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 16px;
    background-image: url(assets/images/common/bg-dott.png);
    transition: .6s;
}


/* line 378, sass/_common.scss */

body.home {
    overflow: hidden;
}


/* line 380, sass/_common.scss */

body.home header,
body.home main,
body.home footer,
body.home aside {
    opacity: 0;
    transition: .6s;
}


/* line 386, sass/_common.scss */

body.home header .menu-btn,
body.home main .menu-btn,
body.home footer .menu-btn,
body.home aside .menu-btn {
    pointer-events: none;
}


/* line 390, sass/_common.scss */

body.home.on {
    overflow: auto;
}


/* line 392, sass/_common.scss */

body.home.on header,
body.home.on main,
body.home.on footer,
body.home.on aside {
    transition: 0s;
    opacity: 1;
}


/* line 398, sass/_common.scss */

body.home.on header .menu-btn,
body.home.on main .menu-btn,
body.home.on footer .menu-btn,
body.home.on aside .menu-btn {
    pointer-events: initial;
}


/* line 404, sass/_common.scss */

body .loading {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    height: 100vh;
    z-index: 100;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}


/* line 417, sass/_common.scss */

body .loading.on img {
    opacity: 1 !important;
}


/* line 421, sass/_common.scss */

body .loading img {
    transition: .6s;
    width: 200px;
    opacity: 0;
}

@media screen and (max-width: 575px) {
    /* line 421, sass/_common.scss */
    body .loading img {
        width: 120px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 575px) {
    /* line 370, sass/_common.scss */
    body {
        font-size: 14px;
    }
}


/* line 436, sass/_common.scss */

body.on-menu header .header .logo {
    position: fixed;
    left: 24px;
    top: 25px;
    z-index: 10;
}


/* line 441, sass/_common.scss */

body.on-menu header .header .logo .logo-off {
    display: none;
}


/* line 444, sass/_common.scss */

body.on-menu header .header .logo .logo-on {
    display: block;
}


/* line 447, sass/_common.scss */

body.on-menu header .header .logo a {
    color: #fff;
}


/* line 450, sass/_common.scss */

body.on-menu header .header .logo svg * {
    fill: #fff;
}


/* line 456, sass/_common.scss */

body.on-menu aside {
    z-index: 10;
}


/* line 458, sass/_common.scss */

body.on-menu aside .logo-off {
    display: none;
}


/* line 461, sass/_common.scss */

body.on-menu aside .logo-on {
    display: block;
}


/* line 464, sass/_common.scss */

body.on-menu aside p,
body.on-menu aside a {
    color: #fff;
}


/* line 468, sass/_common.scss */

body.on-menu aside svg * {
    fill: #fff;
    display: block;
}


/* line 473, sass/_common.scss */

body.on-menu .menu {
    opacity: 1;
    pointer-events: initial;
}


/* line 478, sass/_common.scss */

body.on-menu header nav {
    opacity: 0;
    pointer-events: none;
}


/* line 487, sass/_common.scss */

body.on-menu header .header .hbm .menu-btn:hover span:first-of-type {
    transform: translate(-50%, calc(-50%)) rotate(-24deg);
}


/* line 490, sass/_common.scss */

body.on-menu header .header .hbm .menu-btn:hover span:last-of-type {
    transform: translate(-50%, calc(-50%)) rotate(24deg);
}


/* line 496, sass/_common.scss */

body.on-menu header .header .hbm .menu-btn span:first-of-type {
    transform: translate(-50%, calc(-50%)) rotate(-30deg);
}


/* line 499, sass/_common.scss */

body.on-menu header .header .hbm .menu-btn span:last-of-type {
    transform-origin: center;
    transform: translate(-50%, calc(-50%)) rotate(30deg);
}


/* line 510, sass/_common.scss */

body header .header {
    height: 50px;
    max-width: 1340px;
    width: 100%;
    margin: 50px auto 0;
    display: flex;
    align-items: center;
}


/* line 518, sass/_common.scss */

body header .header .logo {
    display: none;
}

@media screen and (max-width: 1280px) {
    /* line 510, sass/_common.scss */
    body header .header {
        max-width: calc(100% - 186px);
        margin-right: 0;
    }
}

@media screen and (max-width: 991px) {
    /* line 510, sass/_common.scss */
    body header .header {
        position: relative;
        max-width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
    }
    /* line 531, sass/_common.scss */
    body header .header .logo {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        transform: scale(0.8);
        transform-origin: top;
    }
    /* line 539, sass/_common.scss */
    body header .header .logo .logo-off {
        display: block;
    }
    /* line 542, sass/_common.scss */
    body header .header .logo .logo-on {
        display: none;
    }
    /* line 545, sass/_common.scss */
    body header .header .logo a {
        display: flex;
        flex-direction: column;
        text-decoration: none;
        font-size: 10px;
    }
    /* line 550, sass/_common.scss */
    body header .header .logo a svg {
        margin-top: 10px;
        width: calc(108px / 0.8);
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    /* line 510, sass/_common.scss */
    body header .header {
        max-width: calc(100% - 48px);
        margin-right: auto;
        margin-left: auto;
    }
}


/* line 563, sass/_common.scss */

body header .header nav {
    padding-right: 124px;
    margin-left: auto;
}

@media screen and (max-width: 991px) {
    /* line 563, sass/_common.scss */
    body header .header nav {
        display: none;
    }
}


/* line 569, sass/_common.scss */

body header .header nav ul {
    display: flex;
}


/* line 571, sass/_common.scss */

body header .header nav ul li {
    margin-left: clamp(12px, 1.3vw, 32px);
}


/* line 573, sass/_common.scss */

body header .header nav ul li:first-of-type {
    margin-left: auto;
}


/* line 577, sass/_common.scss */

body header .header nav ul li.current a {
    background: #192E63;
    color: #fff;
}


/* line 582, sass/_common.scss */

body header .header nav ul li a {
    border-radius: 5px;
    font-size: clamp(12px, 1.4vw, 18px);
    font-weight: bold;
    text-decoration: none;
    color: #192E63;
    padding: 4px 9px;
    transition: .6s;
}


/* line 583, sass/_common.scss */

body header .header nav ul li a:hover {
    background: #192E63;
    color: #fff;
}


/* line 598, sass/_common.scss */

body header .header .hbm {
    position: fixed;
    right: 40px;
    z-index: 10;
}

@media screen and (max-width: 768px) {
    /* line 598, sass/_common.scss */
    body header .header .hbm {
        right: 24px;
    }
}


/* line 605, sass/_common.scss */

body header .header .hbm .menu-btn {
    background-image: url(assets/images/common/hbm.svg);
    width: 68px;
    height: 74px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

@media screen and (max-width: 768px) {
    /* line 605, sass/_common.scss */
    body header .header .hbm .menu-btn {
        width: 56px;
        height: 61px;
    }
}


/* line 619, sass/_common.scss */

body header .header .hbm .menu-btn:hover span:first-of-type {
    transform: translate(-50%, calc(-50% - 6px));
}


/* line 622, sass/_common.scss */

body header .header .hbm .menu-btn:hover span:last-of-type {
    transform: translate(-50%, calc(-50% + 6px)) scaleX(0.7);
}


/* line 627, sass/_common.scss */

body header .header .hbm .menu-btn span {
    display: inline-block;
    width: 44px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: .6s;
}

@media screen and (max-width: 768px) {
    /* line 627, sass/_common.scss */
    body header .header .hbm .menu-btn span {
        width: 36px;
    }
}


/* line 639, sass/_common.scss */

body header .header .hbm .menu-btn span:first-of-type {
    transform: translate(-50%, calc(-50% - 6px));
}


/* line 642, sass/_common.scss */

body header .header .hbm .menu-btn span:last-of-type {
    transform-origin: right;
    transform: translate(-50%, calc(-50% + 6px));
}


/* line 653, sass/_common.scss */

body main.topics {
    margin-top: 0;
    padding-top: 0;
}


/* line 657, sass/_common.scss */

body main.top {
    padding-top: 20px;
}

@media screen and (max-width: 768px) {
    /* line 657, sass/_common.scss */
    body main.top {
        padding-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    /* line 651, sass/_common.scss */
    body main {
        padding-top: 40px;
    }
}


/* line 669, sass/_common.scss */

.company-name {
    text-align: center;
    width: 180px;
    font-size: 14px;
    position: absolute;
}

@media screen and (max-width: 1335px) {
    /* line 669, sass/_common.scss */
    .company-name {
        left: 46px;
    }
}

@media screen and (max-width: 991px) {
    /* line 669, sass/_common.scss */
    .company-name {
        display: none;
    }
}


/* line 683, sass/_common.scss */

aside {
    width: 180px;
    top: 130px;
    position: absolute;
    left: calc(50% - 576px);
    transform: translate(-50%, 0);
    z-index: 2;
}


/* line 691, sass/_common.scss */

aside.on {
    position: fixed;
    top: 30px;
}


/* line 695, sass/_common.scss */

aside .logo-off {
    display: block;
}


/* line 698, sass/_common.scss */

aside .logo-on {
    display: none;
}


/* line 701, sass/_common.scss */

aside a {
    position: sticky;
}

@media screen and (max-width: 1335px) {
    /* line 683, sass/_common.scss */
    aside {
        left: 46px;
        transform: translate(0, 0);
    }
}

@media screen and (max-width: 991px) {
    /* line 683, sass/_common.scss */
    aside {
        display: none;
    }
}


/* line 711, sass/_common.scss */

aside a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #192E63;
    text-align: center;
    display: inline-block;
}


/* line 719, sass/_common.scss */

aside a svg {
    margin-top: 15px;
}


/* line 725, sass/_common.scss */

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

@media screen and (max-width: 1135px) {
    /* line 729, sass/_common.scss */
    .flex.tb-block {
        display: block;
    }
}


/* line 735, sass/_common.scss */

.bg-area3 {
    position: relative;
}


/* line 737, sass/_common.scss */

.bg-area3:before {
    content: "";
    display: block;
    right: 0;
    bottom: 0;
    max-width: calc(100vw - ((100vw - 1152px)/2) - 186px);
    width: 100%;
    top: 0;
    height: 100%;
    position: absolute;
    background-color: rgba(25, 46, 99, 0.05);
    z-index: -1;
}

@media screen and (max-width: 1280px) {
    /* line 737, sass/_common.scss */
    .bg-area3:before {
        max-width: calc(100% - 186px - 93px);
    }
}

@media screen and (max-width: 1080px) {
    /* line 737, sass/_common.scss */
    .bg-area3:before {
        max-width: calc(100% - 93px);
    }
}

@media screen and (max-width: 768px) {
    /* line 737, sass/_common.scss */
    .bg-area3:before {
        max-width: calc(100%);
    }
}


/* line 761, sass/_common.scss */

.bg-area {
    padding-left: 50px;
    margin-top: 100px;
    padding-bottom: 80px;
    position: relative;
}

@media screen and (max-width: 768px) {
    /* line 761, sass/_common.scss */
    .bg-area {
        padding-left: 0;
        margin-top: 60px;
    }
}


/* line 770, sass/_common.scss */

.bg-area.bg-area-02 {
    margin-top: 0;
    padding-top: 80px;
}

@media screen and (max-width: 768px) {
    /* line 770, sass/_common.scss */
    .bg-area.bg-area-02 {
        padding-top: 70px;
    }
}


/* line 776, sass/_common.scss */

.bg-area.bg-area-02:before {
    top: 0;
    height: 100%;
}


/* line 781, sass/_common.scss */

.bg-area:before {
    content: "";
    display: block;
    left: 0;
    bottom: 0;
    width: calc(100% + (100vw - 1152px) / 2);
    top: 200px;
    height: calc(100% - 200px);
    position: absolute;
    background-color: rgba(25, 46, 99, 0.05);
    z-index: -1;
}

@media screen and (max-width: 1280px) {
    /* line 781, sass/_common.scss */
    .bg-area:before {
        width: calc(100% + ((100% - 186px)) / 2);
    }
}

@media screen and (max-width: 1135px) {
    /* line 781, sass/_common.scss */
    .bg-area:before {
        top: 70px;
        height: calc(100% - 70px);
    }
}

@media screen and (max-width: 768px) {
    /* line 781, sass/_common.scss */
    .bg-area:before {
        left: -24px;
        width: calc(100% + 48px);
    }
}


/* line 804, sass/_common.scss */

.bg-area .posts {
    width: 596px;
    padding-left: 46px;
    max-width: calc(100% - 250px);
}

@media screen and (max-width: 1135px) {
    /* line 804, sass/_common.scss */
    .bg-area .posts {
        margin-top: 40px;
        padding-left: 0;
        width: calc(100% + ((100% - 186px)) / 2);
        max-width: 100%;
    }
}


/* line 814, sass/_common.scss */

.bg-area .posts .scroll {
    overflow: auto;
    width: calc(100% + (100vw - 1152px) / 2);
}

@media screen and (max-width: 1280px) {
    /* line 814, sass/_common.scss */
    .bg-area .posts .scroll {
        width: calc(100% + ((100% - 186px)) / 2);
    }
}

@media screen and (max-width: 991px) {
    /* line 814, sass/_common.scss */
    .bg-area .posts .scroll {
        width: calc(100% + 93px + 50px);
    }
}

@media screen and (max-width: 768px) {
    /* line 814, sass/_common.scss */
    .bg-area .posts .scroll {
        width: calc(100% + 24px + 24px);
    }
}


/* line 831, sass/_common.scss */

.ov-hidden {
    overflow: hidden !important;
}


/* line 835, sass/_common.scss */

.bg-blue {
    position: relative;
    overflow: hidden;
}


/* line 838, sass/_common.scss */

.bg-blue.ov-none {
    overflow: initial;
}


/* line 842, sass/_common.scss */

.bg-blue .topic article {
    margin-top: 40px;
}


/* line 844, sass/_common.scss */

.bg-blue .topic article:first-of-type {
    margin-top: 0;
}


/* line 849, sass/_common.scss */

.bg-blue .human-01 {
    width: 246px;
    height: auto;
    position: absolute;
    left: -100px;
    top: -100px;
}

@media screen and (max-width: 768px) {
    /* line 849, sass/_common.scss */
    .bg-blue .human-01 {
        width: 176px;
        height: auto;
        position: absolute;
        left: inherit;
        top: -140px;
        right: 100px;
    }
}

@media screen and (max-width: 575px) {
    /* line 849, sass/_common.scss */
    .bg-blue .human-01 {
        width: 103px;
        right: 30px;
        top: -60px;
    }
}


/* line 869, sass/_common.scss */

.bg-blue .human-02 {
    width: 348px;
    height: auto;
    position: absolute;
    right: 0px;
    bottom: -140px;
}

@media screen and (max-width: 1191px) {
    /* line 869, sass/_common.scss */
    .bg-blue .human-02 {
        width: 308px;
    }
}

@media screen and (max-width: 768px) {
    /* line 869, sass/_common.scss */
    .bg-blue .human-02 {
        width: 148px;
        height: auto;
        position: absolute;
        right: inherit;
        bottom: -110px;
    }
}


/* line 887, sass/_common.scss */

.bg-blue h2:last-of-type {
    margin-top: 90px;
}


/* line 890, sass/_common.scss */

.bg-blue h2:first-of-type {
    margin-top: 0;
}


/* line 894, sass/_common.scss */

.bg-blue .scroll {
    overflow: auto;
    width: calc(100% + (100vw - 1152px) / 2);
}

@media screen and (max-width: 1280px) {
    /* line 894, sass/_common.scss */
    .bg-blue .scroll {
        width: calc(100% + ((100% - 186px)) / 2);
    }
}

@media screen and (max-width: 991px) {
    /* line 894, sass/_common.scss */
    .bg-blue .scroll {
        width: calc(100% + 93px+50px);
    }
}

@media screen and (max-width: 768px) {
    /* line 894, sass/_common.scss */
    .bg-blue .scroll {
        width: calc(100% + 24px+24px);
    }
}


/* line 910, sass/_common.scss */

a.post-img {
    display: inline-block;
    width: 100%;
    aspect-ratio: 550 / 350;
    overflow: hidden;
    border-radius: 5px;
    transition: .6s;
}


/* line 917, sass/_common.scss */

a.post-img span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #eee;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: .6s;
}


/* line 927, sass/_common.scss */

a.post-img:hover {
    background-color: rgba(25, 46, 99, 0.2);
}


/* line 929, sass/_common.scss */

a.post-img:hover span {
    transform: scale(1.05);
}


/* line 936, sass/_common.scss */

.org {
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    line-height: 1;
    font-size: 12px;
    text-decoration: none;
    padding: 4px 7px;
    display: inline-block;
}


/* line 945, sass/_common.scss */

.org.pink {
    background-color: #D93C6F;
}


/* line 948, sass/_common.scss */

.org.green {
    background-color: #8EBA2E;
}


/* line 951, sass/_common.scss */

.org+.time {
    margin-left: 10px;
}


/* line 957, sass/_common.scss */

.cat a {
    color: #192E63;
}


/* line 962, sass/_common.scss */

.pager {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 120px;
}

@media screen and (max-width: 768px) {
    /* line 962, sass/_common.scss */
    .pager {
        margin-top: 70px;
    }
}


/* line 971, sass/_common.scss */

.pager li a {
    color: #192E63;
    font-size: 20px;
    text-decoration: none;
    transition: .6s;
}


/* line 976, sass/_common.scss */

.pager li a:hover {
    color: #BBC0D0;
}


/* line 979, sass/_common.scss */

.pager li a.no-link {
    pointer-events: none;
    color: #B0B1A7;
}


/* line 989, sass/_common.scss */

.bg-area .title-area,
.bg-blue .title-area {
    width: 320px;
}

@media screen and (max-width: 1280px) {
    /* line 989, sass/_common.scss */
    .bg-area .title-area,
    .bg-blue .title-area {
        width: 250px;
    }
}

@media screen and (max-width: 1135px) {
    /* line 989, sass/_common.scss */
    .bg-area .title-area,
    .bg-blue .title-area {
        width: 100%;
    }
}


/* line 998, sass/_common.scss */

.bg-area .scroll,
.bg-blue .scroll {
    position: relative;
    overflow-x: scroll;
    scrollbar-color: #192e63 rgba(25, 46, 99, 0.1);
}


/* line 1004, sass/_common.scss */

.bg-area .scroll::-webkit-scrollbar,
.bg-blue .scroll::-webkit-scrollbar {
    height: 10px;
}


/* line 1007, sass/_common.scss */

.bg-area .scroll::-webkit-scrollbar-track,
.bg-blue .scroll::-webkit-scrollbar-track {
    background-color: rgba(25, 46, 99, 0.1);
}


/* line 1010, sass/_common.scss */

.bg-area .scroll::-webkit-scrollbar-thumb,
.bg-blue .scroll::-webkit-scrollbar-thumb {
    background-color: #192e63;
}


/* line 1013, sass/_common.scss */

.bg-area .scroll .post-area,
.bg-blue .scroll .post-area {
    width: 1800px;
    display: flex;
    padding-bottom: 40px;
}

@media screen and (max-width: 575px) {
    /* line 1013, sass/_common.scss */
    .bg-area .scroll .post-area,
    .bg-blue .scroll .post-area {
        width: calc(380px * 3);
    }
}


/* line 1021, sass/_common.scss */

.bg-area .scroll .post-area article,
.bg-blue .scroll .post-area article {
    width: 550px;
    margin-right: 50px;
}

@media screen and (max-width: 575px) {
    /* line 1021, sass/_common.scss */
    .bg-area .scroll .post-area article,
    .bg-blue .scroll .post-area article {
        width: 300px;
        margin-right: 25px;
    }
}


/* line 1031, sass/_common.scss */

.bg-area .etc-contents,
.bg-blue .etc-contents {
    display: flex;
}

@media screen and (max-width: 768px) {
    /* line 1031, sass/_common.scss */
    .bg-area .etc-contents,
    .bg-blue .etc-contents {
        display: block;
    }
}


/* line 1037, sass/_common.scss */

.bg-area .etc-contents .detail,
.bg-blue .etc-contents .detail {
    margin-left: 40px;
}

@media screen and (max-width: 768px) {
    /* line 1037, sass/_common.scss */
    .bg-area .etc-contents .detail,
    .bg-blue .etc-contents .detail {
        margin-left: 0px;
        margin-top: 70px;
    }
    /* line 1042, sass/_common.scss */
    .bg-area .etc-contents .detail:first-of-type,
    .bg-blue .etc-contents .detail:first-of-type {
        margin-top: 0;
    }
}


/* line 1046, sass/_common.scss */

.bg-area .etc-contents .detail:first-of-type,
.bg-blue .etc-contents .detail:first-of-type {
    margin-left: 0;
    max-width: 415px;
}


/* line 1050, sass/_common.scss */

.bg-area .etc-contents .detail h3,
.bg-blue .etc-contents .detail h3 {
    font-size: clamp(28px, 2vw, 36px);
    font-weight: bold;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    /* line 1050, sass/_common.scss */
    .bg-area .etc-contents .detail h3,
    .bg-blue .etc-contents .detail h3 {
        font-size: 28px;
    }
}


/* line 1057, sass/_common.scss */

.bg-area .etc-contents .detail h3+p,
.bg-blue .etc-contents .detail h3+p {
    margin-top: 40px;
}


/* line 1059, sass/_common.scss */

.bg-area .etc-contents .detail h3+p+p>.btn.std,
.bg-blue .etc-contents .detail h3+p+p>.btn.std {
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    /* line 1059, sass/_common.scss */
    .bg-area .etc-contents .detail h3+p+p>.btn.std,
    .bg-blue .etc-contents .detail h3+p+p>.btn.std {
        width: initial;
    }
}

@media screen and (max-width: 575px) {
    /* line 1059, sass/_common.scss */
    .bg-area .etc-contents .detail h3+p+p>.btn.std,
    .bg-blue .etc-contents .detail h3+p+p>.btn.std {
        width: 100%;
    }
}


/* line 1075, sass/_common.scss */

.posts h3 {
    font-size: 18px;
    font-weight: bold;
}


/* line 1078, sass/_common.scss */

.posts h3 a {
    color: #192E63;
}


/* line 1084, sass/_common.scss */

footer {
    margin-top: 90px;
}

@media screen and (max-width: 768px) {
    /* line 1084, sass/_common.scss */
    footer {
        margin-top: 120px;
    }
}


/* line 1089, sass/_common.scss */

footer .container {
    margin-right: initial;
    margin-left: auto;
    padding-left: initial;
    max-width: calc(100vw - ((100vw - 1152px)/2) - 186px);
}

@media screen and (max-width: 1280px) {
    /* line 1089, sass/_common.scss */
    footer .container {
        max-width: calc(100% - 186px - 93px);
    }
}

@media screen and (max-width: 991px) {
    /* line 1089, sass/_common.scss */
    footer .container {
        max-width: 100%;
        margin-left: initial;
    }
}


/* line 1102, sass/_common.scss */

footer .footer-area {
    padding: 70px calc((100vw - 1152px) / 2) 70px 50px;
    display: flex;
    justify-content: space-between;
    background-color: #192E63;
    color: #fff;
}


/* line 1108, sass/_common.scss */

footer .footer-area .sp {
    display: none;
}


/* line 1111, sass/_common.scss */

footer .footer-area .pc {
    display: flex;
}


/* line 1114, sass/_common.scss */

footer .footer-area .pp.pc {
    display: block;
}

@media screen and (max-width: 1280px) {
    /* line 1102, sass/_common.scss */
    footer .footer-area {
        padding: 70px calc((100vw - (100vw - 168px))/2) 70px 50px;
    }
}

@media screen and (max-width: 768px) {
    /* line 1102, sass/_common.scss */
    footer .footer-area {
        padding: 40px 24px;
    }
}

@media screen and (max-width: 575px) {
    /* line 1102, sass/_common.scss */
    footer .footer-area {
        display: block;
    }
    /* line 1125, sass/_common.scss */
    footer .footer-area .sp {
        display: block;
    }
    /* line 1127, sass/_common.scss */
    footer .footer-area .sp.sns {
        display: flex;
    }
    /* line 1131, sass/_common.scss */
    footer .footer-area .pc,
    footer .footer-area .pp.pc {
        display: none;
    }
}


/* line 1136, sass/_common.scss */

footer .footer-area address {
    margin-top: 50px;
}

footer .footer-area address * {
    color: #fff;
    text-decoration: none;
}


/* line 1139, sass/_common.scss */

footer .footer-area .btn {
    height: 140px;
    margin-top: 30px;
    max-width: 404px;
    width: 100%;
    padding-left: 30px;
    font-size: 20px;
}

@media screen and (max-width: 991px) {
    /* line 1139, sass/_common.scss */
    footer .footer-area .btn {
        font-size: 14px;
        padding-left: 20px;
        height: 120px;
    }
}

@media screen and (max-width: 575px) {
    /* line 1139, sass/_common.scss */
    footer .footer-area .btn {
        margin-top: 30px;
        height: 120px;
        font-size: 20px;
        max-width: 100%;
    }
}


/* line 1160, sass/_common.scss */

footer .footer-area .btn span:after,
footer .footer-area .btn span:before {
    background-image: url(assets/images/common/arrow-wh.svg);
}


/* line 1165, sass/_common.scss */

footer .footer-area .btn.std {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    width: 404px;
}

@media screen and (max-width: 1180px) {
    /* line 1165, sass/_common.scss */
    footer .footer-area .btn.std {
        max-width: 404px;
        width: 100%;
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    /* line 1165, sass/_common.scss */
    footer .footer-area .btn.std {
        width: 404px;
        font-size: 20px;
    }
}

@media screen and (max-width: 820px) {
    /* line 1165, sass/_common.scss */
    footer .footer-area .btn.std {
        max-width: 404px;
        width: 100%;
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    /* line 1165, sass/_common.scss */
    footer .footer-area .btn.std {
        max-width: 100%;
        margin-top: 30px;
    }
    /* line 1187, sass/_common.scss */
    footer .footer-area .btn.std:last-of-type {
        margin-top: 20px;
    }
}

@media screen and (max-width: 575px) {
    /* line 1165, sass/_common.scss */
    footer .footer-area .btn.std {
        width: 100%;
    }
}


/* line 1199, sass/_common.scss */

.sns {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    /* line 1199, sass/_common.scss */
    .sns {
        margin-top: 30px;
    }
}


/* line 1206, sass/_common.scss */

.sns a {
    display: inline-block;
    margin-left: 20px;
    line-height: 1;
}


/* line 1210, sass/_common.scss */

.sns a img {
    transition: .3s;
}


/* line 1214, sass/_common.scss */

.sns a:hover img {
    opacity: .3;
}


/* line 1218, sass/_common.scss */

.sns a:first-of-type {
    margin-left: 10px;
}


/* line 1224, sass/_common.scss */

.pp {
    margin-top: 60px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    transition: .6s;
}


/* line 1230, sass/_common.scss */

.pp:hover {
    opacity: 0.3;
}

@media screen and (max-width: 768px) {
    /* line 1224, sass/_common.scss */
    .pp {
        margin-top: 40px;
        font-size: 12px;
    }
}


/* line 1237, sass/_common.scss */

.pp:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 7px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(assets/images/common/blank.svg);
    margin-left: 10px;
}


/* line 1250, sass/_common.scss */

td .selectwrap {
    max-width: 420px;
    margin-top: 0;
}


/* line 1253, sass/_common.scss */

td .selectwrap .error {
    position: absolute;
}


/* line 1259, sass/_common.scss */

.selectwrap {
    position: relative;
    width: 100%;
    margin-top: 20px;
}


/* line 1268, sass/_common.scss */

.selectwrap:after {
    transition: .6s;
    transform-origin: 12px 3px;
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 25px;
    height: 14px;
    transform: translate(0, -50%);
    pointer-events: none;
    background-image: url(assets/images/common/arrow-select.svg);
    background-size: cover;
}


/* line 1284, sass/_common.scss */

.select {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #192E63;
    appearance: none;
    width: 100%;
    border: 1px solid #192E63;
    padding: 26px 30px;
    cursor: pointer;
    background-color: rgba(176, 177, 167, 0.05);
}


/* line 1297, sass/_common.scss */

select:focus {
    outline: none;
}


/* line 1301, sass/_common.scss */

::-ms-expand {
    display: none;
    /* IE 対応( select のデフォルト矢印を消す) */
}


/* line 1306, sass/_common.scss */

.menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #192E63;
    color: #fff;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: .6s;
    overflow: auto;
    padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
    /* line 1306, sass/_common.scss */
    .menu {
        overflow: initial;
    }
}


/* line 1323, sass/_common.scss */

.menu .container {
    margin-top: 150px;
    display: flex;
    margin-right: initial;
    margin-left: auto;
    padding-left: initial;
    max-width: calc(100vw - ((100vw - 1152px)/2) - 186px);
}

@media screen and (max-width: 1280px) {
    /* line 1323, sass/_common.scss */
    .menu .container {
        max-width: calc(100% - 186px - 93px);
    }
}

@media screen and (max-width: 991px) {
    /* line 1323, sass/_common.scss */
    .menu .container {
        max-width: calc(100% - 160px);
        margin-top: 100px;
        margin-left: auto;
        margin-right: 0;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    /* line 1323, sass/_common.scss */
    .menu .container {
        margin-left: 24px;
        margin-right: 24px;
        margin-top: 190px;
        max-width: calc(100% - 48px);
        overflow: auto;
        height: calc(100% - 190px);
    }
}

@media screen and (max-width: 575px) {
    /* line 1323, sass/_common.scss */
    .menu .container {
        display: block;
    }
}


/* line 1352, sass/_common.scss */

.menu .container .page-link li {
    margin-top: 30px;
}

@media screen and (max-width: 575px) {
    /* line 1352, sass/_common.scss */
    .menu .container .page-link li {
        margin-top: 20px;
    }
}


/* line 1357, sass/_common.scss */

.menu .container .page-link li:first-of-type {
    margin-top: 0;
}


/* line 1361, sass/_common.scss */

.menu .container .page-link li.current a {
    background-color: #fff;
    color: #192E63;
    border-radius: 5px;
}


/* line 1367, sass/_common.scss */

.menu .container .page-link li a {
    font-size: clamp(28px, 2vw, 36px);
    display: inline-block;
    line-height: 1;
    padding: 14px 10px;
    border-radius: 5px;
    transition: .6s;
}

@media screen and (max-width: 575px) {
    /* line 1367, sass/_common.scss */
    .menu .container .page-link li a {
        padding: 10px;
    }
}


/* line 1378, sass/_common.scss */

.menu .container .page-link li a:hover {
    background-color: #fff;
    color: #192E63;
}


/* line 1385, sass/_common.scss */

.menu .container .contact-area {
    margin-left: 93px;
    position: relative;
    max-width: calc(50% - 93px);
    width: 100%;
}

@media screen and (max-width: 1080px) {
    /* line 1385, sass/_common.scss */
    .menu .container .contact-area {
        margin-left: 65px;
        max-width: calc(50% - 65px);
    }
}

@media screen and (max-width: 991px) {
    /* line 1385, sass/_common.scss */
    .menu .container .contact-area {
        margin-left: 45px;
        max-width: calc(50% - 45px);
    }
}

@media screen and (max-width: 575px) {
    /* line 1385, sass/_common.scss */
    .menu .container .contact-area {
        margin-left: 0;
        max-width: 100%;
    }
}


/* line 1404, sass/_common.scss */

.menu .container .contact-area ul li .btn {
    height: 140px;
    margin-top: 30px;
    max-width: 404px;
    width: 100%;
    padding-left: 30px;
    font-size: 20px;
}

@media screen and (max-width: 991px) {
    /* line 1404, sass/_common.scss */
    .menu .container .contact-area ul li .btn {
        font-size: 14px;
        padding-left: 20px;
        height: 120px;
    }
}

@media screen and (max-width: 575px) {
    /* line 1404, sass/_common.scss */
    .menu .container .contact-area ul li .btn {
        margin-top: 30px;
        height: 120px;
        font-size: 20px;
        max-width: 100%;
    }
}


/* line 1424, sass/_common.scss */

.menu .container .contact-area ul li:first-of-type .btn {
    margin-top: 0;
}

@media screen and (max-width: 575px) {
    /* line 1424, sass/_common.scss */
    .menu .container .contact-area ul li:first-of-type .btn {
        margin-top: 40px;
    }
}


/* line 1433, sass/_common.scss */

.menu .container .contact-area .bottom {
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 991px) {
    /* line 1433, sass/_common.scss */
    .menu .container .contact-area .bottom {
        position: relative;
    }
}


/* line 1442, sass/_common.scss */

.menu .container .contact-area .btn span:after,
.menu .container .contact-area .btn span:before {
    background-image: url(assets/images/common/arrow-wh.svg);
}


/* line 1447, sass/_common.scss */

.menu .container .contact-area .btn.std {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}


/* line 1454, sass/_common.scss */

.menu a {
    color: #fff;
    text-decoration: none;
}


/* line 1460, sass/_common.scss */

.fade {
    opacity: 0;
    transform: translate(0, 4px);
    transition: 1s;
}


/* line 1464, sass/_common.scss */

.fade.is-fadein {
    opacity: 1;
    transform: translate(0, 0);
}


/* line 1, sass/_top.scss */

.mv {
    margin-left: 180px;
    text-align: center;
    overflow: hidden;
}


/* line 5, sass/_top.scss */

.mv svg {
    max-width: 100%;
    opacity: 0;
    transform: scale(0.4);
    transition: .4s;
    transform-origin: center;
}

@media screen and (max-width: 991px) {
    /* line 1, sass/_top.scss */
    .mv {
        margin-left: 0;
    }
}


/* line 19, sass/_top.scss */

.on .mv svg {
    opacity: 1;
    transform: scale(1);
}

@media screen and (max-width: 768px) {
    /* line 19, sass/_top.scss */
    .on .mv svg {
        width: 132%;
        margin-left: -16%;
        max-width: inherit;
        height: inherit;
    }
}


/* line 31, sass/_top.scss */

.point-area {
    display: flex;
    justify-content: space-around;
}

@media screen and (max-width: 575px) {
    /* line 31, sass/_top.scss */
    .point-area {
        flex-wrap: wrap;
    }
}


/* line 37, sass/_top.scss */

.point-area .point {
    width: 226px;
    aspect-ratio: 226 / 246;
    max-width: calc((100% - 40px)/3);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: url(assets/images/top/hexagon.svg);
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    font-size: clamp(12px, 1.4vw, 18px);
    margin-top: 40px;
    background-size: contain;
}

@media screen and (max-width: 575px) {
    /* line 37, sass/_top.scss */
    .point-area .point {
        max-width: calc((100% - 10px) / 2);
        font-size: 14px;
    }
    /* line 55, sass/_top.scss */
    .point-area .point:last-of-type {
        margin-top: -30px;
    }
}


/* line 62, sass/_top.scss */

.instagram {
    margin-top: 100px;
}


/* line 65, sass/_top.scss */

.instagram h2+p {
    text-align: center;
}


/* line 67, sass/_top.scss */

.instagram h2+p a {
    color: #192E63;
}


/* line 72, sass/_top.scss */

.instagram .insta-area {
    margin-top: 50px;
}


/* line 74, sass/_top.scss */

.instagram .insta-area ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* line 78, sass/_top.scss */

.instagram .insta-area ul li {
    width: calc((100% - 2px)/3);
    line-height: 1;
}


/* line 81, sass/_top.scss */

.instagram .insta-area ul li a {
    display: inline-block;
    transition: .6s;
}


/* line 84, sass/_top.scss */

.instagram .insta-area ul li a:hover {
    opacity: .6;
}


/* line 93, sass/_top.scss */

.topics {
    margin-top: 100px;
}

@media screen and (max-width: 768px) {
    /* line 93, sass/_top.scss */
    .topics {
        margin-top: 60px;
    }
}


/* line 98, sass/_top.scss */

.topics .posts {
    width: calc(100% - 370px);
}

@media screen and (max-width: 1135px) {
    /* line 98, sass/_top.scss */
    .topics .posts {
        margin-top: 40px;
        width: 100%;
    }
}


/* line 105, sass/_top.scss */

.topics .posts .post-area article {
    margin-top: 40px;
}


/* line 107, sass/_top.scss */

.topics .posts .post-area article:first-of-type {
    margin-top: 0;
}


/* line 110, sass/_top.scss */

.topics .posts .post-area article .cat a {
    color: #192E63;
}


/* line 118, sass/_top.scss */

.title-area {
    width: 370px;
}


/* line 120, sass/_top.scss */

.title-area h2 {
    line-height: 1;
    font-size: 50px;
    text-align: left;
}

@media screen and (max-width: 768px) {
    /* line 120, sass/_top.scss */
    .title-area h2 {
        font-size: 36px;
    }
}


/* line 127, sass/_top.scss */

.title-area h2+p {
    margin-top: 50px;
}


/* line 136, sass/_top.scss */

.slick .item,
.slick-rev .item,
.slick-w-full .item {
    padding: 0 10px;
}


/* line 138, sass/_top.scss */

.slick .item.even,
.slick-rev .item.even,
.slick-w-full .item.even {
    padding-top: 30px;
}


/* line 141, sass/_top.scss */

.slick .item img,
.slick-rev .item img,
.slick-w-full .item img {
    width: 100%;
    aspect-ratio: 374 / 216;
    max-width: 374px;
}

@media screen and (max-width: 768px) {
    /* line 141, sass/_top.scss */
    .slick .item img,
    .slick-rev .item img,
    .slick-w-full .item img {
        max-width: initial;
    }
}


/* line 152, sass/_top.scss */

.slick {
    margin-bottom: 100px;
    margin-top: -182px;
}

@media screen and (max-width: 768px) {
    /* line 152, sass/_top.scss */
    .slick {
        margin-bottom: 60px;
        margin-top: 0px;
    }
}


/* line 159, sass/_top.scss */

.slick .item {
    position: relative;
}


/* line 161, sass/_top.scss */

.slick .item .deco-01 {
    position: absolute;
    width: 92px;
    height: auto;
    right: 20px;
    bottom: -30px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 173, sass/_top.scss */

.slick .item .deco-02 {
    position: absolute;
    width: 112px;
    height: auto;
    right: -50px;
    bottom: 30px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 185, sass/_top.scss */

.slick .item .deco-03 {
    position: absolute;
    width: 112px;
    height: auto;
    right: 20px;
    bottom: -30px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 197, sass/_top.scss */

.slick .item .deco-04 {
    position: absolute;
    width: 92px;
    height: auto;
    right: 20px;
    top: 0px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 212, sass/_top.scss */

.slick-rev {
    margin-top: 120px;
}

@media screen and (max-width: 768px) {
    /* line 212, sass/_top.scss */
    .slick-rev {
        margin-top: 80px;
    }
}


/* line 217, sass/_top.scss */

.slick-rev .item {
    position: relative;
}


/* line 219, sass/_top.scss */

.slick-rev .item .deco-01 {
    position: absolute;
    width: 144px;
    height: auto;
    right: -20px;
    bottom: -60px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 231, sass/_top.scss */

.slick-rev .item .deco-02 {
    position: absolute;
    width: 132px;
    height: auto;
    right: 40px;
    top: 0px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 243, sass/_top.scss */

.slick-rev .item .deco-03 {
    position: absolute;
    width: 145px;
    height: auto;
    right: 40px;
    bottom: -30px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 255, sass/_top.scss */

.slick-rev .item .deco-04 {
    position: absolute;
    width: 80px;
    height: auto;
    left: 80px;
    top: 0px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 271, sass/_top.scss */

.slick-w-full .item {
    position: relative;
}


/* line 273, sass/_top.scss */

.slick-w-full .item .deco-01 {
    position: absolute;
    width: 104px;
    height: auto;
    right: 100px;
    bottom: -50px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 285, sass/_top.scss */

.slick-w-full .item .deco-02 {
    position: absolute;
    width: 100px;
    height: auto;
    right: 10px;
    top: 0px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 297, sass/_top.scss */

.slick-w-full .item .deco-03 {
    position: absolute;
    width: 125px;
    height: auto;
    right: -30px;
    bottom: 60px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 309, sass/_top.scss */

.slick-w-full .item .deco-04 {
    position: absolute;
    width: 80px;
    height: auto;
    left: 120px;
    top: 0px;
    aspect-ratio: initial;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: 2;
}

@media screen and (max-width: 575px) {
    /* line 326, sass/_top.scss */
    .link-area .btn {
        width: 100%;
        margin-left: 0;
    }
    /* line 329, sass/_top.scss */
    .link-area .btn:last-of-type {
        margin-top: 30px;
    }
}


/* line 337, sass/_top.scss */

.front .deco-01 {
    position: absolute;
    left: -50px;
    bottom: 100px;
    width: 216px;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 991px) {
    /* line 337, sass/_top.scss */
    .front .deco-01 {
        display: none;
    }
}


/* line 349, sass/_top.scss */

.front .deco-02 {
    position: absolute;
    left: 50px;
    bottom: 100px;
    width: clamp(170px, 35vw, 240px);
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 991px) {
    /* line 349, sass/_top.scss */
    .front .deco-02 {
        display: none;
    }
}


/* line 361, sass/_top.scss */

.front .deco-03 {
    position: absolute;
    left: -20px;
    bottom: 80px;
    width: clamp(180px, 35vw, 260px);
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 991px) {
    /* line 361, sass/_top.scss */
    .front .deco-03 {
        display: none;
    }
}


/* line 373, sass/_top.scss */

.front .deco-04 {
    position: absolute;
    right: 20px;
    bottom: -50px;
    width: clamp(80px, 35vw, 100px);
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 991px) {
    /* line 373, sass/_top.scss */
    .front .deco-04 {
        bottom: -100px;
    }
}


/* line 2, sass/_second.scss */

.second .title-bar {
    background: #192E63;
    color: #fff;
    line-height: 1;
    padding: 26px 20px;
    font-size: 20px;
    text-align: center;
    margin-top: 80px;
}


/* line 11, sass/_second.scss */

.second .right-side {
    position: absolute;
    right: -220px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    /* line 11, sass/_second.scss */
    .second .right-side {
        right: -300px;
    }
}

@media screen and (max-width: 1080px) {
    /* line 11, sass/_second.scss */
    .second .right-side {
        display: none;
    }
}


/* line 23, sass/_second.scss */

.second .right-side .img {
    width: 467px;
    height: auto;
}


/* line 27, sass/_second.scss */

.second .right-side .deco-04 {
    position: absolute;
    width: 85px;
    height: auto;
    left: 130px;
    top: -20px;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
}


/* line 37, sass/_second.scss */

.second .right-side .deco-05 {
    position: absolute;
    width: 105px;
    height: auto;
    left: 120px;
    bottom: 0px;
    animation-duration: 0.9s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
}


/* line 48, sass/_second.scss */

.second .left-side {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translate(0, -50%);
}

@media screen and (max-width: 1280px) {
    /* line 48, sass/_second.scss */
    .second .left-side {
        left: -150px;
    }
}

@media screen and (max-width: 1080px) {
    /* line 48, sass/_second.scss */
    .second .left-side {
        position: relative;
        left: 50%;
        top: 0;
        transform: translate(calc(-317px / 2), 0);
        display: inline-block;
        margin: auto;
    }
}

@media screen and (max-width: 991px) {
    /* line 48, sass/_second.scss */
    .second .left-side {
        transform: translate(-50%, 0);
    }
}


/* line 67, sass/_second.scss */

.second .left-side .img {
    width: 467px;
    height: auto;
}


/* line 71, sass/_second.scss */

.second .left-side .deco-01 {
    position: absolute;
    width: 115px;
    height: auto;
    right: -20px;
    top: -20px;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 768px) {
    /* line 71, sass/_second.scss */
    .second .left-side .deco-01 {
        width: calc(105px * 0.8);
    }
}


/* line 84, sass/_second.scss */

.second .left-side .deco-02 {
    position: absolute;
    width: 105px;
    height: auto;
    left: 0;
    top: -50px;
    animation-duration: 0.9s;
    animation-name: deco-img03;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 768px) {
    /* line 84, sass/_second.scss */
    .second .left-side .deco-02 {
        width: calc(105px * 0.8);
    }
}


/* line 97, sass/_second.scss */

.second .left-side .deco-03 {
    position: absolute;
    width: 105px;
    height: auto;
    right: calc(50% - 100px);
    bottom: -20px;
    animation-duration: 1.1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 768px) {
    /* line 97, sass/_second.scss */
    .second .left-side .deco-03 {
        width: calc(105px * 0.8);
        bottom: 10px;
    }
}


/* line 112, sass/_second.scss */

.second .page-title-area {
    position: relative;
    margin-top: 50px;
    margin-bottom: 90px;
}

@media screen and (max-width: 768px) {
    /* line 112, sass/_second.scss */
    .second .page-title-area {
        margin-top: 0;
        margin-bottom: 60px;
    }
}


/* line 120, sass/_second.scss */

.second .page-title-area .page-title {
    height: 376px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(assets/images/common/circle.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    /* line 120, sass/_second.scss */
    .second .page-title-area .page-title {
        height: 347px;
    }
}


/* line 135, sass/_second.scss */

.second .page-title-area .page-title h1,
.second .page-title-area .page-title span {
    display: inline-block;
    font-size: 50px;
    font-weight: bold;
    background-color: #192E63;
    color: #fff;
    line-height: 1;
    padding: 3px 10px 7px;
    border-radius: 5px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    /* line 135, sass/_second.scss */
    .second .page-title-area .page-title h1,
    .second .page-title-area .page-title span {
        font-size: 36px;
    }
}

@media screen and (max-width: 575px) {
    /* line 135, sass/_second.scss */
    .second .page-title-area .page-title h1,
    .second .page-title-area .page-title span {
        line-height: calc(44 / 36);
    }
}


/* line 154, sass/_second.scss */

.second .page-title-area .breadclumbs {
    display: block;
    position: absolute;
    bottom: 80px;
}

@media screen and (max-width: 768px) {
    /* line 154, sass/_second.scss */
    .second .page-title-area .breadclumbs {
        position: relative;
        bottom: inherit;
    }
}


/* line 162, sass/_second.scss */

.second .page-title-area .breadclumbs li {
    display: inline;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    /* line 162, sass/_second.scss */
    .second .page-title-area .breadclumbs li {
        font-size: 12px;
    }
}


/* line 168, sass/_second.scss */

.second .page-title-area .breadclumbs li:after {
    content: ">";
    margin: 0 14px;
}

@media screen and (max-width: 768px) {
    /* line 168, sass/_second.scss */
    .second .page-title-area .breadclumbs li:after {
        margin: 0 7px;
    }
}


/* line 176, sass/_second.scss */

.second .page-title-area .breadclumbs li:last-of-type:after {
    content: none;
}


/* line 180, sass/_second.scss */

.second .page-title-area .breadclumbs li a {
    color: #192E63;
}


/* line 187, sass/_second.scss */

.second .circle-area .lead {
    font-size: 36px;
    margin-top: 30px;
    line-height: calc(64 / 36);
}

@media screen and (max-width: 768px) {
    /* line 187, sass/_second.scss */
    .second .circle-area .lead {
        font-size: 28px;
    }
}


/* line 196, sass/_second.scss */

.second .circle-area p {
    font-size: 18px;
    max-width: 771px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 768px) {
    /* line 196, sass/_second.scss */
    .second .circle-area p {
        font-size: 16px;
    }
}


/* line 206, sass/_second.scss */

.second .back-btn {
    margin-top: 30px;
}


/* line 208, sass/_second.scss */

.second .back-btn button {
    font-size: 16px;
    color: #192E63;
    text-decoration: underline;
}


/* line 212, sass/_second.scss */

.second .back-btn button:hover {
    text-decoration: none;
}


/* line 217, sass/_second.scss */

.second table {
    margin-top: 20px;
    font-size: 16px;
    width: 100%;
}

@media screen and (max-width: 575px) {
    /* line 217, sass/_second.scss */
    .second table {
        font-size: 14px;
    }
}


/* line 225, sass/_second.scss */

.second table.bottom-line tr {
    border-top: none;
    border-bottom: 1px solid #192E63;
}


/* line 231, sass/_second.scss */

.second table.contact tr {
    border-bottom: 0;
    border-top: 0;
}


/* line 234, sass/_second.scss */

.second table.contact tr th {
    width: 287px;
}


/* line 236, sass/_second.scss */

.second table.contact tr th p {
    line-height: 1;
    padding: 24px 24px 24px 0;
}

@media screen and (max-width: 575px) {
    /* line 236, sass/_second.scss */
    .second table.contact tr th p {
        padding: 0;
    }
}


/* line 243, sass/_second.scss */

.second table.contact tr th p.required:after {
    content: "必須";
    font-size: 14px;
    margin-left: 20px;
    color: #D93C6F;
}


/* line 253, sass/_second.scss */

.second table.contact tr td input,
.second table.contact tr td textarea {
    border: 1px solid #192E63;
    font-size: 16px;
    padding: 24px;
    width: 100%;
}


/* line 259, sass/_second.scss */

.second table.contact tr td input[type=file],
.second table.contact tr td textarea[type=file] {
    display: none;
}


/* line 263, sass/_second.scss */

.second table.contact tr td .file-wrapper {
    position: relative;
}

@media screen and (max-width: 575px) {
    /* line 263, sass/_second.scss */
    .second table.contact tr td .file-wrapper {
        margin-bottom: 20px;
    }
}


/* line 268, sass/_second.scss */

.second table.contact tr td .file-wrapper .btn {
    margin: 0;
    background-color: #192E63;
    color: #fff;
    transition: .6s;
    padding: 0 30px;
}


/* line 274, sass/_second.scss */

.second table.contact tr td .file-wrapper .btn:hover {
    border-color: #BBC0D0;
    background-color: #BBC0D0;
}


/* line 279, sass/_second.scss */

.second table.contact tr td .file-wrapper .mw-wp-form_file {
    position: absolute;
    bottom: -30px;
}


/* line 283, sass/_second.scss */

.second table.contact tr td .file-wrapper span {
    position: absolute;
    top: 50%;
    color: #fff;
    line-height: 1;
    transform: translate(10px, -50%);
}


/* line 289, sass/_second.scss */

.second table.contact tr td .file-wrapper span.error {
    font-size: 93%;
    color: #B70000;
    display: block;
    position: absolute;
    bottom: 0;
    /* bottom: -40px; */
    transform: translate(0, 50px);
}


/* line 303, sass/_second.scss */

.second table tr {
    border-top: 1px solid #192e63;
}


/* line 308, sass/_second.scss */

.second table tr th,
.second table tr td {
    vertical-align: top;
    padding: 30px 0;
}

@media screen and (max-width: 575px) {
    /* line 308, sass/_second.scss */
    .second table tr th,
    .second table tr td {
        display: block;
    }
}


/* line 316, sass/_second.scss */

.second table tr th {
    width: 210px;
    font-weight: bold;
}

@media screen and (max-width: 575px) {
    /* line 316, sass/_second.scss */
    .second table tr th {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 15px;
    }
}


/* line 325, sass/_second.scss */

.second table tr td {
    width: calc(100% - 210px);
}

@media screen and (max-width: 575px) {
    /* line 325, sass/_second.scss */
    .second table tr td {
        width: 100%;
        padding-top: 0;
        padding-bottom: 20px;
    }
}


/* line 332, sass/_second.scss */

.second table tr td .logo-area {
    display: flex;
    justify-self: space-between;
    align-items: flex-start;
}


/* line 337, sass/_second.scss */

.second table tr td .default {
    padding-right: 20px;
}

@media screen and (max-width: 768px) {
    /* line 337, sass/_second.scss */
    .second table tr td .default {
        padding-right: 10px;
    }
}


/* line 343, sass/_second.scss */

.second table tr td .logo-img {
    width: 200px;
    height: auto;
    margin-left: auto;
}

@media screen and (max-width: 768px) {
    /* line 343, sass/_second.scss */
    .second table tr td .logo-img {
        width: 100px;
    }
}


/* line 351, sass/_second.scss */

.second table tr td .business-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

@media screen and (max-width: 575px) {
    /* line 351, sass/_second.scss */
    .second table tr td .business-list {
        justify-content: space-between;
    }
}


/* line 358, sass/_second.scss */

.second table tr td .business-list li {
    max-width: calc((100% - 114px) / 3);
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

@media screen and (max-width: 575px) {
    /* line 358, sass/_second.scss */
    .second table tr td .business-list li {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 575px) {
    /* line 358, sass/_second.scss */
    .second table tr td .business-list li {
        width: 100%;
        max-width: calc(50% - 10px);
    }
}


/* line 370, sass/_second.scss */

.second table tr td .business-list li>img {
    z-index: 6;
    pointer-events: none;
}


/* line 374, sass/_second.scss */

.second table tr td .business-list li>.deco-01 {
    position: absolute;
    width: 110px;
    height: auto;
    left: -50px;
    top: 100px;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: 2;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    /* line 374, sass/_second.scss */
    .second table tr td .business-list li>.deco-01 {
        width: calc(110px * 0.7);
        left: -20px;
    }
}


/* line 390, sass/_second.scss */

.second table tr td .business-list li>.deco-02 {
    position: absolute;
    width: 110px;
    height: auto;
    right: -50px;
    bottom: 50px;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
    z-index: 2;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    /* line 390, sass/_second.scss */
    .second table tr td .business-list li>.deco-02 {
        width: calc(110px * 0.7);
        right: 0px;
        bottom: 100px;
    }
}


/* line 407, sass/_second.scss */

.second table tr td .business-list li>.deco-03 {
    position: absolute;
    width: 110px;
    height: auto;
    right: -50px;
    top: 0px;
    z-index: 2;
    pointer-events: none;
    animation-duration: 1s;
    animation-name: deco-img03;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 575px) {
    /* line 407, sass/_second.scss */
    .second table tr td .business-list li>.deco-03 {
        width: calc(110px * 0.7);
        right: -20px;
    }
}


/* line 423, sass/_second.scss */

.second table tr td .business-list li>.deco-04 {
    position: absolute;
    width: 110px;
    height: auto;
    left: -20px;
    top: -20px;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: 2;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    /* line 423, sass/_second.scss */
    .second table tr td .business-list li>.deco-04 {
        width: calc(110px * 0.7);
        left: inherit;
        right: 0px;
        top: 100px;
    }
}


/* line 441, sass/_second.scss */

.second table tr td .business-list li>.deco-05 {
    position: absolute;
    width: 110px;
    height: auto;
    left: -20px;
    bottom: 80px;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: 2;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    /* line 441, sass/_second.scss */
    .second table tr td .business-list li>.deco-05 {
        width: calc(110px * 0.7);
    }
}

.second table tr td .business-list li>.deco-06 {
    position: absolute;
    width: 110px;
    height: auto;
    left: -20px;
    top: -10px;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: 2;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    /* line 441, sass/_second.scss */
    .second table tr td .business-list li>.deco-06 {
        width: calc(110px * 0.7);
    }
}


/* line 456, sass/_second.scss */

.second table tr td .business-list li:nth-of-type(3n-1) {
    margin: 0 57px 40px;
}

@media screen and (max-width: 575px) {
    /* line 456, sass/_second.scss */
    .second table tr td .business-list li:nth-of-type(3n-1) {
        margin: 0 0 30px;
    }
}


/* line 462, sass/_second.scss */

.second table tr td .business-list li:nth-of-type(4),
.second table tr td .business-list li:nth-of-type(5) {
    margin-bottom: 0;
}


/* line 466, sass/_second.scss */

.second table tr td .business-list li a {
    font-weight: bold;
    text-decoration: none;
}


/* line 469, sass/_second.scss */

.second table tr td .business-list li a img {
    transition: .3s;
}


/* line 473, sass/_second.scss */

.second table tr td .business-list li a:hover img {
    transform: scale(1.05);
}


/* line 484, sass/_second.scss */

.second .map iframe {
    width: 100%;
    aspect-ratio: 966 / 400;
}

@media screen and (max-width: 575px) {
    /* line 484, sass/_second.scss */
    .second .map iframe {
        aspect-ratio: 327 / 270;
    }
}


/* line 492, sass/_second.scss */

.second .image-area {
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
}

@media screen and (max-width: 575px) {
    /* line 492, sass/_second.scss */
    .second .image-area {
        flex-wrap: wrap;
    }
}


/* line 499, sass/_second.scss */

.second .image-area:last-of-type {
    margin-top: 50px;
}


/* line 502, sass/_second.scss */

.second .image-area .img-parts {
    width: 214px;
    max-width: calc((100% - 20px)/ 3);
    position: relative;
}


/* line 506, sass/_second.scss */

.second .image-area .img-parts .deco-01 {
    position: absolute;
    width: 115px;
    height: auto;
    right: -50px;
    top: 100px;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
}


/* line 516, sass/_second.scss */

.second .image-area .img-parts .deco-02 {
    position: absolute;
    width: 105px;
    height: auto;
    right: -30px;
    bottom: 20px;
    animation-duration: 0.9s;
    animation-name: deco-img03;
    animation-iteration-count: infinite;
}


/* line 526, sass/_second.scss */

.second .image-area .img-parts .deco-03 {
    position: absolute;
    width: 105px;
    height: auto;
    right: -20px;
    top: -20px;
    animation-duration: 1.1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
}


/* line 536, sass/_second.scss */

.second .image-area .img-parts .deco-04 {
    position: absolute;
    width: 155px;
    height: auto;
    right: -30px;
    bottom: 20px;
    animation-duration: 0.8s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
}


/* line 546, sass/_second.scss */

.second .image-area .img-parts .deco-05 {
    position: absolute;
    width: 85px;
    height: auto;
    left: -40px;
    top: 0px;
    animation-duration: 0.8s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
}


/* line 556, sass/_second.scss */

.second .image-area .img-parts .deco-06 {
    position: absolute;
    width: 105px;
    height: auto;
    right: -30px;
    top: -30px;
    animation-duration: 0.8s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 575px) {
    /* line 502, sass/_second.scss */
    .second .image-area .img-parts {
        max-width: calc((100% - 10px) / 2);
        font-size: 14px;
    }
    /* line 569, sass/_second.scss */
    .second .image-area .img-parts:last-of-type {
        margin-top: -40px;
    }
}


/* line 575, sass/_second.scss */

.second .description {
    margin-top: 20px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}


/* line 581, sass/_second.scss */

.second .bg-blue {
    padding-left: 100px;
    padding-top: 50px;
    padding-right: calc(calc(100vw - 1152px) / 2);
    padding-bottom: 50px;
    max-width: calc(100vw - ((100vw - 1152px)/2) - 186px);
    margin-left: auto;
    margin-top: 100px;
    background-color: rgba(25, 46, 99, 0.05);
}

@media screen and (max-width: 1280px) {
    /* line 581, sass/_second.scss */
    .second .bg-blue {
        max-width: calc(100% - 186px - 93px);
        padding-right: calc((100vw - (100vw - 168px))/2);
    }
}

@media screen and (max-width: 991px) {
    /* line 581, sass/_second.scss */
    .second .bg-blue {
        max-width: 100%;
        padding-right: 93px;
        padding-left: 93px;
    }
}

@media screen and (max-width: 768px) {
    /* line 581, sass/_second.scss */
    .second .bg-blue {
        padding-right: 24px;
        padding-left: 24px;
    }
}


/* line 603, sass/_second.scss */

.second .bg-blue .container {
    padding-left: 0;
}

@media screen and (max-width: 1280px) {
    /* line 603, sass/_second.scss */
    .second .bg-blue .container {
        max-width: 100%;
    }
}


/* line 608, sass/_second.scss */

.second .bg-blue .container h2 {
    text-align: left;
    font-weight: bold;
    line-height: 1;
}


/* line 612, sass/_second.scss */

.second .bg-blue .container h2+p {
    margin-top: 50px;
}


/* line 614, sass/_second.scss */

.second .bg-blue .container h2+p+p {
    margin-top: 30px;
}


/* line 619, sass/_second.scss */

.second .bg-blue .container .last-text {
    margin-top: 75px;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 768px) {
    /* line 619, sass/_second.scss */
    .second .bg-blue .container .last-text {
        margin-top: 40px;
        font-size: 16px;
    }
}


/* line 630, sass/_second.scss */

.second .active-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

@media screen and (max-width: 575px) {
    /* line 630, sass/_second.scss */
    .second .active-list {
        display: block;
    }
}


/* line 639, sass/_second.scss */

.second .active-list.topics-list .post-area article {
    max-width: 100%;
    width: 100%;
}


/* line 642, sass/_second.scss */

.second .active-list.topics-list .post-area article:nth-of-type(1) {
    margin-top: 0;
}


/* line 645, sass/_second.scss */

.second .active-list.topics-list .post-area article:nth-of-type(2) {
    margin-top: 30px;
}


/* line 653, sass/_second.scss */

.second .active-list.topics-detail .post-area article {
    max-width: 100%;
    width: 100%;
}


/* line 656, sass/_second.scss */

.second .active-list.topics-detail .post-area article h1 {
    padding: 20px 0;
    font-size: 20px;
    border-bottom: 2px solid #192E63;
    width: 100%;
}


/* line 662, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content {
    margin-top: 50px;
}

@media screen and (max-width: 768px) {
    /* line 662, sass/_second.scss */
    .second .active-list.topics-detail .post-area article .content {
        margin-top: 30px;
    }
}


/* line 668, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content p:first-of-type {
    margin-top: 0;
}


/* line 674, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content div+p:first-of-type,
.second .active-list.topics-detail .post-area article .content p+p:first-of-type {
    margin-top: 20px;
}


/* line 678, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content h2 {
    text-align: left;
    font-size: 18px;
    margin-top: 60px;
}


/* line 683, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content p,
.second .active-list.topics-detail .post-area article .content div {
    margin-top: 20px;
}


/* line 686, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content p.col2,
.second .active-list.topics-detail .post-area article .content div.col2 {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 575px) {
    /* line 686, sass/_second.scss */
    .second .active-list.topics-detail .post-area article .content p.col2,
    .second .active-list.topics-detail .post-area article .content div.col2 {
        display: block;
    }
}


/* line 692, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content p.col2>div,
.second .active-list.topics-detail .post-area article .content p.col2>p,
.second .active-list.topics-detail .post-area article .content div.col2>div,
.second .active-list.topics-detail .post-area article .content div.col2>p {
    margin-top: 0;
    width: calc((100% - 10px)/2);
}

@media screen and (max-width: 575px) {
    /* line 692, sass/_second.scss */
    .second .active-list.topics-detail .post-area article .content p.col2>div,
    .second .active-list.topics-detail .post-area article .content p.col2>p,
    .second .active-list.topics-detail .post-area article .content div.col2>div,
    .second .active-list.topics-detail .post-area article .content div.col2>p {
        width: 100%;
    }
    /* line 698, sass/_second.scss */
    .second .active-list.topics-detail .post-area article .content p.col2>div:nth-of-type(2n),
    .second .active-list.topics-detail .post-area article .content p.col2>p:nth-of-type(2n),
    .second .active-list.topics-detail .post-area article .content div.col2>div:nth-of-type(2n),
    .second .active-list.topics-detail .post-area article .content div.col2>p:nth-of-type(2n) {
        margin-top: 20px;
    }
}


/* line 704, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content p.link,
.second .active-list.topics-detail .post-area article .content div.link {
    margin-top: 50px;
}


/* line 706, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content p.link a,
.second .active-list.topics-detail .post-area article .content div.link a {
    color: #192E63;
}


/* line 709, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content p.link a[target=_blank]:after,
.second .active-list.topics-detail .post-area article .content div.link a[target=_blank]:after {
    line-height: 1;
    vertical-align: middle;
    margin-left: 5px;
    content: "";
    background-image: url(assets/images/common/blank-bk.svg);
    width: 8px;
    height: 7px;
    display: inline-block;
}


/* line 723, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content .eyecatch {
    margin-top: 0;
}


/* line 725, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content .eyecatch+p {
    margin-top: 20px;
}


/* line 729, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content .image-set,
.second .active-list.topics-detail .post-area article .content .eyecatch {
    line-height: 1;
}


/* line 732, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content .image-set .image-detail,
.second .active-list.topics-detail .post-area article .content .eyecatch .image-detail {
    overflow: hidden;
    border-radius: 5px;
    display: inline-block;
}


/* line 737, sass/_second.scss */

.second .active-list.topics-detail .post-area article .content .image-set .caption,
.second .active-list.topics-detail .post-area article .content .eyecatch .caption {
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}


/* line 748, sass/_second.scss */

.second .active-list .post-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 596px;
    width: 100%;
}

@media screen and (max-width: 575px) {
    /* line 748, sass/_second.scss */
    .second .active-list .post-area {
        max-width: 100%;
    }
}


/* line 757, sass/_second.scss */

.second .active-list .post-area article {
    max-width: calc((100% - 20px) / 2);
    width: 100%;
    margin-top: 40px;
}

@media screen and (max-width: 575px) {
    /* line 757, sass/_second.scss */
    .second .active-list .post-area article {
        max-width: 100%;
    }
}


/* line 764, sass/_second.scss */

.second .active-list .post-area article:nth-of-type(1),
.second .active-list .post-area article:nth-of-type(2) {
    margin-top: 0;
}


/* line 770, sass/_second.scss */

.second .active-list .sidebar {
    padding-left: 50px;
    width: 370px;
}

@media screen and (max-width: 575px) {
    /* line 770, sass/_second.scss */
    .second .active-list .sidebar {
        padding-left: 0;
        width: 100%;
        margin-top: 90px;
    }
}


/* line 778, sass/_second.scss */

.second .active-list .sidebar h3 {
    font-size: 24px;
    border-bottom: 1px solid #192E63;
    margin-top: 60px;
}

@media screen and (max-width: 575px) {
    /* line 778, sass/_second.scss */
    .second .active-list .sidebar h3 {
        margin-top: 30px;
    }
}


/* line 785, sass/_second.scss */

.second .active-list .sidebar h3:first-of-type {
    margin-top: 0;
}


/* line 790, sass/_second.scss */

.second .active-list .sidebar ul li {
    margin-top: 20px;
}


/* line 792, sass/_second.scss */

.second .active-list .sidebar ul li a {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px;
    display: inline-block;
    color: #192E63;
    text-decoration: none;
    line-height: 1;
    border-radius: 5px;
    transition: .6s;
}


/* line 802, sass/_second.scss */

.second .active-list .sidebar ul li a.current,
.second .active-list .sidebar ul li a:hover {
    background-color: #192E63;
    color: #fff;
}


/* line 812, sass/_second.scss */

.second .tab {
    display: flex;
    margin-top: 80px;
}


/* line 815, sass/_second.scss */

.second .tab li {
    width: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

@media screen and (max-width: 768px) {
    /* line 815, sass/_second.scss */
    .second .tab li {
        font-size: 16px;
    }
}


/* line 824, sass/_second.scss */

.second .tab li a {
    border: 2px solid #192E63;
    text-decoration: none;
    padding: 20px;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #192E63;
    transition: .6s;
    line-height: 1.5;
}


/* line 834, sass/_second.scss */

.second .tab li a br {
    display: none;
}

@media screen and (max-width: 575px) {
    /* line 834, sass/_second.scss */
    .second .tab li a br {
        display: inline;
    }
}


/* line 840, sass/_second.scss */

.second .tab li a.current {
    pointer-events: none;
    background-color: #192E63;
    color: #fff;
}


/* line 845, sass/_second.scss */

.second .tab li a:hover {
    background-color: #192E63;
    color: #fff;
}


/* line 854, sass/_second.scss */

.second .anchor {
    margin-top: 80px;
}

@media screen and (max-width: 768px) {
    /* line 854, sass/_second.scss */
    .second .anchor {
        margin-top: 40px;
    }
}


/* line 859, sass/_second.scss */

.second .anchor ul {
    display: flex;
}

@media screen and (max-width: 575px) {
    /* line 859, sass/_second.scss */
    .second .anchor ul {
        display: block;
    }
}


/* line 864, sass/_second.scss */

.second .anchor ul li {
    padding-left: 21px;
    position: relative;
    margin-right: 30px;
    text-align: center;
}

@media screen and (max-width: 575px) {
    /* line 864, sass/_second.scss */
    .second .anchor ul li {
        text-align: left;
    }
}


/* line 872, sass/_second.scss */

.second .anchor ul li:last-of-type {
    margin-right: 0;
}


/* line 875, sass/_second.scss */

.second .anchor ul li a {
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    /* line 875, sass/_second.scss */
    .second .anchor ul li a {
        font-size: 16px;
    }
}


/* line 882, sass/_second.scss */

.second .anchor ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 11px;
    height: 9px;
    background-image: url(assets/images/common/tri.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* line 900, sass/_second.scss */

.second h2+.posts {
    margin-top: 60px;
}


/* line 904, sass/_second.scss */

.second .recruit-type {
    margin-top: 80px;
    border-top: 2px solid #192E63;
}


/* line 907, sass/_second.scss */

.second .recruit-type:first-of-type {
    margin-top: 100px;
}


/* line 910, sass/_second.scss */

.second .recruit-type h2 {
    text-align: left;
    font-size: 20px;
    padding-top: 40px;
    padding-left: 30px;
    position: relative;
}


/* line 916, sass/_second.scss */

.second .recruit-type h2:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(assets/images/common/list-style.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* line 932, sass/_second.scss */

.second .recruit-type table tr th {
    font-weight: 500;
}


/* line 938, sass/_second.scss */

.second footer {
    margin-top: 180px;
}

@media screen and (max-width: 768px) {
    /* line 938, sass/_second.scss */
    .second footer {
        margin-top: 120px;
    }
}


/* line 946, sass/_second.scss */

.role-01,
.role-02 {
    display: none;
}


/* line 949, sass/_second.scss */

.role-01.active,
.role-02.active {
    display: block;
}


/* line 956, sass/_second.scss */

.second .mw_wp_form_confirm table.contact tr th p {
    line-height: 2;
    padding: 0;
}

@media screen and (max-width: 575px) {
    /* line 960, sass/_second.scss */
    .second .mw_wp_form_confirm table.contact tr .file-wrapper {
        margin-bottom: 0;
    }
}


/* line 964, sass/_second.scss */

.second .mw_wp_form_confirm table.contact tr .file-wrapper label {
    display: none;
}


/* line 967, sass/_second.scss */

.second .mw_wp_form_confirm table.contact tr .file-wrapper .mw-wp-form_file {
    bottom: 0;
}


/* line 972, sass/_second.scss */

.second .mw_wp_form_confirm table.contact tr .selectwrap:after {
    content: none;
}


/* line 979, sass/_second.scss */

.schedule-area {
    position: relative;
}


/* line 981, sass/_second.scss */

.schedule-area .time-line {
    width: 36px;
    display: inline-block;
    position: absolute;
    left: calc(50% - 18px);
    top: 50px;
}

@media screen and (max-width: 768px) {
    /* line 981, sass/_second.scss */
    .schedule-area .time-line {
        left: 0px;
        top: 36px;
    }
}

@media screen and (max-width: 410px) {
    /* line 981, sass/_second.scss */
    .schedule-area .time-line {
        top: 50px;
    }
}


/* line 994, sass/_second.scss */

.schedule-area .time-line:before {
    content: "";
    width: 2px;
    height: calc(100% - 36px);
    display: inline-block;
    position: absolute;
    left: 17px;
    top: 17px;
    z-index: -1;
    background-color: #192E63;
}


/* line 1005, sass/_second.scss */

.schedule-area .time-line img {
    width: 36px;
    height: 36px;
    margin-bottom: 78px;
}

@media screen and (max-width: 768px) {
    /* line 1005, sass/_second.scss */
    .schedule-area .time-line img {
        width: 30px;
        height: 30px;
        margin-bottom: 109px;
    }
}


/* line 1015, sass/_second.scss */

.schedule-area .time-line img:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 410px) {
    /* line 1005, sass/_second.scss */
    .schedule-area .time-line img {
        margin-bottom: 110px;
    }
    /* line 1020, sass/_second.scss */
    .schedule-area .time-line img:first-of-type {
        margin-bottom: 121px;
    }
}


/* line 1026, sass/_second.scss */

.schedule-area .schedule {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
    align-items: flex-start;
}

@media screen and (max-width: 768px) {
    /* line 1026, sass/_second.scss */
    .schedule-area .schedule {
        display: block;
        padding-left: 60px;
    }
}


/* line 1036, sass/_second.scss */

.schedule-area .schedule li {
    width: calc((100% - 100px)/2);
    border: 2px solid #192E63;
    padding: 24px;
    margin-bottom: 123px;
    height: 124px;
    position: relative;
    font-size: clamp(12px, 1.1vw, 16px);
}

@media screen and (max-width: 768px) {
    /* line 1036, sass/_second.scss */
    .schedule-area .schedule li {
        width: 100%;
        margin-bottom: 40px;
        height: 108px;
    }
}

@media screen and (max-width: 410px) {
    /* line 1036, sass/_second.scss */
    .schedule-area .schedule li {
        height: auto;
    }
}


/* line 1052, sass/_second.scss */

.schedule-area .schedule li>img {
    position: absolute;
}


/* line 1055, sass/_second.scss */

.schedule-area .schedule li .deco-01 {
    position: absolute;
    width: clamp(50px, 10vw, 115px);
    height: auto;
    right: 20px;
    top: -60px;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
    z-index: -1;
    left: inherit;
}

@media screen and (max-width: 575px) {
    /* line 1055, sass/_second.scss */
    .schedule-area .schedule li .deco-01 {
        top: -50px;
        width: 105px;
    }
}


/* line 1071, sass/_second.scss */

.schedule-area .schedule li .deco-02 {
    left: initial;
    position: absolute;
    width: clamp(50px, 10vw, 125px);
    height: auto;
    right: 30px;
    top: -20px;
    animation-duration: 1.3s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 1180px) {
    /* line 1071, sass/_second.scss */
    .schedule-area .schedule li .deco-02 {
        right: -10px;
        top: -60px;
        width: 90px;
    }
}


/* line 1088, sass/_second.scss */

.schedule-area .schedule li .deco-03 {
    position: absolute;
    width: clamp(50px, 10vw, 145px);
    height: auto;
    right: 100px;
    top: -40px;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 1180px) {
    /* line 1088, sass/_second.scss */
    .schedule-area .schedule li .deco-03 {
        right: 30px;
        width: 90px;
        display: block;
    }
}

@media screen and (max-width: 575px) {
    /* line 1088, sass/_second.scss */
    .schedule-area .schedule li .deco-03 {
        width: 100px;
    }
}


/* line 1107, sass/_second.scss */

.schedule-area .schedule li .deco-04 {
    position: absolute;
    width: clamp(50px, 10vw, 145px);
    height: auto;
    right: 40px;
    top: -20px;
    z-index: -1;
}

@media screen and (max-width: 1180px) {
    /* line 1107, sass/_second.scss */
    .schedule-area .schedule li .deco-04 {
        right: 10px;
        top: -20px;
        width: 80px;
    }
}


/* line 1123, sass/_second.scss */

.schedule-area .schedule li .deco-05 {
    position: absolute;
    width: clamp(50px, 10vw, 145px);
    height: auto;
    right: -10px;
    top: -20px;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 1180px) {
    /* line 1123, sass/_second.scss */
    .schedule-area .schedule li .deco-05 {
        right: -10px;
        top: -20px;
        width: 80px;
    }
}


/* line 1139, sass/_second.scss */

.schedule-area .schedule li .deco-06 {
    position: absolute;
    width: clamp(90px, 10vw, 195px);
    height: auto;
    right: 20px;
    top: 10px;
    z-index: -1;
}

@media screen and (max-width: 1180px) {
    /* line 1139, sass/_second.scss */
    .schedule-area .schedule li .deco-06 {
        right: 20px;
        bottom: 20px;
        top: inherit;
        width: 90px;
    }
}


/* line 1156, sass/_second.scss */

.schedule-area .schedule li .deco-06-01 {
    position: absolute;
    width: clamp(50px, 10vw, 85px);
    height: auto;
    left: -40px;
    top: -50px;
    z-index: -1;
}

@media screen and (max-width: 1180px) {
    /* line 1156, sass/_second.scss */
    .schedule-area .schedule li .deco-06-01 {
        width: 60px;
        left: -20px;
        top: -30px;
    }
}


/* line 1172, sass/_second.scss */

.schedule-area .schedule li .deco-07 {
    position: absolute;
    width: clamp(50px, 10vw, 125px);
    height: auto;
    right: 80px;
    top: -50px;
    z-index: -1;
}

@media screen and (max-width: 1180px) {
    /* line 1172, sass/_second.scss */
    .schedule-area .schedule li .deco-07 {
        right: 40px;
        top: 0px;
        width: 80px;
    }
}

@media screen and (max-width: 575px) {
    /* line 1172, sass/_second.scss */
    .schedule-area .schedule li .deco-07 {
        right: 10px;
    }
}


/* line 1191, sass/_second.scss */

.schedule-area .schedule li .deco-08 {
    position: absolute;
    width: clamp(50px, 10vw, 145px);
    height: auto;
    right: 80px;
    bottom: -60px;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 1180px) {
    /* line 1191, sass/_second.scss */
    .schedule-area .schedule li .deco-08 {
        right: 80px;
        bottom: -30px;
        width: 90px;
    }
}

@media screen and (max-width: 575px) {
    /* line 1191, sass/_second.scss */
    .schedule-area .schedule li .deco-08 {
        width: 100px;
    }
}


/* line 1210, sass/_second.scss */

.schedule-area .schedule li .deco-09 {
    position: absolute;
    width: clamp(50px, 10vw, 125px);
    height: auto;
    right: -20px;
    top: 30px;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 575px) {
    /* line 1210, sass/_second.scss */
    .schedule-area .schedule li .deco-09 {
        width: 105px;
    }
}


/* line 1224, sass/_second.scss */

.schedule-area .schedule li:before {
    content: "";
    width: 23px;
    height: 10px;
    display: inline-block;
    background-image: url(assets/images/activity/fukidashi.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}


/* line 1234, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(2n) {
    transform: translate(0, 123px);
}


/* line 1236, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(2n):before {
    transform: rotate(180deg) translate(0, 50%);
    right: -23px;
    top: 50%;
}

@media screen and (max-width: 768px) {
    /* line 1234, sass/_second.scss */
    .schedule-area .schedule li:nth-of-type(2n) {
        transform: translate(0, 0);
    }
    /* line 1243, sass/_second.scss */
    .schedule-area .schedule li:nth-of-type(2n):before {
        transform: rotate(0) translate(0, -50%);
        right: initial;
        left: -23px;
        top: 50%;
    }
}


/* line 1252, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(2n-1):before {
    transform: translate(0, -50%);
    left: -23px;
    top: 50%;
}


/* line 1258, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(1) {
    order: 2;
}


/* line 1261, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(2) {
    order: 1;
}


/* line 1264, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(3) {
    order: 4;
}


/* line 1267, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(4) {
    order: 3;
}


/* line 1270, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(5) {
    order: 6;
}


/* line 1273, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(6) {
    order: 5;
}


/* line 1276, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(7) {
    order: 8;
}


/* line 1279, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(8) {
    order: 7;
}


/* line 1282, sass/_second.scss */

.schedule-area .schedule li:nth-of-type(9) {
    order: 9;
    margin-left: auto;
    margin-bottom: 0;
}


/* line 1287, sass/_second.scss */

.schedule-area .schedule li p {
    font-weight: bold;
    font-size: clamp(16px, 1.45vw, 20px);
}


/* line 1290, sass/_second.scss */

.schedule-area .schedule li p .time {
    margin-right: 30px;
}


/* line 1298, sass/_second.scss */

.flow-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

@media screen and (max-width: 720px) {
    /* line 1298, sass/_second.scss */
    .flow-area {
        display: block;
    }
}


/* line 1305, sass/_second.scss */

.flow-area .img-parts {
    width: calc((100% - 108px) / 3);
    position: relative;
}

@media screen and (max-width: 720px) {
    /* line 1305, sass/_second.scss */
    .flow-area .img-parts {
        width: 100%;
        padding-top: 20px;
    }
    /* line 1311, sass/_second.scss */
    .flow-area .img-parts:first-of-type {
        padding-top: 0;
    }
}


/* line 1315, sass/_second.scss */

.flow-area .img-parts:after {
    position: absolute;
    left: -30px;
    top: calc(50% - 20px);
    content: "";
    width: 30px;
    height: 25px;
    display: block;
    background-image: url(assets/images/flow/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 720px) {
    /* line 1315, sass/_second.scss */
    .flow-area .img-parts:after {
        transform: rotate(90deg) translate(0, 50%);
        position: absolute;
        left: 50%;
        top: 20px;
    }
}


/* line 1334, sass/_second.scss */

.flow-area .img-parts:nth-of-type(1):after {
    content: none;
}


/* line 1338, sass/_second.scss */

.flow-area .img-parts:nth-of-type(4) {
    margin-left: auto;
    margin-right: 27px;
}

@media screen and (max-width: 720px) {
    /* line 1338, sass/_second.scss */
    .flow-area .img-parts:nth-of-type(4) {
        margin-left: auto;
        margin-right: auto;
    }
}


/* line 1346, sass/_second.scss */

.flow-area .img-parts:nth-of-type(5) {
    margin-left: 27px;
    margin-right: auto;
}

@media screen and (max-width: 720px) {
    /* line 1346, sass/_second.scss */
    .flow-area .img-parts:nth-of-type(5) {
        margin-left: auto;
        margin-right: auto;
    }
}


/* line 1354, sass/_second.scss */

.flow-area .img-parts .border {
    max-width: 225px;
    width: calc(100% - 20px);
    aspect-ratio: 225 / 245;
    margin: 60px auto 0;
    background-image: url(assets/images/flow/flow-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}


/* line 1367, sass/_second.scss */

.flow-area .img-parts .border span {
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
}


/* line 1372, sass/_second.scss */

.flow-area .img-parts .border p {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
}


/* line 1378, sass/_second.scss */

.flow-area .img-parts .border+p {
    margin-top: 20px;
    text-align: center;
}


/* line 1382, sass/_second.scss */

.flow-area .img-parts .border img {
    position: absolute;
}


/* line 1384, sass/_second.scss */

.flow-area .img-parts .border img.deco-01 {
    position: absolute;
    width: 80px;
    height: auto;
    left: -50px;
    top: 100px;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 1395, sass/_second.scss */

.flow-area .img-parts .border img.deco-02 {
    position: absolute;
    width: 80px;
    height: auto;
    left: -20px;
    top: -20px;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 1406, sass/_second.scss */

.flow-area .img-parts .border img.deco-03 {
    position: absolute;
    width: 90px;
    height: auto;
    right: -50px;
    bottom: 20px;
    animation-duration: 1s;
    animation-name: deco-img03;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 1417, sass/_second.scss */

.flow-area .img-parts .border img.deco-04 {
    position: absolute;
    width: 90px;
    height: auto;
    left: -10px;
    bottom: 10px;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 1428, sass/_second.scss */

.flow-area .img-parts .border img.deco-05 {
    position: absolute;
    width: 70px;
    height: auto;
    right: -30px;
    top: 100px;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: 2;
}


/* line 1445, sass/_second.scss */

.act .deco-01 {
    width: 240px;
    height: auto;
    position: absolute;
    left: 20px;
    top: 100px;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    /* line 1445, sass/_second.scss */
    .act .deco-01 {
        width: 180px;
        height: auto;
        position: absolute;
        left: inherit;
        right: 20px;
        animation-duration: 1s;
        animation-name: deco-img01;
        animation-iteration-count: infinite;
    }
}

@media screen and (max-width: 575px) {
    /* line 1445, sass/_second.scss */
    .act .deco-01 {
        width: 130px;
        top: 0;
    }
}


/* line 1470, sass/_second.scss */

.act>.deco-02 {
    width: 210px;
    height: auto;
    position: absolute;
    left: 20px;
    top: 100px;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    /* line 1470, sass/_second.scss */
    .act>.deco-02 {
        left: 20px;
        top: -20px;
        width: 130px;
    }
}

@media screen and (max-width: 768px) {
    /* line 1470, sass/_second.scss */
    .act>.deco-02 {
        display: none;
    }
}


/* line 1489, sass/_second.scss */

.act .deco-03 {
    width: 210px;
    height: auto;
    position: absolute;
    right: 20px;
    bottom: 00px;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 768px) {
    /* line 1489, sass/_second.scss */
    .act .deco-03 {
        display: none;
    }
}


/* line 1503, sass/_second.scss */

.act .posts {
    position: relative;
}


/* line 1505, sass/_second.scss */

.act .posts .deco-01 {
    right: inherit;
    bottom: inherit;
    z-index: 1;
    width: 131px;
    left: -70px;
    top: 80px;
    z-index: 3;
    pointer-events: none;
    animation-duration: 1s;
    animation-name: deco-img04;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 575px) {
    /* line 1505, sass/_second.scss */
    .act .posts .deco-01 {
        width: 70px;
        left: -10px;
        top: 50px;
    }
}


/* line 1523, sass/_second.scss */

.act .posts .deco-02 {
    position: absolute;
    pointer-events: none;
    left: inherit;
    z-index: 1;
    width: 137px;
    right: -70px;
    top: -80px;
    z-index: 3;
    pointer-events: none;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 575px) {
    /* line 1523, sass/_second.scss */
    .act .posts .deco-02 {
        width: 80px;
        left: inherit;
        top: -20px;
        right: 20px;
    }
}


/* line 1547, sass/_second.scss */

.sidebar .deco-01 {
    width: 368px;
    height: auto;
    position: absolute;
    right: -150px;
    bottom: 0px;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 575px) {
    /* line 1547, sass/_second.scss */
    .sidebar .deco-01 {
        width: 200px;
        right: 20px;
        bottom: inherit;
        top: -60px;
    }
}


/* line 1567, sass/_second.scss */

.content .deco-01 {
    width: 153px;
    height: auto;
    position: absolute;
    left: -110px;
    top: -70px;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 575px) {
    /* line 1567, sass/_second.scss */
    .content .deco-01 {
        width: 85px;
        left: -30px;
        top: -80px;
    }
}


/* line 1585, sass/_second.scss */

.topics {
    position: relative;
}

@media screen and (max-width: 575px) {
    /* line 1585, sass/_second.scss */
    .topics {
        overflow: inherit;
    }
}


/* line 1590, sass/_second.scss */

.topics .deco-01 {
    width: 273px;
    left: 0px;
    top: 0;
    height: auto;
    position: absolute;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    /* line 1590, sass/_second.scss */
    .topics .deco-01 {
        width: 203px;
        left: -100px;
    }
}

@media screen and (max-width: 768px) {
    /* line 1590, sass/_second.scss */
    .topics .deco-01 {
        width: 163px;
        left: inherit;
        top: inherit;
        bottom: 110px;
        right: 20px;
    }
}


/* line 1612, sass/_second.scss */

.topics .deco-02 {
    width: 140px;
    left: 100px;
    top: 0;
    height: auto;
    position: absolute;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    /* line 1612, sass/_second.scss */
    .topics .deco-02 {
        left: -30px;
    }
}


/* line 1626, sass/_second.scss */

.topics .deco-03 {
    width: 230px;
    right: -50px;
    bottom: 320px;
    height: auto;
    position: absolute;
    animation-duration: 1s;
    animation-name: deco-img03;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 575px) {
    /* line 1626, sass/_second.scss */
    .topics .deco-03 {
        bottom: 130px;
    }
}


/* line 1640, sass/_second.scss */

.topics .deco-04 {
    width: 180px;
    right: 0px;
    bottom: -20px;
    height: auto;
    position: absolute;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 575px) {
    /* line 1640, sass/_second.scss */
    .topics .deco-04 {
        width: 130px;
        right: 20px;
        bottom: -130px;
    }
}


/* line 1656, sass/_second.scss */

.topics .deco-05 {
    width: 180px;
    right: -40px;
    bottom: 20px;
    height: auto;
    position: absolute;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 575px) {
    /* line 1656, sass/_second.scss */
    .topics .deco-05 {
        width: 130px;
        right: 20px;
        bottom: -130px;
    }
}


/* line 1674, sass/_second.scss */

.recruit {
    position: relative;
}


/* line 1676, sass/_second.scss */

.recruit .deco-01 {
    width: 325px;
    left: -30px;
    top: 10px;
    height: auto;
    position: absolute;
    animation-duration: 1s;
    animation-name: deco-img01;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    /* line 1676, sass/_second.scss */
    .recruit .deco-01 {
        left: 100px;
        top: -30px;
        width: 185px;
    }
}

@media screen and (max-width: 768px) {
    /* line 1676, sass/_second.scss */
    .recruit .deco-01 {
        width: 125px;
    }
}

@media screen and (max-width: 575px) {
    /* line 1676, sass/_second.scss */
    .recruit .deco-01 {
        width: 106px;
        left: calc(50% - 160px);
        top: -40px;
    }
}


/* line 1700, sass/_second.scss */

.recruit .deco-02 {
    width: 275px;
    left: -30px;
    top: 50%;
    height: auto;
    position: absolute;
    animation-duration: 1s;
    animation-name: deco-img02;
    animation-iteration-count: infinite;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    /* line 1700, sass/_second.scss */
    .recruit .deco-02 {
        left: -30px;
    }
}

@media screen and (max-width: 768px) {
    /* line 1700, sass/_second.scss */
    .recruit .deco-02 {
        display: none;
    }
}


/* line 1720, sass/_second.scss */

.recruit .btn.std {
    width: clamp(300px, 28vw, 320px);
}


/* line 1725, sass/_second.scss */

.recruit-type {
    position: relative;
}


/* line 1727, sass/_second.scss */

.recruit-type .human {
    position: absolute;
    right: 0;
    bottom: 150px;
    height: auto;
}

@media screen and (max-width: 1280px) {
    /* line 1727, sass/_second.scss */
    .recruit-type .human {
        bottom: 90px;
    }
}

@media screen and (max-width: 575px) {
    /* line 1727, sass/_second.scss */
    .recruit-type .human {
        position: absolute;
        right: 0;
        bottom: inherit;
        top: -70px;
        height: auto;
    }
}


/* line 1742, sass/_second.scss */

.recruit-type .human.deco-f01 {
    width: 339px;
}

@media screen and (max-width: 1280px) {
    /* line 1742, sass/_second.scss */
    .recruit-type .human.deco-f01 {
        width: calc(339px * 0.7);
    }
}

@media screen and (max-width: 575px) {
    /* line 1742, sass/_second.scss */
    .recruit-type .human.deco-f01 {
        width: calc(339px * 0.4);
    }
}


/* line 1754, sass/_second.scss */

.recruit-type .human.deco-f02 {
    width: 231px;
}

@media screen and (max-width: 1280px) {
    /* line 1754, sass/_second.scss */
    .recruit-type .human.deco-f02 {
        width: calc(231px * 0.7);
    }
}

@media screen and (max-width: 575px) {
    /* line 1754, sass/_second.scss */
    .recruit-type .human.deco-f02 {
        width: calc(231px * 0.4);
    }
}


/* line 1766, sass/_second.scss */

.recruit-type .human.deco-p01 {
    width: 206px;
}

@media screen and (max-width: 1280px) {
    /* line 1766, sass/_second.scss */
    .recruit-type .human.deco-p01 {
        width: calc(206px * 0.6);
        bottom: 0;
    }
}

@media screen and (max-width: 575px) {
    /* line 1766, sass/_second.scss */
    .recruit-type .human.deco-p01 {
        width: calc(206px * 0.35);
    }
}


/* line 1779, sass/_second.scss */

.recruit-type .human.deco-p02 {
    width: 302px;
}

@media screen and (max-width: 1280px) {
    /* line 1779, sass/_second.scss */
    .recruit-type .human.deco-p02 {
        width: calc(302px * 0.7);
    }
}

@media screen and (max-width: 575px) {
    /* line 1779, sass/_second.scss */
    .recruit-type .human.deco-p02 {
        width: calc(302px * 0.4);
    }
}


/* line 1791, sass/_second.scss */

.recruit-type .human.deco-p03 {
    width: 173px;
}

@media screen and (max-width: 1280px) {
    /* line 1791, sass/_second.scss */
    .recruit-type .human.deco-p03 {
        width: calc(173px * 0.7);
        bottom: 0;
    }
}

@media screen and (max-width: 575px) {
    /* line 1791, sass/_second.scss */
    .recruit-type .human.deco-p03 {
        width: calc(173px * 0.4);
    }
}


/* line 1, sass/_animation.scss */

#deco25 {
    animation-name: deco25;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes deco25 {
    0% {
        transform: matrix(0.819, -0.574, 0.574, 0.819, 307.57, 530.388);
    }
    49% {
        transform: matrix(0.819, -0.574, 0.574, 0.819, 307.57, 530.388);
    }
    50% {
        transform: matrix(0.819, -0.574, 0.574, 0.819, 307.57, 530.388) rotate(-5deg);
    }
    99% {
        transform: matrix(0.819, -0.574, 0.574, 0.819, 307.57, 530.388) rotate(-5deg);
    }
    100% {
        transform: matrix(0.819, -0.574, 0.574, 0.819, 307.57, 530.388);
    }
}


/* line 25, sass/_animation.scss */

#deco28 {
    animation-name: deco28;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
}

@keyframes deco28 {
    0% {
        transform: translate(1172.73px, 489.485px) rotate(-27deg);
    }
    49% {
        transform: translate(1172.73px, 489.485px) rotate(-27deg);
    }
    50% {
        transform: translate(1179.73px, 489.485px) rotate(-30deg);
    }
    99% {
        transform: translate(1179.73px, 489.485px) rotate(-30deg);
    }
    100% {
        transform: translate(1172.73px, 489.485px) rotate(-27deg);
    }
}


/* line 49, sass/_animation.scss */

#deco29 {
    animation-name: deco29;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes deco29 {
    0% {
        transform: translate(249.881px, 326.617px) rotate(-29deg);
    }
    49% {
        transform: translate(249.881px, 326.617px) rotate(-29deg);
    }
    50% {
        transform: translate(249.881px, 320.617px) rotate(-10deg);
    }
    99% {
        transform: translate(249.881px, 320.617px) rotate(-10deg);
    }
    100% {
        transform: translate(249.881px, 326.617px) rotate(-29deg);
    }
}


/* line 73, sass/_animation.scss */

#deco09 {
    animation-name: deco09;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes deco09 {
    0% {
        transform: matrix(-0.07, 0.998, -0.998, -0.07, 177.029, 17.41);
    }
    49% {
        transform: matrix(-0.07, 0.998, -0.998, -0.07, 177.029, 17.41);
    }
    50% {
        transform: matrix(-0.07, 0.998, -0.998, -0.07, 177.029, 17.41) rotate(-5deg);
    }
    99% {
        transform: matrix(-0.07, 0.998, -0.998, -0.07, 177.029, 17.41) rotate(-5deg);
    }
    100% {
        transform: matrix(-0.07, 0.998, -0.998, -0.07, 177.029, 17.41);
    }
}


/* line 97, sass/_animation.scss */

#deco09-2 {
    animation-name: deco09-2;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
}

@keyframes deco09-2 {
    0% {
        transform: translate(72.827px, -22.685px) rotate(94deg) scale(0.677, 0.677);
    }
    49% {
        transform: translate(72.827px, -22.685px) rotate(94deg) scale(0.677, 0.677);
    }
    50% {
        transform: translate(72.827px, -22.685px) rotate(96deg) scale(0.777, 0.777);
    }
    99% {
        transform: translate(72.827px, -22.685px) rotate(96deg) scale(0.777, 0.777);
    }
    100% {
        transform: translate(72.827px, -22.685px) rotate(94deg) scale(0.677, 0.677);
    }
}


/* line 121, sass/_animation.scss */

#deco27 {
    animation-name: deco27;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
}

@keyframes deco27 {
    0% {
        transform: matrix(-0.839, -0.545, 0.545, -0.839, 739.274, 330.61);
    }
    49% {
        transform: matrix(-0.839, -0.545, 0.545, -0.839, 739.274, 330.61);
    }
    50% {
        transform: matrix(-0.839, -0.545, 0.545, -0.839, 739.274, 330.61) rotate(5deg);
    }
    99% {
        transform: matrix(-0.839, -0.545, 0.545, -0.839, 739.274, 330.61) rotate(5deg);
    }
    100% {
        transform: matrix(-0.839, -0.545, 0.545, -0.839, 739.274, 330.61);
    }
}


/* line 145, sass/_animation.scss */

#deco30 {
    animation-name: deco30;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
}

@keyframes deco30 {
    0% {
        transform: matrix(0.643, -0.766, 0.766, 0.643, 775.421, 787.181);
    }
    49% {
        transform: matrix(0.643, -0.766, 0.766, 0.643, 775.421, 787.181);
    }
    50% {
        transform: matrix(0.643, -0.766, 0.766, 0.643, 775.421, 787.181) rotate(5deg);
    }
    99% {
        transform: matrix(0.643, -0.766, 0.766, 0.643, 775.421, 787.181) rotate(5deg);
    }
    100% {
        transform: matrix(0.643, -0.766, 0.766, 0.643, 775.421, 787.181);
    }
}


/* line 169, sass/_animation.scss */

#human02 {
    animation-name: human02;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
}

@keyframes human02 {
    0% {
        transform: matrix(0.995, -0.105, 0.105, 0.995, -24.322, -7.419);
    }
    49% {
        transform: matrix(0.995, -0.105, 0.105, 0.995, -24.322, -7.419);
    }
    50% {
        transform: matrix(0.995, -0.105, 0.105, 0.995, -24.322, -7.419) translate(0, 10px);
    }
    99% {
        transform: matrix(0.995, -0.105, 0.105, 0.995, -24.322, -7.419) translate(0, 10px);
    }
    100% {
        transform: matrix(0.995, -0.105, 0.105, 0.995, -24.322, -7.419);
    }
}


/* line 193, sass/_animation.scss */

#human05 {
    animation-name: human05;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

@keyframes human05 {
    0% {
        transform: translate(-23.371px, 33.962px) rotate(-11deg);
    }
    49% {
        transform: translate(-23.371px, 33.962px) rotate(-11deg);
    }
    50% {
        transform: translate(-15.371px, 33.962px) rotate(-11deg);
    }
    99% {
        transform: translate(-15.371px, 33.962px) rotate(-11deg);
    }
    100% {
        transform: translate(-23.371px, 33.962px) rotate(-11deg);
    }
}


/* line 217, sass/_animation.scss */

#human06 {
    animation-name: human06;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes human06 {
    0% {
        transform: matrix(0.978, 0.208, -0.208, 0.978, 41.808, -28.036);
    }
    49% {
        transform: matrix(0.978, 0.208, -0.208, 0.978, 41.808, -28.036);
    }
    50% {
        transform: matrix(0.978, 0.208, -0.208, 0.978, 41.808, -28.036) translate(0, 10px);
    }
    99% {
        transform: matrix(0.978, 0.208, -0.208, 0.978, 41.808, -28.036) translate(0, 10px);
    }
    100% {
        transform: matrix(0.978, 0.208, -0.208, 0.978, 41.808, -28.036);
    }
}


/* line 241, sass/_animation.scss */

#human07 {
    animation-name: human07;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
}

@keyframes human07 {
    0% {
        transform: translate(81.855px, -48.156px) rotate(20deg);
    }
    49% {
        transform: translate(81.855px, -48.156px) rotate(20deg);
    }
    50% {
        transform: translate(81.855px, -43.156px) rotate(20deg);
    }
    99% {
        transform: translate(81.855px, -43.156px) rotate(20deg);
    }
    100% {
        transform: translate(81.855px, -48.156px) rotate(20deg);
    }
}


/* line 265, sass/_animation.scss */

#human09 {
    animation-name: human09;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

@keyframes human09 {
    0% {
        transform: translate(3.938px, 5.128px);
    }
    49% {
        transform: translate(3.938px, 5.128px);
    }
    50% {
        transform: translate(10.938px, 5.128px);
    }
    99% {
        transform: translate(10.938px, 5.128px);
    }
    100% {
        transform: translate(3.938px, 5.128px);
    }
}

@keyframes deco-img01 {
    0% {
        transform: rotate(0);
    }
    49% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(10deg);
    }
    99% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0);
    }
}

@keyframes deco-img02 {
    0% {
        transform: scale(1);
    }
    49% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    99% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes deco-img03 {
    0% {
        transform: translate(0, 0);
    }
    49% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(5px, 5px);
    }
    99% {
        transform: translate(5px, 5px);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes deco-img04 {
    0% {
        transform: translate(0, 0);
    }
    49% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(5px, -5px);
    }
    99% {
        transform: translate(5px, -5px);
    }
    100% {
        transform: translate(0, 0);
    }
}

.mv>span.text {
    text-indent: -9999px;
    display: inline-block;
    height: 0;
}


/* line 1471, sass/_common.scss */

.order-1 {
    order: 1;
}


/* line 1475, sass/_common.scss */

.order-2 {
    order: 2;
}