@charset "UTF-8";

/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
* {
    box-sizing: border-box
}

:before,
:after {
    box-sizing: inherit
}

html {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
    border-top: 1px solid;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace, monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    vertical-align: bottom
}

embed,
object,
iframe {
    border: 0;
    vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
    cursor: default
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

select::-ms-expand {
    display: none
}

option {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable] {
    outline: none
}

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

caption {
    text-align: left
}

td,
th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

template {
    display: none
}

[hidden] {
    display: none
}

body {
    position: relative;
    overflow-x: hidden;
    min-width: 320px;
    color: #1d2d44;
    font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-size: 3.125vw;
    background-color: #f4f3f3;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width:768px) {
    body {
        font-size: 16px
    }
}

body.fixed {
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
    width: 100%;
    height: 100%
}

a {
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent
}

img {
    width: 100%;
    height: auto
}

.sp_i {
    display: inline
}

@media screen and (min-width:768px) {
    .sp_i {
        display: none !important
    }
}

.pc_i {
    display: none !important
}

@media screen and (min-width:768px) {
    .pc_i {
        display: inline !important
    }
}

.bold {
    font-weight: 700
}

.brackets_start {
    margin-left: -.5em
}

.brackets_end {
    margin-right: -.6em
}

.midpoint {
    margin-right: -.35em
}

.comma {
    margin-right: -.35em
}

.js-fade_up {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.js-fade_up.is-animated {
    animation: fade_up .5s linear both
}

.js-fade_right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.js-fade_right.is-animated {
    animation: fade_right .5s linear both
}

*::-ms-backdrop,
.img_fit_cover {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

*::-ms-backdrop,
.img_fit_contain {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.st-Wrapper {
    position: relative;
    overflow-x: hidden
}

.st-Wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 33.07292vw;
    height: 100%;
    background-image: url(../images/common/bg_pattern.png);
    background-repeat: repeat;
    background-position: top left;
    background-size: 33.07292vw 33.07292vw;
    content: ""
}

@media screen and (min-width:768px) {
    .st-Wrapper:before {
        width: 480px;
        background-size: 254px 254px
    }
}

@media screen and (min-width:1921px) {
    .st-Wrapper:before {
        width: 25vw;
        background-size: 13.22917vw 13.22917vw
    }
}

.pageIndex .st-Wrapper:before {
    width: 33.07292vw
}

@media screen and (min-width:768px) {
    .pageIndex .st-Wrapper:before {
        width: 640px
    }
}

@media screen and (min-width:1921px) {
    .pageIndex .st-Wrapper:before {
        width: 33.33333vw
    }
}

.st-Page_Header {
    position: relative;
    z-index: 0
}

@media screen and (min-width:768px) {
    .st-Page_Header {
        height: 340px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header {
        height: 17.70833vw
    }
}

.st-Page_Header:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
    width: 60.9375vw;
    height: 39.0625vw;
    border-radius: 0 0 0 3.90625vw;
    background-color: #d9eded;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    content: ""
}

@media screen and (min-width:768px) {
    .st-Page_Header:after {
        width: 62.5%;
        height: 340px;
        border-radius: 0 0 0 30px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header:after {
        height: 17.70833vw;
        border-radius: 0 0 0 1.5625vw
    }
}

.st-Page_Header_Container {
    position: relative;
    z-index: 1;
    width: 86.97917vw;
    margin: 0 auto;
    padding-top: 28.90625vw;
    padding-left: 1.30208vw
}

@media screen and (min-width:768px) {
    .st-Page_Header_Container {
        max-width: 1200px;
        width: calc(100% - 100px);
        padding-top: 166px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Container {
        max-width: none;
        width: 62.5vw;
        padding-top: 8.64583vw
    }
}

.st-Page_Header_Bubble {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.st-Page_Header_Bubble .bubble {
    position: absolute
}

.st-Page_Header_Bubble .bubble .inner {
    position: relative;
    top: 0;
    left: 0;
    transition: top 1s ease-out
}

.st-Page_Header_Bubble .bubble .image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.st-Page_Header_Bubble .bubble:nth-child(3n-2) .image {
    animation-duration: 5s
}

.st-Page_Header_Bubble .bubble:nth-child(3n-1) .image {
    animation-duration: 6s
}

.st-Page_Header_Bubble .bubble:nth-child(3n) .image {
    animation-duration: 7s
}

.st-Page_Header_Bubble .bubble:nth-child(odd) .image {
    animation-name: fuwafuwa
}

.st-Page_Header_Bubble .bubble:nth-child(even) .image {
    animation-name: fuwafuwa_short
}

.st-Page_Header_Bubble .bubble.pink_01 {
    top: 53.90625vw;
    right: 20.83333vw
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.pink_01 {
        top: 290px;
        right: auto;
        left: 270px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.pink_01 {
        top: 15.10417vw;
        left: 14.0625vw
    }
}

.st-Page_Header_Bubble .bubble.pink_01 .image {
    width: 5.46875vw;
    height: 5.46875vw;
    background-image: url(../images/sp/common/img_bubble_pink_01.png)
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.pink_01 .image {
        width: 52px;
        height: 50px;
        background-image: url(../images/pc/common/img_bubble_pink_01.png)
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.pink_01 .image {
        width: 2.70833vw;
        height: 2.60417vw
    }
}

.st-Page_Header_Bubble .bubble.pink_02 {
    top: 23.69792vw;
    left: 4.29688vw
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.pink_02 {
        top: 183px;
        left: 159px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.pink_02 {
        top: 9.53125vw;
        left: 8.28125vw
    }
}

.st-Page_Header_Bubble .bubble.pink_02 .image {
    width: 1.82292vw;
    height: 1.69271vw;
    background-image: url(../images/sp/common/img_bubble_pink_02.png)
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.pink_02 .image {
        width: 17px;
        height: 15px;
        background-image: url(../images/pc/common/img_bubble_pink_02.png)
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.pink_02 .image {
        width: .88542vw;
        height: .78125vw
    }
}

.st-Page_Header_Bubble .bubble.green_01 {
    top: 20.44271vw;
    right: 29.81771vw
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.green_01 {
        top: 115px;
        right: auto;
        left: 266px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.green_01 {
        top: 5.98958vw;
        left: 13.85417vw
    }
}

.st-Page_Header_Bubble .bubble.green_01 .image {
    width: 3.77604vw;
    height: 3.51562vw;
    background-image: url(../images/sp/common/img_bubble_green_01.png)
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.green_01 .image {
        width: 35px;
        height: 33px;
        background-image: url(../images/pc/common/img_bubble_green_01.png)
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.green_01 .image {
        width: 1.82292vw;
        height: 1.71875vw
    }
}

.st-Page_Header_Bubble .bubble.green_02 {
    display: none
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.green_02 {
        display: block;
        top: 237px;
        right: -24px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.green_02 {
        top: 12.34375vw;
        right: -1.25vw
    }
}

.st-Page_Header_Bubble .bubble.green_02 .image {
    width: 64px;
    height: 67px;
    background-image: url(../images/pc/common/img_bubble_green_02.png)
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.green_02 .image {
        width: 3.33333vw;
        height: 3.48958vw
    }
}

.st-Page_Header_Bubble .bubble.yellow_01 {
    top: 25.13021vw;
    right: 14.19271vw
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.yellow_01 {
        top: 72px;
        right: auto;
        left: 622px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.yellow_01 {
        top: 3.75vw;
        left: 32.39583vw
    }
}

.st-Page_Header_Bubble .bubble.yellow_01 .image {
    width: 6.64062vw;
    height: 6.51042vw;
    background-image: url(../images/sp/common/img_bubble_yellow_01.png)
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.yellow_01 .image {
        width: 63px;
        height: 61px;
        background-image: url(../images/pc/common/img_bubble_yellow_01.png)
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.yellow_01 .image {
        width: 3.28125vw;
        height: 3.17708vw
    }
}

.st-Page_Header_Bubble .bubble.yellow_02 {
    display: none
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.yellow_02 {
        display: block;
        top: 399px;
        right: 170px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.yellow_02 {
        top: 20.78125vw;
        right: 8.85417vw
    }
}

.st-Page_Header_Bubble .bubble.yellow_02 .image {
    width: 35px;
    height: 34px;
    background-image: url(../images/pc/common/img_bubble_yellow_02.png)
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.yellow_02 .image {
        width: 1.82292vw;
        height: 1.77083vw
    }
}

.st-Page_Header_Bubble .bubble.blue_01 {
    top: 37.76042vw;
    left: -3.90625vw
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.blue_01 {
        top: 198px;
        left: -30px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.blue_01 {
        top: 10.3125vw;
        left: -1.5625vw
    }
}

.st-Page_Header_Bubble .bubble.blue_01 .image {
    width: 6.38021vw;
    height: 6.51042vw;
    background-image: url(../images/sp/common/img_bubble_blue_01.png)
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.blue_01 .image {
        width: 60px;
        height: 61px;
        background-image: url(../images/pc/common/img_bubble_blue_01.png)
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.blue_01 .image {
        width: 3.125vw;
        height: 3.17708vw
    }
}

.st-Page_Header_Bubble .bubble.blue_02 {
    display: none
}

@media screen and (min-width:768px) {
    .st-Page_Header_Bubble .bubble.blue_02 {
        display: block;
        top: 319px;
        right: 276px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.blue_02 {
        top: 16.61458vw;
        right: 14.375vw
    }
}

.st-Page_Header_Bubble .bubble.blue_02 .image {
    width: 34px;
    height: 35px;
    background-image: url(../images/pc/common/img_bubble_blue_02.png)
}

@media screen and (min-width:1921px) {
    .st-Page_Header_Bubble .bubble.blue_02 .image {
        width: 1.77083vw;
        height: 1.82292vw
    }
}

.st-Page_Title {
    position: relative;
    margin-bottom: 13.02083vw;
    font-size: 6.25vw;
    font-weight: 700;
    letter-spacing: .05em
}

@media screen and (min-width:768px) {
    .st-Page_Title {
        margin-bottom: 60px;
        font-size: 48px
    }
}

@media screen and (min-width:1921px) {
    .st-Page_Title {
        margin-bottom: 3.125vw;
        font-size: 2.5vw
    }
}

.st-Page_Title:after {
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    content: ""
}

.st-Breadcrumb_List {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.st-Breadcrumb_List .breadcrumb_item {
    white-space: nowrap
}

.st-Breadcrumb_List .breadcrumb_item:last-child {
    overflow: hidden;
    color: #51627a;
    text-overflow: ellipsis
}

.st-Breadcrumb_List .breadcrumb_item+.breadcrumb_item {
    margin-left: 3.64583vw
}

@media screen and (min-width:768px) {
    .st-Breadcrumb_List .breadcrumb_item+.breadcrumb_item {
        margin-left: 22px
    }
}

@media screen and (min-width:1921px) {
    .st-Breadcrumb_List .breadcrumb_item+.breadcrumb_item {
        margin-left: 1.14583vw
    }
}

.st-Breadcrumb_List .breadcrumb_item+.breadcrumb_item:before {
    display: inline-block;
    width: 1.30208vw;
    height: 2.08333vw;
    margin-right: 3.64583vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23dadde1%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:768px) {
    .st-Breadcrumb_List .breadcrumb_item+.breadcrumb_item:before {
        width: 6px;
        height: 10px;
        margin-right: 22px
    }
}

@media screen and (min-width:1921px) {
    .st-Breadcrumb_List .breadcrumb_item+.breadcrumb_item:before {
        width: .3125vw;
        height: .52083vw;
        margin-right: 1.14583vw
    }
}

.st-Breadcrumb_List .breadcrumb_link,
.st-Breadcrumb_List .breadcrumb_text {
    color: #51627a;
    font-size: 3.125vw;
    letter-spacing: .08em
}

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

    .st-Breadcrumb_List .breadcrumb_link,
    .st-Breadcrumb_List .breadcrumb_text {
        font-size: 13px
    }
}

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

    .st-Breadcrumb_List .breadcrumb_link,
    .st-Breadcrumb_List .breadcrumb_text {
        font-size: .67708vw
    }
}

.st-Breadcrumb_List .breadcrumb_link {
    position: relative
}

.st-Breadcrumb_List .breadcrumb_link:after {
    position: absolute;
    bottom: -.39062vw;
    left: .13021vw;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: top right;
    transform-origin: top right;
    width: calc(100% - .26042vw);
    height: 2px;
    border-bottom: 1px solid rgba(81, 98, 122, .5);
    content: "";
    transition: transform .2s
}

@media screen and (min-width:640px) {
    .st-Breadcrumb_List .breadcrumb_link:after {
        border-bottom-width: 2px
    }
}

@media screen and (min-width:768px) {
    .st-Breadcrumb_List .breadcrumb_link:after {
        bottom: -3px;
        left: 1px;
        width: calc(100% - 2px);
        height: 1px;
        border-bottom-width: 1px
    }
}

@media screen and (min-width:1921px) {
    .st-Breadcrumb_List .breadcrumb_link:after {
        bottom: -.15625vw;
        left: .05208vw;
        width: calc(100% - .10417vw)
    }
}

.st-Breadcrumb_List .breadcrumb_link:hover:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: top left;
    transform-origin: top left
}

.st-Topics_Link {
    display: block;
    overflow: hidden;
    height: 100%;
    border-radius: 1.5625vw;
    background-color: #fff;
    box-shadow: 0 1.30208vw 2.60417vw rgba(67, 160, 160, .2);
    transition: box-shadow .2s
}

@media screen and (min-width:768px) {
    .st-Topics_Link {
        box-shadow: 0 10px 20px rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:1921px) {
    .st-Topics_Link {
        box-shadow: _vwPC(0) _vwPC(10) _vwPC(20) rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:768px) {
    .st-Topics_Link {
        border-radius: 6px
    }
}

@media screen and (min-width:1921px) {
    .st-Topics_Link {
        border-radius: .3125vw
    }
}

.st-Topics_Link[target=_blank] .st-Topics_Title:after {
    display: inline-block;
    position: relative;
    width: 2.34375vw;
    height: 2.34375vw;
    margin-left: 2.08333vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M95.453%2045.453a4.545%204.545%200%2001-4.547-4.547V15.525L44.12%2062.297a4.501%204.501%200%2001-3.217%201.337%204.507%204.507%200%2001-3.21-1.337c-1.773-1.766-1.773-4.654%200-6.427L84.471%209.091h-25.38a4.545%204.545%200%2001-4.547-4.547%204.548%204.548%200%20014.547-4.54h36.362A4.548%204.548%200%2001100%204.544v36.362a4.55%204.55%200%2001-4.547%204.547zM50.004%2027.272H9.094V90.91h63.623V50a4.55%204.55%200%20014.547-4.547A4.55%204.55%200%200181.811%2050v45.456a4.548%204.548%200%2001-4.547%204.54H4.554A4.544%204.544%200%20010%2095.456V22.732a4.546%204.546%200%20014.554-4.547h45.449a4.544%204.544%200%20014.54%204.547%204.536%204.536%200%2001-4.539%204.54z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231d2d44%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    transition: background-image .2s
}

@media screen and (min-width:768px) {
    .st-Topics_Link[target=_blank] .st-Topics_Title:after {
        top: 1px;
        width: 15px;
        height: 15px;
        margin-left: 12px
    }
}

@media screen and (min-width:1921px) {
    .st-Topics_Link[target=_blank] .st-Topics_Title:after {
        top: .05208vw;
        width: .78125vw;
        height: .78125vw;
        margin-left: .625vw
    }
}

.st-Topics_Link:hover {
    box-shadow: 0 0 0 rgba(67, 160, 160, 0)
}

.st-Topics_Link:hover .st-Topics_Figure {
    background-color: #5bdcdc
}

.st-Topics_Link:hover .st-Topics_Image {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.st-Topics_Link:hover .st-Topics_Title {
    color: #5bdcdc
}

.st-Topics_Link:hover .st-Topics_Title:after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M95.453%2045.453a4.545%204.545%200%2001-4.547-4.547V15.525L44.12%2062.297a4.501%204.501%200%2001-3.217%201.337%204.507%204.507%200%2001-3.21-1.337c-1.773-1.766-1.773-4.654%200-6.427L84.471%209.091h-25.38a4.545%204.545%200%2001-4.547-4.547%204.548%204.548%200%20014.547-4.54h36.362A4.548%204.548%200%2001100%204.544v36.362a4.55%204.55%200%2001-4.547%204.547zM50.004%2027.272H9.094V90.91h63.623V50a4.55%204.55%200%20014.547-4.547A4.55%204.55%200%200181.811%2050v45.456a4.548%204.548%200%2001-4.547%204.54H4.554A4.544%204.544%200%20010%2095.456V22.732a4.546%204.546%200%20014.554-4.547h45.449a4.544%204.544%200%20014.54%204.547%204.536%204.536%200%2001-4.539%204.54z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%235bdcdc%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.st-Topics_Article {
    height: 100%
}

.st-Topics_Figure {
    position: relative;
    background-color: rgba(91, 220, 220, 0);
    transition: background-color .2s
}

.st-Topics_Figure:before {
    display: block;
    padding-top: 56.25%;
    content: ""
}

.st-Topics_Image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity .2s
}

.st-Topics_Image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.st-Topics_Contents {
    padding: 5.85938vw 3.90625vw 7.29167vw
}

@media screen and (min-width:768px) {
    .st-Topics_Contents {
        padding: 28px 20px 37px
    }
}

@media screen and (min-width:1921px) {
    .st-Topics_Contents {
        padding: 1.45833vw 1.04167vw 1.92708vw
    }
}

.st-Topics_Title {
    margin-bottom: 4.16667vw;
    font-size: 3.125vw;
    line-height: 1.91667;
    letter-spacing: .05em;
    transition: color .2s
}

@media screen and (min-width:768px) {
    .st-Topics_Title {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 1.875
    }
}

@media screen and (min-width:1921px) {
    .st-Topics_Title {
        margin-bottom: 1.25vw;
        font-size: .83333vw
    }
}

.st-Topics_Date {
    margin-top: auto;
    color: #5bdcdc;
    font-family: Spartan, sans-serif;
    font-variant-ligatures: none;
    font-size: 2.86458vw;
    font-weight: 500;
    letter-spacing: .1em
}

@media screen and (min-width:768px) {
    .st-Topics_Date {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .st-Topics_Date {
        font-size: .72917vw
    }
}

.st-Pagination .wp-pagenavi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 7.8125vw
}

@media screen and (min-width:768px) {
    .st-Pagination .wp-pagenavi {
        height: 34px
    }
}

@media screen and (min-width:1921px) {
    .st-Pagination .wp-pagenavi {
        height: 1.77083vw
    }
}

.st-Pagination .page,
.st-Pagination .current {
    width: 7.8125vw;
    height: 7.8125vw;
    margin: 0 1.5625vw;
    padding-top: 2.47396vw;
    font-family: Spartan, sans-serif;
    font-variant-ligatures: none;
    font-size: 3.90625vw;
    font-weight: 700;
    letter-spacing: .1em;
    text-align: center
}

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

    .st-Pagination .page,
    .st-Pagination .current {
        width: 34px;
        height: 34px;
        margin: 0 8px;
        padding-top: 10px;
        font-size: 17px
    }
}

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

    .st-Pagination .page,
    .st-Pagination .current {
        width: 1.77083vw;
        height: 1.77083vw;
        margin: 0 .41667vw;
        padding-top: .52083vw;
        font-size: .88542vw
    }
}

.st-Pagination .page {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.st-Pagination .page:hover {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.st-Pagination .current {
    color: #dadde1
}

.st-Pagination .previouspostslink,
.st-Pagination .nextpostslink {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.8125vw;
    height: 7.8125vw;
    border: 1px solid #1d2d44;
    border-radius: 50%;
    background-color: #1d2d44;
    font-size: 0;
    transition: background-color .2s
}

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

    .st-Pagination .previouspostslink,
    .st-Pagination .nextpostslink {
        border-width: 2px
    }
}

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

    .st-Pagination .previouspostslink,
    .st-Pagination .nextpostslink {
        width: 34px;
        height: 34px;
        border-width: 1px
    }
}

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

    .st-Pagination .previouspostslink,
    .st-Pagination .nextpostslink {
        width: 1.77083vw;
        height: 1.77083vw
    }
}

.st-Pagination .previouspostslink:before,
.st-Pagination .nextpostslink:before {
    width: 1.82292vw;
    height: 2.86458vw;
    content: "";
    transition: background-image .2s
}

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

    .st-Pagination .previouspostslink:before,
    .st-Pagination .nextpostslink:before {
        width: 8px;
        height: 13px
    }
}

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

    .st-Pagination .previouspostslink:before,
    .st-Pagination .nextpostslink:before {
        width: .41667vw;
        height: .67708vw
    }
}

.st-Pagination .previouspostslink:hover,
.st-Pagination .nextpostslink:hover {
    background-color: #fff
}

.st-Pagination .previouspostslink {
    margin-right: 4.16667vw
}

@media screen and (min-width:768px) {
    .st-Pagination .previouspostslink {
        margin-right: 18px
    }
}

@media screen and (min-width:1921px) {
    .st-Pagination .previouspostslink {
        margin-right: .9375vw
    }
}

.st-Pagination .previouspostslink:before {
    margin-left: -.26042vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_left%22%20d%3D%22M94.076%20148.74c-3.678%203.507-8.437%205.26-13.341%205.26-4.772%200-9.611-1.753-13.262-5.26L5.537%2089.692C2.03%2086.33%200%2081.716%200%2076.997c0-4.733%202.03-9.334%205.537-12.682L67.472%205.28c7.304-7.04%2019.248-7.04%2026.604%200%207.369%206.974%207.369%2018.377%200%2025.338L45.469%2076.997l48.607%2046.313c7.369%207.052%207.369%2018.403%200%2025.43z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:768px) {
    .st-Pagination .previouspostslink:before {
        margin-left: -2px
    }
}

@media screen and (min-width:1921px) {
    .st-Pagination .previouspostslink:before {
        margin-left: -.10417vw
    }
}

.st-Pagination .previouspostslink:hover:before {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_left%22%20d%3D%22M94.076%20148.74c-3.678%203.507-8.437%205.26-13.341%205.26-4.772%200-9.611-1.753-13.262-5.26L5.537%2089.692C2.03%2086.33%200%2081.716%200%2076.997c0-4.733%202.03-9.334%205.537-12.682L67.472%205.28c7.304-7.04%2019.248-7.04%2026.604%200%207.369%206.974%207.369%2018.377%200%2025.338L45.469%2076.997l48.607%2046.313c7.369%207.052%207.369%2018.403%200%2025.43z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231d2d44%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.st-Pagination .nextpostslink {
    margin-left: 4.16667vw
}

@media screen and (min-width:768px) {
    .st-Pagination .nextpostslink {
        margin-left: 18px
    }
}

@media screen and (min-width:1921px) {
    .st-Pagination .nextpostslink {
        margin-left: .9375vw
    }
}

.st-Pagination .nextpostslink:before {
    margin-right: -.26042vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:768px) {
    .st-Pagination .nextpostslink:before {
        margin-right: -2px
    }
}

@media screen and (min-width:1921px) {
    .st-Pagination .nextpostslink:before {
        margin-right: -.10417vw
    }
}

.st-Pagination .nextpostslink:hover:before {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231d2d44%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.st-Article_Contents h2 {
    margin-bottom: 2.60417vw;
    font-size: 4.6875vw;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .08em
}

@media screen and (min-width:768px) {
    .st-Article_Contents h2 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.6
    }
}

@media screen and (min-width:1921px) {
    .st-Article_Contents h2 {
        margin-bottom: .52083vw;
        font-size: 1.04167vw
    }
}

.st-Article_Contents h3 {
    margin-bottom: 1.30208vw;
    font-size: 3.90625vw;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .08em
}

@media screen and (min-width:768px) {
    .st-Article_Contents h3 {
        margin-bottom: 10px;
        font-size: 18px
    }
}

@media screen and (min-width:1921px) {
    .st-Article_Contents h3 {
        margin-bottom: .52083vw;
        font-size: .9375vw
    }
}

.st-Article_Contents p {
    margin-bottom: 6.25vw;
    font-size: 3.125vw;
    line-height: 1.91667;
    letter-spacing: .08em;
    word-break: break-all
}

@media screen and (min-width:768px) {
    .st-Article_Contents p {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.875
    }
}

@media screen and (min-width:1921px) {
    .st-Article_Contents p {
        margin-bottom: 1.5625vw;
        font-size: .83333vw
    }
}

.st-Article_Contents p.indent {
    padding-left: 1em
}

.st-Article_Contents p img {
    display: block;
    max-width: 100%;
    width: auto;
    margin-top: 7.8125vw;
    margin-bottom: 7.8125vw
}

@media screen and (min-width:768px) {
    .st-Article_Contents p img {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

@media screen and (min-width:1921px) {
    .st-Article_Contents p img {
        margin-top: 2.34375vw;
        margin-bottom: 2.34375vw
    }
}

.st-Article_Contents p img.alignleft {
    margin-right: auto;
    margin-left: 0
}

.st-Article_Contents p img.aligncenter {
    margin-right: auto;
    margin-left: auto
}

.st-Article_Contents p img.alignright {
    margin-right: 0;
    margin-left: auto
}

.st-Article_Contents p:first-child img,
.st-Article_Contents p:first-child .iframe_wrapper {
    margin-top: 0
}

.st-Article_Contents p:last-child img,
.st-Article_Contents p:last-child .iframe_wrapper {
    margin-bottom: 0
}

.st-Article_Contents ul,
.st-Article_Contents ol {
    margin-bottom: 6.25vw
}

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

    .st-Article_Contents ul,
    .st-Article_Contents ol {
        margin-bottom: 30px
    }
}

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

    .st-Article_Contents ul,
    .st-Article_Contents ol {
        margin-bottom: 1.5625vw
    }
}

.st-Article_Contents ul.indent,
.st-Article_Contents ol.indent {
    padding-left: 2em
}

.st-Article_Contents ul li,
.st-Article_Contents ol li {
    font-size: 3.125vw;
    line-height: 1.91667;
    letter-spacing: .08em;
    word-break: break-all
}

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

    .st-Article_Contents ul li,
    .st-Article_Contents ol li {
        font-size: 16px;
        line-height: 1.875
    }
}

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

    .st-Article_Contents ul li,
    .st-Article_Contents ol li {
        font-size: .83333vw
    }
}

.st-Article_Contents ul li {
    padding-left: 1em;
    text-indent: -1em
}

.st-Article_Contents ul li:before {
    content: "・"
}

.st-Article_Contents ul.attention li:before {
    content: "※"
}

.st-Article_Contents ol {
    list-style-type: decimal;
    list-style-position: inside
}

.st-Article_Contents a:not(.sw-Button) {
    color: #0066f1;
    text-decoration: underline
}

.st-Article_Contents a:not(.sw-Button)[target=_blank]:after {
    display: inline-block;
    width: 2.34375vw;
    height: 2.34375vw;
    margin-right: 1.04167vw;
    margin-left: 1.04167vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M95.453%2045.453a4.545%204.545%200%2001-4.547-4.547V15.525L44.12%2062.297a4.501%204.501%200%2001-3.217%201.337%204.507%204.507%200%2001-3.21-1.337c-1.773-1.766-1.773-4.654%200-6.427L84.471%209.091h-25.38a4.545%204.545%200%2001-4.547-4.547%204.548%204.548%200%20014.547-4.54h36.362A4.548%204.548%200%2001100%204.544v36.362a4.55%204.55%200%2001-4.547%204.547zM50.004%2027.272H9.094V90.91h63.623V50a4.55%204.55%200%20014.547-4.547A4.55%204.55%200%200181.811%2050v45.456a4.548%204.548%200%2001-4.547%204.54H4.554A4.544%204.544%200%20010%2095.456V22.732a4.546%204.546%200%20014.554-4.547h45.449a4.544%204.544%200%20014.54%204.547%204.536%204.536%200%2001-4.539%204.54z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%230066f1%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:768px) {
    .st-Article_Contents a:not(.sw-Button)[target=_blank]:after {
        width: 12px;
        height: 12px;
        margin-right: 8px;
        margin-left: 8px
    }
}

@media screen and (min-width:1921px) {
    .st-Article_Contents a:not(.sw-Button)[target=_blank]:after {
        width: .625vw;
        height: .625vw;
        margin-right: .41667vw;
        margin-left: .41667vw
    }
}

.st-Article_Contents a:not(.sw-Button):hover {
    color: #f58;
    text-decoration: none
}

.st-Article_Contents a:not(.sw-Button):hover[target=_blank]:after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M95.453%2045.453a4.545%204.545%200%2001-4.547-4.547V15.525L44.12%2062.297a4.501%204.501%200%2001-3.217%201.337%204.507%204.507%200%2001-3.21-1.337c-1.773-1.766-1.773-4.654%200-6.427L84.471%209.091h-25.38a4.545%204.545%200%2001-4.547-4.547%204.548%204.548%200%20014.547-4.54h36.362A4.548%204.548%200%2001100%204.544v36.362a4.55%204.55%200%2001-4.547%204.547zM50.004%2027.272H9.094V90.91h63.623V50a4.55%204.55%200%20014.547-4.547A4.55%204.55%200%200181.811%2050v45.456a4.548%204.548%200%2001-4.547%204.54H4.554A4.544%204.544%200%20010%2095.456V22.732a4.546%204.546%200%20014.554-4.547h45.449a4.544%204.544%200%20014.54%204.547%204.536%204.536%200%2001-4.539%204.54z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ff5588%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.st-Article_Contents a.sw-Button {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.st-Article_Contents .iframe_wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 7.8125vw;
    margin-bottom: 7.8125vw
}

@media screen and (min-width:768px) {
    .st-Article_Contents .iframe_wrapper {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

@media screen and (min-width:1921px) {
    .st-Article_Contents .iframe_wrapper {
        margin-top: 2.34375vw;
        margin-bottom: 2.34375vw
    }
}

.st-Article_Contents .iframe_wrapper:before {
    display: block;
    padding-bottom: 56.25%;
    content: ""
}

.st-Article_Contents .iframe_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.st-Article_Contents>*:last-child {
    margin-bottom: 0
}

.st-Article_Contents .mb0 {
    margin-bottom: 0
}

.st-Article_Contents .border {
    border: 1px solid rgba(51, 51, 51, .2)
}

.st-Article_Contents strong,
.st-Article_Contents .bold {
    font-weight: 700
}

.st-Article_Contents em {
    font-style: italic
}

.st-Article_Contents .small {
    font-size: .8em
}

.st-Article_Contents hr.separate {
    margin: 3.90625vw 0;
    border-width: 1px 0 0;
    border-color: rgba(58, 68, 68, .1)
}

@media screen and (min-width:768px) {
    .st-Article_Contents hr.separate {
        margin: 30px 0
    }
}

@media screen and (min-width:1921px) {
    .st-Article_Contents hr.separate {
        margin: 1.5625vw 0
    }
}

.st-Article_Contents p+hr.separate,
.st-Article_Contents ul+hr.separate,
.st-Article_Contents ol+hr.separate {
    margin-top: -2.34375vw
}

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

    .st-Article_Contents p+hr.separate,
    .st-Article_Contents ul+hr.separate,
    .st-Article_Contents ol+hr.separate {
        margin-top: 24px
    }
}

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

    .st-Article_Contents p+hr.separate,
    .st-Article_Contents ul+hr.separate,
    .st-Article_Contents ol+hr.separate {
        margin-top: 1.25vw
    }
}

.st-Header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 21.875vw;
    transition: height .2s, background-color .2s
}

@media screen and (min-width:768px) {
    .st-Header {
        height: 120px
    }
}

@media screen and (min-width:1921px) {
    .st-Header {
        height: 6.25vw
    }
}

.st-Header:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -ms-transform-origin: top center;
    transform-origin: top center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: "";
    transition: transform .2s, opacity .4s
}

.st-Header.shorten {
    height: 16.92708vw
}

@media screen and (min-width:768px) {
    .st-Header.shorten {
        height: 95px
    }
}

@media screen and (min-width:960px) {
    .st-Header.shorten {
        height: 80px
    }
}

@media screen and (min-width:1921px) {
    .st-Header.shorten {
        height: 4.16667vw
    }
}

.st-Header.shorten:before {
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.st-Header.shorten .st-Header_Logo {
    margin-top: 5.86458vw
}

@media screen and (min-width:768px) {
    .st-Header.shorten .st-Header_Logo {
        margin-top: 16px
    }
}

@media screen and (min-width:960px) {
    .st-Header.shorten .st-Header_Logo {
        width: 200px;
        margin-top: 0
    }
}

@media screen and (min-width:1921px) {
    .st-Header.shorten .st-Header_Logo {
        width: 10.77083vw
    }
}

.st-Header_Container {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-left: 3.90625vw
}

@media screen and (min-width:768px) {
    .st-Header_Container {
        padding-left: 30px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Container {
        -ms-flex-align: center;
        align-items: center;
        padding: 0 50px
    }
}

@media screen and (min-width:1921px) {
    .st-Header_Container {
        padding: 0 2.60417vw
    }
}

.st-Header_Logo {
    width: 36.64583vw;
    margin-top: 5.20833vw;
    transition: width .2s
}

@media screen and (min-width:768px) {
    .st-Header_Logo {
        width: 260px;
        margin-top: 27px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Logo {
        margin-top: 0
    }
}

@media screen and (min-width:1921px) {
    .st-Header_Logo {
        width: 13.33333vw
    }
}

.st-Header_Logo a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.st-Header_Logo a:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.st-Header_Button {
    position: relative;
    top: -3.90625vw;
    right: -5.20833vw;
    z-index: 1;
    width: 24.47917vw;
    height: 24.47917vw;
    margin-left: auto;
    border-radius: 50%;
    background-image: radial-gradient(rgba(91, 220, 220, .7), #5bdcdc)
}

@media screen and (min-width:768px) {
    .st-Header_Button {
        top: -22px;
        right: -29px;
        width: 136px;
        height: 136px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Button {
        display: none
    }
}

.st-Header_Button button {
    position: relative;
    width: 100%;
    height: 100%
}

.st-Header_Button button .menubar {
    position: absolute;
    width: 5.20833vw;
    height: .78125vw;
    border-radius: .39062vw;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .st-Header_Button button .menubar {
        width: 30px;
        height: 4px;
        border-radius: 2px
    }
}

.st-Header_Button button .menubar.top {
    top: 10.9375vw;
    left: 8.85417vw
}

@media screen and (min-width:768px) {
    .st-Header_Button button .menubar.top {
        top: 60px;
        left: 49px
    }
}

.st-Header_Button button .menubar.middle {
    top: 13.02083vw;
    right: 11.45833vw
}

@media screen and (min-width:768px) {
    .st-Header_Button button .menubar.middle {
        top: 72px;
        right: 62px
    }
}

.st-Header_Button button .menubar.bottom {
    top: 15.10417vw;
    left: 8.85417vw
}

@media screen and (min-width:768px) {
    .st-Header_Button button .menubar.bottom {
        top: 84px;
        left: 49px
    }
}

.st-Header_Button button.animation .menubar.top,
.st-Header_Button button.animation .menubar.bottom {
    transition: top .35s, left .35s, transform .35s, width .35s
}

.st-Header_Button button.animation .menubar.middle {
    transition: right .35s, width .35s
}

.st-Header_Button button.open .menubar.top,
.st-Header_Button button.open .menubar.bottom {
    top: 13.02083vw;
    left: 7.29167vw;
    width: 7.29167vw
}

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

    .st-Header_Button button.open .menubar.top,
    .st-Header_Button button.open .menubar.bottom {
        top: 73px;
        left: 40px;
        width: 40px
    }
}

.st-Header_Button button.open .menubar.top {
    -ms-transform: rotate(140deg);
    transform: rotate(140deg)
}

.st-Header_Button button.open .menubar.middle {
    right: 13.15104vw;
    width: 0
}

@media screen and (min-width:768px) {
    .st-Header_Button button.open .menubar.middle {
        right: 74px
    }
}

.st-Header_Button button.open .menubar.bottom {
    -ms-transform: rotate(-140deg);
    transform: rotate(-140deg)
}

.st-Header_Nav_Container {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    background-color: #1d2d44;
    transition: height .2s
}

@media screen and (min-width:960px) {
    .st-Header_Nav_Container {
        position: static;
        overflow: visible;
        width: auto;
        height: auto;
        margin-left: auto;
        background-color: transparent
    }
}

.st-Header_Nav_Container.open {
    height: 100%
}

.st-Header_Nav_Container.opened {
    overflow-y: auto
}

.st-Header_Nav_Contents {
    display: none;
    padding: 5.20833vw 3.90625vw 13.02083vw
}

.st-Header_Nav_Contents.show {
    display: block
}

@media screen and (min-width:768px) {
    .st-Header_Nav_Contents {
        padding: 29px 30px 100px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Nav_Contents {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }
}

.st-Header_Nav_Logo {
    width: 36.64583vw;
    margin-bottom: 20.83333vw
}

@media screen and (min-width:768px) {
    .st-Header_Nav_Logo {
        width: 260px;
        margin-bottom: 100px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Nav_Logo {
        display: none
    }
}

.st-Header_Nav_Logo a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.st-Header_Nav_Logo a:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.st-Header_Nav {
    width: 79.16667vw;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .st-Header_Nav {
        width: 400px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Nav {
        width: auto;
        margin: 0
    }
}

.st-Header_Menu_List {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15.49479vw
}

@media screen and (min-width:768px) {
    .st-Header_Menu_List {
        margin-bottom: 60px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Menu_List {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }
}

.st-Header_Menu_List .menu_item {
    width: 50%;
    margin-bottom: 10.41667vw
}

@media screen and (min-width:768px) {
    .st-Header_Menu_List .menu_item {
        margin-bottom: 60px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Menu_List .menu_item {
        width: auto;
        margin-bottom: 0;
        margin-left: 40px
    }

    .st-Header_Menu_List .menu_item.home,
    .st-Header_Menu_List .menu_item.company_lower,
    .st-Header_Menu_List .menu_item.privacy {
        display: none
    }

    .st-Header_Menu_List .menu_item.topics {
        -ms-flex-order: 0;
        order: 0
    }

    .st-Header_Menu_List .menu_item.company {
        -ms-flex-order: 2;
        order: 2
    }

    .st-Header_Menu_List .menu_item.service {
        -ms-flex-order: 1;
        order: 1
    }

    .st-Header_Menu_List .menu_item.recruit {
        -ms-flex-order: 3;
        order: 3
    }

    .st-Header_Menu_List .menu_item.contact {
        -ms-flex-order: 4;
        order: 4
    }
}

@media screen and (min-width:1280px) {
    .st-Header_Menu_List .menu_item {
        margin-left: 50px
    }
}

@media screen and (min-width:1921px) {
    .st-Header_Menu_List .menu_item {
        margin-left: 2.60417vw
    }
}

.st-Header_Menu_List .menu_link {
    position: relative;
    color: #fff;
    font-size: 3.64583vw;
    letter-spacing: .08em;
    white-space: nowrap
}

@media screen and (min-width:768px) {
    .st-Header_Menu_List .menu_link {
        font-size: 15px
    }
}

@media screen and (min-width:1921px) {
    .st-Header_Menu_List .menu_link {
        font-size: .78125vw
    }
}

.st-Header_Menu_List .menu_link:after {
    position: absolute;
    bottom: -.78125vw;
    left: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: top right;
    transform-origin: top right;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    content: "";
    transition: transform .2s
}

@media screen and (min-width:768px) {
    .st-Header_Menu_List .menu_link:after {
        bottom: -8px;
        height: 2px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Menu_List .menu_link:after {
        left: 1px;
        width: calc(100% - 2px);
        border-bottom: 2px solid rgba(29, 45, 68, .75)
    }
}

@media screen and (min-width:1921px) {
    .st-Header_Menu_List .menu_link:after {
        bottom: -.41667vw;
        left: -.05208vw;
        width: calc(100% - .10417vw);
        height: .10417vw;
        border-bottom-width: .10417vw
    }
}

.st-Header_Menu_List .menu_link:hover:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: top left;
    transform-origin: top left
}

@media screen and (min-width:960px) {
    .st-Header_Menu_List .menu_link:not(.contact) {
        color: #1d2d44
    }

    .st-Header_Menu_List .menu_link:not(.contact).current:after {
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .st-Header_Menu_List .menu_link.contact {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 200px;
        height: 60px;
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        background-image: linear-gradient(90deg, #1d2d44 0, #385176 50%, #1d2d44 100%);
        background-position: center right;
        background-size: 200% auto;
        transition: background-position .35s
    }
}

@media screen and (min-width:960px) and (min-width:1921px) {
    .st-Header_Menu_List .menu_link.contact {
        width: 10.41667vw;
        height: 3.125vw;
        border-radius: .3125vw;
        font-size: .83333vw
    }
}

@media screen and (min-width:960px) {
    .st-Header_Menu_List .menu_link.contact:after {
        content: none
    }

    .st-Header_Menu_List .menu_link.contact:hover {
        background-position: center left
    }
}

.st-Header_Nav_TwitterLabel {
    width: 79.16667vw;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .st-Header_Nav_TwitterLabel {
        width: 280px
    }
}

@media screen and (min-width:960px) {
    .st-Header_Nav_TwitterLabel {
        display: none
    }
}

.st-Header_Nav_TwitterLabel_Link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.st-Header_Nav_TwitterLabel_Link:after {
    position: absolute;
    top: -10.67708vw;
    right: .52083vw;
    width: 32.55208vw;
    height: 13.41146vw;
    background-image: url(../images/sp/common/txt_follow-us.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    content: "";
    pointer-events: none
}

@media screen and (min-width:768px) {
    .st-Header_Nav_TwitterLabel_Link:after {
        top: -38px;
        right: 0;
        width: 127px;
        height: 54px;
        background-image: url(../images/pc/common/txt_follow-us.png)
    }
}

.st-Header_Nav_TwitterLabel_Link:hover .label_icon:before {
    background-image: url(../images/pc/common/logo-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.st-Header_Nav_TwitterLabel_Link:hover .label_icon:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: center left;
    transform-origin: center left
}

.st-Header_Nav_TwitterLabel_Link:hover .label_text {
    color: #fff
}

.st-Header_Nav_TwitterLabel_Link:hover .label_text:before {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: center left;
    transform-origin: center left
}

.st-Header_Nav_TwitterLabel .label_icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 17.44792vw;
    height: 17.44792vw;
    border-radius: 50%;
    background-color: #000000
}

@media screen and (min-width:768px) {
    .st-Header_Nav_TwitterLabel .label_icon {
        width: 60px;
        height: 60px
    }
}

.st-Header_Nav_TwitterLabel .label_icon:before {
    display: inline-block;
    position: relative;
    width: 7.16146vw;
    height: 5.85938vw;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221200%22%20height%3D%221227%22%20viewBox%3D%220%200%201200%201227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M714.163%20519.284L1160.89%200H1055.03L667.137%20450.887L357.328%200H0L468.492%20681.821L0%201226.37H105.866L515.491%20750.218L842.672%201226.37H1200L714.137%20519.284H714.163ZM569.165%20687.828L521.697%20619.934L144.011%2079.6944H306.615L611.412%20515.685L658.88%20583.579L1055.08%201150.3H892.476L569.165%20687.854V687.828Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    transition: background-image .2s .05s
}

@media screen and (min-width:768px) {
    .st-Header_Nav_TwitterLabel .label_icon:before {
        width: 25px;
        height: 21px
    }
}

.st-Header_Nav_TwitterLabel .label_icon:after {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: center right;
    transform-origin: center right;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: "";
    transition: transform .35s
}

.st-Header_Nav_TwitterLabel .label_text {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 70.05208vw;
    height: 14.32292vw;
    margin-left: -8.33333vw;
    padding: 5.20833vw 0 0 16.14583vw;
    border-radius: .78125vw;
    font-family: Spartan, sans-serif;
    font-variant-ligatures: none;
    color: #000000;
    font-size: 4.42708vw;
    font-weight: 700;
    letter-spacing: .1em;
    background-color: #fff;
    box-shadow: 0 1.30208vw 2.60417vw rgba(67, 160, 160, .2);
    transition: color .2s .08s
}

@media screen and (min-width:768px) {
    .st-Header_Nav_TwitterLabel .label_text {
        box-shadow: 0 10px 20px rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:1921px) {
    .st-Header_Nav_TwitterLabel .label_text {
        box-shadow: _vwPC(0) _vwPC(10) _vwPC(20) rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:768px) {
    .st-Header_Nav_TwitterLabel .label_text {
        width: 250px;
        height: 52px;
        margin-left: -30px;
        padding: 20px 0 0 47px;
        border-radius: 6px;
        font-size: 18px
    }
}

.st-Header_Nav_TwitterLabel .label_text:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: center right;
    transform-origin: center right;
    width: 100%;
    height: 100%;
    background-color: #000000;
    content: "";
    transition: transform .35s .08s
}

.st-Footer {
    position: relative;
    padding: 13.02083vw 0;
    background-color: #1d2d44
}

@media screen and (min-width:768px) {
    .st-Footer {
        padding: 80px 0
    }
}

@media screen and (min-width:1921px) {
    .st-Footer {
        padding: 4.16667vw 0
    }
}

.st-Footer_PageTop {
    position: absolute;
    top: -5.20833vw;
    right: 3.90625vw
}

@media screen and (min-width:768px) {
    .st-Footer_PageTop {
        top: -40px;
        right: 50px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_PageTop {
        top: -2.08333vw;
        right: 2.60417vw
    }
}

.st-Footer_PageTop a.scroll {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 13.02083vw;
    height: 13.02083vw;
    border-radius: 50%;
    background-color: #5bdcdc
}

@media screen and (min-width:768px) {
    .st-Footer_PageTop a.scroll {
        width: 80px;
        height: 80px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_PageTop a.scroll {
        width: 4.16667vw;
        height: 4.16667vw
    }
}

.st-Footer_PageTop a.scroll:before {
    display: inline-block;
    width: 2.99479vw;
    height: 1.95312vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22155%22%20height%3D%22100%22%20viewBox%3D%220%200%20155%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_top%22%20d%3D%22M149.339%2094.473c-7.038%207.382-18.451%207.357-25.497%200L77.315%2045.662l-46.56%2048.811c-7.013%207.357-18.434%207.357-25.464%200-7.055-7.407-7.055-19.375%200-26.749L64.55%205.543C67.917%202.024%2072.57%200%2077.315%200c4.737%200%209.389%202.024%2012.74%205.543l59.284%2062.181c3.527%203.687%205.291%208.533%205.291%2013.37%200%204.846-1.764%209.667-5.291%2013.379z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    transition: transform .2s
}

@media screen and (min-width:768px) {
    .st-Footer_PageTop a.scroll:before {
        width: 18px;
        height: 12px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_PageTop a.scroll:before {
        width: .9375vw;
        height: .625vw
    }
}

.st-Footer_PageTop a.scroll:hover:before {
    -ms-transform: translateY(-.52083vw);
    transform: translateY(-.52083vw)
}

@media screen and (min-width:768px) {
    .st-Footer_PageTop a.scroll:hover:before {
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_PageTop a.scroll:hover:before {
        -ms-transform: translateY(-.20833vw);
        transform: translateY(-.20833vw)
    }
}

.st-Footer_Container {
    width: 76.5625vw;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .st-Footer_Container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 1200px;
        width: calc(100% - 80px)
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Container {
        max-width: none;
        width: 62.5vw
    }
}

@media screen and (min-width:768px) {
    .st-Footer_Content:nth-child(1) {
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 600px
    }

    .st-Footer_Content:nth-child(2) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%
    }
}

@media screen and (min-width:960px) and (max-width:1279px) {
    .st-Footer_Content:nth-child(2) {
        width: 30%
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Content:nth-child(1) {
        max-width: none
    }
}

.st-Footer_Nav {
    margin-bottom: .78125vw
}

@media screen and (min-width:768px) {
    .st-Footer_Nav {
        margin-bottom: 15px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Nav {
        margin-bottom: .78125vw
    }
}

.st-Footer_Menu_List {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.st-Footer_Menu_List .menu_item {
    width: 50%;
    margin-bottom: 10.41667vw
}

@media screen and (min-width:768px) {
    .st-Footer_Menu_List .menu_item {
        margin-bottom: 30px
    }
}

@media screen and (min-width:960px) {
    .st-Footer_Menu_List .menu_item {
        width: 25%
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Menu_List .menu_item {
        margin-bottom: 1.5625vw
    }
}

.st-Footer_Menu_List .menu_link {
    position: relative;
    color: #fff;
    font-size: 3.64583vw;
    letter-spacing: .05em;
    white-space: nowrap
}

@media screen and (min-width:768px) {
    .st-Footer_Menu_List .menu_link {
        font-size: 15px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Menu_List .menu_link {
        font-size: .78125vw
    }
}

.st-Footer_Menu_List .menu_link:after {
    position: absolute;
    bottom: -.78125vw;
    left: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: top right;
    transform-origin: top right;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    content: "";
    transition: transform .2s
}

@media screen and (min-width:768px) {
    .st-Footer_Menu_List .menu_link:after {
        bottom: -6px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Menu_List .menu_link:after {
        bottom: -.3125vw
    }
}

.st-Footer_Menu_List .menu_link:hover:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: top left;
    transform-origin: top left
}

.st-Footer_Twitter {
    margin-bottom: 12.36979vw
}

@media screen and (min-width:768px) {
    .st-Footer_Twitter {
        margin-bottom: 0
    }
}

.st-Footer_Twitter .twitter_link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: Spartan, sans-serif;
    font-variant-ligatures: none;
    color: #fff;
    font-weight: 500;
    letter-spacing: .1em;
    transition: color .2s
}

@media screen and (min-width:768px) {
    .st-Footer_Twitter .twitter_link {
        font-size: 14px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Twitter .twitter_link {
        font-size: .72917vw
    }
}

.st-Footer_Twitter .twitter_link:before {
    display: inline-block;
    position: relative;
    top: -.65104vw;
    width: 4.94792vw;
    height: 4.16667vw;
    margin-right: 2.99479vw;
    /* background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%2282%22%20viewBox%3D%220%200%20100%2082%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22Twitter%22%20d%3D%22M31.449%2081.271c37.737%200%2058.374-31.264%2058.374-58.374%200-.888-.018-1.773-.059-2.652A41.736%2041.736%200%200099.999%209.622a40.941%2040.941%200%2001-11.782%203.23c4.236-2.54%207.488-6.559%209.022-11.349a41.11%2041.11%200%2001-13.027%204.98A20.493%2020.493%200%200069.236%200c-11.331%200-20.52%209.188-20.52%2020.515%200%201.61.18%203.176.532%204.678-17.05-.857-32.17-9.022-42.288-21.435A20.44%2020.44%200%20004.181%2014.07a20.5%2020.5%200%20009.13%2017.078%2020.373%2020.373%200%2001-9.292-2.566c-.005.086-.005.172-.005.262%200%209.937%207.073%2018.233%2016.46%2020.114a20.488%2020.488%200%2001-9.265.352c2.612%208.151%2010.185%2014.083%2019.166%2014.25a41.183%2041.183%200%2001-25.481%208.78A41.86%2041.86%200%20010%2072.056c9.08%205.818%2019.861%209.215%2031.449%209.215%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E); */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221200%22%20height%3D%221227%22%20viewBox%3D%220%200%201200%201227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M714.163%20519.284L1160.89%200H1055.03L667.137%20450.887L357.328%200H0L468.492%20681.821L0%201226.37H105.866L515.491%20750.218L842.672%201226.37H1200L714.137%20519.284H714.163ZM569.165%20687.828L521.697%20619.934L144.011%2079.6944H306.615L611.412%20515.685L658.88%20583.579L1055.08%201150.3H892.476L569.165%20687.854V687.828Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    transition: background-image .2s
}

@media screen and (min-width:768px) {
    .st-Footer_Twitter .twitter_link:before {
        top: -2px;
        width: 20px;
        height: 17px;
        margin-right: 12px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Twitter .twitter_link:before {
        top: -.10417vw;
        width: 1.04167vw;
        height: .88542vw;
        margin-right: .625vw
    }
}

.st-Footer_Twitter .twitter_link:hover {
    color: #ffffff
}

.st-Footer_Twitter .twitter_link:hover:before {
    /* background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%2282%22%20viewBox%3D%220%200%20100%2082%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22Twitter%22%20d%3D%22M31.449%2081.271c37.737%200%2058.374-31.264%2058.374-58.374%200-.888-.018-1.773-.059-2.652A41.736%2041.736%200%200099.999%209.622a40.941%2040.941%200%2001-11.782%203.23c4.236-2.54%207.488-6.559%209.022-11.349a41.11%2041.11%200%2001-13.027%204.98A20.493%2020.493%200%200069.236%200c-11.331%200-20.52%209.188-20.52%2020.515%200%201.61.18%203.176.532%204.678-17.05-.857-32.17-9.022-42.288-21.435A20.44%2020.44%200%20004.181%2014.07a20.5%2020.5%200%20009.13%2017.078%2020.373%2020.373%200%2001-9.292-2.566c-.005.086-.005.172-.005.262%200%209.937%207.073%2018.233%2016.46%2020.114a20.488%2020.488%200%2001-9.265.352c2.612%208.151%2010.185%2014.083%2019.166%2014.25a41.183%2041.183%200%2001-25.481%208.78A41.86%2041.86%200%20010%2072.056c9.08%205.818%2019.861%209.215%2031.449%209.215%22%20fill%3D%22%231da1f2%22%2F%3E%3C%2Fsvg%3E); */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221200%22%20height%3D%221227%22%20viewBox%3D%220%200%201200%201227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M714.163%20519.284L1160.89%200H1055.03L667.137%20450.887L357.328%200H0L468.492%20681.821L0%201226.37H105.866L515.491%20750.218L842.672%201226.37H1200L714.137%20519.284H714.163ZM569.165%20687.828L521.697%20619.934L144.011%2079.6944H306.615L611.412%20515.685L658.88%20583.579L1055.08%201150.3H892.476L569.165%20687.854V687.828Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.st-Footer_Logo {
    position: relative;
    width: 40.50521vw;
    margin-bottom: 13.02083vw
}

@media screen and (min-width:768px) {
    .st-Footer_Logo {
        width: 260px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Logo {
        top: -.72917vw;
        width: 13.67708vw
    }
}

.st-Footer_Logo a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.st-Footer_Logo a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.st-Footer_Copyright {
    color: #506789;
    font-size: 2.60417vw;
    letter-spacing: .05em;
    white-space: nowrap
}

@media screen and (min-width:768px) {
    .st-Footer_Copyright {
        margin-top: auto;
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer_Copyright {
        font-size: .625vw
    }
}

.sw-Button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 60.9375vw;
    height: 12.23958vw;
    border-radius: 1.5625vw;
    color: #fff;
    font-size: 3.125vw;
    font-weight: 500;
    line-height: 12.23958vw;
    letter-spacing: .08em;
    background-image: linear-gradient(90deg, #1d2d44 0, #385176 50%, #1d2d44 100%);
    background-position: center right;
    background-size: 200% auto;
    box-shadow: 0 1.5625vw 2.08333vw rgba(78, 102, 136, .2);
    transition: background-position .35s
}

@media screen and (min-width:768px) {
    .sw-Button {
        box-shadow: 0 12px 16px rgba(78, 102, 136, .2)
    }
}

@media screen and (min-width:1921px) {
    .sw-Button {
        box-shadow: _vwPC(0) _vwPC(12) _vwPC(16) rgba(78, 102, 136, .2)
    }
}

@media screen and (min-width:768px) {
    .sw-Button {
        width: 300px;
        height: 60px;
        border-radius: 6px;
        font-size: 16px;
        line-height: 60px
    }
}

@media screen and (min-width:1921px) {
    .sw-Button {
        width: 15.625vw;
        height: 3.125vw;
        border-radius: .3125vw;
        font-size: .83333vw;
        line-height: 3.125vw
    }
}

.sw-Button:hover {
    background-position: center left
}

.sw-Button.external:after {
    position: absolute;
    top: 50%;
    right: 7.16146vw;
    width: 3.125vw;
    height: 3.125vw;
    margin-top: -1.5625vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M95.453%2045.453a4.545%204.545%200%2001-4.547-4.547V15.525L44.12%2062.297a4.501%204.501%200%2001-3.217%201.337%204.507%204.507%200%2001-3.21-1.337c-1.773-1.766-1.773-4.654%200-6.427L84.471%209.091h-25.38a4.545%204.545%200%2001-4.547-4.547%204.548%204.548%200%20014.547-4.54h36.362A4.548%204.548%200%2001100%204.544v36.362a4.55%204.55%200%2001-4.547%204.547zM50.004%2027.272H9.094V90.91h63.623V50a4.55%204.55%200%20014.547-4.547A4.55%204.55%200%200181.811%2050v45.456a4.548%204.548%200%2001-4.547%204.54H4.554A4.544%204.544%200%20010%2095.456V22.732a4.546%204.546%200%20014.554-4.547h45.449a4.544%204.544%200%20014.54%204.547%204.536%204.536%200%2001-4.539%204.54z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:768px) {
    .sw-Button.external:after {
        right: 24px;
        width: 15px;
        height: 15px;
        margin-top: -8px
    }
}

@media screen and (min-width:1921px) {
    .sw-Button.external:after {
        right: 1.25vw;
        width: .78125vw;
        height: .78125vw;
        margin-top: -.41667vw
    }
}

.sw-Button_Back {
    display: inline-block;
    height: 7.8125vw;
    color: #51627a;
    font-size: 3.125vw;
    font-weight: 700;
    line-height: 7.8125vw;
    letter-spacing: .08em
}

@media screen and (min-width:768px) {
    .sw-Button_Back {
        height: 34px;
        font-size: 16px;
        line-height: 34px
    }
}

@media screen and (min-width:1921px) {
    .sw-Button_Back {
        height: 1.77083vw;
        font-size: .83333vw;
        line-height: 1.77083vw
    }
}

.sw-Button_Back:before {
    display: inline-block;
    width: 1.5625vw;
    height: 2.34375vw;
    margin-right: 3.90625vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_left%22%20d%3D%22M94.076%20148.74c-3.678%203.507-8.437%205.26-13.341%205.26-4.772%200-9.611-1.753-13.262-5.26L5.537%2089.692C2.03%2086.33%200%2081.716%200%2076.997c0-4.733%202.03-9.334%205.537-12.682L67.472%205.28c7.304-7.04%2019.248-7.04%2026.604%200%207.369%206.974%207.369%2018.377%200%2025.338L45.469%2076.997l48.607%2046.313c7.369%207.052%207.369%2018.403%200%2025.43z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%2351627a%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    transition: transform .2s
}

@media screen and (min-width:768px) {
    .sw-Button_Back:before {
        width: 8px;
        height: 13px;
        margin-right: 20px
    }
}

@media screen and (min-width:1921px) {
    .sw-Button_Back:before {
        width: .41667vw;
        height: .67708vw;
        margin-right: 1.04167vw
    }
}

.sw-Button_Back:hover:before {
    -ms-transform: translateX(-.52083vw);
    transform: translateX(-.52083vw)
}

@media screen and (min-width:768px) {
    .sw-Button_Back:hover:before {
        -ms-transform: translateX(-4px);
        transform: translateX(-4px)
    }
}

@media screen and (min-width:1921px) {
    .sw-Button_Back:hover:before {
        -ms-transform: translateX(-.20833vw);
        transform: translateX(-.20833vw)
    }
}

@keyframes fade_up {
    0% {
        transform: translateY(50px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        transform: translateY(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes fade_right {
    0% {
        transform: translateX(-50px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        transform: translateX(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes fade_left {
    0% {
        transform: translateX(50px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        transform: translateX(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

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

    100% {
        transform: rotate(360deg)
    }
}

@keyframes fuwafuwa_short {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(14px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes fuwafuwa {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes fuwafuwa_long {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(26px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes kv_bubble_fade_down {
    0% {
        transform: translateY(-100px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    100% {
        transform: translateY(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes index_slider_curtain_start {
    0% {
        transform: scaleX(0);
        transform-origin: center left
    }

    100% {
        transform: scaleX(1);
        transform-origin: center left
    }
}

@keyframes index_slider_curtain_end {
    0% {
        transform: scaleX(1);
        transform-origin: center right
    }

    100% {
        transform: scaleX(0);
        transform-origin: center right
    }
}

@keyframes company_slider_01_sp {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -500vw center
    }
}

@keyframes company_slider_01_pc {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -3840px center
    }
}

@keyframes company_slider_01_full {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -200vw center
    }
}

@keyframes company_slider_02_sp {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -133.33333vw center
    }
}

@keyframes company_slider_02_pc {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -2560px center
    }
}

@keyframes company_slider_02_full {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -133.33333vw center
    }
}

.index-KeyVisual {
    position: relative;
    height: 206.77083vw;
    margin-bottom: 17.70833vw;
    padding-top: 21.875vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual {
        height: calc(2776px - 171.875vw);
        margin-bottom: 136px;
        padding-top: 120px;
        padding-bottom: calc(2640px - 171.875vw)
    }
}

@media screen and (min-width:960px) {
    .index-KeyVisual {
        height: 880px;
        margin-bottom: 215px;
        padding-bottom: 0
    }
}

@media screen and (min-width:1200px) {
    .index-KeyVisual {
        height: 930px;
        margin-bottom: 215px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual {
        height: 48.4375vw;
        margin-bottom: 11.19792vw;
        padding-top: 6.25vw
    }
}

.index-KeyVisual_Summary {
    position: absolute;
    top: 115.625vw;
    right: 0;
    left: 0;
    z-index: 100;
    width: 92.1875vw;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Summary {
        top: calc(1680px - 109.375vw);
        width: calc(100% - 60px)
    }
}

@media screen and (min-width:1200px) {
    .index-KeyVisual_Summary {
        top: 362px;
        max-width: 1820px;
        width: calc(100% - 260px)
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Summary {
        top: 18.85417vw;
        max-width: none;
        width: 94.79167vw
    }
}

.index-KeyVisual_Catch {
    position: relative;
    z-index: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 57.03125vw;
    margin-bottom: 10.9375vw;
    filter: drop-shadow(0 1.30208vw 2.60417vw rgba(67, 160, 160, .2))
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Catch {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="20" /><feOffset dx="1" dy="11" result="offsetblur" /><feFlood flood-color="rgba(67,160,160,.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
        filter: drop-shadow(0 10px 20px rgba(67, 160, 160, .2))
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Catch {
        filter: drop-shadow(_vwPC(0) _vwPC(10) _vwPC(20) rgba(67, 160, 160, .2))
    }
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Catch {
        width: 438px;
        margin-bottom: 84px
    }
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Catch {
        width: 420px;
        margin-bottom: 28px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Catch {
        width: 21.875vw;
        margin-bottom: 1.45833vw
    }
}

.index-KeyVisual_Catch:after {
    position: absolute;
    bottom: -17.1875vw;
    right: -34.89583vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 47.91667vw;
    height: 14.71354vw;
    background-image: url(../images/sp/index/ttl_our-mission.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    content: ""
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Catch:after {
        bottom: -132px;
        right: -268px;
        width: 368px;
        height: 113px
    }
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Catch:after {
        bottom: -46px;
        right: -304px;
        width: 298px;
        height: 92px;
        background-image: url(../images/pc/index/ttl_our-mission.png)
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Catch:after {
        bottom: -2.39583vw;
        right: -15.83333vw;
        width: 15.52083vw;
        height: 4.79167vw
    }
}

.index-KeyVisual_Catch.is-animated {
    animation: fade_right .6s ease-out both
}

.index-KeyVisual_Catch.is-animated:after {
    animation: fade_right .6s ease-out .2s both
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Catch img.sp {
        display: none !important
    }
}

.index-KeyVisual_Catch img.pc {
    display: none !important
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Catch img.pc {
        display: inline !important
    }
}

.index-KeyVisual_Description {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    font-size: 3.125vw;
    font-weight: 500;
    line-height: 2.41667;
    letter-spacing: .1em;
    white-space: nowrap
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Description {
        font-size: 24px
    }
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Description {
        font-size: 16px;
        line-height: 2.625
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Description {
        font-size: .83333vw
    }
}

.index-KeyVisual_Description.is-animated {
    animation: fade_right .6s ease-out .5s both
}

.index-KeyVisual_Description .marker {
    position: relative;
    display: inline-block
}

.index-KeyVisual_Description .marker:before {
    position: absolute;
    top: .78125vw;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 6.25vw;
    background-color: #fff;
    box-shadow: 0 1.30208vw 2.60417vw rgba(67, 160, 160, .2)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Description .marker:before {
        box-shadow: 0 10px 20px rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Description .marker:before {
        box-shadow: _vwPC(0) _vwPC(10) _vwPC(20) rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Description .marker:before {
        top: 6px;
        height: 48px
    }
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Description .marker:before {
        top: 6px;
        height: 32px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Description .marker:before {
        top: .3125vw;
        height: 1.66667vw
    }
}

.index-KeyVisual_Description .marker.sp {
    padding: 0 2.47396vw
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Description .marker.sp {
        padding: 0
    }
}

.index-KeyVisual_Description .marker.sp:before {
    content: ""
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Description .marker.sp:before {
        content: none
    }
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Description .marker.pc {
        padding: 0 11px
    }
}

.index-KeyVisual_Description .marker.pc:before {
    content: none
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Description .marker.pc:before {
        content: ""
    }
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Description br.sp {
        display: none !important
    }
}

.index-KeyVisual_Slider {
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 98.95833vw;
    border-radius: 0 0 0 3.90625vw;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Slider {
        width: 768px;
        height: 760px;
        margin-left: auto;
        border-radius: 0 0 0 30px
    }
}

@media screen and (min-width:1200px) {
    .index-KeyVisual_Slider {
        max-width: 1580px;
        width: calc(100% - 50px);
        height: 810px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Slider {
        max-width: none;
        width: 82.29167vw;
        height: 42.1875vw;
        border-radius: 0 0 0 1.5625vw
    }
}

.index-KeyVisual_Slider:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: center left;
    transform-origin: center left;
    width: 100%;
    height: 100%;
    background-color: #53cebd;
    content: "";
    animation: none
}

.index-KeyVisual_Slider:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 39.0625vw;
    height: 13.80208vw;
    background-image: url(../images/common/logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    content: ""
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Slider:after {
        width: 200px;
        height: 71px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Slider:after {
        width: 10.41667vw;
        height: 3.69792vw
    }
}

.index-KeyVisual_Slider.starting:before {
    animation: index_slider_curtain_start .3s ease .35s forwards
}

.index-KeyVisual_Slider.changing:before {
    animation: index_slider_curtain_start .3s ease 0s 1 forwards
}

.index-KeyVisual_Slider.changed:before {
    animation: index_slider_curtain_end .3s ease 0s 1 forwards
}

.index-KeyVisual_Slider .swiper-container {
    height: 100%
}

.index-KeyVisual_Slider .swiper-slide {
    overflow: hidden
}

.index-KeyVisual_Slider .swiper-slide.swiper-slide-active img {
    -ms-transform: scale(1);
    transform: scale(1)
}

.index-KeyVisual_Slider .swiper-slide img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 80% 100%;
    transition: transform 6.3s linear
}

@media screen and (min-width:1200px) {
    .index-KeyVisual_Slider .swiper-slide img.sp {
        display: none !important
    }
}

.index-KeyVisual_Slider .swiper-slide img.pc {
    display: none !important
}

@media screen and (min-width:1200px) {
    .index-KeyVisual_Slider .swiper-slide img.pc {
        display: inline !important
    }
}

.index-KeyVisual_Slider .swiper-slide img.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.index-KeyVisual_Twitter {
    position: absolute;
    bottom: 0;
    right: 3.90625vw;
    z-index: 100
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Twitter {
        right: 30px
    }
}

@media screen and (min-width:960px) {
    .index-KeyVisual_Twitter {
        top: 787px;
        bottom: auto
    }
}

@media screen and (min-width:1200px) {
    .index-KeyVisual_Twitter {
        top: 837px;
        right: 50px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Twitter {
        top: 43.59375vw;
        right: 2.60417vw
    }
}

.index-KeyVisual_Twitter .twitter_link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24.21875vw;
    height: 24.21875vw;
    border-radius: 50%;
    background-color: #000000;
    box-shadow: 0 1.30208vw 2.60417vw rgba(67, 160, 160, .2);
    transition: transform .2s
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Twitter .twitter_link {
        box-shadow: 0 10px 20px rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Twitter .twitter_link {
        box-shadow: _vwPC(0) _vwPC(10) _vwPC(20) rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Twitter .twitter_link {
        width: 186px;
        height: 186px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Twitter .twitter_link {
        width: 9.6875vw;
        height: 9.6875vw
    }
}

.index-KeyVisual_Twitter .twitter_link:before {
    display: block;
    width: 19.79167vw;
    height: 19.92188vw;
    background-image: url(../images/sp/index/txt_X_circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    content: "";
    animation: rotation 60s linear infinite
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Twitter .twitter_link:before {
        width: 152px;
        height: 153px;
        background-image: url(../images/pc/index/txt_X_circle.png)
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Twitter .twitter_link:before {
        width: 7.91667vw;
        height: 7.96875vw
    }
}

.index-KeyVisual_Twitter .twitter_link:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 7.8125vw;
    height: 6.51042vw;
    /* background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%2282%22%20viewBox%3D%220%200%20100%2082%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22Twitter%22%20d%3D%22M31.449%2081.271c37.737%200%2058.374-31.264%2058.374-58.374%200-.888-.018-1.773-.059-2.652A41.736%2041.736%200%200099.999%209.622a40.941%2040.941%200%2001-11.782%203.23c4.236-2.54%207.488-6.559%209.022-11.349a41.11%2041.11%200%2001-13.027%204.98A20.493%2020.493%200%200069.236%200c-11.331%200-20.52%209.188-20.52%2020.515%200%201.61.18%203.176.532%204.678-17.05-.857-32.17-9.022-42.288-21.435A20.44%2020.44%200%20004.181%2014.07a20.5%2020.5%200%20009.13%2017.078%2020.373%2020.373%200%2001-9.292-2.566c-.005.086-.005.172-.005.262%200%209.937%207.073%2018.233%2016.46%2020.114a20.488%2020.488%200%2001-9.265.352c2.612%208.151%2010.185%2014.083%2019.166%2014.25a41.183%2041.183%200%2001-25.481%208.78A41.86%2041.86%200%20010%2072.056c9.08%205.818%2019.861%209.215%2031.449%209.215%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E); */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221200%22%20height%3D%221227%22%20viewBox%3D%220%200%201200%201227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M714.163%20519.284L1160.89%200H1055.03L667.137%20450.887L357.328%200H0L468.492%20681.821L0%201226.37H105.866L515.491%20750.218L842.672%201226.37H1200L714.137%20519.284H714.163ZM569.165%20687.828L521.697%20619.934L144.011%2079.6944H306.615L611.412%20515.685L658.88%20583.579L1055.08%201150.3H892.476L569.165%20687.854V687.828Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Twitter .twitter_link:after {
        width: 60px;
        height: 50px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Twitter .twitter_link:after {
        width: 3.125vw;
        height: 2.60417vw
    }
}

.index-KeyVisual_Twitter .twitter_link:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.index-KeyVisual_Bubble {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    height: 100%;
    pointer-events: none
}

.index-KeyVisual_Bubble.is-animated {
    animation: kv_bubble_fade_down 2s ease-out both
}

.index-KeyVisual_Bubble .bubble {
    position: absolute
}

.index-KeyVisual_Bubble .bubble .inner {
    position: relative;
    top: 0;
    left: 0;
    transition: top 1s ease-out
}

.index-KeyVisual_Bubble .bubble .image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.index-KeyVisual_Bubble .bubble:nth-child(3n-2) .image {
    animation-name: fuwafuwa_short
}

.index-KeyVisual_Bubble .bubble:nth-child(3n-1) .image {
    animation-name: fuwafuwa
}

.index-KeyVisual_Bubble .bubble:nth-child(3n) .image {
    animation-name: fuwafuwa_long
}

.index-KeyVisual_Bubble .bubble:nth-child(odd) .image {
    animation-duration: 5s
}

.index-KeyVisual_Bubble .bubble:nth-child(even) .image {
    animation-duration: 7s
}

.index-KeyVisual_Bubble .bubble.pink_01 {
    top: 119.79167vw;
    right: 7.8125vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.pink_01 {
        top: 900px;
        right: auto;
        left: 427px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.pink_01 {
        top: 46.875vw;
        left: 22.23958vw
    }
}

.index-KeyVisual_Bubble .bubble.pink_01 .image {
    width: 6.77083vw;
    height: 6.51042vw;
    background-image: url(../images/common/index/img_kv_bubble_pink_01.png)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.pink_01 .image {
        width: 52px;
        height: 50px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.pink_01 .image {
        width: 2.70833vw;
        height: 2.60417vw
    }
}

.index-KeyVisual_Bubble .bubble.pink_02 {
    top: 47.78646vw;
    left: -1.30208vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.pink_02 {
        top: 282px;
        left: 159px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.pink_02 {
        top: 14.6875vw;
        left: 8.28125vw
    }
}

.index-KeyVisual_Bubble .bubble.pink_02 .image {
    width: 2.21354vw;
    height: 1.95312vw;
    background-image: url(../images/common/index/img_kv_bubble_pink_02.png)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.pink_02 .image {
        width: 17px;
        height: 15px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.pink_02 .image {
        width: .88542vw;
        height: .78125vw
    }
}

.index-KeyVisual_Bubble .bubble.green_01 {
    top: 138.54167vw;
    right: -4.42708vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.green_01 {
        top: 666px;
        right: -24px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.green_01 {
        top: 34.6875vw;
        right: -1.25vw
    }
}

.index-KeyVisual_Bubble .bubble.green_01 .image {
    width: 8.33333vw;
    height: 8.72396vw;
    background-image: url(../images/common/index/img_kv_bubble_green_01.png)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.green_01 .image {
        width: 64px;
        height: 67px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.green_01 .image {
        width: 3.33333vw;
        height: 3.48958vw
    }
}

.index-KeyVisual_Bubble .bubble.green_02 {
    top: 38.80208vw;
    left: 1.95312vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.green_02 {
        top: 214px;
        left: 266px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.green_02 {
        top: 11.14583vw;
        left: 13.85417vw
    }
}

.index-KeyVisual_Bubble .bubble.green_02 .image {
    width: 4.55729vw;
    height: 4.29688vw;
    background-image: url(../images/common/index/img_kv_bubble_green_02.png)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.green_02 .image {
        width: 35px;
        height: 33px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.green_02 .image {
        width: 1.82292vw;
        height: 1.71875vw
    }
}

.index-KeyVisual_Bubble .bubble.yellow_01 {
    top: 16.40625vw;
    right: 28.125vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.yellow_01 {
        top: 87px;
        right: auto;
        left: 622px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.yellow_01 {
        top: 4.53125vw;
        left: 32.39583vw
    }
}

.index-KeyVisual_Bubble .bubble.yellow_01 .image {
    width: 8.20312vw;
    height: 7.94271vw;
    background-image: url(../images/common/index/img_kv_bubble_yellow_01.png)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.yellow_01 .image {
        width: 63px;
        height: 61px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.yellow_01 .image {
        width: 3.28125vw;
        height: 3.17708vw
    }
}

.index-KeyVisual_Bubble .bubble.yellow_02 {
    top: 128.90625vw;
    right: 19.53125vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.yellow_02 {
        top: 1000px;
        right: 312px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.yellow_02 {
        top: 52.08333vw;
        right: 16.25vw
    }
}

.index-KeyVisual_Bubble .bubble.yellow_02 .image {
    width: 4.55729vw;
    height: 4.42708vw;
    background-image: url(../images/common/index/img_kv_bubble_yellow_02.png)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.yellow_02 .image {
        width: 35px;
        height: 34px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.yellow_02 .image {
        width: 1.82292vw;
        height: 1.77083vw
    }
}

.index-KeyVisual_Bubble .bubble.yellow_03 {
    top: 189.32292vw;
    left: 43.48958vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.yellow_03 {
        top: 740px;
        left: 65px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.yellow_03 {
        top: 38.54167vw;
        left: 3.38542vw
    }
}

.index-KeyVisual_Bubble .bubble.yellow_03 .image {
    width: 3.38542vw;
    height: 3.125vw;
    background-image: url(../images/common/index/img_kv_bubble_yellow_03.png)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.yellow_03 .image {
        width: 26px;
        height: 24px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.yellow_03 .image {
        width: 1.35417vw;
        height: 1.25vw
    }
}

.index-KeyVisual_Bubble .bubble.blue_01 {
    top: 156.25vw;
    left: 8.85417vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.blue_01 {
        top: 791px;
        left: -30px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.blue_01 {
        top: 41.19792vw;
        left: -1.5625vw
    }
}

.index-KeyVisual_Bubble .bubble.blue_01 .image {
    width: 7.8125vw;
    height: 7.94271vw;
    background-image: url(../images/common/index/img_kv_bubble_blue_01.png)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.blue_01 .image {
        width: 60px;
        height: 61px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.blue_01 .image {
        width: 3.125vw;
        height: 3.17708vw
    }
}

.index-KeyVisual_Bubble .bubble.blue_02 {
    top: 27.60417vw;
    right: 2.99479vw
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.blue_02 {
        top: 110px;
        right: 496px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.blue_02 {
        top: 5.72917vw;
        right: 25.83333vw
    }
}

.index-KeyVisual_Bubble .bubble.blue_02 .image {
    width: 4.42708vw;
    height: 4.55729vw;
    background-image: url(../images/common/index/img_kv_bubble_blue_02.png)
}

@media screen and (min-width:768px) {
    .index-KeyVisual_Bubble .bubble.blue_02 .image {
        width: 34px;
        height: 35px
    }
}

@media screen and (min-width:1921px) {
    .index-KeyVisual_Bubble .bubble.blue_02 .image {
        width: 1.77083vw;
        height: 1.82292vw
    }
}

.index-Contents {
    position: relative
}

.index-TwitterLabel {
    display: none
}

@media screen and (min-width:960px) {
    .index-TwitterLabel {
        display: block;
        position: absolute;
        top: -40px;
        right: 50px
    }
}

@media screen and (min-width:1921px) {
    .index-TwitterLabel {
        right: 2.60417vw
    }
}

.index-TwitterLabel_Link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 0;
    right: 0;
    z-index: 100
}

.index-TwitterLabel_Link:after {
    position: absolute;
    top: -38px;
    right: 0;
    width: 127px;
    height: 54px;
    background-image: url(../images/pc/common/txt_follow-us.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    content: "";
    pointer-events: none
}

@media screen and (min-width:1921px) {
    .index-TwitterLabel_Link:after {
        top: -1.97917vw;
        width: 6.61458vw;
        height: 2.8125vw
    }
}

.index-TwitterLabel_Link:hover .label_icon:before {
    /* background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%2282%22%20viewBox%3D%220%200%20100%2082%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22Twitter%22%20d%3D%22M31.449%2081.271c37.737%200%2058.374-31.264%2058.374-58.374%200-.888-.018-1.773-.059-2.652A41.736%2041.736%200%200099.999%209.622a40.941%2040.941%200%2001-11.782%203.23c4.236-2.54%207.488-6.559%209.022-11.349a41.11%2041.11%200%2001-13.027%204.98A20.493%2020.493%200%200069.236%200c-11.331%200-20.52%209.188-20.52%2020.515%200%201.61.18%203.176.532%204.678-17.05-.857-32.17-9.022-42.288-21.435A20.44%2020.44%200%20004.181%2014.07a20.5%2020.5%200%20009.13%2017.078%2020.373%2020.373%200%2001-9.292-2.566c-.005.086-.005.172-.005.262%200%209.937%207.073%2018.233%2016.46%2020.114a20.488%2020.488%200%2001-9.265.352c2.612%208.151%2010.185%2014.083%2019.166%2014.25a41.183%2041.183%200%2001-25.481%208.78A41.86%2041.86%200%20010%2072.056c9.08%205.818%2019.861%209.215%2031.449%209.215%22%20fill%3D%22%231da1f2%22%2F%3E%3C%2Fsvg%3E);
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221200%22%20height%3D%221227%22%20viewBox%3D%220%200%201200%201227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M714.163%20519.284L1160.89%200H1055.03L667.137%20450.887L357.328%200H0L468.492%20681.821L0%201226.37H105.866L515.491%20750.218L842.672%201226.37H1200L714.137%20519.284H714.163ZM569.165%20687.828L521.697%20619.934L144.011%2079.6944H306.615L611.412%20515.685L658.88%20583.579L1055.08%201150.3H892.476L569.165%20687.854V687.828Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');    */
    background-image: url(../images/pc/common/logo-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.index-TwitterLabel_Link:hover .label_icon:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: center left;
    transform-origin: center left
}

.index-TwitterLabel_Link:hover .label_text {
    color: #fff
}

.index-TwitterLabel_Link:hover .label_text:before {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: center left;
    transform-origin: center left
}

.index-TwitterLabel_Link.fixed {
    position: fixed;
    top: auto;
    bottom: 40px;
    right: 50px
}

@media screen and (min-width:1921px) {
    .index-TwitterLabel_Link.fixed {
        right: 2.60417vw
    }
}

.index-TwitterLabel .label_icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #000000
}

@media screen and (min-width:1921px) {
    .index-TwitterLabel .label_icon {
        width: 3.125vw;
        height: 3.125vw
    }
}

.index-TwitterLabel .label_icon:before {
    display: inline-block;
    position: relative;
    width: 25px;
    height: 21px;
    /* background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%2282%22%20viewBox%3D%220%200%20100%2082%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22Twitter%22%20d%3D%22M31.449%2081.271c37.737%200%2058.374-31.264%2058.374-58.374%200-.888-.018-1.773-.059-2.652A41.736%2041.736%200%200099.999%209.622a40.941%2040.941%200%2001-11.782%203.23c4.236-2.54%207.488-6.559%209.022-11.349a41.11%2041.11%200%2001-13.027%204.98A20.493%2020.493%200%200069.236%200c-11.331%200-20.52%209.188-20.52%2020.515%200%201.61.18%203.176.532%204.678-17.05-.857-32.17-9.022-42.288-21.435A20.44%2020.44%200%20004.181%2014.07a20.5%2020.5%200%20009.13%2017.078%2020.373%2020.373%200%2001-9.292-2.566c-.005.086-.005.172-.005.262%200%209.937%207.073%2018.233%2016.46%2020.114a20.488%2020.488%200%2001-9.265.352c2.612%208.151%2010.185%2014.083%2019.166%2014.25a41.183%2041.183%200%2001-25.481%208.78A41.86%2041.86%200%20010%2072.056c9.08%205.818%2019.861%209.215%2031.449%209.215%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E); */
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221200%22%20height%3D%221227%22%20viewBox%3D%220%200%201200%201227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M714.163%20519.284L1160.89%200H1055.03L667.137%20450.887L357.328%200H0L468.492%20681.821L0%201226.37H105.866L515.491%20750.218L842.672%201226.37H1200L714.137%20519.284H714.163ZM569.165%20687.828L521.697%20619.934L144.011%2079.6944H306.615L611.412%20515.685L658.88%20583.579L1055.08%201150.3H892.476L569.165%20687.854V687.828Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    transition: background-image .2s .05s
}

@media screen and (min-width:1921px) {
    .index-TwitterLabel .label_icon:before {
        width: 1.30208vw;
        height: 1.09375vw
    }
}

.index-TwitterLabel .label_icon:after {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: center right;
    transform-origin: center right;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: "";
    transition: transform .35s
}

.index-TwitterLabel .label_text {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 250px;
    height: 52px;
    margin-left: -30px;
    padding: 20px 0 0 47px;
    border-radius: 6px;
    font-family: Spartan, sans-serif;
    font-variant-ligatures: none;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .1em;
    background-color: #fff;
    box-shadow: 0 1.30208vw 2.60417vw rgba(67, 160, 160, .2);
    transition: color .2s .08s
}

@media screen and (min-width:768px) {
    .index-TwitterLabel .label_text {
        box-shadow: 0 10px 20px rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:1921px) {
    .index-TwitterLabel .label_text {
        box-shadow: _vwPC(0) _vwPC(10) _vwPC(20) rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:1921px) {
    .index-TwitterLabel .label_text {
        width: 13.02083vw;
        height: 2.70833vw;
        margin-left: -1.5625vw;
        padding: 1.04167vw 0 0 2.44792vw;
        border-radius: .3125vw;
        font-size: .9375vw
    }
}

.index-TwitterLabel .label_text:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: center right;
    transform-origin: center right;
    width: 100%;
    height: 100%;
    background-color: #000000;
    content: "";
    transition: transform .35s .08s
}

.index-Section_Title {
    position: relative;
    font-size: 7.03125vw;
    font-weight: 700;
    letter-spacing: .05em
}

@media screen and (min-width:768px) {
    .index-Section_Title {
        font-size: 48px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Title {
        font-size: 2.5vw
    }
}

.index-Section_Title:after {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    content: ""
}

.index-Section_Title.is-animated:after {
    animation: fade_right .8s ease-out .2s both
}

.index-Button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 3.64583vw;
    font-weight: 700;
    letter-spacing: .08em
}

@media screen and (min-width:768px) {
    .index-Button {
        font-size: 16px
    }
}

@media screen and (min-width:1921px) {
    .index-Button {
        font-size: .83333vw
    }
}

.index-Button:after {
    display: inline-block;
    width: 11.71875vw;
    height: 11.71875vw;
    margin-left: 3.38542vw;
    border: 2px solid #1d2d44;
    border-radius: 50%;
    background-color: rgba(29, 45, 68, 0);
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231d2d44%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center left 4.81771vw;
    background-size: 1.82292vw 2.86458vw;
    content: "";
    transition: background .2s
}

@media screen and (min-width:768px) {
    .index-Button:after {
        width: 50px;
        height: 50px;
        margin-left: 17px;
        background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231d2d44%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: center left 20px;
        background-size: 8px 12px
    }
}

@media screen and (min-width:1921px) {
    .index-Button:after {
        width: 2.60417vw;
        height: 2.60417vw;
        margin-left: .88542vw;
        background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231d2d44%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: center left 1.04167vw;
        background-size: .41667vw .625vw
    }
}

.index-Button:hover:after {
    background-color: #1d2d44;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center left 4.81771vw;
    background-size: 1.82292vw 2.86458vw
}

@media screen and (min-width:768px) {
    .index-Button:hover:after {
        background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: center left 20px;
        background-size: 8px 12px
    }
}

@media screen and (min-width:1921px) {
    .index-Button:hover:after {
        background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: center left 1.04167vw;
        background-size: .41667vw .625vw
    }
}

.index-Topics {
    margin-bottom: 17.70833vw;
    padding-bottom: 7.8125vw;
    background-image: linear-gradient(90deg, rgba(38, 200, 200, .3) 0, rgba(40, 229, 205, .3) 100%)
}

@media screen and (min-width:768px) {
    .index-Topics {
        margin-bottom: 150px;
        padding-bottom: 50px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics {
        margin-bottom: 7.8125vw;
        padding-bottom: 2.60417vw
    }
}

.index-Topics_Header {
    width: 79.16667vw;
    margin: 0 auto 6.38021vw
}

@media screen and (min-width:768px) {
    .index-Topics_Header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        max-width: 1200px;
        width: calc(100% - 100px);
        height: 76px;
        margin-bottom: 20px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Header {
        max-width: none;
        width: 62.5vw;
        height: 3.95833vw;
        margin-bottom: 1.04167vw
    }
}

.index-Topics .index-Section_Title {
    top: -4.42708vw;
    margin-left: -1.82292vw
}

@media screen and (min-width:768px) {
    .index-Topics .index-Section_Title {
        top: -55px;
        margin-left: -12px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics .index-Section_Title {
        top: -2.86458vw;
        margin-left: -.625vw
    }
}

.index-Topics .index-Section_Title:after {
    top: .26042vw;
    left: 38.80208vw;
    width: 17.57812vw;
    height: 11.19792vw;
    background-image: url(../images/sp/index/ttl_topics.png)
}

@media screen and (min-width:768px) {
    .index-Topics .index-Section_Title:after {
        top: 7px;
        left: 274px;
        width: 108px;
        height: 70px;
        background-image: url(../images/pc/index/ttl_topics.png)
    }
}

@media screen and (min-width:1921px) {
    .index-Topics .index-Section_Title:after {
        top: .36458vw;
        left: 14.27083vw;
        width: 5.625vw;
        height: 3.64583vw
    }
}

.index-Topics_Slider.swiper-container {
    overflow: visible;
    margin: 0 0 3.90625vw
}

@media screen and (min-width:768px) {
    .index-Topics_Slider.swiper-container {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Slider.swiper-container {
        margin-bottom: 1.5625vw
    }
}

.index-Topics_Slider.swiper-container .swiper-slide {
    height: auto;
    padding: 2.60417vw 1.5625vw
}

@media screen and (min-width:768px) {
    .index-Topics_Slider.swiper-container .swiper-slide {
        padding: 20px 12px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Slider.swiper-container .swiper-slide {
        padding: 1.04167vw .625vw
    }
}

@media screen and (min-width:768px) {
    .index-Topics_Slider.swiper-container:not(.swiper-container-initialized) {
        max-width: 1224px;
        width: calc(100% - 76px);
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Slider.swiper-container:not(.swiper-container-initialized) {
        max-width: none;
        width: 63.75vw
    }
}

.index-Topics_Slider.swiper-container:not(.swiper-container-initialized) .swiper-slide {
    width: 82.29167vw;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .index-Topics_Slider.swiper-container:not(.swiper-container-initialized) .swiper-slide {
        width: calc(100%/3)
    }
}

@media screen and (min-width:960px) {
    .index-Topics_Slider.swiper-container:not(.swiper-container-initialized) .swiper-slide {
        margin: 0
    }
}

@media screen and (min-width:768px) {
    .index-Topics_Slider.swiper-container:not(.swiper-container-initialized) .swiper-slide:only-child {
        width: 408px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Slider.swiper-container:not(.swiper-container-initialized) .swiper-slide:only-child {
        width: 21.25vw
    }
}

.index-Topics_Slider.swiper-container.swiper-container-initialized {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 246.875vw
}

@media screen and (min-width:768px) {
    .index-Topics_Slider.swiper-container.swiper-container-initialized {
        width: 1224px
    }
}

@media screen and (min-width:1280px) {
    .index-Topics_Slider.swiper-container.swiper-container-initialized {
        width: 2040px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Slider.swiper-container.swiper-container-initialized {
        width: 106.25vw
    }
}

.index-Topics_Slider_Nav_Container {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 92.1875vw;
    height: 9.11458vw;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .index-Topics_Slider_Nav_Container {
        width: 482px;
        height: 60px
    }
}

@media screen and (min-width:960px) {
    .index-Topics_Slider_Nav_Container {
        top: -54px;
        -ms-transform: translateY(0);
        transform: translateY(0);
        max-width: 1200px;
        width: calc(100vw - 100px);
        height: 34px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Slider_Nav_Container {
        top: -2.8125vw;
        max-width: none;
        width: 62.5vw;
        height: 1.77083vw
    }
}

.index-Topics_Slider_Nav_Container.show {
    display: block
}

.index-Topics_Slider_Nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:960px) {
    .index-Topics_Slider_Nav {
        width: 88px;
        margin-left: auto
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Slider_Nav {
        width: 4.58333vw
    }
}

.index-Topics_Slider_Nav .slide_prev,
.index-Topics_Slider_Nav .slide_next {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9.11458vw;
    height: 9.11458vw;
    border: 2px solid #1d2d44;
    border-radius: 50%;
    background-color: #1d2d44;
    outline: none;
    cursor: pointer;
    transition: background-color .2s
}

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

    .index-Topics_Slider_Nav .slide_prev,
    .index-Topics_Slider_Nav .slide_next {
        width: 60px;
        height: 60px
    }
}

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

    .index-Topics_Slider_Nav .slide_prev,
    .index-Topics_Slider_Nav .slide_next {
        width: 34px;
        height: 34px
    }
}

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

    .index-Topics_Slider_Nav .slide_prev,
    .index-Topics_Slider_Nav .slide_next {
        width: 1.77083vw;
        height: 1.77083vw
    }
}

.index-Topics_Slider_Nav .slide_prev:before,
.index-Topics_Slider_Nav .slide_next:before {
    display: inline-block;
    width: 2.21354vw;
    height: 3.38542vw;
    content: "";
    transition: background-image .2s
}

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

    .index-Topics_Slider_Nav .slide_prev:before,
    .index-Topics_Slider_Nav .slide_next:before {
        width: 8px;
        height: 13px
    }
}

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

    .index-Topics_Slider_Nav .slide_prev:before,
    .index-Topics_Slider_Nav .slide_next:before {
        width: .41667vw;
        height: .67708vw
    }
}

.index-Topics_Slider_Nav .slide_prev:hover,
.index-Topics_Slider_Nav .slide_next:hover {
    background-color: #fff
}

.index-Topics_Slider_Nav .slide_prev:before {
    margin-left: -.39062vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_left%22%20d%3D%22M94.076%20148.74c-3.678%203.507-8.437%205.26-13.341%205.26-4.772%200-9.611-1.753-13.262-5.26L5.537%2089.692C2.03%2086.33%200%2081.716%200%2076.997c0-4.733%202.03-9.334%205.537-12.682L67.472%205.28c7.304-7.04%2019.248-7.04%2026.604%200%207.369%206.974%207.369%2018.377%200%2025.338L45.469%2076.997l48.607%2046.313c7.369%207.052%207.369%2018.403%200%2025.43z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:768px) {
    .index-Topics_Slider_Nav .slide_prev:before {
        margin-left: -2px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Slider_Nav .slide_prev:before {
        margin-left: -.10417vw
    }
}

.index-Topics_Slider_Nav .slide_prev:hover:before {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_left%22%20d%3D%22M94.076%20148.74c-3.678%203.507-8.437%205.26-13.341%205.26-4.772%200-9.611-1.753-13.262-5.26L5.537%2089.692C2.03%2086.33%200%2081.716%200%2076.997c0-4.733%202.03-9.334%205.537-12.682L67.472%205.28c7.304-7.04%2019.248-7.04%2026.604%200%207.369%206.974%207.369%2018.377%200%2025.338L45.469%2076.997l48.607%2046.313c7.369%207.052%207.369%2018.403%200%2025.43z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231d2d44%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.index-Topics_Slider_Nav .slide_next:before {
    margin-right: -.39062vw;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (min-width:768px) {
    .index-Topics_Slider_Nav .slide_next:before {
        margin-right: -2px
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Slider_Nav .slide_next:before {
        margin-right: -.10417vw
    }
}

.index-Topics_Slider_Nav .slide_next:hover:before {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22154%22%20viewBox%3D%220%200%20100%20154%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevron_x5F_right%22%20d%3D%22M5.527%20148.74c-7.369-7.027-7.369-18.377%200-25.43l48.607-46.313L5.527%2030.618c-7.369-6.961-7.369-18.364%200-25.338%207.356-7.04%2019.3-7.04%2026.604%200l61.935%2059.035c3.507%203.349%205.537%207.949%205.537%2012.682%200%204.72-2.03%209.334-5.537%2012.695L32.131%20148.74c-3.652%203.507-8.49%205.26-13.262%205.26-4.905%200-9.664-1.753-13.342-5.26z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231d2d44%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.index-Topics_Footer {
    width: 79.16667vw;
    margin: 0 auto;
    text-align: right
}

@media screen and (min-width:768px) {
    .index-Topics_Footer {
        max-width: 1200px;
        width: calc(100% - 100px)
    }
}

@media screen and (min-width:1921px) {
    .index-Topics_Footer {
        max-width: none;
        width: 62.5vw
    }
}

.index-Section {
    position: relative
}

@media screen and (min-width:768px) {
    .index-Section {
        max-width: 868px;
        margin: 0 auto
    }
}

@media screen and (min-width:960px) {
    .index-Section {
        max-width: 1820px
    }
}

@media screen and (min-width:1921px) {
    .index-Section {
        max-width: none;
        width: 94.79167vw
    }
}

.index-Section#service {
    margin-bottom: 17.70833vw;
    padding-top: 13.02083vw
}

@media screen and (min-width:768px) {
    .index-Section#service {
        margin-bottom: 146px;
        padding-top: 0
    }
}

@media screen and (min-width:1921px) {
    .index-Section#service {
        margin-bottom: 7.60417vw
    }
}

.index-Section#company {
    margin-bottom: 17.70833vw;
    padding-top: 13.02083vw
}

@media screen and (min-width:768px) {
    .index-Section#company {
        margin-bottom: 228px;
        padding-top: 0
    }
}

@media screen and (min-width:1921px) {
    .index-Section#company {
        margin-bottom: 11.875vw
    }
}

.index-Section#recruit {
    padding-top: 13.02083vw
}

@media screen and (min-width:768px) {
    .index-Section#recruit {
        padding-top: 0
    }
}

@media screen and (min-width:960px) {
    .index-Section_Container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.index-Section:nth-child(even) .index-Section_Container {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (min-width:960px) {
    .index-Section_Contents {
        width: 50%
    }
}

@media screen and (min-width:960px) {
    .index-Section_Contents_Inner {
        max-width: 550px;
        margin-top: -4px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Contents_Inner {
        max-width: none;
        width: 28.64583vw;
        margin-top: -.20833vw
    }
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(odd) .index-Section_Contents_Inner {
        margin-right: 11%;
        margin-left: auto;
        padding-left: 50px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(odd) .index-Section_Contents_Inner {
        padding-left: 2.60417vw
    }
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(even) .index-Section_Contents_Inner {
        margin-left: 11%;
        padding-right: 50px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(even) .index-Section_Contents_Inner {
        padding-right: 2.60417vw
    }
}

.index-Section .index-Section_Title {
    width: 79.16667vw;
    margin: 0 auto 11.58854vw
}

@media screen and (min-width:768px) {
    .index-Section .index-Section_Title {
        max-width: 768px;
        width: calc(100% - 80px);
        margin: 0 0 90px auto
    }
}

@media screen and (min-width:960px) {
    .index-Section .index-Section_Title {
        max-width: none;
        width: 100%;
        margin: 0 0 82px
    }
}

@media screen and (min-width:1921px) {
    .index-Section .index-Section_Title {
        margin-bottom: 4.27083vw
    }
}

.index-Section#service .index-Section_Title:after {
    top: .52083vw;
    left: 32.29167vw;
    width: 22.26562vw;
    height: 10.15625vw;
    background-image: url(../images/sp/index/ttl_service.png)
}

@media screen and (min-width:768px) {
    .index-Section#service .index-Section_Title:after {
        top: 12px;
        left: 218px;
        width: 137px;
        height: 63px;
        background-image: url(../images/pc/index/ttl_service.png)
    }
}

@media screen and (min-width:1921px) {
    .index-Section#service .index-Section_Title:after {
        top: .625vw;
        left: 11.35417vw;
        width: 7.13542vw;
        height: 3.28125vw
    }
}

.index-Section#company .index-Section_Title:after {
    top: 1.43229vw;
    left: 31.25vw;
    width: 27.86458vw;
    height: 11.45833vw;
    background-image: url(../images/sp/index/ttl_company.png)
}

@media screen and (min-width:768px) {
    .index-Section#company .index-Section_Title:after {
        top: 17px;
        left: 216px;
        width: 172px;
        height: 68px;
        background-image: url(../images/pc/index/ttl_company.png)
    }
}

@media screen and (min-width:1921px) {
    .index-Section#company .index-Section_Title:after {
        top: .88542vw;
        left: 11.25vw;
        width: 8.95833vw;
        height: 3.54167vw
    }
}

.index-Section#recruit .index-Section_Title:after {
    top: .78125vw;
    left: 32.29167vw;
    width: 28.77604vw;
    height: 11.06771vw;
    background-image: url(../images/sp/index/ttl_recruit.png)
}

@media screen and (min-width:768px) {
    .index-Section#recruit .index-Section_Title:after {
        top: 9px;
        left: 224px;
        width: 175px;
        height: 68px;
        background-image: url(../images/pc/index/ttl_recruit.png)
    }
}

@media screen and (min-width:1921px) {
    .index-Section#recruit .index-Section_Title:after {
        top: .46875vw;
        left: 11.66667vw;
        width: 9.11458vw;
        height: 3.54167vw
    }
}

.index-Section_SubTitle {
    position: relative;
    width: 92.1875vw;
    margin: 0 auto 10.80729vw;
    padding-left: 6.51042vw;
    font-size: 4.16667vw;
    font-weight: 700;
    line-height: 1.625;
    letter-spacing: .05em
}

@media screen and (min-width:768px) {
    .index-Section_SubTitle {
        max-width: 768px;
        width: calc(100% - 80px);
        margin: 0 0 85px auto;
        padding-left: 0;
        font-size: 24px;
        line-height: 1.75
    }
}

@media screen and (min-width:960px) {
    .index-Section_SubTitle {
        max-width: none;
        width: 100%;
        margin: 0 auto 66px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_SubTitle {
        margin-bottom: 3.4375vw;
        font-size: 1.25vw
    }
}

.index-Section_SubTitle:after {
    position: absolute;
    bottom: -4.55729vw;
    left: 6.51042vw;
    width: 5.20833vw;
    height: .52083vw;
    background-image: linear-gradient(90deg, #3be1e1 0, #3effe6 100%);
    content: ""
}

@media screen and (min-width:768px) {
    .index-Section_SubTitle:after {
        bottom: -25px;
        left: 0;
        width: 40px;
        height: 4px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_SubTitle:after {
        bottom: -1.30208vw;
        width: 2.08333vw;
        height: .20833vw
    }
}

@media screen and (min-width:960px) {
    .index-Section_SubTitle span {
        display: inline-block
    }
}

@media screen and (min-width:960px) {
    .index-Section#recruit .index-Section_SubTitle span {
        display: inline-block
    }
}

.index-Section_Image {
    position: relative;
    margin-bottom: 13.93229vw
}

@media screen and (min-width:768px) {
    .index-Section_Image {
        margin-bottom: 111px
    }
}

@media screen and (min-width:960px) {
    .index-Section_Image {
        width: 50%;
        margin-bottom: 0
    }
}

.index-Section_Image:after {
    position: absolute;
    bottom: -7.8125vw;
    z-index: -1;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    width: 89.58333vw;
    height: 20.05208vw;
    background-color: rgba(91, 220, 220, .5);
    content: "";
    transition: transform .3s ease-out
}

@media screen and (min-width:768px) {
    .index-Section_Image:after {
        bottom: -60px;
        max-width: 768px;
        width: calc(100% - 80px);
        height: 154px
    }
}

@media screen and (min-width:960px) {
    .index-Section_Image:after {
        bottom: -70px;
        width: calc(100% - 142px);
        transition: transform .3s ease-out .4s
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Image:after {
        bottom: -3.64583vw;
        max-width: none;
        width: calc(100% - 7.39583vw);
        height: 8.02083vw
    }
}

@media screen and (min-width:960px) {
    .index-Section_Image.sp {
        display: none !important
    }
}

.index-Section_Image.pc {
    display: none !important
}

@media screen and (min-width:960px) {
    .index-Section_Image.pc {
        display: block !important
    }
}

.index-Section_Image.is-animated:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.index-Section_Image_Inner {
    width: 89.58333vw
}

@media screen and (min-width:768px) {
    .index-Section_Image_Inner {
        width: calc(100% - 80px)
    }
}

@media screen and (min-width:960px) {
    .index-Section_Image_Inner {
        max-width: 818px;
        width: 100%
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Image_Inner {
        max-width: none;
        width: 42.60417vw
    }
}

.index-Section_Image img {
    overflow: hidden;
    box-shadow: 0 1.30208vw 2.60417vw rgba(67, 160, 160, .2)
}

@media screen and (min-width:768px) {
    .index-Section_Image img {
        box-shadow: 0 10px 20px rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Image img {
        box-shadow: _vwPC(0) _vwPC(10) _vwPC(20) rgba(67, 160, 160, .2)
    }
}

@media screen and (min-width:768px) {
    .index-Section_Image img {
        max-width: 768px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Image img {
        max-width: none;
        width: 40vw
    }
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(odd) .index-Section_Image {
        padding-right: 50px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(odd) .index-Section_Image {
        padding-right: 2.60417vw
    }
}

.index-Section:nth-child(odd) .index-Section_Image:after {
    left: 0;
    -ms-transform-origin: top left;
    transform-origin: top left
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(odd) .index-Section_Image:after {
        right: 0;
        left: auto;
        -ms-transform-origin: top right;
        transform-origin: top right
    }
}

.index-Section:nth-child(odd) .index-Section_Image_Inner {
    margin-left: auto;
    text-align: right
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(odd) .index-Section_Image_Inner {
        text-align: left
    }
}

.index-Section:nth-child(odd) .index-Section_Image img {
    border-radius: 0 0 0 3.90625vw
}

@media screen and (min-width:768px) {
    .index-Section:nth-child(odd) .index-Section_Image img {
        border-radius: 0 0 0 30px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(odd) .index-Section_Image img {
        border-radius: 0 0 0 1.5625vw
    }
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(even) .index-Section_Image {
        padding-left: 50px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(even) .index-Section_Image {
        padding-left: 2.60417vw
    }
}

.index-Section:nth-child(even) .index-Section_Image:after {
    right: 0;
    -ms-transform-origin: top right;
    transform-origin: top right
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(even) .index-Section_Image:after {
        right: auto;
        left: 0;
        -ms-transform-origin: top left;
        transform-origin: top left
    }
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(even) .index-Section_Image_Inner {
        margin-left: auto
    }
}

.index-Section:nth-child(even) .index-Section_Image img {
    border-radius: 0 0 3.90625vw
}

@media screen and (min-width:768px) {
    .index-Section:nth-child(even) .index-Section_Image img {
        border-radius: 0 0 30px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(even) .index-Section_Image img {
        border-radius: 0 0 1.5625vw
    }
}

.index-Section_Summary {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 79.16667vw;
    margin: 0 auto 6.51042vw;
    font-size: 3.125vw;
    line-height: 1.91667;
    letter-spacing: .05em
}

@media screen and (min-width:768px) {
    .index-Section_Summary {
        max-width: 668px;
        width: calc(100% - 160px);
        margin-bottom: 52px;
        font-size: 15px;
        line-height: 2.13333
    }
}

@media screen and (min-width:960px) {
    .index-Section_Summary {
        max-width: none;
        width: 100%;
        margin: 0 0 52px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Summary {
        margin-bottom: 2.70833vw;
        font-size: .78125vw
    }
}

.index-Section_Summary.is-animated {
    animation: fade_up .5s linear both
}

@media screen and (min-width:768px) {
    .index-Section_Summary.is-animated {
        animation-name: fade_right
    }
}

.index-Section_Link {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 79.16667vw;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .index-Section_Link {
        max-width: 668px;
        width: calc(100% - 160px)
    }
}

@media screen and (min-width:960px) {
    .index-Section_Link {
        max-width: none;
        width: 100%;
        margin: 0
    }
}

.index-Section_Link.is-animated {
    animation: fade_up .5s linear both
}

@media screen and (min-width:768px) {
    .index-Section_Link.is-animated {
        animation-name: fade_right
    }
}

.index-Section_Bubble_Wrapper {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 25.26042vw;
    height: 38.80208vw;
    pointer-events: none
}

@media screen and (min-width:768px) {
    .index-Section_Bubble_Wrapper {
        width: 194px;
        height: 298px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Bubble_Wrapper {
        width: 10.10417vw;
        height: 15.52083vw
    }
}

.index-Section_Bubble_Wrapper.is-animated {
    animation: fade_up .5s ease-out both
}

.index-Section_Bubble .bubble {
    position: absolute
}

.index-Section_Bubble .bubble .inner {
    position: relative;
    top: 0;
    left: 0;
    transition: top 1s ease-out
}

.index-Section_Bubble .bubble .image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.index-Section_Bubble .bubble:nth-child(1) .image {
    animation-name: fuwafuwa;
    animation-duration: 5s;
    animation-delay: 0s
}

.index-Section_Bubble .bubble:nth-child(2) .image {
    animation-name: fuwafuwa_short;
    animation-duration: 7s;
    animation-delay: .3s
}

.index-Section_Bubble .bubble:nth-child(3) .image {
    animation-name: fuwafuwa;
    animation-duration: 7s;
    animation-delay: 0s
}

.index-Section_Bubble .bubble:nth-child(4) .image {
    animation-name: fuwafuwa_long;
    animation-duration: 5s;
    animation-delay: .3s
}

.index-Section_Bubble .bubble.pink {
    top: 13.80208vw
}

@media screen and (min-width:768px) {
    .index-Section_Bubble .bubble.pink {
        top: 106px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Bubble .bubble.pink {
        top: 5.52083vw
    }
}

.index-Section_Bubble .bubble.pink .image {
    width: 3.77604vw;
    height: 4.03646vw;
    background-image: url(../images/common/index/img_contents_bubble_pink.png)
}

@media screen and (min-width:768px) {
    .index-Section_Bubble .bubble.pink .image {
        width: 29px;
        height: 31px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Bubble .bubble.pink .image {
        width: 1.51042vw;
        height: 1.61458vw
    }
}

.index-Section_Bubble .bubble.green {
    top: 21.48438vw
}

@media screen and (min-width:768px) {
    .index-Section_Bubble .bubble.green {
        top: 165px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Bubble .bubble.green {
        top: 8.59375vw
    }
}

.index-Section_Bubble .bubble.green .image {
    width: 7.42188vw;
    height: 7.03125vw;
    background-image: url(../images/common/index/img_contents_bubble_green.png)
}

@media screen and (min-width:768px) {
    .index-Section_Bubble .bubble.green .image {
        width: 57px;
        height: 54px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Bubble .bubble.green .image {
        width: 2.96875vw;
        height: 2.8125vw
    }
}

.index-Section_Bubble .bubble.yellow {
    bottom: 0
}

.index-Section_Bubble .bubble.yellow .image {
    width: 4.6875vw;
    height: 4.42708vw;
    background-image: url(../images/common/index/img_contents_bubble_yellow.png)
}

@media screen and (min-width:768px) {
    .index-Section_Bubble .bubble.yellow .image {
        width: 36px;
        height: 34px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Bubble .bubble.yellow .image {
        width: 1.875vw;
        height: 1.77083vw
    }
}

.index-Section_Bubble .bubble.blue {
    top: 0
}

.index-Section_Bubble .bubble.blue .image {
    width: 2.08333vw;
    height: 1.95312vw;
    background-image: url(../images/common/index/img_contents_bubble_blue.png)
}

@media screen and (min-width:768px) {
    .index-Section_Bubble .bubble.blue .image {
        width: 16px;
        height: 15px
    }
}

@media screen and (min-width:1921px) {
    .index-Section_Bubble .bubble.blue .image {
        width: .83333vw;
        height: .78125vw
    }
}

.index-Section:nth-child(odd) .index-Section_Bubble_Wrapper {
    right: 1.95312vw
}

@media screen and (min-width:768px) {
    .index-Section:nth-child(odd) .index-Section_Bubble_Wrapper {
        right: 15px
    }
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(odd) .index-Section_Bubble_Wrapper {
        right: auto;
        left: 48px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(odd) .index-Section_Bubble_Wrapper {
        left: 2.5vw
    }
}

.index-Section:nth-child(odd) .index-Section_Bubble_Wrapper .bubble.pink {
    left: 9.50521vw
}

@media screen and (min-width:768px) {
    .index-Section:nth-child(odd) .index-Section_Bubble_Wrapper .bubble.pink {
        left: 73px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(odd) .index-Section_Bubble_Wrapper .bubble.pink {
        left: 3.80208vw
    }
}

.index-Section:nth-child(odd) .index-Section_Bubble_Wrapper .bubble.green {
    left: 0
}

.index-Section:nth-child(odd) .index-Section_Bubble_Wrapper .bubble.yellow {
    right: 0
}

.index-Section:nth-child(odd) .index-Section_Bubble_Wrapper .bubble.blue {
    left: 4.16667vw
}

@media screen and (min-width:768px) {
    .index-Section:nth-child(odd) .index-Section_Bubble_Wrapper .bubble.blue {
        left: 32px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(odd) .index-Section_Bubble_Wrapper .bubble.blue {
        left: 1.66667vw
    }
}

.index-Section:nth-child(even) .index-Section_Bubble_Wrapper {
    right: 16.92708vw
}

@media screen and (min-width:768px) {
    .index-Section:nth-child(even) .index-Section_Bubble_Wrapper {
        right: 130px
    }
}

@media screen and (min-width:960px) {
    .index-Section:nth-child(even) .index-Section_Bubble_Wrapper {
        right: 48px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(even) .index-Section_Bubble_Wrapper {
        right: 2.5vw
    }
}

.index-Section:nth-child(even) .index-Section_Bubble_Wrapper .bubble {
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.index-Section:nth-child(even) .index-Section_Bubble_Wrapper .bubble.pink {
    right: 9.50521vw
}

@media screen and (min-width:768px) {
    .index-Section:nth-child(even) .index-Section_Bubble_Wrapper .bubble.pink {
        right: 73px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(even) .index-Section_Bubble_Wrapper .bubble.pink {
        right: 3.80208vw
    }
}

.index-Section:nth-child(even) .index-Section_Bubble_Wrapper .bubble.green {
    right: 0
}

.index-Section:nth-child(even) .index-Section_Bubble_Wrapper .bubble.yellow {
    left: 0
}

.index-Section:nth-child(even) .index-Section_Bubble_Wrapper .bubble.blue {
    right: 4.16667vw
}

@media screen and (min-width:768px) {
    .index-Section:nth-child(even) .index-Section_Bubble_Wrapper .bubble.blue {
        right: 32px
    }
}

@media screen and (min-width:1921px) {
    .index-Section:nth-child(even) .index-Section_Bubble_Wrapper .bubble.blue {
        right: 1.66667vw
    }
}

.index-Section#service .index-Section_Bubble_Wrapper {
    top: -9.76562vw
}

@media screen and (min-width:768px) {
    .index-Section#service .index-Section_Bubble_Wrapper {
        top: -75px
    }
}

@media screen and (min-width:960px) {
    .index-Section#service .index-Section_Bubble_Wrapper {
        top: auto;
        bottom: -66px
    }
}

@media screen and (min-width:1921px) {
    .index-Section#service .index-Section_Bubble_Wrapper {
        bottom: -3.4375vw
    }
}

.index-Section#company .index-Section_Bubble_Wrapper {
    top: -27.86458vw
}

@media screen and (min-width:768px) {
    .index-Section#company .index-Section_Bubble_Wrapper {
        top: -214px
    }
}

@media screen and (min-width:960px) {
    .index-Section#company .index-Section_Bubble_Wrapper {
        top: auto;
        bottom: -138px
    }
}

@media screen and (min-width:1921px) {
    .index-Section#company .index-Section_Bubble_Wrapper {
        bottom: -7.1875vw
    }
}

.index-Section#recruit .index-Section_Bubble_Wrapper {
    top: -20.3125vw
}

@media screen and (min-width:768px) {
    .index-Section#recruit .index-Section_Bubble_Wrapper {
        top: -156px
    }
}

@media screen and (min-width:960px) {
    .index-Section#recruit .index-Section_Bubble_Wrapper {
        top: auto;
        bottom: -110px
    }
}

@media screen and (min-width:1921px) {
    .index-Section#recruit .index-Section_Bubble_Wrapper {
        bottom: -5.72917vw
    }
}

.st-Footer {
    margin-top: 31.77083vw
}

@media screen and (min-width:768px) {
    .st-Footer {
        margin-top: 215px
    }
}

@media screen and (min-width:1921px) {
    .st-Footer {
        margin-top: 11.19792vw
    }
}