@charset "UTF-8";
.u-ft-robo {
  font-family: "Roboto", sans-serif;
}
.u-ft-robo.u-thin {
  font-weight: 100;
}

/* reset */
/* ---------------------------
module
--------------------------- */
img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .pcOnly {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .pcOnly {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .largeOnly {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .largeOnly {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .tbOnly {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .tbOnly {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .spOnly {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .spOnly {
    display: block;
  }
}

.relative {
  position: relative;
}

.z-index1 {
  position: relative;
  z-index: 1;
}

.z-index2 {
  position: relative;
  z-index: 2;
}

.z-index3 {
  position: relative;
  z-index: 3;
}

.z-index4 {
  position: relative;
  z-index: 4;
}

/* ---------------------------
l-bg
--------------------------- */
/* ---------------------------
l-bread
--------------------------- */
/* ---------------------------
l-footer
--------------------------- */
/* ---------------------------
l-gnav
--------------------------- */
/* ---------------------------
l-header
--------------------------- */
/* ---------------------------
l-pageTop
--------------------------- */
/* ---------------------------
l-wrap
--------------------------- */
@media screen and (min-width: 1024px) {
  .l-wrap {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-700 {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-780 {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-800 {
    max-width: 880px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-900 {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-960 {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-980 {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1000 {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1030 {
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1085 {
    max-width: 1165px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1160 {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1120 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1200 {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1260 {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1275 {
    max-width: 1355px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1300 {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1600 {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrap-1920 {
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .l-wrap-sp {
    max-width: 655px;
    width: 100%;
    margin: 0 auto;
    padding: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .l-wrap-sp {
    padding: 0 20px;
  }
}

@media screen and (max-width: 1023px) {
  .l-wrap__line-spnone:before {
    content: "";
    display: none !important;
  }
  .l-wrap__line-spnone:after {
    content: "";
    display: none !important;
  }
}
/* ---------------------------
c-border
--------------------------- */
/* ---------------------------
c-btn
--------------------------- */
@media screen and (min-width: 1024px) {
  .c-btn {
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-size: 17px;
    width: 300px;
    height: 60px;
    border-radius: 5px;
  }
  .c-btn span {
    position: relative;
    top: 3px;
  }
  .c-btn__gray {
    background: #EEEEEE;
  }
  .c-btn__blue {
    background: #0070C9;
    color: #FFF;
  }
  .c-btn__blue span {
    position: relative;
    left: 7px;
    top: 4px;
  }
  .c-btn__w100 {
    width: 100%;
  }
  .c-btn__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn {
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-size: 17px;
    width: 100%;
    height: 60px;
    border-radius: 5px;
  }
  .c-btn span {
    position: relative;
    top: 3px;
  }
  .c-btn__gray {
    background: #EEEEEE;
  }
  .c-btn__blue {
    background: #0070C9;
    color: #FFF;
  }
  .c-btn__blue span {
    position: relative;
    left: 7px;
    top: 4px;
  }
  .c-btn__w100 {
    width: 100%;
  }
  .c-btn__sp-w50 {
    width: 50%;
  }
  .c-btn__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-btn__hsp {
    height: 75px;
  }
  .c-btn__hsp span {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-btn02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-size: 17px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #BBBBBB;
    color: #FFFFFF;
  }
  .c-btn02 span {
    position: relative;
    top: 3px;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-size: 14px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #BBBBBB;
    color: #FFFFFF;
  }
  .c-btn02 span {
    position: relative;
    top: 3px;
  }
}
/* ---------------------------
c-cat
--------------------------- */
/* ---------------------------
c-h
--------------------------- */
@media screen and (min-width: 1024px) {
  .c-h {
    font-size: 2.375rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-h {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-h02 {
    text-align: center;
  }
  .c-h02 span {
    font-size: 14px;
    font-weight: normal;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    position: relative;
    top: 20px;
  }
  .c-h02 span:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    background: #000;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .c-h02 {
    text-align: center;
  }
  .c-h02 span {
    font-size: 11px;
    font-weight: normal;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    position: relative;
    top: 2px;
  }
  .c-h02 span:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 39px;
    left: 0;
    right: 0;
    background: #000;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .c-h-section {
    font-size: 5.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-h-section {
    font-size: 46px !important;
  }
}
/* ---------------------------
c-grids
--------------------------- */
@media screen and (min-width: 1024px) {
  .c-grids {
    display: -ms-grid;
    display: grid;
  }
  .c-grids__3fr {
    gap: 10px 20px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .c-grids__2fr {
    gap: 30px 30px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .c-grids__2fr-60 {
    gap: 10px 60px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 1023px) {
  .c-grids {
    display: -ms-grid;
    display: grid;
  }
  .c-grids__3fr {
    gap: 10px 20px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .c-grids__2fr {
    gap: 20px 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .c-grids__2fr-sp {
    gap: 15px 15px !important;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .c-grids__2fr-60 {
    gap: 10px 60px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .c-grids__footer {
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid {
    position: relative;
  }
  .c-grid .c-btn {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .c-grid {
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .c-grids02 {
    max-width: 455px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .c-grids02 {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid02 a {
    color: #FFF;
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-grid02 a span {
    position: relative;
    left: 15px;
  }
}
@media screen and (max-width: 1023px) {
  .c-grid02 {
    width: 100%;
    text-align: center;
    margin: 0 auto 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-grid02 a {
    color: #FFF;
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-grid02 a span {
    position: relative;
    left: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .copyright {
    color: #FFF;
    font-size: 14px;
    text-align: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
  }
}
@media screen and (max-width: 1023px) {
  .copyright {
    color: #FFF;
    font-size: 14px;
    text-align: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
  }
}
/* ---------------------------
c-link
--------------------------- */
@media screen and (min-width: 1024px) {
  .c-link {
    position: relative;
    display: inline-block;
  }
}
/* ---------------------------
c-icon
--------------------------- */
.c-icon_w {
  position: relative;
}
/* ---------------------------
c-list
--------------------------- */
/* ---------------------------
c-columns
--------------------------- */
@media screen and (min-width: 1024px) {
  .c-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .c-columns__alcenter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-columns__flexstart {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .c-columns__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
  .c-columns__row div:nth-child(1) {
    margin-right: 0;
    padding-left: 60px;
  }
  .c-columns__row02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
  .c-columns__row02 div:nth-child(1) {
    margin-right: 0;
    padding-left: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .c-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .c-columns__row {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-flow: column-reverse nowrap !important;
            flex-flow: column-reverse nowrap !important;
  }
  .c-columns__sprow {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-flow: column nowrap !important;
            flex-flow: column nowrap !important;
  }
  .c-columns__sprow02 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-flow: column-reverse nowrap !important;
            flex-flow: column-reverse nowrap !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-column iframe {
    max-width: 100%;
  }
  .c-column__w30 {
    width: 30%;
  }
  .c-column__w40 {
    width: 40%;
  }
  .c-column__w45 {
    width: 45%;
  }
  .c-column__w50 {
    width: 50%;
  }
  .c-column__w46 {
    width: 46%;
  }
  .c-column__w55 {
    width: 55%;
  }
  .c-column__w65 {
    width: 65%;
  }
  .c-column__w70 {
    width: 70%;
  }
  .c-column__w150 {
    width: 150%;
  }
  .c-column__outR {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: calc(50% - 50vw);
  }
  .c-column__outR img {
    width: 100%;
  }
  .c-column__outL {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: calc(50% - 50vw);
  }
  .c-column__outL img {
    width: 100%;
  }
  .c-column__w60 {
    width: 60%;
  }
  .c-column__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .c-column__recruit-mr0 {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-columns02 {
    display: -ms-grid;
    display: grid;
    gap: 0px 20px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 180px;
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .c-columns02 {
    display: -ms-grid;
    display: grid;
    gap: 0px 20px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 180px;
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .c-column02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  .c-column02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
/* ---------------------------
c-tab
--------------------------- */
/* ---------------------------
c-block
--------------------------- */
/* ---------------------------
c-unique
--------------------------- */
/* ---------------------------
js-fixed
--------------------------- */
.js-fixed__target--bottom {
  left: 0;
  bottom: 0;
}

/* ---------------------------
js-folding
--------------------------- */
.js-folding__trigger {
  cursor: pointer;
}
.js-folding__target {
  display: none;
}

/* ---------------------------
keyframes
--------------------------- */
@-webkit-keyframes sdl {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  35% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  35.1% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  70%, 100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
@keyframes sdl {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  35% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  35.1% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  70%, 100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
/* ---------------------------
p-archive
--------------------------- */
/* ---------------------------
p-bnr
--------------------------- */
/* ---------------------------
p-card
--------------------------- */
/* ---------------------------
p-figure
--------------------------- */
/* ---------------------------
p-list
--------------------------- */
/* ---------------------------
p-link
--------------------------- */
/* ---------------------------
p-mv
--------------------------- */
/* ---------------------------
p-pagenavi
--------------------------- */
/* ---------------------------
p-slide
--------------------------- */
/* ---------------------------
p-sns
--------------------------- */
/* ---------------------------
p-table
--------------------------- */
/* ---------------------------
p-wysiwyg
--------------------------- */
/* ---------------------------
p-line
--------------------------- */
/* ---------------------------
p-media
--------------------------- */
@media screen and (min-width: 1024px) {
  .p-media {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-media {
    padding: 100px 0 75px;
  }
}
@media screen and (max-width: 1023px) {
  .p-media__ttl {
    width: 178px;
    margin: 0 auto 54px !important;
  }
  .p-media__ttl span {
    position: relative;
    top: 9px !important;
  }
  .p-media__ttl span:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 19px !important;
    left: 0;
    right: 0;
    background: #000;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-media__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .p-media__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .p-media__column {
    max-width: 157px;
    width: 100%;
    height: 100px;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-media__column a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #000;
    font-size: 16px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .p-media__column a img {
    margin-bottom: 0px;
  }
  .p-media__column-first {
    max-width: 335px;
    width: 100%;
  }
  .p-media__column-first a {
    font-size: 11px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-media__column {
    max-width: 48%;
    width: 100%;
    height: 100px;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-media__column a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #000;
    font-size: 16px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .p-media__column a img {
    margin-bottom: 0px;
  }
  .p-media__column-first {
    max-width: 100%;
    width: 100%;
    margin-bottom: 22px;
  }
  .p-media__column-first a {
    font-size: 11px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    width: 100%;
    height: 100%;
  }
}
/* ---------------------------
p-support
--------------------------- */
@media screen and (min-width: 1024px) {
  .p-support {
    background: #FAFAF3;
    padding: 104px 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-support {
    background: #FAFAF3;
    padding: 50px 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-support__ttl {
    width: 216px;
    margin: 0 auto 47px !important;
  }
  .p-support__ttl :after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 20px !important;
    left: 0;
    right: 0;
    background: #000;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-support__txt {
    font-size: 14px;
    line-height: 24px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    margin-bottom: 50px;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-support__txt {
    font-size: 14px;
    line-height: 24px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    margin-bottom: 30px;
    text-align: left;
  }
}
@media screen and (max-width: 1023px) {
  .p-support__accordion {
    position: relative;
    width: 100%;
    height: 43px;
  }
  .p-support__accordion .c-grids {
    display: none;
  }
  .p-support__accordion .c-grid {
    width: 100%;
    margin-bottom: 20px;
  }
  .p-support__accordion:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -19px;
    left: 0;
    height: 1px;
    background: #BBBBBB;
  }
}
@media screen and (max-width: 1023px) {
  .p-support__accordion-txt {
    font-size: 14px;
    padding-left: 10px;
    letter-spacing: 1px;
    width: 100%;
    position: relative;
    padding-top: 32px;
  }
  .p-support__accordion-txt:before {
    content: "+";
    position: absolute;
    bottom: 0;
    right: 0;
    top: 68%;
    /* -webkit-transform: translateY(-50%); */
    font-size: 15px;
    right: 12px;
  }
  .p-support__accordion-txt.on:before {
    content: "-";
    position: absolute;
    bottom: 0;
    right: 0;
    top: 30px;
    font-size: 15px;
    right: 12px;
    height: 0;
  }
  .p-support__accordion-txt span {
    margin-bottom: 30px;
    display: block;
  }
  .p-support__accordion-txt.on .c-grids {
    display: block;
  }
}
/* ---------------------------
p-shop
--------------------------- */
@media screen and (min-width: 1024px) {
  .p-shop {
    padding: 100px;
  }
}
@media screen and (max-width: 1023px) {
  .p-shop {
    padding: 100px 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-shop__ttl {
    width: 122px;
    margin: 0 auto 60px !important;
  }
  .p-shop__ttl span {
    position: relative;
    top: 16px;
  }
  .p-shop__ttl span:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    background: #000;
    display: block;
    margin: 0 auto;
  }
}
/* ---------------------------
p-works
--------------------------- */
/* ---------------------------
p-company
--------------------------- */
@media screen and (min-width: 1024px) {
  .p-company {
    padding: 20px 0 100px;
  }
}
@media screen and (max-width: 1023px) {
  .p-company {
    padding: 20px 0 100px;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__ttl {
    max-width: 296px;
    width: 100%;
    margin: 0 auto 60px !important;
  }
  .p-company__ttl span {
    position: relative;
    top: 12px;
  }
  .p-company__ttl span:after {
    bottom: 20px !important;
  }
}
/* ---------------------------
p-vision
--------------------------- */
@media screen and (min-width: 1024px) {
  .p-vision {
    background: url(/wp-content/themes/basetheme/images/home/bg-vision.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 880px;
    padding: 70px 0 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-vision {
    background: url(/wp-content/themes/basetheme/images/home/tb/bg-vision.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 794px;
    padding: 50px 0 0 0;
  }
  .p-vision .c-btn {
    max-width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-vision .l-wrap-sp {
    padding: 0;
    max-width: 655px;
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-vision {
    background: url(/wp-content/themes/basetheme/images/home/sp/bg-vision.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 794px;
    padding: 50px 0 0 0;
  }
}

@media screen and (min-width: 1024px) {
  .p-vision__box-ttl {
    text-align: center;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .p-vision__box-ttl {
    text-align: center;
    margin: 0 auto 50px;
    width: 162px;
  }
  .p-vision__box-ttl span:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    background: #000;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-vision__box-ttl02 {
    font-size: 38px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-vision__box-ttl02 {
    font-size: 38px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    margin-bottom: 20px;
    line-height: 47px;
  }
}
@media screen and (min-width: 1024px) {
  .p-vision__box-ttl03 {
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-vision__box-ttl03 {
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
/* ---------------------------
p-contact
--------------------------- */
/* ---------------------------
p-inquiry
--------------------------- */
/* ---------------------------
p-product
--------------------------- */
@media screen and (min-width: 1024px) {
  .l-wrap-product {
    max-width: 1000px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .l-wrap-product-sp {
    padding: 0 10px;
  }
}
@media screen and (min-width: 1024px) {
  .p-product {
    padding: 95px 0 0px 0;
  }
  .p-product .c-h02 {
    margin-bottom: 50px;
  }
  .p-product .c-h02 span {
    position: relative;
    top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-product {
    padding: 95px 0 0px 0;
  }
  .p-product .c-h02 {
    margin-bottom: 50px;
  }
  .p-product .c-h02 span {
    position: relative;
    top: 24px;
  }
  .p-product .c-h02 span:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 21px;
    left: 0;
    right: 0;
    background: #000;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-product__ttl {
    width: 220px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-product__mv {
    padding: 15px 0 45px;
  }
}
@media screen and (max-width: 1023px) {
  .p-product__mv {
    padding: 40px 0 50px;
  }
}
@media screen and (min-width: 1024px) {
  .p-product__box {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 1023px) {
  .p-product__box {
    margin-bottom: 93px;
  }
  .p-product__box .p-product__box-img {
    margin: 0 auto 30px;
  }
  .p-product__box.item-livingcot {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-product__box-img {
    text-align: center;
    margin: 0 auto 50px;
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .p-product__box-img {
    text-align: center;
    margin: 0 auto 48px;
    display: block;
  }
}
.p-product__box-title {
  font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
}
@media screen and (min-width: 1024px) {
  .p-product__box-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 27px;
    line-height: 33px;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-product__box-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 31px;
    text-align: center;
  }
  .p-product__box-title.item-livingcot {
    font-size: 24px;
  }
}
.p-product__box-title02 {
  font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
}
@media screen and (min-width: 1024px) {
  .p-product__box-title02 {
    text-align: center;
    font-size: 38px;
    line-height: 33px;
    text-align: center;
    margin: 50px auto 125px;
  }
}
@media screen and (max-width: 1023px) {
  .p-product__box-title02 {
    text-align: center;
    font-size: 36px;
    line-height: 31px;
    text-align: center;
    margin: 50px auto 75px;
  }
}
.p-product__box-txt {
  font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
}
@media screen and (min-width: 1024px) {
  .p-product__box-txt {
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-product__box-txt {
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-product__pattern-t {
    margin-bottom: 38px;
  }
}
@media screen and (max-width: 1023px) {
  .p-product__pattern-t {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .p-product__pattern-b {
    margin-top: 38px;
  }
}
@media screen and (max-width: 1023px) {
  .p-product__pattern-b {
    margin-top: 39px;
  }
}
.page-product .spec .spec_section .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1) {
  background: #f1cf9c;
}
.page-product .spec .spec_section .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2) {
  background: #b26e28;
}
.page-product .spec .spec_section .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3) {
  background: #5d4133;
}
.page-product #page-sukusuku .spec_section .swiper-pagination-bullet:nth-child(1) {
  background: #eaccb7 !important;
}
.page-product #page-sukusuku .spec_section .swiper-pagination-bullet:nth-child(2) {
  background: #c36d33 !important;
}
.page-product #page-sukusuku .spec_section .swiper-pagination-bullet:nth-child(3) {
  background: #642f25 !important;
}
.page-product #page-sukusuku .spec_section .swiper-pagination-bullet:nth-child(4) {
  background: #e5e5e5 !important;
}
.page-product #page-sukusuku .spec_section .swiper-pagination-bullet:nth-child(5) {
  background: #95978f !important;
}
.page-product #page-sukusuku .spec_section .swiper-pagination-bullet:nth-child(6) {
  background: #5d86e3 !important;
}

@media screen and (min-width: 1024px) {
  .p-intro__kitoco {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-livingcot__freeSection {
    margin-top: 54px !important;
  }
}

@media screen and (max-width: 1023px) {
  .p-livingcot__freeSection-txt {
    margin: 40px 0 10px 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .p-product__item-livingcot {
    margin-bottom: 0px !important;
  }
}

/* ---------------------------
p-news
--------------------------- */
@media screen and (min-width: 1024px) {
  .p-news {
    margin-top: 100px;
    margin-bottom: 53px;
  }
}
@media screen and (max-width: 1023px) {
  .p-news {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .p-news__box {
    background: #EEEEEE;
    border-radius: 30px;
    padding: 30px 30px 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-news__box {
    max-width: 655px !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-news__box {
    background: #EEEEEE;
    border-radius: 30px;
    padding: 45px 20px 45px;
    max-width: 88%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-news__box-ttl {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-news__box-ttl {
    text-align: center;
    margin: 0 auto 30px;
    width: 84px;
  }
}
@media screen and (min-width: 1024px) {
  .p-news__lists {
    margin: 0 auto 47px;
    max-width: 785px;
  }
}
@media screen and (max-width: 1023px) {
  .p-news__lists {
    margin: 0 auto 47px;
    max-width: 785px;
  }
}
@media screen and (min-width: 1024px) {
  .p-news__list {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .p-news__list {
    margin-bottom: 26px;
  }
}
@media screen and (min-width: 1024px) {
  .p-news__day dt {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
  }
  .p-news__day dd a {
    font-size: 14px;
    color: #000;
  }
}
@media screen and (max-width: 1023px) {
  .p-news__day dt {
    font-size: 11px;
    font-weight: bold;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
  }
  .p-news__day dd a {
    font-size: 11px;
    color: #000;
  }
}
@media screen and (min-width: 1024px) {
  .p-news__link {
    margin: 0 auto;
    display: table;
    font-size: 14px;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-news__link {
    margin: 0 auto;
    display: table;
    font-size: 14px;
    text-align: center;
  }
}
/* ---------------------------
p-description
--------------------------- */
@media screen and (min-width: 1024px) {
  .p-maga {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .p-maga {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .p-maga__box {
    background: #FAFAF3;
    border-radius: 30px;
    padding: 50px 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-maga__box {
    width: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-maga__box {
    background: #FAFAF3;
    border-radius: 30px;
    padding: 50px 20px;
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-maga__box-ttl {
    text-align: center;
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .p-maga__box-ttl {
    text-align: center;
    margin: 0 auto 26px;
    width: 186px;
  }
}
.p-maga__lists .slick-prev.slick-disabled,
.p-maga__lists .slick-next.slick-disabled {
  opacity: 0;
}
.p-maga__lists .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media screen and (min-width: 1024px) {
  .p-maga__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .p-maga__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
  }
}
.slick-slider .slick-list {
  -webkit-transform: none !important;
          transform: none !important;
}

@media screen and (min-width: 1024px) {
  .p-maga__list {
    padding: 0 15px;
  }
  .p-maga__list:last-child {
    margin-right: 0px;
  }
  .p-maga__list a {
    color: #000;
    font-size: 14px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    line-height: 28px;
  }
  .p-maga__list a figure {
    margin-bottom: 10px;
  }
  .p-maga__list a img {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-maga__list {
    padding: 0 15px;
  }
  .p-maga__list:last-child {
    margin-right: 0px;
  }
  .p-maga__list a {
    color: #000;
    font-size: 14px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    line-height: 28px;
  }
  .p-maga__list a figure {
    margin-bottom: 10px;
  }
  .p-maga__list a img {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  img.slide-arrow.slick-next.slick-arrow {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-100%);
    cursor: pointer;
  }
}
@media screen and (max-width: 1023px) {
  img.slide-arrow.slick-next.slick-arrow {
    width: 16px;
    position: relative;
    right: -5px;
  }
}
@media screen and (min-width: 1024px) {
  img.slide-arrow.slick-prev.slick-arrow {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-100%);
    cursor: pointer;
  }
}
@media screen and (max-width: 1023px) {
  img.slide-arrow.slick-prev.slick-arrow {
    width: 16px;
    position: relative;
    left: -5px;
  }
}
/* ---------------------------
p-home
--------------------------- */
.p-home-mv {
  font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
  font-family: "fot-tsukuardgothic-std", sans-serif;
}
.p-home-mv a {
  color: #000;
}
.p-home-mv .l-wrap-1000 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  height: 100%;
}
.p-home-mv:hover {
  opacity: 0.7;
}
.p-home-mv a:hover {
  opacity: 0.7;
}
.p-home-mv__soinel {
  background: url(/wp-content/themes/basetheme/images/top_soinel_pc2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.p-home-mv__lilito {
  background: url(/wp-content/themes/basetheme/images/home/top_lilito.jpg?v3) no-repeat;
  background-size: cover;
  background-position: center;
}
.p-home-mv__affel {
  background: url(/wp-content/themes/basetheme/images/top_affel.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.p-home-mv__nommoc {
  background: url(/wp-content/themes/basetheme/images/home/top_nommoc.jpg?v3) no-repeat;
  background-size: cover;
  background-position: center;
}
.p-home-mv__sukusuku {
  background: url(/wp-content/themes/basetheme/images/home/top_sukusuku.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.p-home-mv__sukusukulow {
  background: url(/wp-content/themes/basetheme/images/home/top_sukulow.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.p-home-mv__kitoco {
  background: url(/wp-content/themes/basetheme/images/home/top_kitoco.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.p-home-mv__materna {
  background: url(/wp-content/themes/basetheme/images/home/top_materna.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.p-home-mv__arch {
  background: url(/wp-content/themes/basetheme/images/home/top_arch.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.p-home-mv__100th {
  background: url(/wp-content/themes/basetheme/images/mv-100th.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
}
.p-home-mv__livingcot {
  background: url(/wp-content/themes/basetheme/images/top_livingcot_pc1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
}
@media screen and (min-width: 1024px) {
  .p-home-mv {
    height: 728px;
    margin-bottom: 20px;
  }
  .p-home-mv a {
    padding: 80px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-home-mv {
    height: 490px;
    margin-bottom: 20px;
  }
  .p-home-mv .l-wrap-1000 {
    max-width: 655px;
    margin: 0 auto;
  }
  .p-home-mv__100th {
    background: url(/wp-content/themes/basetheme/images/mv-100th.jpg) no-repeat;
    background-size: cover;
    background-position: top;
  }
}
@media screen and (max-width: 767px) {
  .p-home-mv {
    height: 580px;
    margin-bottom: 20px;
  }
  .p-home-mv a {
    padding: 80px 0;
  }
  .p-home-mv__soinel {
    background: url(/wp-content/themes/basetheme/images/top_soinel_sp2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__lilito {
    background: url(/wp-content/themes/basetheme/images/home/top_lilito-sp.jpg?v3) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__affel {
    background: url(/wp-content/themes/basetheme/images/top_affel-sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__nommoc {
    background: url(/wp-content/themes/basetheme/images/home/top_nommoc-sp.jpg?v3) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__soinel02 {
    background: url(/wp-content/themes/basetheme/images/home/sp/top_sukusuku-sp02.jpg?v3) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__sukusuku {
    background: url(/wp-content/themes/basetheme/images/home/sp/top_slide2-sp.jpg?v3) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__nommoc {
    background: url(/wp-content/themes/basetheme/images/home/top_nommoc-sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__sukusukulow {
    background: url(/wp-content/themes/basetheme/images/home/top_sukulow-sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__kitoco {
    background: url(/wp-content/themes/basetheme/images/home/top_kitoco-sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__materna {
    background: url(/wp-content/themes/basetheme/images/home/top_materna-sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__arch {
    background: url(/wp-content/themes/basetheme/images/home/top_arch-sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__livingcot {
    background: url(/wp-content/themes/basetheme/images/top_livingcot_sp1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .p-home-mv__100th {
    background: url(/wp-content/themes/basetheme/images/mv-100th-sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 580px;
  }
  .p-home-mv__100th.p-home-submv {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .p-home-mv__100th.p-home-submv a {
    padding: 0;
  }
  .p-home-mv__100th .p-home-submv__bg {
    border-radius: 30px;
    max-width: 170px;
    width: 100%;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 20px 0 20px 0px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
  }
  .p-home-mv__100th:hover {
    opacity: 0.7;
  }
  .p-home-mv__100th a:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 1024px) {
  .p-home-mv__bg {
    background: rgba(250, 250, 250, 0.8);
    border-radius: 30px;
    max-width: 370px;
    width: 100%;
    min-height: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    position: relative;
    left: 9px;
    top: -10px;
  }
  .p-home-mv__bg.item-center {
    background: rgba(250, 250, 250, 0.8);
    border-radius: 30px;
    max-width: 550px;
    width: 100%;
    min-height: 275px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
  }
  .p-home-mv__bg.item-center .p-home-mv__bg-ttl {
    margin-bottom: 0;
  }
  .p-home-mv__bg.item-center .p-home-mv__bg-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-home-mv__bg {
    margin: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-mv__bg {
    background: rgba(250, 250, 250, 0.8);
    border-radius: 30px;
    max-width: 300px;
    width: 100%;
    min-height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-home-mv__bg-ttl {
    text-align: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    width: 264px;
    margin: 0 auto 52px;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-mv__bg-ttl {
    text-align: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    width: 220px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-home-mv__bg-ttl02 {
    font-size: 29px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
    line-height: 2.6875rem;
    margin-bottom: 42px;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-mv__bg-ttl02 {
    font-size: 24px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
    line-height: 33px;
    margin-bottom: 20px;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .p-home-mv__bg-ttl03 {
    font-size: 21px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-mv__bg-ttl03 {
    font-size: 17px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
  }
}
.p-home-submv:hover {
  opacity: 0.7;
}
.p-home-submv a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  .p-home-submv {
    overflow: hidden;
    height: 450px;
    margin-bottom: 20px;
  }
  .p-home-submv a {
    padding: 50px 0;
    display: block;
    color: #000;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-home-submv {
    -webkit-box-pack: initial !important;
        -ms-flex-pack: initial !important;
            justify-content: initial !important;
  }
  .p-home-submv a {
    width: 100% !important;
  }
  .p-home-submv .l-wrap-sp {
    margin: auto;
    max-width: 655px;
    width: 100%;
    display: block;
    /* margin: 0 auto; */
    padding: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-submv {
    overflow: hidden;
    height: 375px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-home-submv a {
    padding: 50px 0;
    display: block;
    color: #000;
    width: 350px;
  }
}
@media screen and (min-width: 1024px) {
  .p-home-submv__bg {
    background: rgba(250, 250, 250, 0.8);
    border-radius: 30px;
    max-width: 370px;
    width: 100%;
    min-height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    left: 5px;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-home-submv__bg {
    max-width: 300px !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-submv__bg {
    background: rgba(250, 250, 250, 0.8);
    border-radius: 30px;
    max-width: 370px;
    width: 100%;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    padding: 20px 0 20px 0px;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-home-submv__bg-ttl {
    text-align: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    width: 200px;
    margin: 0 auto 16px;
    position: relative;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-submv__bg-ttl {
    text-align: center;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    width: 148px;
    margin: 0 auto 16px;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .p-home-submv__bg-ttl02 {
    font-size: 24px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
    line-height: 2.3125rem;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-submv__bg-ttl02 {
    font-size: 17px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-home-submv__bg-ttl03 {
    font-size: 17px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-submv__bg-ttl03 {
    font-size: 14px;
    font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    text-align: center;
  }
}
/* ---------------------------
p-susta
--------------------------- */
.p-susta__ttl {
  font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
  font-family: "fot-tsukuardgothic-std", sans-serif;
}
@media screen and (min-width: 1024px) {
  .p-susta__ttl {
    font-size: 38px;
    text-align: center;
    line-height: 57px;
  }
}
@media screen and (max-width: 1023px) {
  .p-susta__ttl {
    font-size: 24px;
    text-align: center;
    line-height: 48px;
  }
}

.p-susta__ttl02 {
  margin-top: 40px;
  text-align: center;
  font-family: "FOT-筑紫A丸ゴシック Std M", sans-serif;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: normal;
}
@media screen and (min-width: 1024px) {
  .p-susta__ttl02 {
    font-size: 17px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .p-susta__ttl02 {
    font-size: 17px;
    line-height: 28px;
    padding: 0 20px;
  }
}

.p-susta__txt {
  font-size: 14px;
  line-height: 32px;
}
@media screen and (min-width: 1024px) {
  .p-susta__txt {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-susta__txt {
    margin-top: 15px;
  }
}

/* ---------------------------
u-display
--------------------------- */
/* ---------------------------
m
--------------------------- */
.u-valign-t {
  vertical-align: top !important;
}

.u-valign-m {
  vertical-align: middle !important;
}

.u-valign-b {
  vertical-align: bottom !important;
}

@media screen and (min-width: 768px) {
  .u-mt-1 {
    margin-top: 8px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-1 {
    margin-top: 8px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-1 {
    margin-bottom: 8px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-1 {
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-1 {
    padding-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-1 {
    padding-top: 8px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-1 {
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-1 {
    padding-bottom: 8px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-1 {
    padding: 8px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-1 {
    padding: 8px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp1 {
    margin-top: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp1 {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp1 {
    padding-top: 8px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp1 {
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp1 {
    padding: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-2 {
    margin-top: 16px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-2 {
    margin-top: 16px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-2 {
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-2 {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-2 {
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-2 {
    padding-top: 16px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-2 {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-2 {
    padding-bottom: 16px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-2 {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-2 {
    padding: 16px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp2 {
    margin-top: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp2 {
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp2 {
    padding-top: 16px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp2 {
    padding-bottom: 16px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp2 {
    padding: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-3 {
    margin-top: 24px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-3 {
    margin-top: 24px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-3 {
    margin-bottom: 24px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-3 {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-3 {
    padding-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-3 {
    padding-top: 24px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-3 {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-3 {
    padding-bottom: 24px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-3 {
    padding: 24px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-3 {
    padding: 24px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp3 {
    margin-top: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp3 {
    margin-bottom: 24px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp3 {
    padding-top: 24px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp3 {
    padding-bottom: 24px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp3 {
    padding: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-4 {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-4 {
    margin-top: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-4 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-4 {
    margin-bottom: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-4 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-4 {
    padding-top: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-4 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-4 {
    padding-bottom: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-4 {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-4 {
    padding: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp4 {
    margin-top: 28px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp4 {
    margin-bottom: 28px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp4 {
    padding-top: 28px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp4 {
    padding-bottom: 28px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp4 {
    padding: 28px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-5 {
    margin-top: 48px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-5 {
    margin-top: 33.6px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-5 {
    margin-bottom: 48px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-5 {
    margin-bottom: 33.6px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-5 {
    padding-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-5 {
    padding-top: 33.6px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-5 {
    padding-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-5 {
    padding-bottom: 33.6px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-5 {
    padding: 48px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-5 {
    padding: 33.6px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp5 {
    margin-top: 33.6px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp5 {
    margin-bottom: 33.6px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp5 {
    padding-top: 33.6px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp5 {
    padding-bottom: 33.6px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp5 {
    padding: 33.6px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-6 {
    margin-top: 56px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-6 {
    margin-top: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-6 {
    margin-bottom: 56px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-6 {
    margin-bottom: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-6 {
    padding-top: 56px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-6 {
    padding-top: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-6 {
    padding-bottom: 56px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-6 {
    padding-bottom: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-6 {
    padding: 56px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-6 {
    padding: 28px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp6 {
    margin-top: 28px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp6 {
    margin-bottom: 28px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp6 {
    padding-top: 28px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp6 {
    padding-bottom: 28px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp6 {
    padding: 28px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-7 {
    margin-top: 64px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-7 {
    margin-top: 32px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-7 {
    margin-bottom: 64px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-7 {
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-7 {
    padding-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-7 {
    padding-top: 32px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-7 {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-7 {
    padding-bottom: 32px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-7 {
    padding: 64px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-7 {
    padding: 32px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp7 {
    margin-top: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp7 {
    margin-bottom: 32px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp7 {
    padding-top: 32px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp7 {
    padding-bottom: 32px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp7 {
    padding: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-8 {
    margin-top: 72px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-8 {
    margin-top: 36px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-8 {
    margin-bottom: 72px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-8 {
    margin-bottom: 36px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-8 {
    padding-top: 72px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-8 {
    padding-top: 36px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-8 {
    padding-bottom: 72px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-8 {
    padding-bottom: 36px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-8 {
    padding: 72px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-8 {
    padding: 36px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp8 {
    margin-top: 36px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp8 {
    margin-bottom: 36px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp8 {
    padding-top: 36px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp8 {
    padding-bottom: 36px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp8 {
    padding: 36px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-9 {
    margin-top: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-9 {
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-9 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-9 {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-9 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-9 {
    padding-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-9 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-9 {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-9 {
    padding: 80px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-9 {
    padding: 40px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp9 {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp9 {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp9 {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp9 {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp9 {
    padding: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-10 {
    margin-top: 104px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-10 {
    margin-top: 52px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-10 {
    margin-bottom: 104px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-10 {
    margin-bottom: 52px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-10 {
    padding-top: 104px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-10 {
    padding-top: 52px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-10 {
    padding-bottom: 104px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-10 {
    padding-bottom: 52px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-10 {
    padding: 104px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-10 {
    padding: 52px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp10 {
    margin-top: 52px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp10 {
    margin-bottom: 52px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp10 {
    padding-top: 52px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp10 {
    padding-bottom: 52px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp10 {
    padding: 52px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-11 {
    margin-top: 112px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt-11 {
    margin-top: 56px;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-11 {
    margin-bottom: 112px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb-11 {
    margin-bottom: 56px;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-11 {
    padding-top: 112px;
  }
}
@media screen and (max-width: 767px) {
  .u-pt-11 {
    padding-top: 56px;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-11 {
    padding-bottom: 112px;
  }
}
@media screen and (max-width: 767px) {
  .u-pb-11 {
    padding-bottom: 56px;
  }
}

@media screen and (min-width: 768px) {
  .u-p-11 {
    padding: 112px;
  }
}
@media screen and (max-width: 767px) {
  .u-p-11 {
    padding: 56px;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pt-sp0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-pb-sp0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-mt-sp11 {
    margin-top: 56px;
  }
}

@media screen and (max-width: 1023px) {
  .u-mb-sp11 {
    margin-bottom: 56px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pt-sp11 {
    padding-top: 56px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-pb-sp11 {
    padding-bottom: 56px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp11 {
    padding: 56px;
  }
}

@media screen and (max-width: 1023px) {
  .u-p-sp {
    padding: 0 30px;
  }
}

/* ---------------------------
text
--------------------------- */
.u-fwb {
  font-weight: bold !important;
}

.u-fwm {
  font-weight: 500 !important;
}

.u-underline {
  text-decoration: underline !important;
}

.u-align-r {
  text-align: right !important;
}

.u-align-c {
  text-align: center !important;
}

.u-align-l {
  text-align: left !important;
}

.u-ls-1 {
  letter-spacing: 1px;
}

.u-ls-sp10 {
  letter-spacing: 1px !important;
}

.u-ls-13 {
  letter-spacing: 1.3px;
}

.u-ls-15 {
  letter-spacing: 1.5px;
}

.u-ls-33 {
  letter-spacing: 3.3px;
}

.u-ls-35 {
  letter-spacing: 3.5px;
}

@media screen and (min-width: 1024px) {
  .u-align-r-pc {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-align-c-pc {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-align-l-pc {
    text-align: left !important;
  }
}
@media screen and (max-width: 767px) {
  .u-align-r-sp {
    text-align: right !important;
  }
}

@media screen and (max-width: 767px) {
  .u-align-c-sp {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .u-align-l-sp {
    text-align: left !important;
  }
}

.u-lh2 {
  line-height: 2 !important;
}

.u-uline {
  text-decoration: underline !important;
}

.u-ff02 {
  font-family: "Roboto", sans-serif;
}

.u-ff03 {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

@media screen and (min-width: 1024px) {
  .u-text-10 {
    font-size: calc(10 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-10 {
    font-size: calc(10 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-11 {
    font-size: calc(11 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-11 {
    font-size: calc(11 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-12 {
    font-size: calc(12 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-12 {
    font-size: calc(12 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-13 {
    font-size: calc(13 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-13 {
    font-size: calc(13 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-14 {
    font-size: calc(14 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-14 {
    font-size: calc(14 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-15 {
    font-size: calc(15 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-15 {
    font-size: calc(15 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-16 {
    font-size: calc(16 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-16 {
    font-size: calc(16 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-17 {
    font-size: calc(17 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-17 {
    font-size: calc(17 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-18 {
    font-size: calc(18 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-18 {
    font-size: calc(18 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-19 {
    font-size: calc(19 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-19 {
    font-size: calc(19 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-20 {
    font-size: calc(20 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-20 {
    font-size: calc(20 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-21 {
    font-size: calc(21 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-21 {
    font-size: calc(21 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-22 {
    font-size: calc(22 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-22 {
    font-size: calc(22 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-23 {
    font-size: calc(23 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-23 {
    font-size: calc(23 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-24 {
    font-size: calc(24 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-24 {
    font-size: calc(24 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-25 {
    font-size: calc(25 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-25 {
    font-size: calc(25 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-26 {
    font-size: calc(26 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-26 {
    font-size: calc(26 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-27 {
    font-size: calc(27 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-27 {
    font-size: calc(27 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-28 {
    font-size: calc(28 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-28 {
    font-size: calc(28 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-29 {
    font-size: calc(29 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-29 {
    font-size: calc(29 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-30 {
    font-size: calc(30 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-30 {
    font-size: calc(30 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-31 {
    font-size: calc(31 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-31 {
    font-size: calc(31 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-32 {
    font-size: calc(32 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-32 {
    font-size: calc(32 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-33 {
    font-size: calc(33 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-33 {
    font-size: calc(33 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-34 {
    font-size: calc(34 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-34 {
    font-size: calc(34 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-35 {
    font-size: calc(35 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-35 {
    font-size: calc(35 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-36 {
    font-size: calc(36 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-36 {
    font-size: calc(36 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-37 {
    font-size: calc(37 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-37 {
    font-size: calc(37 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-38 {
    font-size: calc(38 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-38 {
    font-size: calc(38 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-39 {
    font-size: calc(39 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-39 {
    font-size: calc(39 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-40 {
    font-size: calc(40 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-40 {
    font-size: calc(40 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-41 {
    font-size: calc(41 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-41 {
    font-size: calc(41 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-42 {
    font-size: calc(42 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-42 {
    font-size: calc(42 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-43 {
    font-size: calc(43 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-43 {
    font-size: calc(43 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-text-44 {
    font-size: calc(44 * 0.0625rem) !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-text-44 {
    font-size: calc(44 * 0.06rem) !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-f8 {
    font-size: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f8 {
    font-size: 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f12 {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f12 {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f13 {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f13 {
    font-size: 0.8125rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f14 {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f14 {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f15 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f15 {
    font-size: 15px;
  }
}

@media screen and (min-width: 1024px) {
  .u-f16 {
    font-size: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-f16 {
    font-size: 1rem !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-f18 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f18 {
    font-size: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .u-f20 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f20 {
    font-size: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .u-f22 {
    font-size: 1.375rem;
    line-height: 32px;
  }
}
@media screen and (max-width: 1023px) {
  .u-f22 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  .u-f24 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f24 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f26 {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f26 {
    font-size: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .u-f28 {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f28 {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f30 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f30 {
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f32 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f32 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f36 {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f36 {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f40 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f40 {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f48 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f48 {
    font-size: 3rem;
  }
}

@media screen and (min-width: 1024px) {
  .u-f54 {
    font-size: 3.375rem;
  }
}
@media screen and (max-width: 1023px) {
  .u-f54 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp8 {
    font-size: 8px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp10 {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp11 {
    font-size: 11px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp12 {
    font-size: 12px !important;
    line-height: 1.3;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp13 {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp14 {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp15 {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp16 {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp17 {
    font-size: 17px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp18 {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp19 {
    font-size: 19px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp20 {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp21 {
    font-size: 21px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp22 {
    font-size: 22px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp24 {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp28 {
    font-size: 28px !important;
  }
}

.u-text-sp32 {
  font-weight: 100;
}
@media screen and (max-width: 1023px) {
  .u-text-sp32 {
    font-size: 32px !important;
  }
}

@media screen and (max-width: 1023px) {
  .u-text-sp40 {
    font-size: 40px !important;
  }
}