@charset "UTF-8";
/* CSS Document */
/* ==================================================
Foundation
================================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* main */
#content {
  font-size: 24.52904%;
}

@media only screen and (min-width: 980px) {
  #content {
    font-size: 58.82353%;
  }
}

main {
  line-height: 1.5;
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  font-size: 1.4em;
  color: #000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: 'palt' 1;
  font-variant-ligatures: none;
}

main input, main textarea, main code, main select, main button {
  line-height: 1.5;
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  font-size: 1em;
  color: #000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: 'palt' 1;
  font-variant-ligatures: none;
}

main *,
main *::before,
main *::after {
  box-sizing: border-box;
}

main ul,
main ol {
  list-style: none;
}

main input, main textarea, main code, main select, main button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  border: none;
  background: none;
}

main img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

main em {
  font-style: normal;
}

main hr {
  margin: 0;
}

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

main sup {
  top: -0.5em;
}

main sub {
  bottom: -0.25em;
}

main [tabindex="-1"]:focus {
  outline: 0;
}

main [aria-hidden="true"] {
  display: none !important;
}

/* ==================================================
Layout
================================================== */
/* content */
@media all and (min-width: 751px) {
  #content {
    max-width: initial;
  }
}

/* main */
@media all and (min-width: 751px) {
  main {
    display: block;
    overflow: hidden;
  }
}

@media screen and (max-width: 750px) {
  main {
    display: block;
    overflow: hidden;
  }
}

/* ==================================================
Hero
================================================== */
@media all and (min-width: 751px) {
  .page-hero {
    position: relative;
    padding-top: 15px;
    padding-bottom: 150px;
    background: url("../../assets/img/bg_container01.png") repeat center top #fff;
    background-size: 24px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-hero {
    padding-top: 1.46484vw;
    padding-bottom: 14.64844vw;
    background-size: 2.34375vw;
  }
}

@media screen and (max-width: 750px) {
  .page-hero {
    padding-top: 3.33333vw;
    background: url("../../assets/img/bg_container01_sp.png") repeat center top #fff;
    background-size: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-hero-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    max-width: 1366px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .page-hero-logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 60px;
  }
}

@media all and (min-width: 751px) {
  .page-hero-logo__label {
    display: inline-block;
    vertical-align: top;
    width: 121px;
  }
}

@media screen and (max-width: 750px) {
  .page-hero-logo__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .page-hero__inner {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .page-hero__inner {
    position: relative;
  }
}

@media all and (min-width: 751px) {
  .page-hero-head {
    position: relative;
    text-align: center;
    z-index: 2;
  }
}

@media screen and (max-width: 750px) {
  .page-hero-head {
    position: relative;
    text-align: center;
    z-index: 2;
  }
}

@media all and (min-width: 751px) {
  .page-hero-head__label {
    display: inline-block;
    vertical-align: top;
    width: 120.71742%;
    margin-left: -13.17716%;
    margin-right: -7.54026%;
  }
}

@media screen and (max-width: 750px) {
  .page-hero-head__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .page-hero-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 77.96486%;
    margin-top: 3.22108%;
    margin-left: 11.05417%;
    border-radius: 30px;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
  }
  .page-hero-body::before {
    content: '';
    display: block;
    padding-top: 46.94836%;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-hero-body {
    border-radius: 2.92969vw;
  }
}

@media screen and (max-width: 750px) {
  .page-hero-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 92vw;
    margin-top: 9.6vw;
    margin-left: 4vw;
    border-radius: 4vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
  }
  .page-hero-body::before {
    content: '';
    display: block;
    padding-top: 118.84058%;
  }
}

@media all and (min-width: 751px) {
  .page-hero-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 1s ease;
    opacity: 1;
  }
  .page-hero-body.is-active .page-hero-img {
    opacity: 0;
  }
}

@media screen and (max-width: 750px) {
  .page-hero-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 1s ease;
    opacity: 1;
  }
  .page-hero-body.is-active .page-hero-img {
    opacity: 0;
  }
}

@media all and (min-width: 751px) {
  .page-hero-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .page-hero-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .page-hero-frame {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 120px);
    height: calc(100% + 120px);
    background: #000;
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    transition: opacity 1s ease;
    opacity: 0;
  }
  .page-hero-body.is-active .page-hero-frame {
    opacity: 1;
  }
}

@media screen and (max-width: 750px) {
  .page-hero-frame {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(16 / 9 * 100% + 120px);
    height: calc(16 / 9 * 100% + 120px);
    background: #000;
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    transition: opacity 1s ease;
    opacity: 0;
  }
  .page-hero-body.is-active .page-hero-frame {
    opacity: 1;
  }
}

@media all and (min-width: 751px) {
  .page-hero-frame__label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 750px) {
  .page-hero-frame__label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

/* ==================================================
Menu
================================================== */
@media all and (min-width: 751px) {
  .page-menu {
    position: relative;
    margin-top: -291px;
    padding-top: 200px;
    padding-bottom: 200px;
    z-index: 1;
  }
  .page-menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 2560px;
    width: 100vw;
    padding-top: 200px;
    background: url("../../assets/img/bg_menu01_top.png") no-repeat center top;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
  .page-menu::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 2560px;
    width: 100vw;
    padding-top: 200px;
    background: url("../../assets/img/bg_menu01_bottom.png") no-repeat center bottom;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-menu {
    margin-top: -28.41797vw;
    padding-top: 19.53125vw;
    padding-bottom: 19.53125vw;
  }
  .page-menu::before {
    width: 133.39844vw;
    padding-top: 19.53125vw;
  }
  .page-menu::after {
    width: 133.39844vw;
    padding-top: 19.53125vw;
  }
}

@media screen and (max-width: 750px) {
  .page-menu {
    position: relative;
    margin-top: 2.66667vw;
    padding-top: 20vw;
    padding-bottom: 20vw;
    z-index: 1;
  }
  .page-menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20vw;
    background: url("../../assets/img/bg_menu01_top_sp.png") no-repeat center top;
    background-size: cover;
    z-index: -1;
  }
  .page-menu::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 20vw;
    background: url("../../assets/img/bg_menu01_bottom_sp.png") no-repeat center bottom;
    background-size: cover;
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .page-menu__inner {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: -19px;
    margin-bottom: -19px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-menu__inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-top: 19px;
    margin-bottom: 19px;
    background: #ffe765;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-menu__inner {
    margin-top: -1.85547vw;
    margin-bottom: -1.85547vw;
    padding-left: 1.95312vw;
    padding-right: 1.95312vw;
  }
  .page-menu__inner::before {
    margin-top: 1.85547vw;
    margin-bottom: 1.85547vw;
  }
}

@media screen and (max-width: 750px) {
  .page-menu__inner {
    position: relative;
    margin-top: -1.33333vw;
    margin-bottom: -2vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .page-menu__inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-top: 1.33333vw;
    margin-bottom: 2vw;
    background: #ffe765;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .page-menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .page-menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}

@media all and (min-width: 751px) {
  .page-menu-list__item {
    width: 31.25%;
    margin-left: 3.125%;
  }
  .page-menu-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .page-menu-list__item:nth-child(n+4) {
    margin-top: 3.125%;
  }
}

@media screen and (max-width: 750px) {
  .page-menu-list__item {
    width: 44vw;
  }
  .page-menu-list__item:nth-child(n+3) {
    margin-top: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-menu-btn {
    text-align: center;
  }
  .page-menu-btn a img {
    transition: all .3s ease;
  }
  .page-menu-btn a:hover img {
    opacity: .7;
  }
}

@media screen and (max-width: 750px) {
  .page-menu-btn {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-menu-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-radius: 14px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22);
    background: #fff;
    overflow: hidden;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-menu-btn__label {
    border-radius: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  .page-menu-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-radius: 1.95312vw;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22);
    background: #fff;
    overflow: hidden;
  }
}

/* ==================================================
Knowledge
================================================== */
@media all and (min-width: 751px) {
  .page-knowledge {
    margin-top: -200px;
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-knowledge {
    margin-top: -19.53125vw;
    padding-top: 14.64844vw;
    padding-bottom: 14.64844vw;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge {
    margin-top: -20vw;
    padding-top: 20vw;
    padding-bottom: 20vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge__inner {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 35px;
    padding-bottom: 75px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-knowledge__inner {
    padding-top: 3.41797vw;
    padding-bottom: 7.32422vw;
    padding-left: 1.95312vw;
    padding-right: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge__inner {
    padding-top: 33.33333vw;
    padding-bottom: 16vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-head {
    position: relative;
    text-align: center;
  }
  .page-knowledge-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 21.25%;
    margin-top: -5%;
    margin-left: 6.14583%;
    padding-top: 17.1875%;
    background: url("../../assets/img/pict_knowledge_head01.png") no-repeat center center;
    background-size: contain;
  }
  .page-knowledge-head::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 18.54167%;
    margin-top: -3.125%;
    margin-right: 8.22917%;
    padding-top: 17.1875%;
    background: url("../../assets/img/pict_knowledge_head02.png") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-head {
    position: relative;
    text-align: center;
  }
  .page-knowledge-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 29.6vw;
    margin-top: -28.66667vw;
    margin-left: 12vw;
    padding-top: 23.86667vw;
    background: url("../../assets/img/pict_knowledge_head01_sp.png") no-repeat center center;
    background-size: contain;
  }
  .page-knowledge-head::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 37.33333vw;
    margin-top: -28vw;
    margin-right: 12vw;
    padding-top: 23.86667vw;
    background: url("../../assets/img/pict_knowledge_head02.png") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 38.54167%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 81.86667vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-body {
    margin-top: 4.16667%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-body {
    margin-top: 8vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-lead {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-lead {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-lead__label {
    display: inline-block;
    vertical-align: top;
    width: 82.60417%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-lead__label {
    display: inline-block;
    vertical-align: top;
    width: 67.33333vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article {
    margin-top: 5.20833%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article {
    margin-top: 8vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-slide {
    position: relative;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-slide {
    position: relative;
    margin-left: 2vw;
    margin-right: 2vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-slide-body {
    margin-left: -2.08333%;
    margin-right: -2.08333%;
    overflow: visible;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-slide-body {
    margin-left: -4.6875%;
    margin-right: -4.6875%;
    overflow: visible;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-slide-btn {
    position: absolute;
    top: 50%;
    width: 5.41667%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 10;
  }
  .page-knowledge-article-slide-btn--prev {
    left: 0;
    transform: translate3d(-50%, -50%, 0);
  }
  .page-knowledge-article-slide-btn--next {
    right: 0;
    transform: translate3d(50%, -50%, 0);
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-slide-btn {
    position: absolute;
    top: 50%;
    width: 10.66667vw;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 10;
  }
  .page-knowledge-article-slide-btn--prev {
    left: 0;
    transform: translate3d(-50%, -50%, 0);
  }
  .page-knowledge-article-slide-btn--next {
    right: 0;
    transform: translate3d(50%, -50%, 0);
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-slide-btn__ico {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .page-knowledge-article-slide-btn--prev .page-knowledge-article-slide-btn__ico {
    background: url("../../assets/img/ico_arw_knowledge_slide01_prev.png") no-repeat center center;
    background-size: contain;
  }
  .page-knowledge-article-slide-btn--next .page-knowledge-article-slide-btn__ico {
    background: url("../../assets/img/ico_arw_knowledge_slide01_next.png") no-repeat center center;
    background-size: contain;
  }
  .page-knowledge-article-slide-btn__ico::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-slide-btn__ico {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .page-knowledge-article-slide-btn--prev .page-knowledge-article-slide-btn__ico {
    background: url("../../assets/img/ico_arw_knowledge_slide01_prev.png") no-repeat center center;
    background-size: contain;
  }
  .page-knowledge-article-slide-btn--next .page-knowledge-article-slide-btn__ico {
    background: url("../../assets/img/ico_arw_knowledge_slide01_next.png") no-repeat center center;
    background-size: contain;
  }
  .page-knowledge-article-slide-btn__ico::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-slide-dot {
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 12px;
    margin-bottom: -3.95833%;
    text-align: center;
    z-index: 2;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-slide-dot {
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 2.13333vw;
    margin-bottom: -8.8vw;
    text-align: center;
    z-index: 2;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-slide-dot__item {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin-left: 9px !important;
    margin-right: 9px !important;
    background: #dcdcdc;
    opacity: 1 !important;
  }
  .page-knowledge-article-slide-dot__item.swiper-pagination-bullet-active {
    background: linear-gradient(to right, #d92c6b, #ec6c20);
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-slide-dot__item {
    display: inline-block;
    vertical-align: top;
    width: 2.13333vw;
    height: 2.13333vw;
    margin-left: 1.6vw !important;
    margin-right: 1.6vw !important;
    background: #dcdcdc;
    opacity: 1 !important;
  }
  .page-knowledge-article-slide-dot__item.swiper-pagination-bullet-active {
    background: linear-gradient(to right, #d92c6b, #ec6c20);
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-slide-body .page-knowledge-article-list__item {
    height: auto;
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-slide-body .page-knowledge-article-list__item {
    height: auto;
    padding-left: 4.6875%;
    padding-right: 4.6875%;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-container {
    position: relative;
    height: 100%;
    border-radius: 15px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22);
    background: linear-gradient(to right, #d92c6b, #ec6c20);
    overflow: hidden;
  }
  .page-knowledge-article-container:first-child {
    margin-top: 0;
  }
  .page-knowledge-article-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    margin: 5px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
  }
  .page-knowledge-article-container a {
    position: relative;
    display: block;
    height: 100%;
    text-decoration: none;
  }
  .page-knowledge-article-container a::before {
    content: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28px;
    margin-bottom: 3.125%;
    margin-right: 3.125%;
    padding-top: 28px;
    background: url("../../assets/img/ico_arw_knowledge_article01.png") no-repeat right bottom;
    background-size: contain;
  }
  .page-knowledge-article-container a img {
    transition: all .3s ease;
  }
  .page-knowledge-article-container a:hover img {
    opacity: .7;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-knowledge-article-container {
    border-radius: 1.46484vw;
  }
  .page-knowledge-article-container::before {
    width: calc(100% - 10 / 1024 * 100vw);
    height: calc(100% - 10 / 1024 * 100vw);
    margin: 0.48828vw;
    border-radius: 0.97656vw;
  }
  .page-knowledge-article-container a::before {
    width: 2.73438vw;
    padding-top: 2.73438vw;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-container {
    position: relative;
    height: 100%;
    border-radius: 4vw;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22);
    background: linear-gradient(to right, #d92c6b, #ec6c20);
    overflow: hidden;
  }
  .page-knowledge-article-container:first-child {
    margin-top: 0;
  }
  .page-knowledge-article-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 16 / 750 * 100vw);
    height: calc(100% - 16 / 750 * 100vw);
    margin: 1.06667vw;
    border-radius: 2.93333vw;
    background: #fff;
    overflow: hidden;
  }
  .page-knowledge-article-container a {
    position: relative;
    display: block;
    height: 100%;
    text-decoration: none;
  }
  .page-knowledge-article-container a::before {
    content: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5.86667vw;
    margin-bottom: 5.33333vw;
    margin-right: 6vw;
    padding-top: 5.86667vw;
    background: url("../../assets/img/ico_arw_knowledge_article01.png") no-repeat right bottom;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-container__inner {
    position: relative;
    height: 100%;
    padding-top: 9.0625%;
    padding-bottom: 3.125%;
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-container__inner {
    position: relative;
    height: 100%;
    padding-top: 19.33333vw;
    padding-bottom: 12.66667vw;
    padding-left: 6vw;
    padding-right: 6vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-tag__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    padding-left: 6.52174%;
    padding-right: 6.52174%;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
  }
  .page-knowledge-article-list__item:first-child .page-knowledge-article-tag__label {
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
  .page-knowledge-article-tag__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(to right, #d92c6b, #e65b34);
    transform-origin: right top;
    transform: skewX(-17deg);
    overflow: hidden;
  }
  .page-knowledge-article-tag__label span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 1.75em;
    background: url("../../assets/img/ico_knowledge_article01.png") no-repeat left center;
    background-size: 1.25em;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-knowledge-article-tag__label {
    font-size: 1.95312vw;
  }
  .page-knowledge-article-tag__label::before {
    border-radius: 0 0 0.97656vw 0.97656vw;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-tag__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-top: 0.69118em;
    padding-bottom: 0.69118em;
    padding-left: 6vw;
    padding-right: 6vw;
    font-family: "Lato", sans-serif;
    font-size: 4.53333vw;
    font-weight: 700;
    color: #fff;
  }
  .page-knowledge-article-tag__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0 2.93333vw 2.93333vw;
    background: linear-gradient(to right, #d92c6b, #e65b34);
    transform-origin: right top;
    transform: skewX(-17deg);
    overflow: hidden;
  }
  .page-knowledge-article-tag__label span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 1.82353em;
    background: url("../../assets/img/ico_knowledge_article01.png") no-repeat left center;
    background-size: 1.23529em;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-card {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-card__parts:first-child {
    width: 44.44444%;
  }
  .page-knowledge-article-card__parts + .page-knowledge-article-card__parts {
    width: 51.11111%;
    margin-left: 4.44444%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-card__parts + .page-knowledge-article-card__parts {
    margin-top: 5.33333vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-img {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-img {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-img__label {
    position: relative;
    display: inline-block;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-img__label {
    position: relative;
    display: inline-block;
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-desc__term {
    line-height: 1.5833333333;
    font-size: 20px;
    font-weight: bold;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-knowledge-article-desc__term {
    font-size: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-desc__term {
    line-height: 1.3571428571;
    font-size: 5.6vw;
    font-weight: bold;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-desc__defin {
    margin-top: 3.26087%;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-desc__defin {
    margin-top: 2.66667vw;
  }
}

@media all and (min-width: 751px) {
  .page-knowledge-article-txt {
    line-height: 1.8666666667;
    font-size: 15px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-knowledge-article-txt {
    font-size: 1.46484vw;
  }
}

@media screen and (max-width: 750px) {
  .page-knowledge-article-txt {
    line-height: 1.6071428571;
    font-size: 3.73333vw;
  }
}

/* ==================================================
Voice
================================================== */
@media all and (min-width: 751px) {
  .page-voice {
    position: relative;
    margin-top: -150px;
    padding-top: 200px;
    padding-bottom: 200px;
    z-index: 1;
  }
  .page-voice::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 2560px;
    width: 100vw;
    padding-top: 200px;
    background: url("../../assets/img/bg_voice01_top.png") no-repeat center top;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
  .page-voice::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 2560px;
    width: 100vw;
    padding-top: 200px;
    background: url("../../assets/img/bg_voice01_bottom.png") no-repeat center bottom;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-voice {
    margin-top: -14.64844vw;
    padding-top: 19.53125vw;
    padding-bottom: 19.53125vw;
  }
  .page-voice::before {
    width: 133.39844vw;
    padding-top: 19.53125vw;
  }
  .page-voice::after {
    width: 133.39844vw;
    padding-top: 19.53125vw;
  }
}

@media screen and (max-width: 750px) {
  .page-voice {
    position: relative;
    margin-top: -20vw;
    padding-top: 20vw;
    padding-bottom: 20vw;
    z-index: 1;
  }
  .page-voice::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20vw;
    background: url("../../assets/img/bg_voice01_top_sp.png") no-repeat center top;
    background-size: cover;
    z-index: -1;
  }
  .page-voice::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 20vw;
    background: url("../../assets/img/bg_voice01_bottom_sp.png") no-repeat center bottom;
    background-size: cover;
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .page-voice__inner {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: -5px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-voice__inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-bottom: 5px;
    background: #ffe765;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-voice__inner {
    margin-bottom: -0.48828vw;
    padding-top: 2.92969vw;
    padding-left: 1.95312vw;
    padding-right: 1.95312vw;
  }
  .page-voice__inner::before {
    margin-bottom: 0.48828vw;
  }
}

@media screen and (max-width: 750px) {
  .page-voice__inner {
    position: relative;
    margin-bottom: -2vw;
    padding-top: 12vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .page-voice__inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-bottom: 2vw;
    background: #ffe765;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .page-voice-head {
    position: relative;
    text-align: center;
  }
  .page-voice-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 101.45833%;
    margin-top: -7.8125%;
    margin-left: 1.25%;
    padding-top: 38.22917%;
    background: url("../../assets/img/pict_voice_head01.png") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-head {
    position: relative;
    text-align: center;
  }
  .page-voice-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 92.13333vw;
    margin-top: -8.4vw;
    padding-top: 97.73333vw;
    background: url("../../assets/img/pict_voice_head01_sp.png") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .page-voice-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 79.16667%;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 82.26667vw;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-body {
    margin-top: 71.46667vw;
  }
}

@media all and (min-width: 751px) {
  .page-voice-primary {
    position: relative;
    padding-top: 62.5%;
    padding-bottom: 62.5%;
  }
  .page-voice-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 2560px;
    width: 100vw;
    padding-top: 62.5%;
    background: url("../../assets/img/bg_voice_primary01_top.png") no-repeat center top;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
  .page-voice-primary::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 2560px;
    width: 100vw;
    padding-top: 62.5%;
    background: url("../../assets/img/bg_voice_primary01_bottom.png") no-repeat center bottom;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-primary {
    position: relative;
    padding-top: 60vw;
    padding-bottom: 60vw;
  }
  .page-voice-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    padding-top: 60vw;
    background: url("../../assets/img/bg_voice_primary01_top_sp.png") no-repeat center top;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
  .page-voice-primary::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    padding-top: 60vw;
    background: url("../../assets/img/bg_voice_primary01_bottom_sp.png") no-repeat center bottom;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .page-voice-primary__inner {
    position: relative;
    margin-top: -34.6875%;
    margin-bottom: -36.45833%;
  }
  .page-voice-primary__inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-top: 34.6875%;
    margin-bottom: 20.83333%;
    background: #fff;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-primary__inner {
    position: relative;
    margin-top: -42.4vw;
    padding-bottom: 2.66667vw;
  }
  .page-voice-primary__inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-top: 42.4vw;
    background: #fff;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .page-voice-primary-head {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-primary-head {
    text-align: right;
  }
}

@media all and (min-width: 751px) {
  .page-voice-primary-head__label {
    display: inline-block;
    vertical-align: top;
    width: 47.60417%;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-primary-head__label {
    display: inline-block;
    vertical-align: top;
    width: 53.33333vw;
    margin-right: 2.66667vw;
  }
}

@media all and (min-width: 751px) {
  .page-voice-primary-body {
    margin-top: 5.20833%;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-primary-body {
    margin-top: 12.66667vw;
  }
}

@media all and (min-width: 751px) {
  .page-voice-social-btn {
    margin-top: 5.20833%;
    text-align: center;
  }
  .page-voice-social-btn a > span {
    transition: all .3s ease;
  }
  .page-voice-social-btn a:hover > span {
    opacity: .7;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-social-btn {
    margin-top: 9.33333vw;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-voice-social-btn__label {
    display: inline-block;
    vertical-align: top;
    padding-right: 1em;
    background: url("../../assets/img/ico_arw_voice_social01.png") no-repeat right center;
    background-size: 0.8em;
    font-size: 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-voice-social-btn__label {
    font-size: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-social-btn__label {
    display: inline-block;
    vertical-align: top;
    padding-right: 1em;
    background: url("../../assets/img/ico_arw_voice_social01.png") no-repeat right center;
    background-size: 0.55556em;
    font-size: 4.8vw;
  }
}

@media all and (min-width: 751px) {
  .page-voice-supplement {
    margin-top: -14.58333%;
    text-align: right;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-supplement {
    margin-top: 5.33333vw;
    text-align: right;
  }
}

@media all and (min-width: 751px) {
  .page-voice-supplement__label {
    display: inline-block;
    vertical-align: top;
    width: 50.3125%;
  }
}

@media screen and (max-width: 750px) {
  .page-voice-supplement__label {
    display: inline-block;
    vertical-align: top;
    width: 91.33333vw;
    margin-right: -0.66667vw;
  }
}

/* ==================================================
Recruiting
================================================== */
@media all and (min-width: 751px) {
  .page-recruiting {
    position: relative;
    margin-top: -200px;
    padding-top: 150px;
    padding-bottom: 150px;
    background: url("../../assets/img/bg_container01.png") repeat center top #fffbc5;
    background-size: 24px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-recruiting {
    margin-top: -19.53125vw;
    padding-top: 14.64844vw;
    padding-bottom: 14.64844vw;
    background-size: 2.34375vw;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting {
    margin-top: -20vw;
    padding-top: 20vw;
    padding-bottom: 20vw;
    background: url("../../assets/img/bg_container01_sp.png") repeat center top #fffbc5;
    background-size: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting__inner {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-recruiting__inner {
    padding-top: 5.85938vw;
    padding-bottom: 1.46484vw;
    padding-left: 1.95312vw;
    padding-right: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting__inner {
    padding-top: 30.66667vw;
    padding-bottom: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-head {
    position: relative;
    text-align: center;
  }
  .page-recruiting-head::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 18.125%;
    margin-top: -0.3125%;
    margin-right: -6.35417%;
    padding-top: 13.64583%;
    background: url("../../assets/img/pict_recruiting_head01.png") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-head {
    position: relative;
    text-align: center;
  }
  .page-recruiting-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 28vw;
    margin-top: -26.13333vw;
    padding-top: 21.06667vw;
    background: url("../../assets/img/pict_recruiting_head01_sp.png") no-repeat center center;
    background-size: contain;
    transform: translate3d(-50%, 0, 0);
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 51.25%;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 54.53333vw;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-body {
    margin-top: 3.64583%;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-body {
    margin-top: 8vw;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-lead {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-lead {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-lead__label {
    display: inline-block;
    vertical-align: top;
    width: 73.64583%;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-lead__label {
    display: inline-block;
    vertical-align: top;
    width: 83.2vw;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-box {
    position: relative;
    width: 78.125%;
    margin: 0 auto;
    margin-top: 5.20833%;
    text-align: center;
  }
  .page-recruiting-box a > * {
    transition: all .3s ease;
  }
  .page-recruiting-box a:hover > * {
    opacity: .7;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-recruiting-box a {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-box {
    position: relative;
    margin-top: 8vw;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-box-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-box-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-box-img-btn {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-box-img-btn {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-box-img-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 63.76812%;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-box-img-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 85.33333vw;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-supplement {
    margin-top: 2.60417%;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-supplement {
    margin-top: 6.66667vw;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-recruiting-supplement__label {
    display: inline-block;
    vertical-align: top;
    width: 63.125%;
  }
}

@media screen and (max-width: 750px) {
  .page-recruiting-supplement__label {
    display: inline-block;
    vertical-align: top;
    width: 92.8vw;
    margin-left: -0.8vw;
  }
}

/* ==================================================
Feature
================================================== */
@media all and (min-width: 751px) {
  .page-feature {
    position: relative;
    margin-top: -200px;
    padding-top: 200px;
    padding-bottom: 200px;
    z-index: 1;
  }
  .page-feature::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 2560px;
    width: 100vw;
    padding-top: 200px;
    background: url("../../assets/img/bg_feature01_top.png") no-repeat center top;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
  .page-feature::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 2560px;
    width: 100vw;
    padding-top: 200px;
    background: url("../../assets/img/bg_feature01_bottom.png") no-repeat center bottom;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-feature {
    margin-top: -19.53125vw;
    padding-top: 19.53125vw;
    padding-bottom: 19.53125vw;
  }
  .page-feature::before {
    width: 133.39844vw;
    padding-top: 19.53125vw;
  }
  .page-feature::after {
    width: 133.39844vw;
    padding-top: 19.53125vw;
  }
}

@media screen and (max-width: 750px) {
  .page-feature {
    position: relative;
    margin-top: -20vw;
    padding-top: 20vw;
    padding-bottom: 20vw;
    z-index: 1;
  }
  .page-feature::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20vw;
    background: url("../../assets/img/bg_feature01_top_sp.png") no-repeat center top;
    background-size: cover;
    z-index: -1;
  }
  .page-feature::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 20vw;
    background: url("../../assets/img/bg_feature01_bottom_sp.png") no-repeat center bottom;
    background-size: cover;
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .page-feature__inner {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: -10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-feature__inner {
    margin-top: -0.97656vw;
    padding-bottom: 0.97656vw;
    padding-left: 1.95312vw;
    padding-right: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-feature__inner {
    padding-top: 24vw;
    padding-bottom: 2.66667vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-head {
    position: relative;
    text-align: center;
  }
  .page-feature-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 14.16667%;
    margin-top: -2.60417%;
    margin-left: 4.58333%;
    padding-top: 21.5625%;
    background: url("../../assets/img/pict_feature_head01.png") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-head {
    position: relative;
    text-align: center;
  }
  .page-feature-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 20.66667vw;
    margin-top: -22vw;
    padding-top: 31.46667vw;
    background: url("../../assets/img/pict_feature_head01_sp.png") no-repeat center center;
    background-size: contain;
    transform: translate3d(-50%, 0, 0);
  }
}

@media all and (min-width: 751px) {
  .page-feature-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 58.125%;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 75.6vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-body {
    margin-top: 10.41667%;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-body {
    margin-top: 20vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-primary {
    position: relative;
    margin-top: 11.97917%;
    border-radius: 20px;
    background: #0d8729;
  }
  .page-feature-primary:first-child {
    margin-top: 0;
  }
  .page-feature-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    margin: 7px;
    border-radius: 13px;
    background: #fff;
    overflow: hidden;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-feature-primary {
    border-radius: 1.95312vw;
  }
  .page-feature-primary::before {
    width: calc(100% - 14 / 1024 * 100vw);
    height: calc(100% - 14 / 1024 * 100vw);
    margin: 0.68359vw;
    border-radius: 1.26953vw;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-primary {
    position: relative;
    margin-top: 22.66667vw;
    border-radius: 2.66667vw;
    background: #0d8729;
  }
  .page-feature-primary:first-child {
    margin-top: 0;
  }
  .page-feature-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 24 / 750 * 100vw);
    height: calc(100% - 24 / 750 * 100vw);
    margin: 1.6vw;
    border-radius: 1.06667vw;
    background: #fff;
    overflow: hidden;
  }
}

@media all and (min-width: 751px) {
  .page-feature-primary--01 .page-feature-primary__inner {
    padding-bottom: 6.25%;
  }
  .page-feature-primary--02 .page-feature-primary__inner {
    padding-bottom: 5.20833%;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-primary--01 .page-feature-primary__inner {
    padding-bottom: 16vw;
  }
  .page-feature-primary--02 .page-feature-primary__inner {
    padding-bottom: 16vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-primary-head {
    position: relative;
    padding-top: 6.25%;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-primary-head {
    position: relative;
    padding-top: 19.6vw;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-feature-primary-head__ico {
    position: absolute;
    top: 0;
    left: 50%;
    width: 16.45833%;
    margin-top: -7.29167%;
    transform: translate3d(-50%, 0, 0);
  }
}

@media screen and (max-width: 750px) {
  .page-feature-primary-head__ico {
    position: absolute;
    top: 0;
    left: 50%;
    width: 32.53333vw;
    margin-top: -13.6vw;
    transform: translate3d(-50%, 0, 0);
  }
}

@media all and (min-width: 751px) {
  .page-feature-primary-head__label {
    display: inline-block;
    vertical-align: top;
  }
  .page-feature-primary--01 .page-feature-primary-head__label {
    width: 84.27083%;
    margin-right: 1.97917%;
  }
  .page-feature-primary--02 .page-feature-primary-head__label {
    width: 81.14583%;
    margin-left: 10.72917%;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-primary-head__label {
    display: inline-block;
    vertical-align: top;
  }
  .page-feature-primary--01 .page-feature-primary-head__label {
    width: 78.13333vw;
  }
  .page-feature-primary--02 .page-feature-primary-head__label {
    width: 71.33333vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-primary-body {
    position: relative;
    margin-top: 1.04167%;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-primary-body {
    position: relative;
    margin-top: 6.66667vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-primary-lead {
    text-align: center;
    margin-top: -7.8125%;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-primary-lead {
    text-align: center;
    margin-top: -1.33333vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-primary-lead__label {
    display: inline-block;
    vertical-align: top;
  }
  .page-feature-primary--01 .page-feature-primary-lead__label {
    width: 43.33333%;
  }
  .page-feature-primary--02 .page-feature-primary-lead__label {
    width: 43.33333%;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-primary-lead__label {
    display: inline-block;
    vertical-align: top;
  }
  .page-feature-primary--01 .page-feature-primary-lead__label {
    width: 78.4vw;
  }
  .page-feature-primary--02 .page-feature-primary-lead__label {
    width: 78.4vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-card {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 5.20833%;
    margin-right: 5.20833%;
  }
  .page-feature-primary--01 .page-feature-card {
    flex-direction: row-reverse;
    margin-top: 4.16667%;
  }
  .page-feature-primary--02 .page-feature-card {
    flex-direction: row;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-card {
    margin-left: 6vw;
    margin-right: 6vw;
  }
  .page-feature-primary--01 .page-feature-card {
    margin-top: 5.33333vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-primary--01 .page-feature-card__parts:first-child {
    width: 47.67442%;
  }
  .page-feature-primary--01 .page-feature-card__parts + .page-feature-card__parts {
    width: 47.67442%;
    margin-right: 4.65116%;
  }
  .page-feature-primary--02 .page-feature-card__parts:first-child {
    width: 47.67442%;
  }
  .page-feature-primary--02 .page-feature-card__parts + .page-feature-card__parts {
    width: 47.67442%;
    margin-left: 4.65116%;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-card__parts {
    margin-top: 6vw;
  }
  .page-feature-card__parts:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .page-feature-txt {
    line-height: 1.6666666667;
    font-size: 18px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-feature-txt {
    font-size: 1.75781vw;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-txt {
    line-height: 1.5333333333;
    font-size: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-img {
    text-align: center;
  }
  .page-feature-img--0201 {
    margin-top: 7.31707%;
  }
  .page-feature-img--0202 {
    margin-top: 4.87805%;
  }
  .page-feature-img a img {
    transition: all .3s ease;
  }
  .page-feature-img a:hover img {
    opacity: .7;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-img {
    text-align: center;
  }
  .page-feature-img--0202 {
    margin-top: 6vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-img__label {
    display: inline-block;
    vertical-align: top;
  }
  .page-feature-img--0101 .page-feature-img__label {
    width: 104.39024%;
    margin-left: -2.92683%;
    margin-right: -1.46341%;
  }
  .page-feature-img--0201 .page-feature-img__label {
    width: 98.53659%;
  }
  .page-feature-img--0202 .page-feature-img__label {
    width: 102.92683%;
    margin-right: -2.92683%;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-img__label {
    display: inline-block;
    vertical-align: top;
  }
  .page-feature-img--0101 .page-feature-img__label {
    width: 86.66667vw;
    margin-left: -0.66667vw;
    margin-right: -6vw;
  }
  .page-feature-img--0201 .page-feature-img__label {
    width: 70.4vw;
  }
  .page-feature-img--0202 .page-feature-img__label {
    width: 81.33333vw;
    margin-right: -1.33333vw;
  }
}

@media all and (min-width: 751px) {
  .page-feature-img__caption {
    display: block;
    margin-top: 0.71429em;
    font-size: 14px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-feature-img__caption {
    font-size: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  .page-feature-img__caption {
    display: block;
    margin-top: -1em;
    font-size: 2.93333vw;
  }
}

/* ==================================================
Secret
================================================== */
@media all and (min-width: 751px) {
  .page-secret {
    position: relative;
    margin-top: -200px;
    padding-top: 150px;
    padding-bottom: 150px;
    background: url("../../assets/img/bg_container01.png") repeat center top #fffbc5;
    background-size: 24px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-secret {
    margin-top: -19.53125vw;
    padding-top: 14.64844vw;
    padding-bottom: 14.64844vw;
    background-size: 2.34375vw;
  }
}

@media screen and (max-width: 750px) {
  .page-secret {
    position: relative;
    margin-top: -20vw;
    padding-top: 20vw;
    padding-bottom: 20vw;
    background: url("../../assets/img/bg_container01_sp.png") repeat center top #fffbc5;
    background-size: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-secret__inner {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 65px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-secret__inner {
    padding-top: 6.34766vw;
    padding-bottom: 3.90625vw;
    padding-left: 1.95312vw;
    padding-right: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-secret__inner {
    padding-top: 35.33333vw;
    padding-bottom: 17.33333vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-secret-head {
    position: relative;
    text-align: center;
  }
  .page-secret-head::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15.72917%;
    margin-top: 0.52083%;
    margin-right: 0%;
    padding-top: 17.1875%;
    background: url("../../assets/img/pict_secret_head01.png") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-head {
    position: relative;
    text-align: center;
  }
  .page-secret-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 21.33333vw;
    margin-top: -30.66667vw;
    padding-top: 24.4vw;
    background: url("../../assets/img/pict_secret_head01_sp.png") no-repeat center center;
    background-size: contain;
    transform: translate3d(-50%, 0, 0);
  }
}

@media all and (min-width: 751px) {
  .page-secret-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 58.85417%;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 86.13333vw;
  }
}

@media all and (min-width: 751px) {
  .page-secret-body {
    margin-top: 3.125%;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-body {
    margin-top: 8vw;
  }
}

@media all and (min-width: 751px) {
  .page-secret-lead {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-lead {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-secret-lead__label {
    display: inline-block;
    vertical-align: top;
    width: 58.22917%;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-lead__label {
    display: inline-block;
    vertical-align: top;
    width: 70.53333vw;
  }
}

@media all and (min-width: 751px) {
  .page-secret-box {
    position: relative;
    margin-top: 5.20833%;
    text-align: center;
  }
  .page-secret-box a {
    display: block;
    border-radius: 20px;
    background: #fff;
  }
  .page-secret-box a > * {
    transition: all .3s ease;
  }
  .page-secret-box a:hover > * {
    opacity: .7;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-secret-box a {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-box {
    position: relative;
    margin-top: 8vw;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-secret-box-img {
    position: relative;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
  }
  .page-secret-box-img:first-child {
    margin-top: 0;
  }
  .page-secret-box-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid #de0000;
    border-radius: 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-secret-box-img {
    border-radius: 1.95312vw;
  }
  .page-secret-box-img::before {
    border: 0.97656vw solid #de0000;
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-box-img {
    position: relative;
    border-radius: 2.66667vw;
    background: #fff;
    overflow: hidden;
  }
  .page-secret-box-img:first-child {
    margin-top: 0;
  }
  .page-secret-box-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1.6vw solid #de0000;
    border-radius: 2.66667vw;
  }
}

@media all and (min-width: 751px) {
  .page-secret-box-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-box-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .page-secret-box-img-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 9.58333%;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-box-img-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 5.33333vw;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-secret-box-img-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 47.91667%;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-box-img-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 75.06667vw;
  }
}

@media all and (min-width: 751px) {
  .page-secret-supplement {
    margin-top: 2.60417%;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-supplement {
    margin-top: 6vw;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-secret-supplement__label {
    display: inline-block;
    vertical-align: top;
    width: 58.64583%;
  }
}

@media screen and (max-width: 750px) {
  .page-secret-supplement__label {
    display: inline-block;
    vertical-align: top;
    width: 92.66667vw;
    margin-right: -0.66667vw;
  }
}

/* ==================================================
News
================================================== */
@media all and (min-width: 751px) {
  .page-news {
    position: relative;
    margin-top: -200px;
    padding-top: 200px;
    padding-bottom: 80px;
    z-index: 1;
  }
  .page-news::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 2560px;
    width: 100vw;
    padding-top: 200px;
    background: url("../../assets/img/bg_news01_top.png") no-repeat center top;
    background-size: cover;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
  .page-news::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 362px;
    margin-top: -123px;
    padding-top: 353px;
    background: url("../../assets/img/bg_news01_pict.png") no-repeat right top;
    background-size: contain;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-news {
    margin-top: -19.53125vw;
    padding-top: 19.53125vw;
    padding-bottom: 7.8125vw;
  }
  .page-news::before {
    width: 133.39844vw;
    padding-top: 19.53125vw;
  }
  .page-news::after {
    width: 35.35156vw;
    margin-top: -12.01172vw;
    padding-top: 34.47266vw;
  }
}

@media screen and (max-width: 750px) {
  .page-news {
    position: relative;
    margin-top: -20vw;
    padding-top: 20vw;
    padding-bottom: 14.66667vw;
    z-index: 1;
  }
  .page-news::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20vw;
    background: url("../../assets/img/bg_news01_top_sp.png") no-repeat center top;
    background-size: cover;
    z-index: -1;
  }
  .page-news::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 52.93333vw;
    margin-top: -23.2vw;
    padding-top: 55.46667vw;
    background: url("../../assets/img/bg_news01_pict_sp.png") no-repeat right top;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .page-news__inner {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: -15px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-news__inner {
    margin-top: -1.46484vw;
    padding-left: 1.95312vw;
    padding-right: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-news__inner {
    padding-top: 13.33333vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-news-head {
    position: relative;
    text-align: center;
  }
  .page-news-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10.9375%;
    margin-top: -5.10417%;
    margin-left: 24.58333%;
    padding-top: 12.29167%;
    background: url("../../assets/img/pict_news_head01.png") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .page-news-head {
    position: relative;
    text-align: center;
  }
  .page-news-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 26vw;
    margin-top: -11.86667vw;
    margin-left: 8.66667vw;
    padding-top: 29.06667vw;
    background: url("../../assets/img/pict_news_head01.png") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .page-news-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 19.89583%;
  }
}

@media screen and (max-width: 750px) {
  .page-news-head__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 42.26667vw;
    margin-left: 32vw;
  }
}

@media all and (min-width: 751px) {
  .page-news-body {
    margin-top: 7.29167%;
  }
}

@media screen and (max-width: 750px) {
  .page-news-body {
    margin-top: 15.33333vw;
  }
}

@media all and (min-width: 751px) {
  .page-news-lead {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .page-news-lead {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-news-lead__label {
    display: inline-block;
    vertical-align: top;
    width: 50.52083%;
  }
}

@media screen and (max-width: 750px) {
  .page-news-lead__label {
    display: inline-block;
    vertical-align: top;
    width: 64.8vw;
  }
}

@media all and (min-width: 751px) {
  .page-news-bnr {
    text-align: center;
  }
  .page-news-bnr a img {
    transition: all .3s ease;
  }
  .page-news-bnr a:hover img {
    opacity: .7;
  }
}

@media screen and (max-width: 750px) {
  .page-news-bnr {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-news-bnr-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
}

@media all and (min-width: 751px) {
  .page-news-bnr-list__item {
    width: 47.91667%;
    margin-left: 4.16667%;
  }
  .page-news-bnr-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .page-news-bnr-list__item:nth-child(n+3) {
    margin-top: 4.16667%;
  }
}

@media screen and (max-width: 750px) {
  .page-news-bnr-list__item {
    margin-top: 8vw;
  }
  .page-news-bnr-list__item:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .page-news-bnr__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .page-news-bnr__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

/* ==================================================
Aside
================================================== */
@media all and (min-width: 751px) {
  .page-aside {
    position: relative;
    padding-top: 60px;
    padding-bottom: 65px;
    background: url("../../assets/img/bg_container01.png") repeat center top #fffbc5;
    background-size: 24px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-aside {
    padding-top: 14.64844vw;
    padding-bottom: 7.8125vw;
    background-size: 2.34375vw;
  }
}

@media screen and (max-width: 750px) {
  .page-aside {
    position: relative;
    padding-top: 16vw;
    padding-bottom: 13.33333vw;
    background: url("../../assets/img/bg_container01_sp.png") repeat center top #fffbc5;
    background-size: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-aside__inner {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 750px) {
  .page-aside__inner {
    position: relative;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media all and (min-width: 751px) {
  .page-aside-bnr {
    text-align: center;
  }
  .page-aside-bnr a img {
    transition: all .3s ease;
  }
  .page-aside-bnr a img:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 750px) {
  .page-aside-bnr {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .page-aside-bnr__label {
    display: inline-block;
    vertical-align: top;
    width: 62.5%;
    background: #fff;
  }
}

@media screen and (max-width: 750px) {
  .page-aside-bnr__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

/* ==================================================
Modal
================================================== */
@media all and (min-width: 751px) {
  .page-modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: auto;
    z-index: 10000;
    opacity: 0;
    transition: all .3s ease;
  }
  .is-opened-modal .page-modal-wrap {
    opacity: 1;
  }
  .is-closed-modal .page-modal-wrap {
    opacity: 0;
  }
}

@media screen and (max-width: 750px) {
  .page-modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: auto;
    z-index: 10000;
    opacity: 0;
    transition: all .3s ease;
  }
  .is-opened-modal .page-modal-wrap {
    opacity: 1;
  }
  .is-closed-modal .page-modal-wrap {
    opacity: 0;
  }
}

@media all and (min-width: 751px) {
  .page-modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
  }
}

@media screen and (max-width: 750px) {
  .page-modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
  }
}

@media all and (min-width: 751px) {
  .page-modal-panel {
    display: flex;
  }
}

@media screen and (max-width: 750px) {
  .page-modal-panel {
    display: flex;
  }
}

@media all and (min-width: 751px) {
  .page-modal-panel__item {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
    width: 100%;
    min-height: 100vh;
    padding: 20px;
    margin: 0 auto;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .page-modal-panel__item {
    padding: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .page-modal-panel__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 4vw;
    margin: 0 auto;
  }
}

@media all and (min-width: 751px) {
  .page-modal__inner {
    position: relative;
    width: 100%;
    padding: 3.125%;
    background: #fff;
  }
}

@media screen and (max-width: 750px) {
  .page-modal__inner {
    position: relative;
    width: 100%;
    padding: 6vw;
    background: #fff;
  }
}

@media all and (min-width: 751px) {
  .page-modal-body {
    position: relative;
  }
}

@media screen and (max-width: 750px) {
  .page-modal-body {
    position: relative;
  }
}

@media all and (min-width: 751px) {
  .page-modal-frame {
    position: relative;
    background: #000;
    z-index: 10;
  }
  .page-modal-frame::before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
}

@media screen and (max-width: 750px) {
  .page-modal-frame {
    position: relative;
    background: #000;
    z-index: 10;
  }
  .page-modal-frame::before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
}

@media all and (min-width: 751px) {
  .page-modal-frame__label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 750px) {
  .page-modal-frame__label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

/* ==================================================
Footer
================================================== */
#footer {
  margin-top: 0;
}

/* ==================================================
Utility
================================================== */
/* sr */
.u-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* hide */
.u-hide {
  display: none;
}

@media all and (min-width: 1025px) {
  .u-hide-pc {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .u-hide-pc-tb {
    display: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-hide-tb {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .u-hide-tb-sp {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .u-hide-sp {
    display: none;
  }
}

/* text-align */
.u-align-left {
  text-align: left;
}

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

.u-align-right {
  text-align: right;
}

/* font-weight */
.u-bold {
  font-weight: bold;
}

/* clearfix */
.u-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* ==================================================
ownly_ugc
================================================== */
.ownlyUgc {
  margin: 0 !important;
}

.ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost {
  padding: 0 !important;
  word-break: break-all;
  position: relative;
  overflow: hidden;
  float: left;
}

@media all and (min-width: 1025px) {
  .ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost {
    width: 23.5% !important;
    margin: 0 2% 2% 0 !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost {
    width: 49% !important;
    margin: 0 2% 2% 0 !important;
  }
}

@media screen and (max-width: 750px) {
  .ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost {
    width: 49% !important;
    margin: 0 2% 2% 0 !important;
  }
}

@media all and (min-width: 1025px) {
  .ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost:nth-child(4n) {
    margin-right: 0 !important;
  }
}

@media all and (min-width: 1025px) {
  .ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost:nth-child(4n+1) {
    clear: both;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost:nth-child(2n) {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 750px) {
  .ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost:nth-child(2n) {
    margin-right: 0 !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost:nth-child(2n+1) {
    clear: both;
  }
}

@media screen and (max-width: 750px) {
  .ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost:nth-child(2n+1) {
    clear: both;
  }
}

.ownlyUgcWidget_block .ownlyUgcsetPostPhoto {
  width: 100% !important;
  height: auto !important;
}

img.ownlyPostImage {
  width: 100% !important;
  height: auto !important;
}

.ownlyUgcWidget_block div.ownlyUgcPagination a.ugcPaging {
  font-size: 14px;
}