@charset "UTF-8";
/*
Theme Name: chotGPT-fukuoka オリジナルテーマ
Theme URI: https://chotgpt-fukuoka.com/
Author: I/O
Author URI: https://chotgpt-fukuoka.com/
Description: 福岡の中小企業向けに「ちょっとDX・ちょっとAI」を進めるための軽量・拡張性重視のテーマ。
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chotgpt-fukuoka
*/

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap);
.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
:root{
    --trs-hover: 0.4s cubic-bezier(0.26, 0.16, 0.1, 1);
    --lts:0.1em;
    --header-offset: 14.4rem;
}
/* モバイルでヘッダー高さが違うなら上書き */
@media (max-width: 767px) {
  :root { --header-offset: 8rem; } /* 例 */
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@-webkit-keyframes arrowCircle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes arrowCircle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes arrowTriangle {
    0% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    30% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        -webkit-transform: translateX(0) scale(0);
        transform: translateX(0) scale(0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50.1% {
        -webkit-transform: translateX(-10px) scale(0);
        transform: translateX(-10px) scale(0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    to {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes arrowTriangle {
    0% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    30% {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        -webkit-transform: translateX(0) scale(0);
        transform: translateX(0) scale(0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50.1% {
        -webkit-transform: translateX(-10px) scale(0);
        transform: translateX(-10px) scale(0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    to {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes arrowLine {
    0% {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        -webkit-transform: translateX(8px) scaleX(.1);
        transform: translateX(8px) scaleX(.1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50.1% {
        -webkit-transform: translateX(-8px) scaleX(0);
        transform: translateX(-8px) scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    to {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes arrowLine {
    0% {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        -webkit-transform: translateX(8px) scaleX(.1);
        transform: translateX(8px) scaleX(.1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50.1% {
        -webkit-transform: translateX(-8px) scaleX(0);
        transform: translateX(-8px) scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    to {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes arrowLine_ {
    0% {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        -webkit-transform: translateX(3px) scaleX(0);
        transform: translateX(3px) scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50.1% {
        -webkit-transform: translateX(-10px) scaleX(0);
        transform: translateX(-10px) scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    to {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes arrowLine_ {
    0% {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        -webkit-transform: translateX(3px) scaleX(0);
        transform: translateX(3px) scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50.1% {
        -webkit-transform: translateX(-10px) scaleX(0);
        transform: translateX(-10px) scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    to {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

address,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

[hidden],
command,
datalist,
menu[type=context],
rp,
source {
    display: none
}

* {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    height: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: var(--header-offset);
}

body {
    font-size: 13px;
    font-size: 1.3rem;
    height: 100%;
    line-height: 1;
    text-align: left;
    background: #f5f5f5;
    padding: 0;
    margin: 0;
    color: #333;
    -webkit-text-size-adjust: none
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
    font-weight: 400
}

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

li {
    list-style-type: none;
    list-style: none
}

dd,
p {
    margin: 0
}

p {
    line-height: 1.8;
    padding: 0;
    font-size: 1.6rem
}

table {
    font-size: inherit;
    border-collapse: collapse;
    border-spacing: 0
}

table>caption {
    text-align: left
}

table th {
    text-align: left
}

table td,
table th {
    margin: 0;
    padding: 0
}

img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

pre {
    border: 1px solid #bfbfbf;
    padding: 5px
}

a {
    text-decoration: none;
    outline: 0;
    color: #333
}

form {
    margin: 0;
    padding: 0
}

button,
input[type=text],
select,
textarea {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

.inlineDesktop {
    display: none!important
}

@media only screen and (min-width:900px) {
    .inlineDesktop {
        display: inline!important
    }
}

.inlineMobile {
    display: inline!important
}

@media only screen and (min-width:900px) {
    .inlineMobile {
        display: none!important
    }
}

.blockDesktop {
    display: none!important
}

@media only screen and (min-width:900px) {
    .blockDesktop {
        display: block!important
    }
}

.blockMobile {
    display: block!important
}

@media only screen and (min-width:900px) {
    .blockMobile {
        display: none!important
    }
}

.flexDesktop {
    display: none!important
}

@media only screen and (min-width:900px) {
    .flexDesktop {
        display: flex!important
    }
}

.flexMobile {
    display: flex!important
}

@media only screen and (min-width:900px) {
    .flexMobile {
        display: none!important
    }
}

.onlyIE {
    display: none
}

.ie .onlyIE {
    display: block
}

@font-face {
    font-family: iconfont;
    src: url(../font/dist/iconfont.eot?1591690652844);
    src: url(../font/dist/iconfont.eot?1591690652844#iefix) format("eot"), url(../font/dist/iconfont.woff2?1591690652844) format("woff2"), url(../font/dist/iconfont.woff?1591690652844) format("woff"), url(../font/dist/iconfont.ttf?1591690652844) format("truetype"), url(../font/dist/iconfont.svg?1591690652844#iconfont) format("svg")
}

.followUs_icon a.is-instagram:before,
.followUs_icon a.is-twitter:before,
.globalMenu_followUs a.is-instagram:before,
.globalMenu_followUs a.is-twitter:before,
.head_core.is-index:before,
.homeHero_social a.is-instagram:before,
.homeHero_social a.is-twitter:before,
.instagramList li a:before,
.profile_link a.is-facebook:before,
.profile_link a.is-homepage:before,
.profile_link a.is-instagram:before,
.profile_link a.is-twitter:before,
.profile_link a.is-youtube:before,
.share_item.is-facebook:before,
.share_item.is-line:before,
.share_item.is-twitter:before {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

body {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes triggerLine {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50.1% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes triggerLine {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
    50.1% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.js-inView.do-fade {
    opacity: 0;
    transition: 1.2s cubic-bezier(.39, .575, .565, 1)
}

.js-inView.do-fade.inView {
    opacity: 1
}

.js-inView.do-up {
    opacity: 0;
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    will-change: transform
}

.js-inView.do-up.inView {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.js-inView.do-left {
    opacity: 0;
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
    will-change: transform
}

.js-inView.do-left.inView {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.js-inView.do-right {
    opacity: 0;
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
    will-change: transform
}

.js-inView.do-right.inView {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.js-inView.is-delay01 {
    transition-delay: 0s!important
}

.js-inView.is-delay02 {
    transition-delay: .1s!important
}

.js-inView.is-delay03 {
    transition-delay: .2s!important;
    transition-delay: .3s!important
}

.js-inView.is-delay04 {
    transition-delay: .4s!important
}

.js-inView.is-delay05 {
    transition-delay: .5s!important
}

.homeCarouselHead .headlineLv1,
.homeSectionHead .headlineLv1 {
    overflow: hidden
}

.js-inView .homeCarouselHead .headlineLv1 span,
.js-inView .homeSectionHead .headlineLv1 span {
    display: block;
    visibility: hidden;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    will-change: transform
}

.inView .homeCarouselHead .headlineLv1 span,
.inView .homeSectionHead .headlineLv1 span {
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    transition: 1.6s cubic-bezier(.19, 1, .22, 1)
}

._homeSection.js-inView .homeSectionHead_button {
    opacity: 0;
    transition: 1.2s cubic-bezier(.165, .84, .44, 1) .2s
}

._homeSection.js-inView.inView .homeSectionHead_button {
    opacity: 1
}

._homeSection.js-inView .listCategory_main,
._homeSection.js-inView .listCategory_sub {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    will-change: transform
}

._homeSection.js-inView.inView .listCategory_main,
._homeSection.js-inView.inView .listCategory_sub {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

._homeSection.js-inView .listCategory_main {
    transition: 1.4s cubic-bezier(.165, .84, .44, 1) .4s
}

._homeSection.js-inView .listCategory_sub {
    transition: 1.4s cubic-bezier(.165, .84, .44, 1) .7s
}

._homeSpecial.js-inView {
    opacity: 0;
    transition: 1.2s cubic-bezier(.165, .84, .44, 1) .4s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    will-change: transform
}

._homeSpecial.js-inView.inView {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.page--home ._listLatest .articleCard:first-child {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    transition-delay: .2s
}

.inView ._listLatest .articleCard:first-child {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page--home ._listLatest .articleCard:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    transition-delay: .4s
}

.inView ._listLatest .articleCard:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page--home ._listLatest .articleCard:nth-child(3) {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    transition-delay: .6s
}

.inView ._listLatest .articleCard:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page--home ._listLatest .articleCard:nth-child(4) {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    transition-delay: .8s
}

.inView ._listLatest .articleCard:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page--home ._listLatest .articleCard:nth-child(5) {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    transition-delay: 1s
}

.inView ._listLatest .articleCard:nth-child(5) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page--home ._listLatest .articleCard:nth-child(6) {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    transition-delay: 1.2s
}

.inView ._listLatest .articleCard:nth-child(6) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page--home ._listLatest .articleCard:nth-child(7) {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 1.4s cubic-bezier(.165, .84, .44, 1);
    transition-delay: 1.4s
}

.inView ._listLatest .articleCard:nth-child(7) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.footer {
    border-top: 3px solid #333;
    background-color: #eee;
    padding: 160px 0 150px;
    margin-top: 160px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2rem;
}

@media only screen and (max-width:900px) {
    .footer {
        padding: 80px 0 75px;
        margin-top: 80px;
        align-items: center;
    }
}

.footer_wrap {
    display: flex;
    justify-content: space-between;
    width: 75vw;
    margin-left: auto;
    margin-right: auto
}
.footer_bottom{
    margin-right: 10vw;
}
@media only screen and (max-width:900px) {
    .footer_wrap {
        width: 100%
    }
    .footer_bottom{
        margin-right: 0;
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .footer_wrap {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3rem;
        flex-wrap: wrap;
        row-gap: 1rem;
    }
}

@media only screen and (min-width:900px) {
    .footer_wrap>div {
        width: 23.03704%
    }
    .footer_wrap>div:nth-child(5) {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        align-items: center;
        font-family: "Verdana", sans-serif;
      font-size: clamp(3rem, 2.4vw, 3.6rem);
      font-weight: bold;
      justify-content: flex-end;
    }
    .footer_wrap>div>div {
        width: 100%
    }
}

@media only screen and (max-width:900px) {
    .footer_wrap>div:first-child {
        width: 35.8209%
    }
    .footer_wrap>div:nth-child(2) {
        width: 53.85075%
    }
    .footer_wrap>div:nth-child(5) {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 2rem;
    }
}

.footer_logo {
    margin-bottom: 10px;
    display: block
}

.footer_logo span {
    display: block;
    white-space: nowrap;
    font-family: "Verdana", sans-serif;
    font-size: clamp(2rem, 1.4vw, 2.6rem);
    font-weight: bold;    
}

.footer_copyright {
    font-size: 1rem;
    letter-spacing: .11em;
    line-height: 1;
    white-space: nowrap;
    font-family: "Verdana", sans-serif;
    font-style: normal;
    font-weight: bold;
}

@media only screen and (max-width:900px) {
    .footer_copyright {
        font-size: 1.15rem;
        display: flex;
        justify-content: center;
      }
}

.footer_menu>div {
    height: 50px
}

@media only screen and (max-width:900px) {
    .footer_menu>div {
        height: 45px
    }
}

.footer_menu>div>a {
    font-size: 1.8rem;
    display: block;
    letter-spacing: .07em
}

@media only screen and (max-width:900px) {
    .footer_menu>div>a {
        font-size: 1.4rem
    }
}

@media only screen and (min-width:900px) {
    .footer_menu>div>a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .footer_menu>div>a:hover {
        opacity: .5
    }
}

.footer_menu>div>a.is-sub {
    font-size: 1.4rem
}

@media only screen and (max-width:900px) {
    .footer_menu>div>a.is-sub {
        font-size: 1.05rem;
        margin-top: -2px
    }
}

.footer_menu>div>a.is-company {
    font-size: 1.2rem
}

@media only screen and (max-width:900px) {
    .footer_menu>div>a.is-company {
        font-size: .9rem
    }
}

.globalMenu {
    z-index: 100;
    position: fixed;
    top: 0;
    height: 100vh;
    pointer-events: none;
    visibility: hidden
}

@media only screen and (min-width:900px) {
    .globalMenu {
        right: 0;
        width: 27.77778vw;
        padding-right: 0;
    }
}

@media only screen and (max-width:900px) {
    .globalMenu {
        left: 0;
        top: 0;
        width: 100%;
        display: block
    }
}

.is-open .globalMenu {
    visibility: visible;
    pointer-events: auto
}

.globalMenu:before {
    border-left: 3px solid #333;
    height: 100%;
    width: 0;
    background: #fff;
    position: absolute;
    top: 0;
    content: "";
    z-index: 0;
    transition: .6s cubic-bezier(.165, .84, .44, 1)
}

@media only screen and (min-width:900px) {
    .globalMenu:before {
        right: 0;
    }
}

@media only screen and (max-width:900px) {
    .globalMenu:before {
        right: -100%;
        top: 0;
        width: 77.33333%;
        display: block
    }
}

.is-open .globalMenu:before {
    visibility: visible
}

@media only screen and (min-width:900px) {
    .is-open .globalMenu:before {
        width: 100%
    }
}

@media only screen and (max-width:900px) {
    .is-open .globalMenu:before {
        right: 0
    }
}

.globalMenu_container {
    z-index: 1;
    position: relative;
    opacity: 0;
    height: 100%
}

@media only screen and (min-width:900px) {
    .globalMenu_container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%
    }
}

@media only screen and (max-width:900px) {
    .globalMenu_container {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        justify-content: center;
        width: 77.33333%
    }
}

.is-open .globalMenu_container {
    opacity: 1;
    transition: 1.8s cubic-bezier(.165, .84, .44, 1) .3s
}

@media only screen and (max-width:900px) {
    .globalMenu_content {
        padding-top: 75px
    }
}

.globalMenu_main a {
    display: block;
    letter-spacing: .05em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (min-width:900px) {
    .globalMenu_main a {
        font-size: 2.1rem;
        margin-bottom: 2.4rem
    }
}

@media only screen and (max-width:900px) {
    .globalMenu_main a {
        font-size: 1.8rem;
        line-height: 2
    }
}

@media only screen and (min-width:900px) {
    .globalMenu_main a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .globalMenu_main a:hover {
        opacity: .5
    }
}

@media only screen and (min-width:900px) {
    .globalMenu_sub {
        margin-top: 80px
    }
}

@media only screen and (max-width:900px) {
    .globalMenu_sub {
        margin: 25px 0 0
    }
}

.globalMenu_sub a {
    font-size: 1.4rem;
    letter-spacing: .05em;
    display: block;
    margin-bottom: 20px;
    font-family: "Verdana", sans-serif
}

@media only screen and (min-width:900px) {
    .globalMenu_sub a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .globalMenu_sub a:hover {
        opacity: .5
    }
}

@media only screen and (max-width:900px) {
    .globalMenu_sub a {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:900px) {
    .globalMenu_sub a:first-child {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:900px) {
    .globalMenu_sub a:nth-child(2) {
        font-size: 1.4rem
    }
}

.globalMenu_followUs {
    display: flex;
    align-items: center
}

@media only screen and (min-width:900px) {
    .globalMenu_followUs {
        margin-top: 80px
    }
}

@media only screen and (max-width:900px) {
    .globalMenu_followUs {
        margin-top: 30px;
        padding-bottom: 50px
    }
}

.globalMenu_followUs a {
    display: block
}

@media only screen and (min-width:900px) {
    .globalMenu_followUs a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .globalMenu_followUs a:hover {
        opacity: .6
    }
}

.globalMenu_followUs a.is-twitter {
    font-size: 31px;
    margin-right: 25px
}

.globalMenu_followUs a.is-twitter:before {
    content: ""
}

@media only screen and (max-width:900px) {
    .globalMenu_followUs a.is-twitter {
        font-size: 23px;
        margin-right: 18px
    }
}

.globalMenu_followUs a.is-instagram {
    font-size: 30px
}

.globalMenu_followUs a.is-instagram:before {
    content: ""
}

@media only screen and (max-width:900px) {
    .globalMenu_followUs a.is-instagram {
        font-size: 23px
    }
}

.header {
    background-color: #fff
}

.header_logo {
    display: block;
    width: fit-content;
}

.header_logo span {
    display: block;
    white-space: nowrap;
    font-family: "Verdana", sans-serif;
    font-size: clamp(3rem, 3.4vw, 4rem);
    font-weight: bold;
}

.header_lead {
    transition: .5s cubic-bezier(.39, .575, .565, 1);
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .header_lead {
        display: block;
        font-size: 1.6rem;
        letter-spacing: .03em;
    }
}

@media only screen and (max-width:900px) {
    .header_lead {
        font-size: 1.15rem;
        left: calc(50% - 3px)
    }
    .header_logo span{
      font-size: 2.3rem;;
    }
}

.header_lead i {
    font-style: normal;
    letter-spacing: -.3em
}

@media only screen and (min-width:900px) {
    .header_lead i:nth-child(8) {
        margin-top: -2px
    }
}

@media only screen and (min-width:900px) {
    .header_lead i:nth-child(10) {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:900px) {
    .header_lead i:nth-child(10) {
        margin-right: 5px
    }
}

@media only screen and (min-width:900px) {
    .header_lead i:nth-child(13) {
        margin-bottom: -1px
    }
}

@media only screen and (min-width:900px) {
    .header_lead i:nth-child(14) {
        margin-bottom: 5px
    }
}

.container,
body.is-open {
    overflow: hidden
}

@media only screen and (max-width:900px) {
    .container {
        margin-top: 60px
    }
}
.single .container{
    overflow: visible;
}
.container:after,
.singleContainerWrap:after {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    display: block;
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: .6s cubic-bezier(.165, .84, .44, 1)
}

@media only screen and (min-width:900px) {
    .container:after,
    .singleContainerWrap:after {
        z-index: 20
    }
}

@media only screen and (max-width:900px) {
    .container:after,
    .singleContainerWrap:after {
        z-index: 31
    }
    .single .container{
        overflow: hidden;
    }
}

.is-open .container:after ,
.is-open .singleContainerWrap:after{
    visibility: visible;
    pointer-events: auto;
    opacity: 1
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 30
}

@media only screen and (min-width:900px) {
    .header {
        height: 100px;
        width: 100%;
        display: flex;
        border-bottom: 3px solid #333;
        column-gap: 9rem;
        align-items: center;
    }
    .header_inner{
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-left: 4.87%;
    }
}

@media only screen and (max-width:900px) {
    .header {
        height: 60px;
        width: 100vw;
        display: flex;
        border-bottom: 3px solid #333;
    }
    .header_inner{
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-left: 4.87%;
    }
}

.main {
    position: relative
}

@media only screen and (min-width:900px) {
    .main {
        /* padding-left:8.33333vw; */
    }
}

.listArchive,
.listLatest {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5rem;
    column-gap: 3rem;
    justify-content: space-between;
}

@media only screen and (min-width:900px) {
    .listArchive {
        margin-top: 120px;
        width: 75vw;
        margin-left: auto;
        margin-right: auto
    }

}

@media only screen and (min-width:900px) and (max-width:900px) {
    .listArchive {
        width: 100%
    }
}

@media only screen and (max-width:900px) {
    .listArchive {
        margin-top: 40px
    }
    .listLatest {
      row-gap: 1rem;
      column-gap: normal;
    }

}

@media only screen and (max-width:900px) and (max-width:900px) {
    .listArchive {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:900px) {
    .listCategory {
        display: flex;
        justify-content: space-between;
        margin-block-start: 4rem;
    }
}

.listCategory.is-featureRight {
    flex-direction: row-reverse
}

@media only screen and (min-width:900px) {
    .listCategory_main {
        width: 36.11111vw
    }
}

@media only screen and (min-width:900px) {
    .listCategory_sub {
        width: 36.11111vw;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:900px) {
    .articleCard:hover .articleCard_image div {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media only screen and (min-width:900px) {
    .listArchive .articleCard,
    .listLatest .articleCard {
       flex: 1 1 calc(33.333% - 2rem);
    }
}

@media only screen and (max-width:900px) {
    .listArchive .articleCard,
    .listLatest .articleCard {
        margin-bottom: 28px;
        width: 100%;
    }
}

@media only screen and (min-width:900px) {
    .listArchive .articleCard:nth-child(3n),
    .listLatest .articleCard:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:900px) {
    .listCategory_sub .articleCard {
        width: 16.66667vw;
        margin-bottom: 55px
    }
}

@media only screen and (max-width:900px) {
  .listCategory{
      margin-block-start: 2rem;
  }
    .listCategory_sub .articleCard {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:900px) {
    .listCategory_sub .articleCard:nth-child(odd) {
        margin-right: 2.77778vw
    }
}

.articleCard_image {
    overflow: hidden;
    position: relative;
    border: 3px solid;
    border-radius: 1rem;
}

@media only screen and (max-width:900px) {
    .articleCard_image {
        margin-bottom: 10px
    }
}

.articleCard_image:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none
}

@media only screen and (max-width:900px) {
    .listCategory_sub .articleCard_image {
        width: 100%
    }
}

.articleCard_image>div {
    padding-top: 68.46847%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: 2s cubic-bezier(.165, .84, .44, 1)
}
.articleCard_content {
    padding: 1.5rem 1rem;
}
@media only screen and (max-width:900px) {
    .articleCard_content {
      padding: 0 0.5rem;
    }
}

.articleCard_title {
    margin-bottom: 1rem;
     -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.875;
}

@media only screen and (max-width:900px) {
    .articleCard_title {
        font-size: 1.3rem;
        line-height: 1.69231;
        margin-bottom: 10px
    }
}

.listArchive .articleCard_title,
.listLatest .articleCard_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media only screen and (max-width:900px) {
    .listArchive .articleCard_title,
    .listLatest .articleCard_title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }
}

@media only screen and (min-width:900px) {
    .listCategory_sub .articleCard_title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

@media only screen and (max-width:900px) {
    .listCategory_sub .articleCard_title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

@media only screen and (max-width:900px) {
    .articleCard_title br {
        display: none
    }
}

.articleFeature {
    display: block;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:900px) {
    .articleFeature {
        padding-top: 130.76923%
    }
}

@media only screen and (max-width:900px) {
    .articleFeature {
        padding-top: 0;
        margin-bottom: 30px
    }
}

@media only screen and (min-width:900px) {
    .articleFeature:hover .articleFeature_image>div {

    }
    .articleFeature:hover .articleFeature_image:before{
      background-color: rgba(0, 0, 0, .25);
    }
}

@media only screen and (max-width:900px) {
    .articleFeature_image {
        position: relative;
        margin-bottom: 10px
    }
}

.articleFeature_image:before {
    background-color: rgba(0, 0, 0, .15);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    box-sizing: border-box;
    border-radius: 1rem;
    border: 3px solid;
    transition: background-color 2s ease;
}

.articleFeature_image>div {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 1rem;
    transition: 2s cubic-bezier(.165, .84, .44, 1)
}

@media only screen and (min-width:900px) {
    .articleFeature_image>div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }
}

@media only screen and (max-width:900px) {
    .articleFeature_image>div {
        padding-top: 68.65672%
    }
}

@media only screen and (min-width:900px) {
    .articleFeature_content {
        position: absolute;
        left: 8%;
        bottom: 5.9%;
        z-index: 3;
        width: 30.55556vw
    }
}

.articleFeature_title {
    letter-spacing: .08em;
    font-weight: bold;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .articleFeature_title {
        font-size: 2rem;
        line-height: 1.7;
        margin-bottom: 14px;
        color: #fff
    }
}

@media only screen and (max-width:900px) {
    .articleFeature_title {
        font-size: 1.3rem;
        line-height: 1.69231;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:900px) {
    .articleFeature_title br {
        display: none
    }
}

.arrowRight {
    width: 23px;
    height: 23px;
    border: 1px solid #333;
    border-radius: 50%;
    display: block;
    position: relative
}

@media only screen and (max-width:900px) {
    .arrowRight {
        width: 17px;
        height: 17px
    }
}

.arrowRight:before {
    width: 24px;
    position: absolute;
    left: -11px;
    top: 1px;
    height: 4px;
    content: url(assets/img/common/arrow_black.svg);
}

@media only screen and (max-width:900px) {
    .arrowRight:before {
        width: 19px;
        left: -9px;
        top: -2px;
        content: url(assets/img/common/arrow_black_short.svg)
    }
}

.homeHero .arrowRight:before {
    content: url(assets/img/common/arrow_white.svg)
}

@media only screen and (max-width:900px) {
    .homeHero .arrowRight:before {
        top: -2px;
        content: url(assets/img/common/arrow_white_short.svg)
    }
}

.homeCarousel .arrowRight:before {
    width: 34px;
    height: 4px;
    left: -21px;
    content: url(assets/img/common/arrow_long.svg)
}

@media only screen and (max-width:900px) {
    .homeCarousel .arrowRight:before {
        width: 19px;
        height: 4px;
        left: -9px;
        top: -2px;
        content: url(assets/img/common/arrow_black_short.svg)
    }
}

.is-prev .arrowRight {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.buttonText {
    display: flex;
    align-items: center
}

.buttonText span {
    display: block;
    margin-right: 30px;
    font-size: 1.6rem;
    letter-spacing: .05em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (min-width:900px) {
    .buttonText span {
        padding-top: 1px
    }
}

@media only screen and (max-width:900px) {
    .buttonText span {
        font-size: 1.2rem;
        margin-right: 20px;
        padding-top: 1px
    }
}

.head .is-prev .buttonText span {
    margin: 0 0 0 23px
}

@media only screen and (max-width:900px) {
    .head .is-prev .buttonText span {
        font-size: .8rem;
        margin-left: 12px
    }
}

.head .is-next .buttonText span {
    margin: 0 23px 0 0
}

@media only screen and (max-width:900px) {
    .head .is-next .buttonText span {
        font-size: .8rem;
        margin-right: 12px
    }
}

@media only screen and (min-width:900px) {
    .buttonText span br {
        display: none
    }
}

@media only screen and (min-width:900px) {
    .buttonText:hover .arrowRight:before {
        -webkit-animation: arrowLine .5s cubic-bezier(.785, .135, .15, .86) 0s 1 normal forwards;
        animation: arrowLine .5s cubic-bezier(.785, .135, .15, .86) 0s 1 normal forwards
    }
}

.buttonSlickArrows {
    display: block;
    cursor: pointer;
    position: relative;
    transition: .6s cubic-bezier(.165, .84, .44, 1)
}

.buttonSlickArrows:before {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    width: calc(100% + 20px);
    height: 100%
}

@media only screen and (min-width:900px) {
    .buttonSlickArrows:hover .arrowRight:before {
        -webkit-animation: arrowLine .5s cubic-bezier(.785, .135, .15, .86) 0s 1 normal forwards;
        animation: arrowLine .5s cubic-bezier(.785, .135, .15, .86) 0s 1 normal forwards
    }
}

.buttonSlickArrows.slick-disabled {
    opacity: .3;
    pointer-events: none
}

.buttonSlickArrows.slick-prev:before {
    left: 0
}

.buttonSlickArrows.slick-prev .arrowRight {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.buttonSlickArrows.slick-next:before {
    left: -20px
}

.buttonFill {
    width: 120px
}

.buttonFill a {
    background-color: #333;
    height: 30px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.3rem;
    border-radius: 15px
}

@media only screen and (min-width:900px) {
    .buttonFill a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .buttonFill a:hover {
        opacity: .7
    }
}

.followUs {
    display: flex;
    justify-content: center;
    align-items: center
}

.listArchive+.followUs,
.listNews+.followUs {
    margin-top: 120px
}

@media only screen and (max-width:900px) {
    .listArchive+.followUs,
    .listNews+.followUs {
        margin-top: 60px
    }
}

.followUs_title {
    font-size: 1.6rem;
    margin-right: 40px;
    letter-spacing: .07em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (max-width:900px) {
    .followUs_title {
        font-size: 1.2rem
    }
}

.followUs_icon {
    display: flex;
    align-items: center
}

.followUs_icon a {
    display: block
}

@media only screen and (min-width:900px) {
    .followUs_icon a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .followUs_icon a:hover {
        opacity: .6
    }
}

.followUs_icon a.is-twitter {
    font-size: 35px;
    margin-right: 30px
}

.followUs_icon a.is-twitter:before {
    content: ""
}

@media only screen and (max-width:900px) {
    .followUs_icon a.is-twitter {
        font-size: 26px
    }
}

.followUs_icon a.is-instagram {
    font-size: 34px
}

.followUs_icon a.is-instagram:before {
    content: ""
}

@media only screen and (max-width:900px) {
    .followUs_icon a.is-instagram {
        font-size: 26px
    }
}

.head {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 105px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width:900px) {
    .head {
        margin-bottom: 160px
    }
}

@media only screen and (max-width:900px) {
    .head {
        height: 60px;
        margin-bottom: 60px
    }
}

.head:first-child {
    margin-bottom: 0
}

@media only screen and (min-width:900px) {
    .head:first-child {
        border-top: none
    }
}

.head_core.is-index {
    display: flex;
    align-items: center
}

.head_core.is-index:before {
    content: "";
    font-size: 20px
}

@media only screen and (max-width:900px) {
    .head_core.is-index:before {
        font-size: 15px
    }
}

.head_core span {
    font-size: 3rem;
    letter-spacing: .01em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (max-width:900px) {
    .head_core span {
        font-size: 2.3rem
    }
}

.head_core:before {
    font-size: 20px;
    margin-right: 18px;
    color: #333
}

@media only screen and (max-width:900px) {
    .head_core:before {
        margin-right: 10px
    }
}

.head_scene {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 1
}

.head_scene.is-prev {
    left: 2.77778vw
}

@media only screen and (max-width:900px) {
    .head_scene.is-prev {
        left: 20px
    }
}

.head_scene.is-next {
    right: 2.77778vw
}

@media only screen and (max-width:900px) {
    .head_scene.is-next {
        right: 20px
    }
}

.head--absolute {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media only screen and (min-width:900px) {
    .head--absolute {
        width: calc(100% - 8.33333vw)
    }
}

@media only screen and (max-width:900px) {
    .head--absolute {
        width: 100%
    }
}

.headlineLv1 {
    font-family: "Verdana", sans-serif;
    font-size: clamp(3rem, 2.4vw, 3.6rem);
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    column-gap: 2rem;
}
.headlineLv1 span + span {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}

@media only screen and (max-width:900px) {
    .headlineLv1 {
        font-size: 2.3rem
    }
}

.headlineLv2 {
    letter-spacing: .04em;
    font-size: 1.4rem;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media only screen and (min-width:900px) {
    .headlineLv2 {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:900px) {
    .headlineLv2 {
        margin-bottom: 10px
    }
}

.headlineGeneral {
    text-align: center;
    letter-spacing: .08em;
    line-height: 1.52941;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .headlineGeneral {
        font-size: 3.4rem;
        margin-bottom: 100px
    }
}

@media only screen and (max-width:900px) {
    .headlineGeneral {
        font-size: 2.1rem;
        margin-bottom: 50px
    }
}

@media only screen and (min-width:900px) {
    .information {
        max-width: 920px;
        padding: 0 40px;
        margin: 110px auto 0
    }
}

@media screen and (min-width:1400px) {
    .information {
        max-width: 1040px
    }
}

@media only screen and (max-width:900px) {
    .information {
        margin: 55px auto 0
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .information {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.information_base {
    background-color: #f2f2f2
}

@media only screen and (min-width:900px) {
    .information_base {
        padding: 40px;
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (max-width:900px) {
    .information_base {
        padding: 30px 20px
    }
}

@media only screen and (min-width:900px) {
    .information_left {
        width: 36.84211%
    }
}

@media only screen and (max-width:900px) {
    .information_left {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:900px) {
    .information_right {
        width: 57.89474%
    }
}

.information_map {
    display: flex;
    align-items: center;
    margin-top: 10px;
    letter-spacing: .04em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

.information_map:before {
    content: "";
    width: 12px;
    height: 15px;
    margin-bottom: -2px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    background-image: url(/assets/img/pin.svg)
}

@media only screen and (min-width:900px) {
    .information_map {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:900px) {
    .information_map {
        font-size: 1.2rem
    }
}

@media only screen and (min-width:900px) {
    .information_map:before {
        margin-right: 10px;
        font-size: 14px
    }
}

@media only screen and (max-width:900px) {
    .information_map:before {
        margin-right: 8px;
        font-size: 13px;
        margin-top: -1px
    }
}

@media only screen and (min-width:900px) {
    .information_map {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .information_map:hover {
        opacity: .5
    }
}

.information_title {
    letter-spacing: .05em;
    line-height: 1.54545;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .information_title {
        font-size: 2.2rem;
        margin-bottom: 15px;
        margin-top: -5px
    }
}

@media only screen and (max-width:900px) {
    .information_title {
        font-size: 1.6rem;
        margin-bottom: 10px
    }
}

.information_body p {
    letter-spacing: .07em
}

@media only screen and (min-width:900px) {
    .information_body p {
        font-size: 1.4rem;
        line-height: 2.35714
    }
}

@media only screen and (max-width:900px) {
    .information_body p {
        font-size: 1.2rem;
        line-height: 1.75
    }
}

.information_body p a {
    color: #2856b1
}

@media only screen and (min-width:900px) {
    .information_body p a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .information_body p a:hover {
        opacity: .5
    }
}

.instagramList_content {
    display: flex;
    flex-wrap: wrap
}

.instagramList li {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:900px) {
    .instagramList li {
        width: 16.66667vw;
        margin-right: 2.77778vw;
        margin-bottom: 2.77778vw;
        padding-top: 22.222%
    }
}

@media only screen and (max-width:900px) {
    .instagramList li {
        width: 29.25373%;
        padding-top: 29.26%;
        margin-bottom: 20px;
        margin-right: 5.97015%
    }
}

@media only screen and (min-width:900px) {
    .instagramList li:last-child {
        display: none
    }
}

@media only screen and (min-width:900px) {
    .instagramList li:nth-child(4n) {
        margin-right: 0
    }
}

@media only screen and (max-width:900px) {
    .instagramList li:nth-child(3n) {
        margin-right: 0
    }
}

.instagramList li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    page-break-inside: avoid
}

.instagramList li a:before {
    content: "";
    position: absolute;
    z-index: 3;
    color: #fff
}

@media only screen and (min-width:900px) {
    .instagramList li a:before {
        left: 20px;
        bottom: 20px;
        font-size: 24px
    }
}

@media only screen and (max-width:900px) {
    .instagramList li a:before {
        left: 10px;
        bottom: 10px;
        font-size: 12px
    }
}

.instagramList li a:after {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none
}

@media only screen and (min-width:900px) {
    .instagramList li a:hover>div {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.instagramList li a>div {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: 1.8s cubic-bezier(.165, .84, .44, 1)
}

.instagramList_content li {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: 1.5s cubic-bezier(.165, .84, .44, 1)
}

.inView .instagramList_content li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.instagramList_content li:first-child {
    transition-delay: .2s
}

.instagramList_content li:nth-child(2) {
    transition-delay: .4s
}

.instagramList_content li:nth-child(3) {
    transition-delay: .6s
}

.instagramList_content li:nth-child(4) {
    transition-delay: .8s
}

.instagramList_content li:nth-child(5) {
    transition-delay: 1s
}

.instagramList_content li:nth-child(6) {
    transition-delay: 1.2s
}

.instagramList_content li:nth-child(7) {
    transition-delay: 1.4s
}

.instagramList_content li:nth-child(8) {
    transition-delay: 1.6s
}

.instagramList_content li:nth-child(9) {
    transition-delay: 1.8s
}

.instagramList_content li:nth-child(10) {
    transition-delay: 2s
}

.instagramList_content li:nth-child(11) {
    transition-delay: 2.2s
}

.instagramList_content li:nth-child(12) {
    transition-delay: 2.4s
}

.instagramList_content li:nth-child(13) {
    transition-delay: 2.6s
}

.instagramList_content li:nth-child(14) {
    transition-delay: 2.8s
}

.instagramList_content li:nth-child(15) {
    transition-delay: 3s
}

.instagramList_content li:nth-child(16) {
    transition-delay: 3.2s
}

.instagramList_content li:nth-child(17) {
    transition-delay: 3.4s
}

.instagramList_content li:nth-child(18) {
    transition-delay: 3.6s
}

.instagramList_content li:nth-child(19) {
    transition-delay: 3.8s
}

.instagramList_content li:nth-child(20) {
    transition-delay: 4s
}

.instagramList_content li:nth-child(21) {
    transition-delay: 4.2s
}

.instagramList_content li:nth-child(22) {
    transition-delay: 4.4s
}

.instagramList_content li:nth-child(23) {
    transition-delay: 4.6s
}

.instagramList_content li:nth-child(24) {
    transition-delay: 4.8s
}

.instagramList_content li:nth-child(25) {
    transition-delay: 5s
}

.instagramList_content li:nth-child(26) {
    transition-delay: 5.2s
}

.instagramList_content li:nth-child(27) {
    transition-delay: 5.4s
}

.instagramList_content li:nth-child(28) {
    transition-delay: 5.6s
}

.instagramList_content li:nth-child(29) {
    transition-delay: 5.8s
}

.instagramList_content li:nth-child(30) {
    transition-delay: 6s
}

.instagramList_content li:nth-child(31) {
    transition-delay: 6.2s
}

.itemCarousel {
    margin-top: 30px
}

@media only screen and (max-width:900px) {
    .itemCarousel {
        margin-top: 0
    }
}

@media only screen and (min-width:900px) {
    .itemCarousel_list {
        margin-left: 7.91667vw
    }
}

@media only screen and (max-width:900px) {
    .itemCarousel_list {
        margin-left: 5.33333%
    }
}

.itemCarousel_item {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:900px) {
    .itemCarousel_item:hover .itemCarousel_image>div {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }
}

.itemCarousel_image {
    position: relative
}

.itemCarousel_image:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none
}

.itemCarousel_image>div {
    padding-top: 68.07692%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: 2s cubic-bezier(.165, .84, .44, 1)
}

.itemCarousel .slick-list {
    overflow: visible
}

.itemCarousel .slick-slide {
    outline: none
}

@media only screen and (min-width:900px) {
    .itemCarousel .slick-slide {
        margin-right: 2.77778vw;
        width: 36.11111vw
    }
}

@media only screen and (max-width:900px) {
    .itemCarousel .slick-slide {
        margin-right: 20px;
        width: 80vw
    }
}

.itemCarousel .slick-slide:first-child .itemCarousel_item {
    transition-delay: .2s
}

.itemCarousel .slick-slide:nth-child(2) .itemCarousel_item {
    transition-delay: .4s
}

.itemCarousel .slick-slide:nth-child(3) .itemCarousel_item {
    transition-delay: .6s
}

.itemCarousel .slick-slide:nth-child(4) .itemCarousel_item {
    transition-delay: .8s
}

.itemCarousel .slick-slide:nth-child(5) .itemCarousel_item {
    transition-delay: 1s
}

.itemCarousel .slick-slide:nth-child(6) .itemCarousel_item {
    transition-delay: 1.2s
}

.itemCarousel .slick-slide:nth-child(7) .itemCarousel_item {
    transition-delay: 1.4s
}

.itemCarousel .slick-slide:nth-child(8) .itemCarousel_item {
    transition-delay: 1.6s
}

.itemCarousel .slick-slide:nth-child(9) .itemCarousel_item {
    transition-delay: 1.8s
}

.itemCarousel .slick-slide:nth-child(10) .itemCarousel_item {
    transition-delay: 2s
}

.itemCarousel .slick-slide:nth-child(11) .itemCarousel_item {
    transition-delay: 2.2s
}

.itemCarousel .slick-slide:nth-child(12) .itemCarousel_item {
    transition-delay: 2.4s
}

.itemCarousel .slick-slide:nth-child(13) .itemCarousel_item {
    transition-delay: 2.6s
}

.itemCarousel .slick-slide:nth-child(14) .itemCarousel_item {
    transition-delay: 2.8s
}

.itemCarousel .slick-slide:nth-child(15) .itemCarousel_item {
    transition-delay: 3s
}

.itemCarousel .slick-slide:nth-child(16) .itemCarousel_item {
    transition-delay: 3.2s
}

.itemCarousel .slick-slide:nth-child(17) .itemCarousel_item {
    transition-delay: 3.4s
}

.itemCarousel .slick-slide:nth-child(18) .itemCarousel_item {
    transition-delay: 3.6s
}

.itemCarousel .slick-slide:nth-child(19) .itemCarousel_item {
    transition-delay: 3.8s
}

.itemCarousel .slick-slide:nth-child(20) .itemCarousel_item {
    transition-delay: 4s
}

.itemCarousel .slick-slide:nth-child(21) .itemCarousel_item {
    transition-delay: 4.2s
}

.itemCarousel .slick-slide:nth-child(22) .itemCarousel_item {
    transition-delay: 4.4s
}

.itemCarousel .slick-slide:nth-child(23) .itemCarousel_item {
    transition-delay: 4.6s
}

.itemCarousel .slick-slide:nth-child(24) .itemCarousel_item {
    transition-delay: 4.8s
}

.itemCarousel .slick-slide:nth-child(25) .itemCarousel_item {
    transition-delay: 5s
}

.itemCarousel .slick-slide:nth-child(26) .itemCarousel_item {
    transition-delay: 5.2s
}

.itemCarousel .slick-slide:nth-child(27) .itemCarousel_item {
    transition-delay: 5.4s
}

.itemCarousel .slick-slide:nth-child(28) .itemCarousel_item {
    transition-delay: 5.6s
}

.itemCarousel .slick-slide:nth-child(29) .itemCarousel_item {
    transition-delay: 5.8s
}

.itemCarousel .slick-slide:nth-child(30) .itemCarousel_item {
    transition-delay: 6s
}

.itemCarousel .slick-slide:nth-child(31) .itemCarousel_item {
    transition-delay: 6.2s
}

.itemCarousel_item {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: 1.5s cubic-bezier(.165, .84, .44, 1)
}

.inView .itemCarousel_item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.newsCard {
    display: flex;
    align-items: center
}

@media only screen and (min-width:900px) {
    .newsCard {
        width: 36.11111vw;
        margin-bottom: 45px
    }
}

@media only screen and (max-width:900px) {
    .newsCard {
        margin-bottom: 20px
    }
}

.newsCard_image>div {
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (min-width:900px) {
    .newsCard_image>div {
        width: 120px;
        height: 120px
    }
}

@media only screen and (max-width:900px) {
    .newsCard_image>div {
        width: 60px;
        height: 60px
    }
}

.newsCard_image>div>div {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-size: cover;
    background-color: #f6f6f6;
    transition: 2s cubic-bezier(.165, .84, .44, 1)
}

@media only screen and (min-width:900px) {
    .newsCard_content {
        padding-left: 30px;
        margin-top: -5px
    }
}

@media only screen and (max-width:900px) {
    .newsCard_content {
        padding-left: 15px
    }
}

.newsCard_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .newsCard_title {
        font-size: 1.6rem;
        line-height: 1.875;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:900px) {
    .newsCard_title {
        font-size: 1.2rem;
        line-height: 1.58333
    }
}

.newsCard_date {
    font-size: 1.3rem;
    color: #999;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (max-width:900px) {
    .newsCard_date {
        font-size: .9rem
    }
}

.paging {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75vw;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width:900px) {
    .paging {
        width: 100%
    }
}

@media only screen and (min-width:900px) {
    .paging {
        margin: 120px auto 160px
    }
}

@media only screen and (max-width:900px) {
    .paging {
        margin: 60px auto 80px
    }
}

.paging_scene {
    letter-spacing: .07em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (min-width:900px) {
    .paging_scene {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:900px) {
    .paging_scene {
        font-size: 1.4rem
    }
}

@media only screen and (min-width:900px) {
    .paging_scene.is-prev {
        margin-right: 30px
    }
}

@media only screen and (max-width:900px) {
    .paging_scene.is-prev {
        margin-right: 15px
    }
}

@media only screen and (min-width:900px) {
    .paging_scene.is-next {
        margin-left: 30px
    }
}

@media only screen and (max-width:900px) {
    .paging_scene.is-next {
        margin-left: 15px
    }
}

.paging_scene.is-hidden {
    opacity: .3;
    pointer-events: none
}

@media only screen and (min-width:900px) {
    .paging_scene {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .paging_scene:hover {
        opacity: .6
    }
}

.paging_num {
    border-radius: 50%;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (min-width:900px) {
    .paging_num {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
        margin: 0 10px
    }
}

@media only screen and (max-width:900px) {
    .paging_num {
        width: 35px;
        height: 35px;
        font-size: 1.3rem;
        margin: 0 3px
    }
}

.paging_num.is-active {
    background-color: #333;
    color: #fff;
    pointer-events: none
}

@media only screen and (min-width:900px) {
    .paging_num {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .paging_num:hover {
        opacity: .6
    }
}

@media only screen and (min-width:900px) {
    .profile {
        max-width: 920px;
        padding: 0 40px;
        margin: 120px auto
    }
}

@media screen and (min-width:1400px) {
    .profile {
        max-width: 1040px
    }
}

@media only screen and (max-width:900px) {
    .profile {
        margin: 60px 0
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .profile {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.profile_section {
    border: 1px dotted #333;
}

@media only screen and (min-width:900px) {
    .profile_section {
        display: flex;
        justify-content: space-between;
        padding: 40px;
        margin-bottom: 40px
    }
}

@media only screen and (max-width:900px) {
    .profile_section {
        padding: 30px 20px;
        margin-bottom: 20px
    }
}

.profile_section:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:900px) {
    .profile_image {
        width: 15.78947%
    }
}

@media only screen and (max-width:900px) {
    .profile_image {
        width: 180px;
        height: 180px;
        margin: 0 auto 15px
    }
}

.profile_image>div {
    position: relative;
    padding: 50%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.profile_image>div:before {
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7em;
    height: 1em;
    margin-top: -.5em;
    margin-left: -3.5em
}

@media only screen and (min-width:900px) {
    .profile_content {
        width: 78.94737%
    }
}

.profile_name {
    letter-spacing: .07em;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .profile_name {
        font-size: 1.8rem;
        margin-bottom: 10px;
        line-height: 1.88889
    }
}

@media only screen and (max-width:900px) {
    .profile_name {
        font-size: 1.6rem;
        margin-bottom: 10px;
        line-height: 1.5625
    }
}

.profile_body p {
    letter-spacing: .07em
}

@media only screen and (min-width:900px) {
    .profile_body p {
        font-size: 1.3rem;
        line-height: 1.92308
    }
}

@media only screen and (max-width:900px) {
    .profile_body p {
        font-size: 1.1rem;
        line-height: 1.81818
    }
}

.profile_body p a {
    color: #2856b1
}

@media only screen and (min-width:900px) {
    .profile_body p a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .profile_body p a:hover {
        opacity: .5
    }
}

.profile_button {
    margin-top: 15px
}

.profile_link {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:900px) {
    .profile_link {
        margin: 25px 0 -15px
    }
}

@media only screen and (max-width:900px) {
    .profile_link {
        margin: 20px 0 -15px
    }
}

.profile_link a {
    display: flex;
    align-items: center;
    letter-spacing: .04em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (min-width:900px) {
    .profile_link a {
        font-size: 1.3rem;
        margin: 0 30px 15px 0
    }
}

@media only screen and (max-width:900px) {
    .profile_link a {
        font-size: .9rem;
        margin: 0 20px 10px 0
    }
}

@media only screen and (min-width:900px) {
    .profile_link a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .profile_link a:hover {
        opacity: .5
    }
}

.profile_link a:before {
    margin-right: 10px;
    font-size: 14px
}

.profile_link a.is-twitter:before {
    content: "";
    font-size: 17px
}

.profile_link a.is-instagram:before {
    content: ""
}

.profile_link a.is-facebook:before {
    content: ""
}

.profile_link a.is-youtube:before {
    content: "";
    font-size: 19px
}

.profile_link a.is-homepage:before {
    content: "";
    font-size: 15px
}

.rankingCarousel {
    margin-top: 55px
}

@media only screen and (max-width:900px) {
    .rankingCarousel {
        margin-top: 30px
    }
}

.rankingCarousel_list {
    counter-reset: ranking-num
}

@media only screen and (min-width:900px) {
    .rankingCarousel_list {
        margin-left: 7.91667vw
    }
}

@media only screen and (max-width:900px) {
    .rankingCarousel_list {
        margin-left: 5.33333%
    }
}

.rankingCarousel_item {
    position: relative
}

@media only screen and (min-width:900px) {
    .rankingCarousel_item:hover .rankingCarousel_image>div {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.rankingCarousel_num {
    width: 66px;
    height: 67px;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    background-image: url(assets/img/common/ranking_frame.png)
}

@media only screen and (max-width:900px) {
    .rankingCarousel_num {
        width: 33px;
        height: 34px;
        left: -16px;
        top: -10px
    }
}

.rankingCarousel_num:before {
    content: counter(ranking-num);
    counter-increment: ranking-num;
    font-size: 3.8rem;
    font-family: Poppins,sans-serif;
    font-style: normal
}

@media only screen and (max-width:900px) {
    .rankingCarousel_num:before {
        font-size: 1.9rem
    }
}

.rankingCarousel_image {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:900px) {
    .rankingCarousel_image {
        margin-bottom: 10px
    }
}

.rankingCarousel_image:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    z-index: 2;
    pointer-events: none;
    box-sizing: border-box;
  }

.rankingCarousel_image>div {
    /* padding-top: 130.71429%; */
    padding-top: 68.46847%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: 2s cubic-bezier(.165, .84, .44, 1)
}

.rankingCarousel_title {
    line-height: 1.875;
    margin-bottom: 20px;
    letter-spacing: .07em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    font-weight: bold;
}

@media only screen and (max-width:900px) {
    .rankingCarousel_title {
        font-size: 1.3rem;
        line-height: 1.69231;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }
}

.rankingCarousel .slick-list {
    overflow: visible
}

@media only screen and (min-width:900px) {
    .rankingCarousel .slick-slide {
        margin-right: 2.77778vw;
        width: 19.44444vw;
        outline: none
    }
}

@media only screen and (max-width:900px) {
    .rankingCarousel .slick-slide {
        margin-right: 20px;
        width: 40vw
    }
}

.js-inView .rankingCarousel .slick-slide:first-child .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:first-child .rankingCarousel_wrap {
    transition-delay: .2s
}

.js-inView .rankingCarousel .slick-slide:nth-child(2) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(2) .rankingCarousel_wrap {
    transition-delay: .4s
}

.js-inView .rankingCarousel .slick-slide:nth-child(3) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(3) .rankingCarousel_wrap {
    transition-delay: .6s
}

.js-inView .rankingCarousel .slick-slide:nth-child(4) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(4) .rankingCarousel_wrap {
    transition-delay: .8s
}

.js-inView .rankingCarousel .slick-slide:nth-child(5) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(5) .rankingCarousel_wrap {
    transition-delay: 1s
}

.js-inView .rankingCarousel .slick-slide:nth-child(6) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(6) .rankingCarousel_wrap {
    transition-delay: 1.2s
}

.js-inView .rankingCarousel .slick-slide:nth-child(7) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(7) .rankingCarousel_wrap {
    transition-delay: 1.4s
}

.js-inView .rankingCarousel .slick-slide:nth-child(8) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(8) .rankingCarousel_wrap {
    transition-delay: 1.6s
}

.js-inView .rankingCarousel .slick-slide:nth-child(9) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(9) .rankingCarousel_wrap {
    transition-delay: 1.8s
}

.js-inView .rankingCarousel .slick-slide:nth-child(10) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(10) .rankingCarousel_wrap {
    transition-delay: 2s
}

.js-inView .rankingCarousel .slick-slide:nth-child(11) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(11) .rankingCarousel_wrap {
    transition-delay: 2.2s
}

.js-inView .rankingCarousel .slick-slide:nth-child(12) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(12) .rankingCarousel_wrap {
    transition-delay: 2.4s
}

.js-inView .rankingCarousel .slick-slide:nth-child(13) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(13) .rankingCarousel_wrap {
    transition-delay: 2.6s
}

.js-inView .rankingCarousel .slick-slide:nth-child(14) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(14) .rankingCarousel_wrap {
    transition-delay: 2.8s
}

.js-inView .rankingCarousel .slick-slide:nth-child(15) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(15) .rankingCarousel_wrap {
    transition-delay: 3s
}

.js-inView .rankingCarousel .slick-slide:nth-child(16) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(16) .rankingCarousel_wrap {
    transition-delay: 3.2s
}

.js-inView .rankingCarousel .slick-slide:nth-child(17) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(17) .rankingCarousel_wrap {
    transition-delay: 3.4s
}

.js-inView .rankingCarousel .slick-slide:nth-child(18) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(18) .rankingCarousel_wrap {
    transition-delay: 3.6s
}

.js-inView .rankingCarousel .slick-slide:nth-child(19) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(19) .rankingCarousel_wrap {
    transition-delay: 3.8s
}

.js-inView .rankingCarousel .slick-slide:nth-child(20) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(20) .rankingCarousel_wrap {
    transition-delay: 4s
}

.js-inView .rankingCarousel .slick-slide:nth-child(21) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(21) .rankingCarousel_wrap {
    transition-delay: 4.2s
}

.js-inView .rankingCarousel .slick-slide:nth-child(22) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(22) .rankingCarousel_wrap {
    transition-delay: 4.4s
}

.js-inView .rankingCarousel .slick-slide:nth-child(23) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(23) .rankingCarousel_wrap {
    transition-delay: 4.6s
}

.js-inView .rankingCarousel .slick-slide:nth-child(24) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(24) .rankingCarousel_wrap {
    transition-delay: 4.8s
}

.js-inView .rankingCarousel .slick-slide:nth-child(25) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(25) .rankingCarousel_wrap {
    transition-delay: 5s
}

.js-inView .rankingCarousel .slick-slide:nth-child(26) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(26) .rankingCarousel_wrap {
    transition-delay: 5.2s
}

.js-inView .rankingCarousel .slick-slide:nth-child(27) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(27) .rankingCarousel_wrap {
    transition-delay: 5.4s
}

.js-inView .rankingCarousel .slick-slide:nth-child(28) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(28) .rankingCarousel_wrap {
    transition-delay: 5.6s
}

.js-inView .rankingCarousel .slick-slide:nth-child(29) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(29) .rankingCarousel_wrap {
    transition-delay: 5.8s
}

.js-inView .rankingCarousel .slick-slide:nth-child(30) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(30) .rankingCarousel_wrap {
    transition-delay: 6s
}

.js-inView .rankingCarousel .slick-slide:nth-child(31) .rankingCarousel_num,
.js-inView .rankingCarousel .slick-slide:nth-child(31) .rankingCarousel_wrap {
    transition-delay: 6.2s
}

.js-inView .rankingCarousel_num {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: 1.8s cubic-bezier(.19, 1, .22, 1)
}

.inView .rankingCarousel_num {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js-inView .rankingCarousel_wrap {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: 1.5s cubic-bezier(.165, .84, .44, 1);
    padding: 2rem;
}

.inView .rankingCarousel_wrap {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.ranking-empty{
    text-align: center;
}
.share {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:900px) {
    .share {
        margin-bottom: 160px
    }
}

@media only screen and (max-width:900px) {
    .share {
        margin-bottom: 70px
    }
}
.wysiwyg{
    margin-block-start: 8rem;
}
.information+.share,
.tag+.share,
.wysiwyg+.share {
    margin-top: 160px
}

@media only screen and (max-width:900px) {
    .information+.share,
    .tag+.share,
    .wysiwyg+.share {
        margin-top: 70px
    }
}

.share_title {
    line-height: 1;
    letter-spacing: .07em;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .share_title {
        font-size: 1.6rem;
        margin-right: 40px
    }
}

@media only screen and (max-width:900px) {
    .share_title {
        font-size: 1.2rem;
        margin-right: 20px
    }
}

.share_item,
.share_list {
    display: flex;
    align-items: center
}

.share_item {
    color: #fff;
    border-radius: 50%;
    justify-content: center;
    cursor: pointer
}

@media only screen and (min-width:900px) {
    .share_item {
        margin: 0 10px;
        width: 60px;
        height: 60px
    }
}

@media only screen and (max-width:900px) {
    .share_item {
        margin: 0 5px;
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width:900px) {
    .share_item {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .share_item:hover {
        opacity: .7
    }
}

.share_item.is-facebook {
    background-color: #3d5c95
}

.share_item.is-facebook:before {
    content: ""
}

@media only screen and (min-width:900px) {
    .share_item.is-facebook {
        font-size: 30px
    }
}

@media only screen and (max-width:900px) {
    .share_item.is-facebook {
        font-size: 18px
    }
}

.share_item.is-twitter {
    background-color: #2baee7
}

.share_item.is-twitter:before {
    content: ""
}

@media only screen and (min-width:900px) {
    .share_item.is-twitter {
        font-size: 30px
    }
}

@media only screen and (max-width:900px) {
    .share_item.is-twitter {
        font-size: 18px
    }
}

.share_item.is-line {
    background-color: #1dc121
}

.share_item.is-line:before {
    content: ""
}

@media only screen and (min-width:900px) {
    .share_item.is-line {
        font-size: 36px
    }
}

@media only screen and (max-width:900px) {
    .share_item.is-line {
        font-size: 21.6px
    }
}

.states {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #999;
    gap: 1rem;
}

@media only screen and (min-width:900px) {
    .states {
        margin-left: 2px
    }
}

@media only screen and (max-width:900px) {
    .states {
        margin-left: 1px
    }
}

.articleFeature .states,
.homeHero .states,
.homeSpecial .states {
    color: #fff
}

@media only screen and (max-width:900px) {
    .articleFeature .states {
        color: #999
    }
}

.articleHead .states {
    color: #333
}

.states_category {
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    letter-spacing: .05em;
    font-style: normal;
    padding-block: .6rem;
    padding-inline: 1.5rem;
    border: .1rem solid #0076c1;
    border-radius: 8rem;
    color: #0076c1;
    line-height: 1.5;
    letter-spacing: var(--lts);
}

@media only screen and (max-width:900px) {
    .states_category {
        font-size: .9rem
    }
}
.articleFeature .states_category,
.homeSpecial .states_category{
    border-color: #fff;
    color: #fff
}
.articleFeature .states_category:after,
.homeHero .states_category:after,
.homeSpecial .states_category:after {
    background-color: #fff
}

@media only screen and (max-width:900px) {
    .articleFeature .states_category:after {
        background-color: #999
    }
}

.states_date {
    font-size: 1.3rem;
    letter-spacing: .05em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (max-width:900px) {
    .states_date {
        font-size: .9rem
    }
}

.tag {
    background-color: #f2f2f2
}

.wysiwyg+.tag {
    margin-top: 120px
}

@media only screen and (max-width:900px) {
    .wysiwyg+.tag {
        margin-top: 60px
    }
}
.em-dot{
  font-size: 2.6rem;
  font-weight: 700;
}

.tag_head {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .tag_head {
        font-size: 2.8rem;
        height: 180px
    }
}

@media only screen and (max-width:900px) {
    .tag_head {
        font-size: 2.1rem;
        height: 100px
    }
    .em-dot{
    font-size: 2rem;
    }

}

@media only screen and (min-width:900px) {
    .tag_wrap {
        padding: 150px 0;
        display: flex;
        box-sizing: border-box
    }
}

@media only screen and (min-width:900px) and (min-width:900px) {
    .tag_wrap {
        padding-right: 8.33333vw;
        padding-left: 8.33333vw
    }
}

@media only screen and (min-width:900px) {
    .page--article .tag_wrap {
        padding: 110px 16.66667vw
    }
}

@media only screen and (max-width:900px) {
    .tag_wrap {
        padding: 50px 0
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .tag_wrap {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.tag_headline {
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (min-width:900px) {
    .tag_headline {
        margin-top: 6px;
        font-size: 3rem;
        width: 16.66667vw
    }
    .page--article .tag_headline {
        font-size: 2rem
    }
}

@media only screen and (max-width:900px) {
    .tag_headline {
        font-size: 2.3rem;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:900px) {
    .tag_list {
        width: 58.33333vw
    }
}

.tag_list a {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.875;
    margin-right: 20px
}

@media only screen and (max-width:900px) {
    .tag_list a {
        font-size: 1.2rem;
        line-height: 2.16667;
        margin-right: 15px
    }
}

@media only screen and (min-width:900px) {
    .tag_list a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .tag_list a:hover {
        opacity: .5
    }
}

.trigger {
    display: block;
    cursor: pointer;
    position: fixed;
    z-index: 101
}

@media only screen and (min-width:900px) {
    .trigger {
        /* width:8.33333vw; */
        right: 48px;
        top: 30px;
    }
}

@media only screen and (max-width:900px) {
    .trigger {
        right: 20px;
        top: 22px
    }
}

.trigger_box {
    position: relative;
    width: 40px;
    height: 24px;
    margin: 0 auto
}

@media only screen and (max-width:900px) {
    .trigger_box {
        width: 25px;
        height: 15px
    }
}

.trigger_inner {
    display: block;
    bottom: 0;
    width: 100%;
    height: 100%
}

.is-open .trigger_inner {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: .8s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (min-width:900px) {
    .trigger_inner:hover i:first-child:before {
        -webkit-animation: triggerLine .6s cubic-bezier(.785, .135, .15, .86) 0s 1 normal forwards;
        animation: triggerLine .6s cubic-bezier(.785, .135, .15, .86) 0s 1 normal forwards
    }
    .trigger_inner:hover i:nth-child(2):before {
        -webkit-animation: triggerLine .6s cubic-bezier(.785, .135, .15, .86) .1s 1 normal forwards;
        animation: triggerLine .6s cubic-bezier(.785, .135, .15, .86) .1s 1 normal forwards
    }
    .trigger_inner:hover i:nth-child(3):before {
        -webkit-animation: triggerLine .6s cubic-bezier(.785, .135, .15, .86) .2s 1 normal forwards;
        animation: triggerLine .6s cubic-bezier(.785, .135, .15, .86) .2s 1 normal forwards
    }
}

.trigger_inner i {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    transition: .8s cubic-bezier(.19, 1, .22, 1)
}

.trigger_inner i:before {
    background-color: #333;
    content: "";
    display: block;
    height: 3px
}

@media only screen and (min-width:900px) {
    .trigger_inner i:before {
        width: 40px
    }
}

@media only screen and (max-width:900px) {
    .trigger_inner i:before {
        width: 25px
    }
}

.trigger_inner i:first-child {
    top: 0
}

.is-open .trigger_inner i:first-child {
    top: 8px;
    left: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width:900px) {
    .is-open .trigger_inner i:first-child {
        left: -2px
    }
}

.trigger_inner i:nth-child(2) {
    top: 10px
}

@media only screen and (max-width:900px) {
    .trigger_inner i:nth-child(2) {
        top: 7px
    }
}

.is-open .trigger_inner i:nth-child(2) {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.trigger_inner i:nth-child(3) {
    top: 20px
}

@media only screen and (max-width:900px) {
    .trigger_inner i:nth-child(3) {
        top: 14px
    }
}

.is-open .trigger_inner i:nth-child(3) {
    top: 8px;
    left: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (max-width:900px) {
    .is-open .trigger_inner i:nth-child(3) {
        left: 2px
    }
}

.wysiwyg>* {
    margin: 0 auto
}

@media only screen and (min-width:900px) {
    .wysiwyg>* {
        max-width: 920px;
        padding: 0 40px
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg>* {
        max-width: 1040px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .wysiwyg>* {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.wysiwyg>:first-child {
    margin-top: 0!important
}

.wysiwyg>* a {
    color: #2856b1
}

@media only screen and (min-width:900px) {
    .wysiwyg>* a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .wysiwyg>* a:hover {
        opacity: .5
    }
}

.wysiwyg h2+p {
    margin-top: 27px
}

@media only screen and (max-width:900px) {
    .wysiwyg h2+p {
        margin-top: 17px
    }
}

.wysiwyg p {
    letter-spacing: .08em;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .wysiwyg p {
        font-size: 1.6rem;
        line-height: 2.125
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg p {
        font-size: 1.4rem;
        line-height: 2
    }
}

@media only screen and (min-width:900px) {
    .wysiwyg p+figure {
        margin-top: 65px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg p+figure {
        margin-top: 30px
    }
}

@media only screen and (min-width:900px) {
    .wysiwyg p+.is-style-question {
        margin-top: 60px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg p+.is-style-question {
        margin-top: 30px
    }
}

@media only screen and (min-width:900px) {
    .wysiwyg p+p {
        margin-top: 25px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg p+p {
        margin-top: 15px
    }
}

.wysiwyg p strong {
    font-weight: 700
}

.wysiwyg p.dl-header {
    padding: 29px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    font-weight: 700;
    letter-spacing: .09em;
    font-size: 1.8rem
}

@media only screen and (max-width:900px) {
    .wysiwyg p.dl-header {
        margin-bottom: 25px;
        padding: 15px 0;
        font-size: 1.4rem
    }
}

.wysiwyg p:first-child {
    margin-top: -5px!important
}

.wysiwyg .wp-block-lig-dl {
    margin-top: 80px;
    margin-bottom: 80px
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-lig-dl {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.wysiwyg .wp-block-lig-dl dl {
    margin-bottom: 20px
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-lig-dl dl {
        margin-bottom: 15px
    }
}

.wysiwyg .wp-block-lig-dl dl:last-child {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-lig-dl dl:last-child {
        padding-bottom: 25px
    }
}

.wysiwyg .wp-block-lig-dl dl dd,
.wysiwyg .wp-block-lig-dl dl dt {
    letter-spacing: .08em;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .wysiwyg .wp-block-lig-dl dl dd,
    .wysiwyg .wp-block-lig-dl dl dt {
        font-size: 1.6rem;
        line-height: 2.125
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-lig-dl dl dd,
    .wysiwyg .wp-block-lig-dl dl dt {
        font-size: 1.4rem;
        line-height: 2
    }
}

.wysiwyg .wp-block-lig-dl dl dt {
    font-weight: 700
}

.wysiwyg ul {
    list-style: none;
    padding: 0;
    margin-bottom: 80px
}

@media only screen and (min-width:900px) {
    .wysiwyg ul {
        max-width: 840px
    }
}

@media screen and (max-width:1000px) {
    .wysiwyg ul {
        width: calc(100% - 80px)
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg ul {
        max-width: 960px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg ul {
        margin-bottom: 60px;
        margin-top: 25px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .wysiwyg ul {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.wysiwyg ul li {
    margin-left: 0;
    font-size: 1.6rem;
    line-height: 2.125;
    margin-bottom: 0;
    letter-spacing: .07em;
    padding-left: 1.5em;
    text-indent: -1.5em
}

.wysiwyg ul li:before {
    content: "・";
    margin-right: 18px
}

@media only screen and (max-width:900px) {
    .wysiwyg ul li:before {
        margin-right: 10px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg ul li {
        font-size: 1.4rem;
        margin-bottom: 6px;
        line-height: 2;
        padding-left: 1.3em;
        text-indent: -1.3em
    }
}

.wysiwyg ul li span {
    color: #222
}

.wysiwyg ul li:last-child {
    padding-bottom: 30px;
    border-bottom: 1px solid #333
}

@media only screen and (max-width:900px) {
    .wysiwyg ul li:last-child {
        padding-bottom: 25px
    }
}

.wysiwyg ol {
    counter-reset: li;
    list-style: none;
    border-bottom: 1px solid #eee;
    margin-bottom: 80px;
    padding-bottom: 30px;
    padding-right: 0;
    padding-left: 40px
}

@media only screen and (min-width:900px) {
    .wysiwyg ol {
        max-width: 840px
    }
}

@media screen and (max-width:1000px) {
    .wysiwyg ol {
        width: calc(100% - 80px)
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg ol {
        max-width: 960px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg ol {
        padding-left: 25px;
        margin-bottom: 60px;
        margin-top: 25px;
        padding-bottom: 20px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .wysiwyg ol {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.wysiwyg ol li {
    margin-bottom: 0;
    line-height: 2.125;
    font-size: 1.6rem;
    letter-spacing: .07em;
    position: relative
}

@media only screen and (max-width:900px) {
    .wysiwyg ol li {
        margin-bottom: 4px;
        font-size: 1.4rem
    }
}

.wysiwyg ol li:before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    content: counter(li) " ";
    counter-increment: li;
    font-weight: 700;
    font-size: 11px;
    position: absolute;
    left: -36px;
    top: 6px
}

@media only screen and (max-width:900px) {
    .wysiwyg ol li:before {
        left: -21px;
        top: 3px
    }
}

.wysiwyg ol li:after {
    width: 14px;
    height: 14px;
    border: 1px solid #333;
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    left: -40px;
    top: 10px;
    text-align: center
}

@media only screen and (max-width:900px) {
    .wysiwyg ol li:after {
        left: -26px;
        top: 7px
    }
}

.wysiwyg h2 {
    letter-spacing: .08em;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .wysiwyg h2 {
        font-size: 3rem;
        line-height: 1.4;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg h2 {
        font-size: 2rem;
        line-height: 1.45;
        margin-bottom: 10px
    }
}

*+.wysiwyg h2 {
    margin-top: 60px
}

@media only screen and (max-width:900px) {
    *+.wysiwyg h2 {
        margin-top: 30px
    }
}

.wysiwyg h2:first-child {
    margin-top: -5px!important
}

.wysiwyg h3 {
    font-size: 2rem;
    letter-spacing: .07em;
    font-weight: 700;
    margin: 40px auto 20px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.4
}

@media only screen and (max-width:900px) {
    .wysiwyg h3 {
        font-size: 1.8rem;
        margin: 20px auto 10px
    }
}

.wysiwyg h4 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 39px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    letter-spacing: .09em;
    font-size: 1.8rem;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .wysiwyg h4 {
        max-width: 840px
    }
}

@media screen and (max-width:1000px) {
    .wysiwyg h4 {
        width: calc(100% - 80px)
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg h4 {
        max-width: 960px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg h4 {
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 19px 0;
        font-size: 1.5rem
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .wysiwyg h4 {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:900px) {
    .wysiwyg figure {
        margin-bottom: 60px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg figure {
        margin-bottom: 30px
    }
}

.wysiwyg figure picture {
    display: block
}

.wysiwyg figure figcaption {
    color: #999;
    letter-spacing: .07em;
    text-align: left
}

@media only screen and (min-width:900px) {
    .wysiwyg figure figcaption {
        font-size: 1.3rem;
        line-height: 2.61538
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg figure figcaption {
        font-size: .9rem;
        line-height: 2;
        margin-top: 3px
    }
}

.wysiwyg .is-style-question {
    letter-spacing: .07em;
    position: relative;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .wysiwyg .is-style-question {
        padding-left: 100px;
        font-size: 2.2rem;
        margin-bottom: 15px;
        line-height: 1.81818
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .is-style-question {
        padding-left: 55px;
        font-size: 1.7rem;
        margin-bottom: 10px;
        line-height: 1.52941
    }
}

.wysiwyg .is-style-question:before {
    content: "";
    width: 40px;
    height: 1px;
    background-color: #333;
    display: block;
    position: absolute
}

@media only screen and (min-width:900px) {
    .wysiwyg .is-style-question:before {
        top: 21px;
        left: 40px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .is-style-question:before {
        top: 12px;
        left: 0
    }
}

.wysiwyg .is-style-answer {
    position: relative
}

@media only screen and (min-width:900px) {
    .wysiwyg .is-style-answer {
        padding-left: calc(3.5em + 43px)
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .is-style-answer {
        padding-left: 55px
    }
}

.wysiwyg .is-style-answer em {
    position: absolute;
    top: 0;
    display: block;
    font-style: normal;
    font-weight: 700
}

@media only screen and (min-width:900px) {
    .wysiwyg .is-style-answer em {
        left: 40px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .is-style-answer em {
        left: 0
    }
}

.wysiwyg .is-style-answer+.is-style-answer {
    margin-top: 10px
}

.wysiwyg .wp-block-quote {
    margin: 60px auto
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-quote {
        margin: 30px auto
    }
}

.wysiwyg .wp-block-image {
    margin-top: 60px
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-image {
        margin-top: 30px
    }
}

.wysiwyg .wp-block-image img {
    max-width: none;
    width: 100%;
    height: auto
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-image img {
        width: 100%!important;
        height: auto
    }
}

.wysiwyg .wp-block-image.is-style-largeLeft,
.wysiwyg .wp-block-image.is-style-largeRight {
    max-width: none
}

@media only screen and (min-width:900px) {
    .wysiwyg .wp-block-image.is-style-largeLeft,
    .wysiwyg .wp-block-image.is-style-largeRight {
        margin: 110px 0 70px;
        padding: 0
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-image.is-style-largeLeft,
    .wysiwyg .wp-block-image.is-style-largeRight {
        margin: 55px 0 35px;
        width: 100%
    }
}

.wysiwyg .wp-block-image.is-style-largeLeft img,
.wysiwyg .wp-block-image.is-style-largeRight img {
    height: auto;
    display: block
}

@media only screen and (min-width:900px) {
    .wysiwyg .wp-block-image.is-style-largeLeft.is-style-largeRight,
    .wysiwyg .wp-block-image.is-style-largeRight.is-style-largeRight {
        display: flex;
        justify-content: flex-end
    }
}

@media only screen and (min-width:900px) {
    .wysiwyg .wp-block-lig-two-columns {
        display: flex;
        justify-content: space-between;
        max-width: 75vw;
        margin: 110px auto 60px;
        padding: 0
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-lig-two-columns {
        margin: 55px 0 35px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .wysiwyg .wp-block-lig-two-columns {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:900px) {
    .wysiwyg .wp-block-lig-two-columns .wp-block-lig-column-inner {
        width: 36.11111vw
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-lig-two-columns .wp-block-lig-column-inner:first-child {
        margin-bottom: 20px
    }
}

.wysiwyg .wp-block-lig-two-columns .wp-block-lig-column-inner figure {
    margin: 0
}

.wysiwyg .wp-block-lig-two-columns .wp-block-lig-column-inner figure img {
    width: 100%;
    height: auto
}

.wysiwyg .wp-block-columns {
    max-width: none;
    padding: 0
}

@media only screen and (min-width:900px) {
    .wysiwyg .wp-block-columns {
        display: flex;
        justify-content: space-between;
        max-width: 75vw;
        margin: 110px auto 60px
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-columns {
        margin: 55px 0 35px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .wysiwyg .wp-block-columns {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:900px) {
    .wysiwyg .wp-block-columns .wp-block-column {
        width: 36.11111vw
    }
}

@media only screen and (max-width:900px) {
    .wysiwyg .wp-block-columns .wp-block-column:first-child {
        margin-bottom: 20px
    }
}

.wysiwyg .wp-block-columns .wp-block-column figure {
    margin: 0
}

.wysiwyg .wp-block-columns .wp-block-column figure img {
    width: 100%;
    height: auto
}

@media only screen and (min-width:900px) {
    .page--about .main {
        padding-top: calc(100vh + 800px)
    }
    .page--about .main.is-scrolled {
        padding-top: 0
    }
    .page--about .main.is-scrolled .head {
        position: absolute
    }
    .page--about .main.is-scrolled .aboutHero {
        position: relative;
        left: 0
    }
    .page--about .head {
        position: fixed;
        left: 8.33333vw;
        top: 0;
        z-index: 3
    }
    .page--about .aboutHero {
        position: fixed;
        left: 8.33333vw;
        top: 0;
        width: 91.66667vw;
        height: 100vh
    }
}

@media only screen and (max-width:900px) {
    .page--about .main {
        padding-bottom: 0!important;
        top: auto!important
    }
}

.aboutHero {
    z-index: 2;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    background-color: #fff;
    background-image: url(/assets/img/about_bg.png)
}

@media only screen and (min-width:900px) {
    .aboutHero {
        padding-top: 105px;
        margin-bottom: 160px
    }
}

@media only screen and (max-width:900px) {
    .aboutHero {
        padding-top: 120px;
        margin-bottom: 80px
    }
}

.aboutHero:before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    background-color: hsla(0, 0%, 100%, .25);
    position: absolute
}

.aboutHero_wrap {
    position: relative;
    overflow: hidden;
    z-index: 2
}

@media only screen and (min-width:900px) {
    .aboutHero_wrap {
        height: 100%;
        width: 75vw;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:900px) and (max-width:900px) {
    .aboutHero_wrap {
        width: 100%
    }
}

@media only screen and (max-width:900px) {
    .aboutHero_wrap {
        padding-bottom: 80px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .aboutHero_wrap {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:900px) {
    .aboutHero_logo {
        left: 8.33333vw;
        top: 0;
        width: 230px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (max-width:900px) {
    .aboutHero_logo {
        width: 160px;
        margin: 0 auto 40px
    }
}

@media only screen and (min-width:900px) {
    .aboutHero_shoulder {
        margin: 0 0 12px 45px;
        width: 187px;
        height: 47px
    }
    .aboutHero_shoulder img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:900px) {
    .aboutHero_shoulder {
        margin: 0 0 10px 25px;
        width: 125px
    }
}

.aboutHero_content {
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .aboutHero_content {
        position: absolute;
        top: 0;
        right: 0;
        width: 37.5vw;
        height: 100%
    }
}

@media only screen and (min-width:900px) {
    .aboutHero_core {
        position: absolute;
        left: 0
    }
}

.aboutHero_title {
    letter-spacing: .07em
}

@media only screen and (min-width:900px) {
    .aboutHero_title {
        font-size: 3.8rem;
        line-height: 1.57895;
        margin-bottom: 85px
    }
}

@media only screen and (max-width:900px) {
    .aboutHero_title {
        font-size: 2.2rem;
        line-height: 1.68182;
        margin-bottom: 30px;
        text-align: center
    }
}

.aboutHero_body {
    letter-spacing: .07em
}

@media only screen and (min-width:900px) {
    .aboutHero_body {
        font-size: 2.2rem;
        line-height: 2.36364
    }
}

@media only screen and (max-width:900px) {
    .aboutHero_body {
        font-size: 1.5rem;
        line-height: 2.33333;
        text-align: center
    }
}

.aboutHero .vanta-canvas {
    opacity: 0;
    transition: .6s cubic-bezier(.39, .575, .565, 1) 0s
}

.aboutHero.inView .vanta-canvas {
    opacity: 1
}

.aboutHero_title {
    opacity: 0;
    transition: 1.2s cubic-bezier(.39, .575, .565, 1) 1.3s
}

.inView .aboutHero_title {
    opacity: 1
}

.aboutHero_body {
    opacity: 0
}

@media only screen and (max-width:900px) {
    .aboutHero_body {
        transition: 1.2s cubic-bezier(.39, .575, .565, 1) 1.6s
    }
}

@media only screen and (max-width:900px) {
    .inView .aboutHero_body {
        opacity: 1
    }
}

.aboutHero_logo {
    opacity: 0;
    transition: 1.2s cubic-bezier(.39, .575, .565, 1) 1s
}

.inView .aboutHero_logo {
    opacity: 1
}

@media only screen and (min-width:900px) {
    .articleHead {
        margin: 80px auto 75px;
        max-width: 920px;
        padding: 0 40px
    }
}

@media screen and (min-width:1400px) {
    .articleHead {
        max-width: 1040px
    }
}

@media only screen and (max-width:900px) {
    .articleHead {
        margin-top: 35px;
        margin-bottom: 35px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .articleHead {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.articleHead_title {
    letter-spacing: .07em;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .articleHead_title {
        margin: 25px 0 30px;
        font-size: 3.4rem;
        line-height: 1.52941
    }
}

@media only screen and (max-width:900px) {
    .articleHead_title {
        margin: 15px 0;
        font-size: 2.1rem;
        line-height: 1.42857
    }
}

.articleHero {
    padding-top: 62.5%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.articleIntro {
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .articleIntro {
        padding: 65px 40px 115px;
        max-width: 920px;
        margin: 0 auto
    }
}

@media screen and (min-width:1400px) {
    .articleIntro {
        max-width: 1040px
    }
}

@media only screen and (max-width:900px) {
    .articleIntro {
        padding: 35px 0 55px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .articleIntro {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:900px) {
    .articleIntro_body {
        font-size: 1.8rem;
        line-height: 2;
        margin-bottom: 25px
    }
}

@media only screen and (max-width:900px) {
    .articleIntro_body {
        line-height: 2;
        margin-bottom: 10px
    }
}

.articleIntro_credit {
    color: #666;
    font-family: Noto Sans JP, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, Osaka, sans-serif
}

@media only screen and (min-width:900px) {
    .articleIntro_credit {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:900px) {
    .articleIntro_credit {
        font-size: .9rem
    }
}

@media only screen and (min-width:900px) {
    .general {
        width: 58.33333vw;
        margin: 100px auto 0
    }
}

@media only screen and (max-width:900px) {
    .general {
        margin: 50px 0 0
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .general {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.general_list dt {
    letter-spacing: .07em;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:900px) {
    .general_list dt {
        font-size: 2.2rem;
        line-height: 1.54545;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:900px) {
    .general_list dt {
        font-size: 1.7rem;
        line-height: 1.52941;
        margin-bottom: 10px;
        padding-left: 1.2em;
        text-indent: -1.2em
    }
}

.general_list dt em {
    font-style: normal
}

@media only screen and (min-width:900px) {
    .general_list dt em {
        margin-right: 12px
    }
}

@media only screen and (max-width:900px) {
    .general_list dt em {
        margin-right: 2px
    }
}

.general_list dd {
    letter-spacing: .09em
}

@media only screen and (min-width:900px) {
    .general_list dd {
        margin-bottom: 62px
    }
}

@media only screen and (max-width:900px) {
    .general_list dd {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:900px) {
    .general_list dd>p {
        font-size: 1.6rem;
        line-height: 2.125;
        padding-left: 40px;
        margin-bottom: 12px
    }
}

@media only screen and (max-width:900px) {
    .general_list dd>p {
        font-size: 1.4rem;
        line-height: 2;
        padding-left: 23px;
        margin-bottom: 12px
    }
}

.general_list dd>p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:900px) {
    .general_list dd ul {
        padding-left: 40px
    }
}

@media only screen and (max-width:900px) {
    .general_list dd ul {
        padding-left: 20px
    }
}

@media only screen and (min-width:900px) {
    .general_list dd ul li {
        font-size: 1.6rem;
        line-height: 2.125;
        padding-left: 1.1em;
        text-indent: -1.1em
    }
}

@media only screen and (max-width:900px) {
    .general_list dd ul li {
        font-size: 1.4rem;
        line-height: 2;
        padding-left: 1.1em;
        text-indent: -1.1em;
        margin-bottom: 5px
    }
}

.homeCarousel,
.homeHero,
.homeNews,
.homeSpecial,
.page--home .tag {
    margin-bottom: 155px
}

@media only screen and (max-width:900px) {
    .homeCarousel,
    .homeHero,
    .homeNews,
    .homeSpecial,
    .page--home .tag {
        margin-bottom: 78px
    }
}

.homeSection {
    margin: 150px 0;
}

@media only screen and (max-width:900px) {
    .homeSection {
        margin: 60px 0;
    }
}

.homeSection {
    width: 75vw;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width:900px) {
    .homeSection {
        width: 100%
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .homeSection {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.listArchive+.homeSection {
    margin-top: 160px
}

@media only screen and (max-width:900px) {
    .listArchive+.homeSection {
        margin-top: 60px
    }
}

.homeSectionHead {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

@media only screen and (max-width:900px) {
    .homeSectionHead {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:900px) {
    .homeSectionHead_button {
        padding-bottom: 4px
    }
}

@media only screen and (max-width:900px) {
    .homeSectionHead_button {
        padding-bottom: 4px
    }
}

.homeCarousel {
    overflow: hidden
}

.homeCarouselHead {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 75vw;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width:900px) {
    .homeCarouselHead {
        width: 100%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .homeCarouselHead {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.homeCarouselHead_button {
    display: flex
}

@media only screen and (min-width:900px) {
    .homeCarouselHead_button {
        padding-bottom: 4px
    }
}

@media only screen and (max-width:900px) {
    .homeCarouselHead_button {
        padding-bottom: 4px
    }
}

.homeCarouselHead_button .buttonSlickArrows:first-child {
    margin-right: 50px
}

@media only screen and (max-width:900px) {
    .homeCarouselHead_button .buttonSlickArrows:first-child {
        margin-right: 25px
    }
}

.homeHero {
    position: relative
}

@media only screen and (min-width:900px) {
    .homeHero {
        max-height: 100vh
    }
}

.homeHero:before {
    content: "";
    display: block
}

@media only screen and (min-width:900px) {
    .homeHero:before {
        padding-top: 68.18182%
    }
}

.homeHero_social {
    position: absolute;
    right: 60px;
    top: 50px;
    z-index: 10
}

@media only screen and (max-width:900px) {
    .homeHero_social {
        display: none
    }
}

.homeHero_social a {
    color: #fff;
    display: block
}

@media only screen and (min-width:900px) {
    .homeHero_social a {
        transition: .4s cubic-bezier(.165, .84, .44, 1) 0s
    }
    .homeHero_social a:hover {
        opacity: .6
    }
}

.homeHero_social a.is-instagram {
    font-size: 23px;
    margin-bottom: 20px
}

.homeHero_social a.is-instagram:before {
    content: ""
}

.homeHero_social a.is-twitter {
    font-size: 25px
}

.homeHero_social a.is-twitter:before {
    content: ""
}

.homeHeroSlider {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 1s cubic-bezier(.39, .575, .565, 1)
}

.homeHeroSlider.inView {
    opacity: 1
}

.homeHeroSlider_item {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.homeHeroSlider_item:before {
    background-color: rgba(0, 0, 0, .15);
    content: "";
    display: block;
    z-index: 2;
    pointer-events: none
}

.homeHeroSlider_image,
.homeHeroSlider_item:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.homeHeroSlider_image {
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.homeHeroSlider_content {
    position: absolute;
    z-index: 2
}

@media only screen and (min-width:900px) {
    .homeHeroSlider_content {
        right: 4.54545%;
        bottom: 6.5%;
        width: 34.09091%
    }
}

@media only screen and (max-width:900px) {
    .homeHeroSlider_content {
        left: 5.33333%;
        bottom: 11%;
        width: 89.33333%
    }
}

.homeHeroSlider_headline {
    font-size: 2.6rem;
    line-height: 1.76923;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: .07em;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (max-width:900px) {
    .homeHeroSlider_headline {
        font-size: 1.7rem;
        line-height: 1.52941;
        margin-bottom: 12px
    }
}

@media only screen and (min-width:900px) {
    .homeHeroSlider .states {
        margin-left: 3px
    }
}

@media only screen and (max-width:900px) {
    .homeHeroSlider .states {
        margin-left: 1px
    }
}

.homeHeroSlider .slick-list,
.homeHeroSlider .slick-slide>div,
.homeHeroSlider .slick-track {
    width: 100%;
    height: 100%
}

.homeHeroScroll {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    cursor: pointer
}

@media only screen and (min-width:900px) {
    .homeHeroScroll {
        left: 4.3%;
        bottom: 5.6%
    }
}

@media only screen and (max-width:900px) {
    .homeHeroScroll {
        left: 5.33333%;
        bottom: 3.5%
    }
}

@media only screen and (min-width:900px) {
    .homeHeroScroll:hover .arrowRight:before {
        -webkit-animation: arrowLine .5s cubic-bezier(.785, .135, .15, .86) 0s 1 normal forwards;
        animation: arrowLine .5s cubic-bezier(.785, .135, .15, .86) 0s 1 normal forwards
    }
}

.homeHeroScroll span {
    font-size: 1.3rem;
    color: #fff;
    letter-spacing: .05em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (max-width:900px) {
    .homeHeroScroll span {
        font-size: 1.2rem;
        margin-top: -1px
    }
}

.homeHeroScroll .arrowRight {
    border-color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: 15px
}

.homeHeroScroll .arrowRight:before {
    border-left-color: #fff
}

.homeHeroScroll .arrowRight:after {
    background-color: #fff
}

.homeHeroGauge {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1
}

@media only screen and (min-width:900px) {
    .homeHeroGauge {
        right: 4.54545%;
        bottom: 5.8%
    }
}

@media only screen and (max-width:900px) {
    .homeHeroGauge {
        right: 5.33333%;
        bottom: 3.5%
    }
}

.homeHeroGauge p {
    font-size: 1.4rem;
    color: #fff;
    letter-spacing: .04em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (max-width:900px) {
    .homeHeroGauge p {
        font-size: 1rem
    }
}

.homeHeroGauge_line {
    width: 40px;
    height: 1px;
    background-color: hsla(0, 0%, 100%, .5);
    margin: 0 17px;
    position: relative
}

.homeHeroGauge_line i {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    height: 1px;
    width: 100%;
    z-index: 1;
    display: block;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.homeNews {
    background-color: #f2f2f2
}

@media only screen and (min-width:900px) {
    .homeNews_wrap {
        padding: 155px 0 115px;
        width: 75vw;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:900px) and (max-width:900px) {
    .homeNews_wrap {
        width: 100%
    }
}

@media only screen and (min-width:900px) {
    .page--news .homeNews_wrap {
        padding: 120px 0 0
    }
}

@media only screen and (max-width:900px) {
    .homeNews_wrap {
        padding: 50px 0 30px
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .homeNews_wrap {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width:900px) {
    .page--news .homeNews_wrap {
        padding: 40px 0 10px
    }
}

@media only screen and (min-width:900px) {
    .homeNews_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

.homeSpecial {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:900px) {
    .homeSpecial {
        padding-top: 54.54545%
    }
}

@media only screen and (max-width:900px) {
    .homeSpecial {
        padding-top: 130.93333%
    }
}

.homeSpecial:before {
    background-color: rgba(0, 0, 0, .15);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none
}

.homeSpecial>a {
    display: block
}

@media only screen and (min-width:900px) {
    .homeSpecial>a:hover .homeSpecial_image {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
}

.homeSpecial_core {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.homeSpecial_wrap {
    position: relative;
    height: 100%;
    width: 75vw;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width:900px) {
    .homeSpecial_wrap {
        width: 100%
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .homeSpecial_wrap {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

.homeSpecial_headline {
    font-size: 3rem;
    letter-spacing: .04em;
    color: #fff;
    position: absolute;
    left: 0;
    top: 13.8%;
    font-family: "Verdana", sans-serif;
    font-size: clamp(3rem, 2.4vw, 3.6rem);
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    column-gap: 2rem;
}

@media only screen and (max-width:900px) {
    .homeSpecial_headline {
        font-size: 2.3rem;
        top: 25px
    }
}

.homeSpecial_image {
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: 2s cubic-bezier(.165, .84, .44, 1)
}

.homeSpecial_content,
.homeSpecial_image {
    position: absolute;
    left: 0
}

@media only screen and (min-width:900px) {
    .homeSpecial_content {
        bottom: 14.4%;
        width: 46.2963%
    }
}

@media only screen and (max-width:900px) {
    .homeSpecial_content {
        bottom: 20px
    }
}

.homeSpecial_title {
    font-size: 2.6rem;
    line-height: 1.76923;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: .08em;
    font-weight: bold;
    -webkit-font-smoothing: antialiased
}

@media only screen and (max-width:900px) {
    .homeSpecial_title {
        font-size: 1.7rem;
        line-height: 1.52941
    }
}

.notFound {
    text-align: center;
    padding: 145px 0 190px
}

@media only screen and (max-width:900px) {
    .notFound {
        padding: 75px 0 100px
    }
}

.notFound h2 {
    font-size: 3.2rem;
    margin-bottom: 5px;
    line-height: 2.25;
    letter-spacing: .07em;
    font-family: "ヒラギノ角ゴシック",Hiragino Sans,Meiryo,sans-serif;
    font-style: normal
}

@media only screen and (max-width:900px) {
    .notFound h2 {
        font-size: 2.3rem;
        margin-bottom: 5px;
        line-height: 2
    }
}

.notFound p {
    font-size: 1.6rem;
    letter-spacing: .09em;
    line-height: 2.25;
    font-family: FOT-筑紫A丸ゴシック Std D, TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased
}

@media only screen and (max-width:900px) {
    .notFound p {
        font-size: 1.4rem;
        line-height: 2
    }
}

.notFound p a {
    text-decoration: underline
}
/* アンダーラインは「内側のインライン要素」に描く */
.text-line{
  --border-color: #1e1e1e;
  --thickness: 1px;

  /* 行ごとに背景を複製 */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;

  background-image: linear-gradient(90deg, var(--border-color), var(--border-color));
  background-repeat: no-repeat;
  background-position: right 100%;      /* 右→下 */
  background-size: 0% var(--thickness);
  transition: background-size .6s cubic-bezier(0.43,0.05,0.17,1);

  /* 下端が overflow で欠けないように少し余白を入れる */
  padding-bottom: 2px;
  background-origin: content-box;       /* 余白ぶん内側で描く */
}

/* ホバーで線を伸ばす（親要素の構造に合わせて） */
a:hover .text-line{
  background-position: left 100%;
  background-size: 100% var(--thickness);
}

/* マウス環境だけに限定したいなら */
@media (hover:hover) and (pointer:fine){
  a:hover .text-line{
    background-position: left 100%;
    background-size: 100% var(--thickness);
  }
}

.entries-section__button {
  height: 6rem;
  width: 40rem;
  margin: 6rem auto 0;
}
@media only screen and (max-width:900px) {
  .entries-section__button {
    width: 100%;
    min-width: 30rem;
    margin: 3rem auto 0;
  }

}
.buttonItem {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: clamp(15px, 1.0666666667vw, 16px);
    font-weight: 500;
    color: #fff !important;
    border-radius: 6.3rem;
    letter-spacing: .065em;
}
.buttonItem[data-color=blue] {
    background-color: #1b75de;
}

.buttonItem__ico--leave {
    position: absolute;
    inset: .01rem -0.01rem 0 0;
    display: flex;
    width: 1.204rem;
    height: 1.204rem;
    margin: auto;
    opacity: 0;
    transition: transform .4s cubic-bezier(0.43, 0.05, 0.17, 1), opacity .001s 
linear .4s;
    transform: translateX(220%);
}
svg {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.buttonItem__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  letter-spacing: 0.065em;
  color: #fff;
}

/* hover時の挙動 */
.buttonItem__link:hover .buttonItem__ico {
  transform: scale(1) translateX(-0.08rem);
}

.buttonItem__link:hover .buttonItem__ico .buttonItem__ico--enter {
  opacity: 0;
  transform: translateX(0);
}

.buttonItem__link:hover .buttonItem__ico .buttonItem__ico--leave {
  opacity: 1;
  transform: translateX(0%);
}

.buttonItem__ico {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.6rem;
  display: flex;
  width: 3.6rem;
  height: 3.6rem;
  margin: auto 0;
  overflow: hidden;
  color: #1b75de;            /* $color-blue を仮に blue に */
  background-color: #fff;/* $color-white を仮に white に */
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1);
  transform: scale(0.1);
}

.buttonItem__ico--enter {
  position: absolute;
  inset: 0.01rem -0.01rem 0 0;
  display: flex;
  width: calc(0.86rem * 1.4);
  height: calc(0.86rem * 1.4);
  margin: auto;
  transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1),
              opacity 0.001s linear 0.4s;
  transform: translateX(-220%);
}

.buttonItem__ico--leave {
  position: absolute;
  inset: 0.01rem -0.01rem 0 0;
  display: flex;
  width: calc(0.86rem * 1.4);
  height: calc(0.86rem * 1.4);
  margin: auto;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1),
              opacity 0.001s linear 0.4s;
  transform: translateX(220%);
}
.entries-list-by-category__heading-inner {
    inline-size: 100%;
    padding-block: 1.6rem;
    padding-inline: 3rem;
    background-color: #fff;
    border-left: .5rem solid #1b75de;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.entries-list-by-category__title {
    font-size: clamp(2.2rem, .463vw + 1.8rem, 2.4rem);
    font-weight: bold;
    line-height: 1.5;
}
.category-item {
    display: flex;
    align-items: center;
}
.category-item__circle {
    width: .6rem;
    height: .6rem;
    background-color: #1b75de;
    border-radius: 50%;
}
.category-item>*+* {
    margin-inline-start: 1rem;
}
.category-item__name {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
}
.homeSection+.homeSection{
    margin: 0 auto 150px;
}
@media only screen and (max-width:900px) {
  .entries-list-by-category__heading-inner {
    padding-block: 1.5rem;
    padding-inline: 2rem;
  }
  .category-item{
    margin-block-start: 2rem;
  }
  .buttonItem{
    font-size: 1.3rem;
    border-radius: 10rem;
  }
  .entries-list-by-category__title {
    font-size: clamp(1.2rem, .463vw + 1.8rem, 2.4rem);
  }

}
.wx{
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: "Verdana", sans-serif;
    font-weight: bold;
}
.wx__updated{
    font-size: 1.2rem;
    color: #666;
}
.wx_title, .wx__temp{
    font-size: 1.8rem;
}
/*--------------------------------
パンくず
--------------------------------*/
.breadcrumbs-area {
  width: 100vw;
  padding: 0 5vw;
  font-size: /* $font13 */ ;
  color: /* $color-light-gray */ ;
}

@media (max-width: 767px) {
  .breadcrumbs-area {
    width: 100%;
    font-size: 1.3rem;
  }
}

.breadcrumbs-area a {
  color: #1b75de;
  display: flex;
  align-items: center;
  position: relative;
}

.breadcrumbs-area a::after {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.1rem solid /* $color-gray */ ;
  border-right: 0.1rem solid /* $color-gray */ ;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 10px;
  display: inline-block;
}

.breadcrumbs-area__list {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
}

.breadcrumbs-area__list > * {
  white-space: nowrap;
}

.breadcrumbs-area__list > span {
  display: flex;
}

.breadcrumbs-area__item:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumb {
    margin: 12.5rem 0 0;
}

.page-header {
  padding-block-start: 2rem;
  position: relative;
}

@media (max-width: 767px) {
    .breadcrumb{
        margin: 2rem 0;
    }
    .page-header {
    padding-block-start: 0;
    }
}

.page-header__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 4rem;
}

.page-header__text {
  position: relative;
  flex-basis: 0;
  flex-grow: 999;
  min-width: 50%;
}

.page-header__cta {
  height: 6rem;
  flex-basis: 35rem;
  flex-grow: 1;
}

.page-header-logo {
  width: calc(1240px + (100% - 1240px) / 2);
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 769px) and (max-width: 1350px) {
  .page-header-logo {
    width: 95%;
  }
}

@media (max-width: 767px) {
  .page-header-logo {
    display: none;
  }
}

.page-title-en {
  font-family: "Verdana", sans-serif;
  font-weight: bold;
  font-size: 6rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .page-title-en {
    font-size: 3.2rem;
  }
}

.page-title-ja {
  margin-block-start: 3rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.1em;
}

.page-title-ja em {
  color: #0076c1;
  font-style: normal;
}

.page-desc {
  margin-block-start: 2rem;
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: 0.1em;
}
.pageSection {
    margin: 6rem 0 150px;
}

@media only screen and (max-width:900px) {
    .pageSection {
        margin: 2rem 0;
    }
}

.pageSection {
    width: 75vw;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width:900px) {
    .pageSection {
        width: 100%
    }
}

@media only screen and (max-width:900px) and (max-width:900px) {
    .pageSection {
        width: 89.33333%;
        margin-left: auto;
        margin-right: auto
    }
}
.pageSectionHead {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-block-start: 8rem;
}

@media only screen and (max-width:900px) {
    .pageSectionHead {
        margin-bottom: 20px
    }
}

.listArchive+.pageSection {
    margin-top: 160px
}

@media only screen and (max-width:900px) {
    .listArchive+.pageSection {
        margin-top: 60px
    }
}
.mainContainer {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0;
    margin-block-start: 8rem;
}

@media (max-width: 767px) {
  .mainContainer {
    max-width: none;
    padding-inline: 1.5rem;
    margin-block-start: 4rem;

  }
}
body.slug-contact .mainContainer {
    padding-inline: 0;
}
body.slug-contact .side-cv {
    display: none!important;
}
.mainContainer--large {
  width: 100vw;
  padding: 0 5vw;
}

@media (max-width: 767px) {
  .mainContainer--large {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
  }
}

.border-overflow-area {
  padding-block-end: 0.8rem;
  border-bottom: 3px solid #000000;
  margin-inline-end: calc(50% - 50vw);
  padding-inline-end: calc(50vw - 50%);
  overflow: hidden;
}

.category-list {
  display: flex;
  align-items: center;
  gap: 2rem;
  overflow-x: auto;
}

.category-list > * {
  flex-shrink: 0;
  flex-grow: 0;
}

.category-item {
  display: flex;
  align-items: center;
}

.category-item > * + * {
  margin-inline-start: 1rem;
}

.category-item.link.active {
  color: #0076c1;
}

.category-item.link .category-item__name {
  transition: color 0.3s ease-out;
}

.category-item.link:hover .category-item__name {
  color: #0076c1;
}

.category-item__circle {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #0076c1;
  border-radius: 50%;
}

.category-item__name {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

.category-item__name.large {
  font-size: clamp(1.3rem, 0.694vw + 0.7rem, 1.6rem);
}

@media (max-width: 767px) {
  .category-item__name {
    font-size: 1.3rem;
  }
}
/*--------------------------------
ページネーション
--------------------------------*/
.wp-pagenavi {
position: relative;
    margin-block-start: 10rem;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

@media (max-width: 767px) {
  .wp-pagenavi {
    font-size: 1.3rem;
    margin-block-start: 0;
  }
}

.wp-pagenavi .pages {
  display: inline-block;
  padding-top: 1.2rem;
}

@media (min-width: 768px) {
  .wp-pagenavi .pages {
    display: none;
  }
}

.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .first,
.wp-pagenavi .last {
  width: 5rem;
  height: 5rem;
  border-radius: 6.3rem;
  font-family: "Cabinet Grotesk","CabinetGrotesk",sans-serif;
  font-weight: 700;
  margin: 0 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .wp-pagenavi .current,
  .wp-pagenavi .page,
  .wp-pagenavi .first,
  .wp-pagenavi .last {
    display: none;
  }
}

.wp-pagenavi .current {
  color: #ffffff;
  background: #0076c1;
}

.wp-pagenavi .page,
.wp-pagenavi .first,
.wp-pagenavi .last {
  background: #ffffff;
  transition: filter 0.5s;
}

.wp-pagenavi .page:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {
  filter: brightness(90%);
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  color: #ffffff;
  background: #0076c1;
  border-radius: 6.3rem;
  transition: filter 0.5s;
  width: 10.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    height: 5rem;
  }
}

@media (max-width: 767px) {
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    height: 4rem;
  }
}

.wp-pagenavi .previouspostslink { left: 0; }
.wp-pagenavi .nextpostslink { right: 0; }

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
  filter: brightness(90%);
}

/*====================================================================
記事一覧
====================================================================*/

.singleContainer {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0;
    margin-block-start: 2.5rem;
}


@media (min-width: 769px) and (max-width: 1350px) {
  .singleContainer {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .singleContainer {
    max-width: none;
    margin-block-start: 0;
  }
    .singleContainerWrap{
        margin-top: 6rem;
        overflow: hidden;    
    }
    .singleContainerWrap .container{
        margin-top: 0;
    }

}
/*====================================================================
記事一覧
====================================================================*/

.custom-archive-list {
  padding-block-end: 20rem;
}
@media (max-width: 767px) {
  .custom-archive-list {
    padding-block-end: 10rem;
  }
}

.custom-archive-list__sidebar {
  display: flex;
  align-items: flex-start;
  column-gap: 6.5rem;
}
.custom-archive-list__sidebar > :first-child {
  flex-basis: 0;
  flex-grow: 999;
}
.custom-archive-list__sidebar > :last-child {
  flex-basis: 35rem;
}
@media (max-width: 69.375em) {
  .custom-archive-list__sidebar > :last-child {
    display: none;
  }
}

.custom-single-sidebar {
  display: flex;
  column-gap: 5rem;
}
@media (max-width: 767px) {
  .custom-single-sidebar {
    padding-block-end: 8rem;
  }
}
.custom-single-sidebar > :first-child {
  inline-size: 53.3333%;
  flex-grow: 1;
  max-inline-size: 100%;
}
.custom-single-sidebar > :last-child {
  flex-basis: 35rem;
  position: relative;
}
@media (max-width: 69.375em) {
  .custom-single-sidebar > :last-child {
    display: none;
  }
}

.custom-single-sidebar__sticky-box {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.custom-single-sidebar__sticky-item {
  position: sticky;
  top: 16rem;
}

.custom-entry {
  padding-block: 3.2rem;
  padding-inline: 4rem;
  background-color: #ffffff;
  border-radius: 1rem;
}
@media (max-width: 767px) {
  .custom-entry {
    padding-block-end: 2.5rem;
    padding-inline: 2rem;
  }
}
.custom-entry > * + * {
  margin-block-start: 3rem;
}

.custom-entry__cluster {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.custom-entry__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem 2.5rem;
}

.custom-entry__date {
  font-size: 1.2rem;
}

.custom-entry__title {
  margin-block-start: 1.5rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.55;
  letter-spacing: var(--lts);
}
@media (max-width: 767px) {
  .custom-entry__title {
    font-size: 2.4rem;
  }
}

.custom-entry__tags {
  margin-block-start: 1.2rem;
}

.cta_button {
  display: flex;
  justify-content: center;
}

.entry-banner-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-block-start: 3rem;
}
.entry-banner-links > * {
  flex-grow: 1;
  flex-basis: calc((40rem - 100%) * 999);
}

.entry-banner-link-item {
  padding-block: 2.5rem;
  padding-inline: 2rem;
  background-color: #ffffff;
  border: 0.1rem solid #cccccc;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.entry-banner-link-item:hover .entry-banner-link-item__icon {
  scale: 1.2;
}

.entry-banner-link-item__text > * + * {
  margin-block-start: 0.5rem;
}

.entry-banner-link-item__en {
  color: #0076c1;
  font-family: "Verdana", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.entry-banner-link-item__jp {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: var(--lts);
}

.entry-banner-link-item__icon {
  --size: 3rem;
  height: var(--size);
  width: var(--size);
  background-color: #0076c1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  transition: scale var(--trs-hover);
}
.entry-banner-link-item__icon svg {
  width: 40%;
}
/* `.entry-banner-link-item.contact` のときだけアイコン幅を変更 */
.entry-banner-link-item.contact .entry-banner-link-item__icon svg {
  width: 22%;
}

.entry-top-sns a {
  display: flex;
  align-items: center;
  transition: scale var(--trs-hover);
}
.entry-top-sns a:hover {
  scale: 1.1;
}
.entry-top-sns .twitter {
  width: 2.2rem;
  height: 1.8rem;
}
.entry-top-sns .fb,
.entry-top-sns .hatena {
  height: 2.4rem;
  width: 2.4rem;
}

.entry-bottom-sns {
  display: flex;
  justify-content: center;
}
.entry-bottom-sns > * + * {
  margin-inline-start: 1rem;
}

.entry-bottom-sns__link {
  --size: 5rem;
  width: var(--size);
  height: var(--size);
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.entry-bottom-sns__link svg {
  width: 2.5rem;
  aspect-ratio: 1;
  transition: scale var(--trs-hover);
}
.entry-bottom-sns__link:hover svg {
  scale: 1.1;
}

.authors-box {
  border-block: 0.1rem solid rgba(0,0,0,0.2);
}
.authors-box > * + * {
  border-block-start: 0.1rem solid rgba(0,0,0,0.2);
}

.entry-author-media {
  padding-block: 2rem;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.entry-author-media > * + * {
  margin-inline-start: 2rem;
}

.entry-author-media__img {
  border-radius: 50%;
  border: 0.1rem solid #ccc;
  overflow: hidden;
  flex-basis: 10rem;
  flex-grow: 1;
}

.entry-author-media__text {
  flex-basis: 0;
  flex-grow: 999;
}
.entry-author-media__text > * + * {
  margin-block-start: 0.5rem;
}

.entry-author-media__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.entry-author-media__header > * + * {
  margin-block-start: 0.25rem;
}

.entry-author-media__label {
  padding-inline: 0.6rem;
  background-color: #666666;
  border-radius: 0.2rem;
  color: #ffffff;
  font-size: 1rem;
}

.entry-author-media__name {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: var(--lts);
}

.entry-author-media__desc {
  font-size: 1.3rem;
  line-height: 1.7;
  letter-spacing: var(--lts);
}
/* 非表示モード時の省略処理 */
.entry-author-media.hidden .entry-author-media__desc {
  max-height: 9rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .entry-author-media.hidden .entry-author-media__desc {
    max-height: 8.7rem;
  }
}

.entry-author-media__more {
  display: none;
  padding-inline: 4rem 1.2rem;
  color: #0076c1;
  font-size: 1.3rem;
  line-height: 1.7;
  background-image: linear-gradient(90deg, transparent, #fff 30%, #fff);
  letter-spacing: var(--lts);
  position: absolute;
  bottom: 1.8rem;
  right: 0;
  cursor: pointer;
}
/* 非表示モード時のみ more を出す */
.entry-author-media.hidden .entry-author-media__more {
  display: block;
}

.supervisor-introduction {
  padding-block: 3rem 4rem;
  padding-inline: 4rem;
  border-radius: 1rem;
  background-color: #ffffff;
  margin-block-start: 3rem;
}
@media (max-width: 767px) {
  .supervisor-introduction {
    padding-inline: 2.5rem;
  }
}
.supervisor-introduction > * + * {
  margin-block-start: 3rem;
}

.supervisor-introduction__header {
  padding-block-end: 3rem;
  border-bottom: 0.1rem solid rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
}
.supervisor-introduction__header > * + * {
  margin-inline-start: 2rem;
}

.supervisor-introduction__img {
  width: 10rem;
  border: 0.1rem solid #eee;
  border-radius: 50%;
  aspect-ratio: 1;
  overflow: hidden;
}

.supervisor-introduction__label {
  color: #333333;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: var(--lts);
}

.supervisor-introduction__name {
  margin-block-start: 1rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: var(--lts);
}
.supervisor-introduction__name a {
  color: #0076c1;
  padding-bottom: 2px;
  background-image: linear-gradient(90deg, #0076c1, #0076c1);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  transition: background-size 0.4s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.supervisor-introduction__name a:hover {
  background-position: left bottom;
  background-size: 100% 1px;
}

.supervisor-introduction__position {
  margin-block-start: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: var(--lts);
}

.supervisor-introduction__description {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: var(--lts);
}
.supervisor-introduction__description > * + * {
  margin-block-start: 2.5rem;
}
.supervisor-introduction__description a {
  color: #0076c1;
  padding-bottom: 2px;
  background-image: linear-gradient(90deg, #0076c1, #0076c1);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  transition: background-size 0.4s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.supervisor-introduction__description a:hover {
  background-position: left bottom;
  background-size: 100% 1px;
}

.single-relation-entries {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  column-gap: 4.125%;
}

.single-relation-entries__divider {
  height: 72%;
  background-color: #cccccc;
}

.single-relation-entry {
  display: flex;
  flex-direction: column;
}
.single-relation-entry.prev {
  align-items: flex-start;
}
.single-relation-entry.next {
  align-items: flex-end;
}
.single-relation-entry:hover .single-relation-entry__button button {
  scale: 1.2;
}

.single-relation-entry__inner {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}

.single-relation-entry__img {
  flex-basis: 10rem;
  flex-grow: 1;
  border-radius: 0.5rem;
  overflow: hidden;
}
.single-relation-entry__img img {
  transition: scale var(--trs-hover);
}

.single-relation-entry__text {
  flex-basis: 0;
  flex-grow: 999;
  min-width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.single-relation-entry__date {
  font-family: "Verdana", sans-serif;
  font-size: 1rem;
}

.single-relation-entry__title {
  margin-block-start: 0.5rem;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: var(--lts);
}

.single-relation-entry__category {
  margin-block-start: 1rem;
}

.single-relation-entry__button {
  color: #0076c1;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: var(--lts);
  display: flex;
  align-items: center;
}
.single-relation-entry__button button {
  width: 3rem;
  transition: scale var(--trs-hover);
}
.single-relation-entry__button > * + * {
  margin-inline-start: 1rem;
}

.custom-single-slider-wrapper {
  padding-block: 4rem;
  background-color: #ffffff;
}
.custom-single-slider-wrapper.latest {
  background-color: #f7f7f7;
}


.toc_title {
  padding-block: 1.4rem;
  padding-inline: 3rem;
  background-color: #eaeaea;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.7;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .toc_title {
    padding-inline: 1.6rem;
  }
}
.toc_title::before {
  content: '';
  width: 18px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2.30457V0.304565H18V2.30457H4ZM4 6.30457V4.30457H18V6.30457H4ZM4 10.3046V8.30457H18V10.3046H4ZM1 2.30457C0.716667 2.30457 0.479167 2.20873 0.2875 2.01707C0.0958333 1.8254 0 1.5879 0 1.30457C0 1.02123 0.0958333 0.783732 0.2875 0.592065C0.479167 0.400399 0.716667 0.304565 1 0.304565C1.28333 0.304565 1.52083 0.400399 1.7125 0.592065C1.90417 0.783732 2 1.02123 2 1.30457C2 1.5879 1.90417 1.8254 1.7125 2.01707C1.52083 2.20873 1.28333 2.30457 1 2.30457ZM1 6.30457C0.716667 6.30457 0.479167 6.20873 0.2875 6.01707C0.0958333 5.8254 0 5.5879 0 5.30457C0 5.02123 0.0958333 4.78373 0.2875 4.59207C0.479167 4.4004 0.716667 4.30457 1 4.30457C1.28333 4.30457 1.52083 4.4004 1.7125 4.59207C1.90417 4.78373 2 5.02123 2 5.30457C2 5.5879 1.90417 5.8254 1.7125 6.01707C1.52083 6.20873 1.28333 6.30457 1 6.30457ZM1 10.3046C0.716667 10.3046 0.479167 10.2087 0.2875 10.0171C0.0958333 9.8254 0 9.5879 0 9.30457C0 9.02123 0.0958333 8.78373 0.2875 8.59207C0.479167 8.4004 0.716667 8.30457 1 8.30457C1.28333 8.30457 1.52083 8.4004 1.7125 8.59207C1.90417 8.78373 2 9.02123 2 9.30457C2 9.5879 1.90417 9.8254 1.7125 10.0171C1.52083 10.2087 1.28333 10.3046 1 10.3046Z' fill='%23808080'/%3E%3C/svg%3E%0A");
  display: block;
  margin-inline-end: 1rem;
}

.toc_list {
  padding-block: 3rem 4rem;
  padding-inline: 3rem;
  background-color: #FFF;
max-height: calc(100vh - 340px);
  overflow: auto;
}
@media (max-width: 767px) {
  .toc_list {
    padding-block: 2rem 3rem;
    padding-inline: 1.6rem;
    max-height: 14.5em;
  }
}
.toc_list a {
  --font-size: 1.4rem;
  --circle-size: 0.3rem;
  --line-height: 1.5;
  color: #0076c1;
  font-size: var(--font-size);
  line-height: var(--line-height);
  letter-spacing: 0.1em;
}

.toc_list > li > a {
  --line-height: 1.7;
  padding-inline-start: 0.75em;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.toc_list > li > a::before {
  content: '';
  height: var(--circle-size);
  width: var(--circle-size);
  background-color: currentColor;
  border-radius: 50%;
  position: absolute;
  top: calc(var(--font-size) * var(--line-height) / 2);
  left: 0;
  translate: 0 -50%;
}
.toc_list > li > ul {
  margin-block-start: 1rem;
}
.toc_list > li > ul > li {
  line-height: 1;
  margin-inline-start: 1.5em;
}
.toc_list > li > ul > * + * {
  margin-block-start: 1.3rem;
}
.toc_list > * + * { margin-block-start: 1.5rem; }

.toc_white {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.toc_button {
  margin-inline: auto;
  inline-size: auto;
  padding-block: 0.8rem;
  padding-inline: 0.8rem;
  color: #0076c1;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: absolute;
  bottom: 1.6rem;
  left: 50%;
  translate: -50%;
  z-index: 1;
}
#toc_container.open .toc_button { visibility: hidden; }
@media (max-width: 767px) {
  .toc_button { bottom: 1.4rem; }
}

.toc_button__arrow {
  margin-block-end: 0.2rem;
  font-weight: normal;
}
/* 現在位置のTOCリンクを太字に */
.toc_list a[aria-current="true"] {
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
}


/*--------------------------------
category
--------------------------------*/
.label-category {
  display: inline-grid;
  padding: 0.5rem 2.5rem;
  font-size: 1.6rem;
  line-height: 2.1;
  color: #0076c1;
  letter-spacing: 0.07em;
  background-color: #ebf2fa;
  border-radius: 8rem;
  transition: color 0.4s cubic-bezier(0.26, 0.16, 0.1, 1),
              background-color 0.4s cubic-bezier(0.26, 0.16, 0.1, 1);
}
@media (max-width: 767px) {
  .label-category {
    padding: 0.2rem 2rem 0.3rem;
    font-size: 1.4rem;
  }
}
.label-category:hover {
  color: #ffffff;
  background-color: #0076c1;
}

.is-active .label-category {
  color: #ffffff;
  background-color: #0076c1;
}

.label-category-small a{
  padding-block: 1rem;
  padding-inline: 1.5rem;
  border: 0.1rem solid #0076c1;
  border-radius: 8rem;
  color: #0076c1;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}

/*--------------------------------
tag
--------------------------------*/
.label-tag {
  display: inline-grid;
  padding: 0.8rem 1.88rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  border: 1px solid #cccccc;
  border-radius: 8rem;
}
@media (max-width: 767px) {
  .label-tag {
    padding: 0.3rem 2rem;
    font-size: 1.3rem;
    line-height: 2.1;
  }
}
.label-tag[data-color='blue'] {
  color: #0076c1;
}
.label-tag[data-color='white'] {
  color: #ffffff;
}
.pointBox {
  border: 0.2rem solid #0076c1;
}

.pointTitle {
--lts: 0.1em;
  background: #0076c1;
  color: #ffffff;
  font-size: 2.2rem;
  padding-inline: 1.6rem;
  letter-spacing: 0.1em;
}

.pointLead p,
.pointLead a {
  font-size: 1.5rem;
}

.pointInner {
  padding-block: 3rem 4rem;
  padding-inline: 3rem;
}
@media (max-width: 767px) {
  .pointInner {
    padding-block: 2rem 3rem;
    padding-inline: 1.6rem;
  }
}

.pointBox__list dt {
  --font-size: 1.8rem;
  --circle-size: 0.6rem;
  --line-height: 2;
  --lts: 0.1em;
  padding-inline-start: 1em;
  font-size: var(--font-size);
  line-height: var(--line-height);
  position: relative;
  letter-spacing: 0.1em;
  margin-block-start: 1.6rem;
  font-weight: bold;
}
.pointBox__list dt p{
    font-size: inherit;
}
.pointBox__list dt::before {
  content: "";
  height: var(--circle-size);
  width: var(--circle-size);
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: calc(var(--font-size) * var(--line-height) / 2);
  left: 0;
  translate: 0 -50%;
}

.pointBox__list dd p,
.pointBox__list dd a {
    --lts: 0.1em;
    line-height: 2;
    font-size: 1.5rem;
    letter-spacing: 0.1em;
}
/*-------------
 記事詳細 - 本文
--------------*/
.entry-content {
  font-size: 1.6rem;
  line-height: 2;
}

.entry-content > * + * {
  margin-block-start: 2.5rem;
}

.entry-content > *:where(h2 + *, h3 + *, figure + *) {
  margin-block-start: 3rem;
}

.entry-content h2,
.entry-content h3 {
  margin-block-start: 6rem;
}

#toc_container + h2 {
  margin-block-start: 4rem;
}

.entry-content h2 {
  padding-inline-start: 1.6rem;
  border-left: 0.4rem solid #0076c1;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .entry-content h2 {
    padding-inline-start: 1.2rem;
    font-size: 2.2rem;
  }
}

.entry-content h3 {
  padding-block: 1.2rem;
  padding-inline: 1.6rem;
  background-color: #f7f7f7;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .entry-content h3 {
    font-size: 2rem;
  }
}

.entry-content h4 {
  margin-block-start: 6rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.05em;
}

.entry-content p {
  letter-spacing: 0.1em;
}

.entry-content ul:not(.toc_list, .toc_list ul, .s-carousel-form__list, .chart-item__action-list, .related_services_list) li {
  --font-size: 1.6rem;
  --circle-size: 0.3rem;
  --line-height: 2;
  padding-inline-start: 1em;
  font-size: var(--font-size);
  line-height: var(--line-height);
  position: relative;
  letter-spacing: 0.1em;
}
.entry-content ul:not(.toc_list, .toc_list ul, .s-carousel-form__list, .chart-item__action-list, .related_services_list) li::before {
  content: '';
  height: var(--circle-size);
  width: var(--circle-size);
  background-color: #000000;
  border-radius: 50%;
  position: absolute;
  top: calc(var(--font-size) * var(--line-height) / 2);
  left: 0;
  translate: 0 -50%;
}
.entry-content ul:not(.toc_list, .toc_list ul, .s-carousel-form__list, .chart-item__action-list, .related_services_list) li + li {
  margin-block-start: 0.5rem;
}

.entry-content table {
  width: 100%;
  overflow-wrap: anywhere;
  line-break: strict;
}
.entry-content table a {
  word-break: break-all;
}

.entry-content th,
.entry-content td {
  min-width: 6rem;
  padding-block: 1.3rem;
  padding-inline: 2rem;
  border: 0.1rem solid #e9e9e9;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .entry-content th,
  .entry-content td {
    padding-block: 0.5rem;
    padding-inline: 1rem;
    font-size: 1.2rem;
  }
}
.entry-content th ul li,
.entry-content td ul li {
  font-size: inherit !important;
}

.entry-content thead {
  background-color: #0076c1;
}
.entry-content thead th {
  color: #ffffff;
  font-weight: bold;
}

.entry-content .tablepress th {
  color: #000000;
}

.entry-content tbody th {
  background-color: #ebf2fa;
}

.entry-content strong {
  background-image: linear-gradient(transparent 50%, #ffe6b3 0);
}

.entry-content a {
  color: #0076c1;
  overflow-wrap: break-word;
  transition: color var(--trs-hover);
}
.entry-content a:hover {
  color: #45b5fe;
}

.entry-content figure.aligncenter {
  text-align: center;
}

.entry-content img.aligncenter {
  width: auto;
}

.entry-content iframe {
  aspect-ratio: 560 / 315;
  width: 100%;
  height: 100%;
}

/* FAQ 関連 */
.faqBox > * + * {
  margin-block-start: 3rem;
}

.faqBox__list > * + * {
  margin-block-start: 2rem;
}

.faqItem > * + * {
  margin-block-start: 2rem;
}
.blog-card {
  border: 0.1rem solid #cccccc;
  display: flex;
  flex-wrap: wrap;
}

.blog-card:hover .blog-card__image img {
  scale: 1.07;
}

.blog-card:hover .blog-card__title {
  color: #45b5fe;
}

.blog-card__image {
  flex-basis: 18rem;
  flex-grow: 1;
  overflow: hidden;
}
.blog-card__image img {
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s ease-in-out;
}

.blog-card__info {
  padding-block: 2rem 1.6rem;
  padding-inline: 3rem;
  flex-basis: 0;
  flex-grow: 999;
  min-width: 60%;
}
@media (max-width: 767px) {
  .blog-card__info {
    padding-inline: 1.6rem;
  }
}
.blog-card__info > * + * {
  margin-block-start: 1rem;
}

.blog-card__title {
  color: #000000;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: var(--lts);
  display: block;
  transition: color 0.3s ease-in-out;
}

.blog-card__description {
  color: #333333;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: var(--lts);
  display: block;
}

/*-------------
 CTA - ボタン
--------------*/

.ctaButton {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.ctaButton__link {
  width: 100%;
  min-width: 30rem;
  max-width: 45rem;
  min-height: 6.8rem;
  padding-block: 1rem;
  padding-inline-start: 4em;
  padding-inline-end: 2em;
  background-color: #16a34a; /* ← $color-green */
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff !important;
  border-radius: 6.3rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  letter-spacing: .065em;
  text-align: center;
}
@media (max-width: 767px) {
  .ctaButton__link {
    padding-inline: 2.5em 2em;
  }
}
/* hover */
.ctaButton__link:hover .ctaButton__ico {
  transform: scale(1) translateX(-0.08rem);
}
.ctaButton__link:hover .ctaButton__ico .ctaButton__ico--enter {
  opacity: 0;
  transform: translateX(0);
}
.ctaButton__link:hover .ctaButton__ico .ctaButton__ico--leave {
  opacity: 1;
  transform: translateX(0%);
}

.ctaButton__ico {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.6rem;
  display: flex;
  width: 3.6rem;
  height: 3.6rem;
  margin: auto 0;
  overflow: hidden;
  color: #0076c1;
  background-color: #ffffff;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1);
  transform: scale(0.1);
}

.ctaButton__ico--enter {
  position: absolute;
  inset: 0.01rem -0.01rem 0 0;
  display: flex;
  width: 1.204rem;  /* 0.86rem * 1.4 */
  height: 1.204rem; /* 0.86rem * 1.4 */
  margin: auto;
  transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1),
              opacity 0.001s linear 0.4s;
  transform: translateX(-220%);
}

.ctaButton__ico--leave {
  position: absolute;
  inset: 0.01rem -0.01rem 0 0;
  display: flex;
  width: 1.204rem;  /* 0.86rem * 1.4 */
  height: 1.204rem; /* 0.86rem * 1.4 */
  margin: auto;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1),
              opacity 0.001s linear 0.4s;
  transform: translateX(220%);
}

/* button reset */
button {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
}
.buttonItem {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #ffffff !important;
  border-radius: 6.3rem;
}
@media (max-width: 767px) {
  .buttonItem {
    font-size: 1.3rem;
    border-radius: 10rem;
  }
}
.buttonItem.small {
  font-size: 1.4rem;
}

.buttonItem[data-color='black'] {
  background-color: #666666;
}

.buttonItem[data-color='blue'] {
  background-color: #0076c1;
}

.buttonItem[data-color='white'] {
  background-color: #ffffff;
}
.buttonItem[data-color='white'] .buttonItem__link {
  color: #0076c1 !important;
}
.buttonItem[data-color='white'] .buttonItem__ico {
  background-color: #0076c1;
}
.buttonItem[data-color='white'] .buttonItem__ico svg {
  color: #ffffff;
}

.buttonItem[data-color='green'] {
  background: #16a34a;
}

.buttonItem__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  letter-spacing: 0.065em;
}
.buttonItem__link:hover .buttonItem__ico {
  transform: scale(1) translateX(-0.08rem);
}
.buttonItem__link:hover .buttonItem__ico .buttonItem__ico--enter {
  opacity: 0;
  transform: translateX(0);
}
.buttonItem__link:hover .buttonItem__ico .buttonItem__ico--leave {
  opacity: 1;
  transform: translateX(0%);
}

.buttonItem__ico {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.6rem;
  display: flex;
  width: 3.6rem;
  height: 3.6rem;
  margin: auto 0;
  overflow: hidden;
  color: #0076c1;
  background-color: #ffffff;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1);
  transform: scale(0.1);
}

.buttonItem__ico--enter {
  position: absolute;
  inset: 0.01rem -0.01rem 0 0;
  display: flex;
  width: 1.204rem;  /* 0.86rem * 1.4 */
  height: 1.204rem; /* 0.86rem * 1.4 */
  margin: auto;
  transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1),
              opacity 0.001s linear 0.4s;
  transform: translateX(-220%);
}

.buttonItem__ico--leave {
  position: absolute;
  inset: 0.01rem -0.01rem 0 0;
  display: flex;
  width: 1.204rem;  /* 0.86rem * 1.4 */
  height: 1.204rem; /* 0.86rem * 1.4 */
  margin: auto;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1),
              opacity 0.001s linear 0.4s;
  transform: translateX(220%);
}
/*-------------
contact - form
--------------*/
.c-stepbar01.is-two .c-stepbar01__item.is-edit {
  width: 54%;
  background-color: #fbd554
}

.c-stepbar01.is-two .c-stepbar01__item.is-edit::after {
  background-image: url(assets/img/common/bg_step01_sp.png)
}

.c-stepbar01.is-two .c-stepbar01__item.is-complete {
  width: 46%
}

.sent .c-stepbar01.is-two .c-stepbar01__item.is-edit {
  background-color: #fff
}

.sent .c-stepbar01.is-two .c-stepbar01__item.is-edit::after {
  background-image: url(assets/img/common/bg_step03_sp.png)
}

.sent .c-stepbar01.is-two .c-stepbar01__item.is-complete {
  background-color: #fbd554
}

@media all and (min-width:768px) {
  .c-stepbar01.is-two .c-stepbar01__item.is-edit::after {
    background-image: url(assets/img/common/bg_step01_pc.png)
  }
  .sent .c-stepbar01.is-two .c-stepbar01__item.is-edit::after {
    background-image: url(assets/img/common/bg_step03_pc.png)
  }
}

.c-stepbar01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  border: 1px solid #1f1f1f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.c-stepbar01__item {
  position: relative;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  display: flex;
align-items: center;
justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}
.c-stepbar01__item:not(:last-child) {
  padding-right: 10px
}

.c-stepbar01__item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 40px;
  background-position: right center;
  background-size: auto 40px;
  background-repeat: no-repeat;
  background-image: url(../img/bg_step02_sp.png);
}

.c-stepbar01__item.is-edit {
  width: 38%
}

.c-stepbar01__item.is-confirm {
  width: 33%
}

.c-stepbar01__item.is-complete {
  width: 29%
}
.c-form01__stepbar+.c-form01__box {
  margin-top: 10px
}
@media all and (min-width:768px) {
  .c-stepbar01 {
    width: 100%;
    max-width: 670px;
    height: 54px;
    margin: 0 auto
  }
  .c-stepbar01__item {
    height: 52px;
    line-height: 50px
  }
  .c-stepbar01__item:not(:last-child)::after {
    width: 28px;
    height: 52px;
    background-size: auto 52px;
    background-image: url(../img/bg_step02_pc.png)
  }
  .c-stepbar01__item.is-confirm {
    padding-right: 20px
  }
}

.c-form01__content, .c-form01__label {
  display: block;
  line-height: 1.6;
  font-size: 1.6rem
}

.c-form01__content input[type=text][readonly], .c-form01__label input[type=text][readonly] {
  border: 0
}

.c-form01__label {
  position: relative;
  margin-bottom: 10px;
  padding-top: 18px;
  font-weight: 700
}

.c-form01__label-txt {
  font-weight: 700
}

.c-form01__label .c-form01__note {
  margin: 5px 0 15px;
  font-weight: 400
}

.c-form01__content {
  padding-bottom: 25px;
  border-bottom: 1px solid silver
}

.c-form01__option {
  display: inline-block;
  width: 42px;
  height: 17px;
  margin: 5px 0 0 10px;
  overflow: hidden;
  line-height: 16px;
  text-align: center;
  vertical-align: top;
  color: #1f1f1f;
  font-size: 1.2rem;
  font-weight: 700;
  background-color: #e8eff1
}

.c-form01__option.is-require {
  background-color: #fbd554
}

.c-form01 .error, .c-form01 .wpcf7-not-valid-tip {
  display: block!important;
  margin-top: 8px;
  line-height: 1.5;
  color: #d00000!important;
  font-size: 1.3rem!important
}

.c-form01__txt {
  margin-top: 15px
}

.c-form01__note {
  display: block;
  margin-top: 10px
}

.c-form01__confirm {
  display: none
}

.c-form01__confirm+* {
  margin-top: 12px
}

.mw_wp_form_preview .c-form01__confirm {
  margin-top: 12px;
  display: block
}

.c-form01__calendar-item:nth-child(n+2) {
  margin-top: 15px
}

.c-form01__calendar-box+.c-form01__calendar-box {
  margin-top: 10px
}

.c-form01__calendar label {
  display: block;
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 1.6rem;
  letter-spacing: .05em
}

.mw_wp_form_preview .c-form01__address-pref {
  display: inline
}

.c-form01__address-zip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.c-form01__address-box {
  width: calc(100% - 30px);
  max-width: 300px
}

.c-form01__address-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 50px;
  margin-right: 10px
}

.mw_wp_form_preview .c-form01__address-mark {
  width: auto;
  height: auto;
  margin-right: 0
}

.c-form01__address-select {
  margin-top: 15px
}

.mw_wp_form_preview .c-form01__address-select {
  display: inline!important;
  margin-top: 0
}

.c-form01__address-text {
  margin-top: 15px
}

.c-form01__agreement {
  margin-top: 25px;
  line-height: 1.6;
  text-align: center
}

.c-form01__agreement-check {
  margin-top: 15px;
  font-size: 1.6rem
}
.c-form01__agreement-policy{
  margin-top: 1em;
  color: #666;
  font-size: 1.2rem;
}
.c-form01__agreement-policy a{
  text-decoration: underline;
  color: #0076c1;
}
.c-form01__submit {
  margin-top: 30px
}
.c-form01__cloudflare {
    margin-top: 30px;
    display: flex;
    justify-content: center
}


.c-form01__submit-confirm:disabled {
  opacity: .7;
  cursor: not-allowed;
  pointer-events: none
}

.c-form01__submit-confirm:disabled .c-btn01__txt {
  color: #1f1f1f!important
}
.c-btn01.is-anchor .c-btn01__btn::before, .c-btn01.is-anchor .c-btn01__link::before, .c-btn01.is-anchor button::before {
  border-width: 6px 5px 0 5px;
  border-color: #1f1f1f transparent transparent transparent
}

@media all and (min-width:768px) {
  .c-btn01.is-anchor .c-btn01__btn::before, .c-btn01.is-anchor .c-btn01__link::before, .c-btn01.is-anchor button::before {
    right: 22px;
    border-width: 7px 5px 0 5px
  }
}

.c-btn01.is-block {
  display: block
}

.c-btn01.is-cf7 {
  display: block;
  position: relative;
  max-width: 325px;
  margin: 0 auto
}

.c-btn01.is-cf7::before {
  content: '';
  position: absolute;
  top: 0;
  right: 13px;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #1f1f1f;
  margin: auto 0
}

.c-btn01.is-cf7 .c-btn01__btn {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f1f1f
}

.c-btn01.is-cf7 .c-btn01__btn:disabled {
  opacity: .7;
  cursor: not-allowed;
  pointer-events: none
}

.c-btn01.is-cf7 .c-btn01__btn::before {
  display: none
}

.c-btn01.is-cf7 .wpcf7-spinner {
  position: absolute;
  right: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  opacity: 1
}

@media all and (min-width:768px) {
  .c-btn01.is-cf7::before {
    right: 18px;
    border-width: 5px 0 5px 7px
  }
  .c-btn01.is-cf7 .c-btn01__btn:hover {
    background-color: #fff4b9
  }
}

.c-btn01.is-fix .c-btn01__btn, .c-btn01.is-fix .c-btn01__link, .c-btn01.is-fix button {
  color: #fff;
  border: none;
  background-color: silver
}

.c-btn01.is-fix .c-btn01__btn::before, .c-btn01.is-fix .c-btn01__link::before, .c-btn01.is-fix button::before {
  right: auto;
  left: 11px;
  border-width: 5px 6px 5px 0;
  border-color: transparent #fff transparent transparent
}

@media all and (min-width:768px) {
  .c-btn01.is-fix .c-btn01__btn::before, .c-btn01.is-fix .c-btn01__link::before, .c-btn01.is-fix button::before {
    left: 18px;
    border-width: 5px 7px 5px 0
  }
  .c-btn01.is-fix .c-btn01__btn::after, .c-btn01.is-fix .c-btn01__link::after, .c-btn01.is-fix button::after {
    background-color: #e9e9e9
  }
}

.c-btn01.is-icon .c-btn01__txt::before {
  display: block;
  margin: -2px 8px 0 0
}


@media all and (min-width:768px) {
  .c-btn01.is-icon .c-btn01__txt::before {
    margin: -3px 10px 0 0
  }
  .c-btn01.is-icon.is-shop .c-btn01__txt::before {
    width: 14px;
    height: 19px
  }
  .c-btn01.is-icon.is-company .c-btn01__txt::before {
    width: 14px;
    height: 18px
  }
  .c-btn01.is-icon.is-reserve .c-btn01__txt::before {
    width: 17px;
    height: 12px;
    margin-top: -2px
  }
  .c-btn01.is-icon.is-request .c-btn01__txt::before {
    width: 16px;
    height: 20px
  }
  .c-btn01.is-icon.is-tel .c-btn01__txt::before {
    width: 12px;
    height: 16px;
    margin-top: -2px
  }
  .c-btn01.is-icon.is-house .c-btn01__txt::before {
    margin: -4px 6px 0 0;
    width: 20px;
    height: 18px
  }
  .c-btn01.is-icon.is-line .c-btn01__txt::before {
    margin: -2px 10px 0 0;
    width: 20px;
    height: 18px
  }
}

.c-btn01.is-large {
  min-height: 65px
}

.c-btn01.is-large .c-btn01__txt {
  font-size: 1.7rem
}

.c-btn01.is-large.is-icon.is-mail .c-btn01__txt::before {
  width: 19px;
  height: 14px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2038%2028%22%20style%3D%22enable-background%3Anew%200%200%2038%2028%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M36.7%2C27.4H1.3c-0.7%2C0-1.3-0.6-1.3-1.3V1.9c0-0.7%2C0.6-1.3%2C1.3-1.3h35.5c0.7%2C0%2C1.3%2C0.6%2C1.3%2C1.3v24.2%20C38%2C26.8%2C37.4%2C27.4%2C36.7%2C27.4z%20M2.5%2C24.8h33V3.2h-33V24.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19.1%2C17.6c-0.9%2C0-1.8-0.3-2.6-0.9L5%2C7C4.4%2C6.6%2C4.4%2C5.8%2C4.8%2C5.2c0.4-0.5%2C1.2-0.6%2C1.8-0.2l11.6%2C9.7%20c0.6%2C0.5%2C1.4%2C0.5%2C2%2C0l11.2-9.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C33.6%2C5.8%2C33.6%2C6.6%2C33%2C7l-11.2%2C9.6C21%2C17.3%2C20.1%2C17.6%2C19.1%2C17.6z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  width: 19px;
  height: 14px
}

@media all and (min-width:768px) {
  .c-btn01.is-large {
    min-height: 80px
  }
  .c-btn01.is-large .c-btn01__link {
    width: 430px
  }
  .c-btn01.is-large .c-btn01__txt {
    font-size: 2.2rem
  }
  .c-btn01.is-large.is-icon.is-mail .c-btn01__txt::before {
    width: 24px;
    height: 16px
  }
}

.c-btn01.is-line .c-btn01__btn, .c-btn01.is-line .c-btn01__link, .c-btn01.is-line button {
  border: none;
  background-color: #27ad37
}

.c-btn01.is-line .c-btn01__btn::before, .c-btn01.is-line .c-btn01__link::before, .c-btn01.is-line button::before {
  border-left-color: #fff
}

@media all and (min-width:768px) {
  .c-btn01.is-line .c-btn01__btn::after, .c-btn01.is-line .c-btn01__link::after, .c-btn01.is-line button::after {
    background-color: #5dc269
  }
  .c-btn01.is-line .c-btn01__btn:hover .c-btn01__txt, .c-btn01.is-line .c-btn01__link:hover .c-btn01__txt, .c-btn01.is-line button:hover .c-btn01__txt {
    color: #fff
  }
}

.c-btn01.is-line .c-btn01__txt {
  color: #fff
}

.c-btn01.is-num .c-btn01__num {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  z-index: 1;
  width: 23px;
  height: 25px;
  margin: auto 0;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px)
}

.c-btn01.is-num .c-btn01__num::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat
}

@media all and (min-width:768px) {
  .c-btn01.is-num .c-btn01__num {
    left: 12px;
    width: 33px;
    height: 35px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }

  
}

.c-btn01.is-reserve .c-btn01__btn, .c-btn01.is-reserve .c-btn01__link, .c-btn01.is-reserve button {
  border: none;
  background-color: #fbd554
}

.c-btn01.is-return .c-btn01__btn::before, .c-btn01.is-return .c-btn01__link::before, .c-btn01.is-return button::before {
  right: auto;
  left: 13px;
  border-width: 5px 6px 5px 0;
  border-color: transparent #1f1f1f transparent transparent
}

@media all and (min-width:768px) {
  .c-btn01.is-return .c-btn01__btn::before, .c-btn01.is-return .c-btn01__link::before, .c-btn01.is-return button::before {
    left: 18px;
    border-width: 5px 7px 5px 0
  }
}

.c-btn01.is-small .c-btn01__link {
  min-height: 55px;
  padding: 10px
}

.c-btn01.is-small.is-reserve .c-btn01__link {
  border: none;
  background-color: #fbd554
}

.c-btn01.is-small.is-reserve .c-btn01__txt::before {
  width: 18px;
  height: 13px;
  margin: -2px 7px 0 0
}

.c-btn01.is-small.is-request .c-btn01__link {
  border: 2px solid #1f1f1f;
  background-color: #fff
}

.c-btn01.is-small.is-request .c-btn01__txt::before {
  width: 19px;
  height: 16px;
  margin: -3px 7px 0 0
}

.c-btn01.is-small .c-btn01__link {
  min-height: 56px;
  padding: 10px
}

.c-btn01.is-small .c-btn01__link::before {
  content: none
}

.c-btn01.is-small .c-btn01__txt {
  font-size: 1.5rem
}

@media all and (min-width:768px) {
  .c-btn01.is-small {
    width: 170px
  }
  .c-btn01.is-small.is-reserve .c-btn01__link::after {
    background-color: #ffe970
  }
  .c-btn01.is-small.is-request .c-btn01__link::after {
    background-color: #fff4b9
  }
  .c-btn01.is-small .c-btn01__link {
    min-height: 56px
  }
}

.c-btn01.is-tel .c-btn01__tel {
  position: relative;
  z-index: 1;
  line-height: 1;
  font-size: 2.5rem
}

.c-btn01.is-tel .c-btn01__tel::before {
  width: 12px;
  height: 16px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2032%22%20style%3D%22enable-background%3Anew%200%200%2024%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M19.9%2C22.9L18%2C21c-1.8%2C0.3-3.5%2C0.5-5.3%2C0.6c-0.1%2C0-0.1%2C0-0.1%2C0c-0.1%2C0-0.3-0.1-0.3-0.1c0%2C0%2C0%2C0-0.1-0.1%20c-1.2-1.2-1.7-1.4-2.7-2.8c-1-1.5-1.8-3-2.5-4.6c0-0.1%2C0-0.1%2C0-0.1c0-0.1%2C0-0.3%2C0-0.4c0%2C0%2C0%2C0%2C0-0.1c0.7-1.6%2C1.6-3.2%2C2.6-4.7%20l-1-2.4l-1.2-3l-1-2.4C5.8%2C1%2C5.3%2C1.2%2C4.8%2C1.4C3.8%2C1.7%2C2.8%2C2.2%2C2%2C2.8C1.5%2C3.1%2C1.1%2C3.5%2C0.8%2C4C0.5%2C4.4%2C0.4%2C4.7%2C0.2%2C5.1%20c0%2C0.1-0.1%2C0.3-0.1%2C0.4C0%2C6.4%2C0%2C7.3%2C0.1%2C8.2c0.8%2C4.2%2C1.8%2C7.1%2C4.1%2C10.8c0.2%2C0.3%2C0.4%2C0.7%2C0.6%2C1c0.2%2C0.3%2C0.4%2C0.6%2C0.7%2C1%20c2.6%2C3.6%2C5.8%2C6.6%2C9.3%2C9c0.8%2C0.5%2C1.6%2C0.9%2C2.5%2C1c0.1%2C0%2C0.3%2C0%2C0.4%2C0.1c0.4%2C0%2C0.8%2C0%2C1.2-0.1c0.5-0.1%2C1.1-0.3%2C1.6-0.6%20c0.9-0.6%2C1.7-1.3%2C2.4-2c0.4-0.4%2C0.7-0.8%2C1-1.3l-1.9-1.9L19.9%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  margin: -2px 3px 0 0
}

.c-btn01.is-tel .c-btn01__receipt {
  position: relative;
  z-index: 1;
  font-size: 1.1rem;
  font-weight: 700
}

.c-btn01.is-tel .c-btn01__receipt-time {
  position: relative;
  top: 1px;
  line-height: 1;
  font-size: 1.3rem
}

.c-btn01.is-tel02 .c-btn01__link {
  min-height: 70px;
  padding-top: 8px
}

.c-btn01.is-tel02 .c-btn01__tit {
  line-height: 1.4;
  font-size: 1.4rem;
  font-weight: 700
}

.c-btn01.is-tel02 .c-btn01__tel {
  position: relative;
  z-index: 1;
  margin-top: 3px;
  line-height: 1;
  font-size: 2.6rem
}

.c-btn01.is-tel02 .c-btn01__tel::before {
  width: 13px;
  height: 18px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2032%22%20style%3D%22enable-background%3Anew%200%200%2024%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M19.9%2C22.9L18%2C21c-1.8%2C0.3-3.5%2C0.5-5.3%2C0.6c-0.1%2C0-0.1%2C0-0.1%2C0c-0.1%2C0-0.3-0.1-0.3-0.1c0%2C0%2C0%2C0-0.1-0.1%20c-1.2-1.2-1.7-1.4-2.7-2.8c-1-1.5-1.8-3-2.5-4.6c0-0.1%2C0-0.1%2C0-0.1c0-0.1%2C0-0.3%2C0-0.4c0%2C0%2C0%2C0%2C0-0.1c0.7-1.6%2C1.6-3.2%2C2.6-4.7%20l-1-2.4l-1.2-3l-1-2.4C5.8%2C1%2C5.3%2C1.2%2C4.8%2C1.4C3.8%2C1.7%2C2.8%2C2.2%2C2%2C2.8C1.5%2C3.1%2C1.1%2C3.5%2C0.8%2C4C0.5%2C4.4%2C0.4%2C4.7%2C0.2%2C5.1%20c0%2C0.1-0.1%2C0.3-0.1%2C0.4C0%2C6.4%2C0%2C7.3%2C0.1%2C8.2c0.8%2C4.2%2C1.8%2C7.1%2C4.1%2C10.8c0.2%2C0.3%2C0.4%2C0.7%2C0.6%2C1c0.2%2C0.3%2C0.4%2C0.6%2C0.7%2C1%20c2.6%2C3.6%2C5.8%2C6.6%2C9.3%2C9c0.8%2C0.5%2C1.6%2C0.9%2C2.5%2C1c0.1%2C0%2C0.3%2C0%2C0.4%2C0.1c0.4%2C0%2C0.8%2C0%2C1.2-0.1c0.5-0.1%2C1.1-0.3%2C1.6-0.6%20c0.9-0.6%2C1.7-1.3%2C2.4-2c0.4-0.4%2C0.7-0.8%2C1-1.3l-1.9-1.9L19.9%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  margin: -2px 3px 0 0
}

@media all and (max-width:360px) {
  .c-btn01.is-tel02 .c-btn01__tel {
    font-size: 2.2rem
  }
  .c-btn01.is-tel02 .c-btn01__tel::before {
    width: 12px;
    height: 17px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center/contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2032%22%20style%3D%22enable-background%3Anew%200%200%2024%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M19.9%2C22.9L18%2C21c-1.8%2C0.3-3.5%2C0.5-5.3%2C0.6c-0.1%2C0-0.1%2C0-0.1%2C0c-0.1%2C0-0.3-0.1-0.3-0.1c0%2C0%2C0%2C0-0.1-0.1%20c-1.2-1.2-1.7-1.4-2.7-2.8c-1-1.5-1.8-3-2.5-4.6c0-0.1%2C0-0.1%2C0-0.1c0-0.1%2C0-0.3%2C0-0.4c0%2C0%2C0%2C0%2C0-0.1c0.7-1.6%2C1.6-3.2%2C2.6-4.7%20l-1-2.4l-1.2-3l-1-2.4C5.8%2C1%2C5.3%2C1.2%2C4.8%2C1.4C3.8%2C1.7%2C2.8%2C2.2%2C2%2C2.8C1.5%2C3.1%2C1.1%2C3.5%2C0.8%2C4C0.5%2C4.4%2C0.4%2C4.7%2C0.2%2C5.1%20c0%2C0.1-0.1%2C0.3-0.1%2C0.4C0%2C6.4%2C0%2C7.3%2C0.1%2C8.2c0.8%2C4.2%2C1.8%2C7.1%2C4.1%2C10.8c0.2%2C0.3%2C0.4%2C0.7%2C0.6%2C1c0.2%2C0.3%2C0.4%2C0.6%2C0.7%2C1%20c2.6%2C3.6%2C5.8%2C6.6%2C9.3%2C9c0.8%2C0.5%2C1.6%2C0.9%2C2.5%2C1c0.1%2C0%2C0.3%2C0%2C0.4%2C0.1c0.4%2C0%2C0.8%2C0%2C1.2-0.1c0.5-0.1%2C1.1-0.3%2C1.6-0.6%20c0.9-0.6%2C1.7-1.3%2C2.4-2c0.4-0.4%2C0.7-0.8%2C1-1.3l-1.9-1.9L19.9%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    margin: -3px 3px 0 0
  }
}

.c-btn01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-btn01 button, .c-btn01__btn, .c-btn01__link {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-width: 480px;
  min-height: 55px;
  padding: 10px 30px;
  text-align: center;
  line-height: 1.6;
  border: 2px solid #1f1f1f;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.c-btn01 button::before, .c-btn01__btn::before, .c-btn01__link::before {
  content: '';
  position: absolute;
  top: 0;
  right: 13px;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #1f1f1f;
  margin: auto 0
}

.c-btn01 button, .c-btn01__btn {
  border-radius: 0;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent
}

.c-btn01__txt {
  display: inline-block;
  line-height: 1.5;
  font-size: 1.5rem;
  font-weight: 700
}

@media all and (max-width:360px) {
  .c-btn01__txt br.u-view-sp {
    display: none
  }
}

.c-btn01.is-noarrow .c-btn01__link {
  padding: 10px
}

.c-btn01.is-noarrow .c-btn01__link::before {
  content: none
}

@media all and (max-width:360px) {
  .c-btn01__link {
    max-width: 280px
  }
}

@media all and (min-width:768px) {
  .c-btn01 button, .c-btn01__btn, .c-btn01__link {
    width: 320px;
    max-width: none;
    height: 100%;
    min-height: 60px;
    padding: 12px 35px;
    overflow: hidden;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
  }
  .c-btn01 button::before, .c-btn01__btn::before, .c-btn01__link::before {
    right: 18px;
    border-width: 5px 0 5px 7px
  }
  .grant .c-btn01 button, .grant .c-btn01__btn, .grant .c-btn01__link {
    width: 480px;
  }

  .c-btn01 button::after, .c-btn01__btn::after, .c-btn01__link::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #fff4b9;
    -webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s
  }
  .c-btn01 button:hover::after, .c-btn01__btn:hover::after, .c-btn01__link:hover::after {
    right: auto;
    left: 0;
    width: 100%;
    -webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s
  }
  .c-btn01 button:hover .c-btn01__txt, .c-btn01__btn:hover .c-btn01__txt, .c-btn01__link:hover .c-btn01__txt {
    color: #1f1f1f
  }
  .c-btn01__txt {
    position: relative;
    z-index: 1;
    font-size: 1.6rem;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
  }
}

.c-form01__submit-note {
  color: #b4b3b3;
  font-size: 1.2rem;
  letter-spacing: .05em;
  margin-top: 10px
}

@media all and (min-width:768px) {
  .c-form01__stepbar+.c-form01__box {
    margin-top: 70px
  }
  .c-form01__box {
    padding: 55px 90px 90px;
    border: 10px solid rgba(192, 192, 192, .4)
  }
  .c-form01__content, .c-form01__label {
    padding-right: 20px;
    padding-left: 20px
  }
  .c-form01__content input[type=text][readonly], .c-form01__label input[type=text][readonly] {
    font-size: 1.6rem
  }
  .c-form01__label {
    margin-bottom: 20px;
    padding-top: 30px;
    font-size: 1.8rem
  }
  .c-form01__label-txt {
    font-weight: 700
  }
  .c-form01__label .c-form01__note {
    display: inline-block;
    margin: 0 0 0 15px
  }
  .c-form01__content {
    padding-bottom: 35px
  }
  .c-form01__option {
    width: 50px;
    height: 22px;
    margin: 4px 0 0 20px;
    line-height: 22px;
    font-size: 1.4rem
  }
  .c-form01 .error, .c-form01 .wpcf7-not-valid-tip {
    font-size: 1.5rem!important
  }
  .c-form01__txt {
    margin-top: 20px
  }
  .c-form01__note {
    margin-top: 20px
  }
  .c-form01__confirm+* {
    margin-top: 20px
  }
  .mw_wp_form_preview .c-form01__confirm {
    margin-top: 20px
  }
  .c-form01__calendar-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .c-form01__calendar-item:nth-child(n+2) {
    margin-top: 15px
  }
  .c-form01__calendar-box+.c-form01__calendar-box {
    margin-top: 0
  }
  .c-form01__calendar label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    margin: 0 20px 0 0;
    font-size: 1.7rem;
    white-space: nowrap
  }
  .mw_wp_form_preview .c-form01__calendar label {
    height: auto
  }
  .c-form01__calendar-select {
    margin: 0 0 0 20px
  }
  .mw_wp_form_preview .c-form01__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .c-form01__address-pref {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .mw_wp_form_preview .c-form01__address-pref {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap
  }
  .c-form01__address-zip {
    width: 370px
  }
  .mw_wp_form_preview .c-form01__address-zip {
    width: auto;
    white-space: nowrap
  }
  .c-form01__address-mark {
    height: 56px
  }
  .mw_wp_form_preview .c-form01__address-mark {
    height: auto
  }
  .c-form01__address-box {
    max-width: 340px
  }
  .c-form01__address-select {
    margin: 0 0 0 20px
  }
  .c-form01__address-text {
    margin-top: 25px
  }
  .c-form01__agreement {
    margin-top: 40px
  }
  .c-form01__agreement-policy{
    font-size: 1.4rem;
  }  
  .c-form01__agreement-check {
    margin-top: 30px;
    font-size: 1.7rem
  }
  .c-form01__submit {
    margin-top: 40px
  }
  .c-form01__cloudflare {
    margin-top: 40px;
  }
  .c-form01__submit-note {
    font-size: 1.4rem;
    margin-top: 20px;
    text-align: center
  }
}

@media all and (min-width:768px) {
  .wpcf7 .wpcf7-response-output {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1100px;
    margin-left: auto!important;
    margin-right: auto!important
  }
}
.c-checkbox01 .wpcf7-list-item {
  margin: 0
}

.c-checkbox01 .wpcf7-list-item, .c-checkbox01>span {
  display: block
}

.c-checkbox01 .wpcf7-list-item+.wpcf7-list-item, .c-checkbox01 .wpcf7-list-item+span, .c-checkbox01>span+.wpcf7-list-item, .c-checkbox01>span+span {
  min-height: 28px;
  margin-top: 15px!important
}

.c-checkbox01 .wpcf7-list-item.horizontal-item+.horizontal-item, .c-checkbox01>span.horizontal-item+.horizontal-item {
  margin-left: 0
}

.c-checkbox01 input[type=checkbox] {
  display: none
}

.c-checkbox01 input[type=checkbox]+span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 28px;
  padding-left: 40px;
  line-height: 1.6;
  font-size: 1.6rem;
  letter-spacing: .05em;
  cursor: pointer
}

.c-checkbox01 input[type=checkbox]+span::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  border: 3px solid silver;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.c-checkbox01 input[type=checkbox]+span::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 11px;
  width: 14px;
  height: 10px;
  border-left: 3px solid #1f1f1f;
  border-bottom: 3px solid #1f1f1f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: 5px 10px;
  transform-origin: 5px 10px;
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
}

.c-checkbox01 input[type=checkbox]:checked+span::after {
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1)
}

.c-checkbox01.is-horizontal {
  margin: 0 -15px -10px 0
}

.c-checkbox01.is-horizontal>span {
  display: inline-block;
  margin: 0 15px 10px 0
}

.c-checkbox01.is-horizontal>span+span {
  margin-top: 0
}

.c-checkbox01.is-horizontal .error {
  margin-top: 12px
}

.c-checkbox01+.c-textbox01 {
  margin-top: 12px
}

@media all and (min-width:768px) {
  .c-checkbox01 input[type=checkbox]+span {
    min-height: none;
    padding-left: 30px;
    font-size: 1.7rem
  }
  .c-checkbox01 input[type=checkbox]+span::before {
    top: 5px;
    width: 20px;
    height: 20px
  }
  .c-checkbox01 input[type=checkbox]+span::after {
    top: 11px;
    left: 10px;
    width: 11px;
    height: 8px;
    border-left: 2px solid #1f1f1f;
    border-bottom: 2px solid #1f1f1f;
    -webkit-transform-origin: 1px 10px;
    transform-origin: 1px 10px
  }
  .c-checkbox01 input[type=checkbox]:checked+span::after {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
  }
  .c-checkbox01.is-horizontal, .c-checkbox01.is-horizontal-pc {
    margin: 0 -25px -15px 0;
    font-size: 0;
    letter-spacing: 0
  }
  .c-checkbox01.is-horizontal .wpcf7-list-item, .c-checkbox01.is-horizontal-pc .wpcf7-list-item, .c-checkbox01.is-horizontal-pc>span, .c-checkbox01.is-horizontal>span {
    display: inline-block;
    margin: 0 25px 15px 0;
    font-size: 1.7rem;
    letter-spacing: .08em
  }
  .c-checkbox01.is-horizontal .wpcf7-list-item+.wpcf7-list-item, .c-checkbox01.is-horizontal .wpcf7-list-item+span, .c-checkbox01.is-horizontal-pc .wpcf7-list-item+.wpcf7-list-item, .c-checkbox01.is-horizontal-pc .wpcf7-list-item+span, .c-checkbox01.is-horizontal-pc>span+.wpcf7-list-item, .c-checkbox01.is-horizontal-pc>span+span, .c-checkbox01.is-horizontal>span+.wpcf7-list-item, .c-checkbox01.is-horizontal>span+span {
    margin-top: 0!important
  }
  .c-checkbox01.is-horizontal .error, .c-checkbox01.is-horizontal-pc .error {
    margin: 0 0 30px
  }
  .c-checkbox01+.c-textbox01 {
    margin-top: 20px
  }
}

.c-radio01 .wpcf7-list-item {
  margin: 0
}

.c-radio01 .wpcf7-list-item, .c-radio01>span {
  display: block
}

.c-radio01 .wpcf7-list-item+.wpcf7-list-item, .c-radio01 .wpcf7-list-item+span, .c-radio01>span+.wpcf7-list-item, .c-radio01>span+span {
  margin-top: 10px
}

.c-radio01 .wpcf7-list-item.horizontal-item+.horizontal-item, .c-radio01>span.horizontal-item+.horizontal-item {
  margin-left: 0
}

.c-radio01 input[type=radio] {
  display: none
}

.c-radio01 input[type=radio]+span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  line-height: 1.6;
  font-size: 1.6rem;
  letter-spacing: .05em;
  cursor: pointer
}

.c-radio01 input[type=radio]+span::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid silver;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.c-radio01 input[type=radio]+span::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #1f1f1f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
}

.c-radio01 input[type=radio]:checked+span::after {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.c-radio01.is-horizontal {
  margin: 0 -15px -10px 0
}

.c-radio01.is-horizontal>span {
  display: inline-block;
  margin: 0 15px 10px 0
}

.c-radio01.is-horizontal>span+span {
  margin-top: 0
}

.c-radio01.is-horizontal .error {
  margin: 0 0 30px
}

@media all and (min-width:768px) {
  .c-radio01 input[type=radio]+span {
    font-size: 1.7rem
  }
  .c-radio01 input[type=radio]+span::before {
    top: 5px
  }
  .c-radio01 input[type=radio]+span::after {
    top: 10px
  }
  .c-radio01.is-horizontal, .c-radio01.is-horizontal-pc {
    margin: 0 -25px -15px 0
  }
  .c-radio01.is-horizontal .wpcf7-list-item, .c-radio01.is-horizontal-pc .wpcf7-list-item, .c-radio01.is-horizontal-pc>span, .c-radio01.is-horizontal>span {
    display: inline-block;
    margin: 0 25px 15px 0
  }
  .c-radio01.is-horizontal .wpcf7-list-item+.wpcf7-list-item, .c-radio01.is-horizontal .wpcf7-list-item+span, .c-radio01.is-horizontal-pc .wpcf7-list-item+.wpcf7-list-item, .c-radio01.is-horizontal-pc .wpcf7-list-item+span, .c-radio01.is-horizontal-pc>span+.wpcf7-list-item, .c-radio01.is-horizontal-pc>span+span, .c-radio01.is-horizontal>span+.wpcf7-list-item, .c-radio01.is-horizontal>span+span {
    margin-top: 0
  }
  .c-radio01.is-horizontal .error, .c-radio01.is-horizontal-pc .error {
    margin: 0 0 30px
  }
}

.mw_wp_form_preview .c-radio01.is-horizontal, .mw_wp_form_preview .c-radio01.is-horizontal-pc {
  margin: 0
}

.c-select01 {
  display: inline-block;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.c-select01::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #1f1f1f transparent transparent transparent
}

.mw_wp_form_preview .c-select01 {
  width: auto
}

.c-select01 select {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 56px;
  padding: 10px 30px 10px 10px;
  line-height: 1.6;
  color: #b4b3b3;
  font-size: 1.6rem;
  letter-spacing: .06em;
  border: 1px solid silver!important;
  background: 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

.c-select01 select::-ms-expand {
  display: none
}

.c-select01 select.is-select {
  color: #1f1f1f
}

.c-select01 select option:first-child {
  display: none
}

@media all and (min-width:768px) {
  .c-select01 {
    width: 300px
  }
  .c-select01::after {
    right: 12px
  }
  .c-select01 select {
    min-width: 100px;
    padding: 10px 30px 10px 15px;
    font-size: 1.7rem
  }
}

.mw_wp_form_preview .c-select01 {
  border: none;
  background: 0 0
}

.mw_wp_form_preview .c-select01::after {
  content: none
}

.c-selectlist01__item:nth-child(n+2) {
  margin-top: 10px
}

@media all and (min-width:768px) {
  .c-selectlist01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px -15px 0
  }
  .c-selectlist01__item {
    margin: 0 20px 15px 0
  }
  .c-selectlist01__item:nth-child(n+2) {
    margin-top: 0
  }
}

.c-textarea01 {
  width: 100%;
  height: 170px;
  padding: 15px;
  line-height: 1.6;
  font-size: 1.6rem;
  letter-spacing: .06em;
  border: none;
  border-radius: 0;
  background: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: horizontal
}

.c-textarea01:-moz-placeholder-shown {
  color: #b4b3b3
}

.c-textarea01:-ms-input-placeholder {
  color: #b4b3b3
}

.c-textarea01:placeholder-shown {
  color: #b4b3b3
}

.c-textarea01::-webkit-input-placeholder {
  color: #b4b3b3
}

.c-textarea01:-moz-placeholder {
  color: #b4b3b3;
  opacity: 1
}

.c-textarea01::-moz-placeholder {
  color: #b4b3b3;
  opacity: 1
}

.c-textarea01:-ms-input-placeholder {
  color: #b4b3b3
}

@media all and (min-width:768px) {
  .c-textarea01 {
    height: 200px;
    padding: 15px 20px;
    font-size: 1.7rem
  }
}

@media all and (min-width:768px) {
  .c-textbox01.is-full {
    width: 100%!important
  }
}

.c-textbox01 {
  padding: 10px 15px;
  width: 100%;
  height: 50px;
  line-height: 1.6;
  font-size: 1.6rem;
  letter-spacing: .05em;
  border: none!important;
  border-radius: 0;
  background: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.c-textbox01:-moz-placeholder-shown {
  color: #b4b3b3
}

.c-textbox01:-ms-input-placeholder {
  color: #b4b3b3
}

.c-textbox01:placeholder-shown {
  color: #b4b3b3
}

.c-textbox01::-webkit-input-placeholder {
  color: #b4b3b3
}

.c-textbox01:-moz-placeholder {
  color: #b4b3b3;
  opacity: 1
}

.c-textbox01::-moz-placeholder {
  color: #b4b3b3;
  opacity: 1
}

.c-textbox01:-ms-input-placeholder {
  color: #b4b3b3
}

@media all and (min-width:768px) {
  .c-textbox01 {
    width: 370px!important;
    height: 56px;
    padding: 10px 20px;
    font-size: 1.7rem
  }
}

.wpcf7 form .wpcf7-response-output{
    font-size: initial;
    padding: 0.5em 1em;
}
.sent .c-stepbar01.is-two .c-stepbar01__item.is-edit{

}
/*-------------
privacy policy
--------------*/
/* base (ミックスイン由来でない共通だけ適用) */
.general .general_list dt { letter-spacing: .07em; }
.general .general_list dt em { font-style: normal; }
.general .general_list dd { letter-spacing: .09em; }
.general .general_list dd > p:last-child { margin-bottom: 0; }

/* Desktop >=1024px */
@media (min-width: 1024px) {

  .general {
    /* width: column(21);  ← 独自関数。実装に置き換えてください */
    margin: 100px auto 0;
  }

  .general .general_list dt {
    /* @include fontTsuku; ← 独自ミックスイン */
    font-size: 2.2rem;
    line-height: 1.5454545; /* 34 / 22 */
    margin-bottom: 15px;
  }

  .general .general_list dt em {
    margin-right: 12px;
  }

  .general .general_list dd {
    margin-bottom: 62px;
  }

  .general .general_list dd > p {
    font-size: 1.6rem;
    line-height: 2.125; /* 34 / 16 */
    padding-left: 40px;
    margin-bottom: 12px;
  }

  .general .general_list dd ul {
    padding-left: 40px;
  }

  .general .general_list dd ul li {
    font-size: 1.6rem;
    line-height: 2.125; /* 34 / 16 */
    padding-left: 1.1em;
    text-indent: -1.1em;
  }
}

/* Mobile <=767px */
@media (max-width: 767px) {

  .general .general_list dt {
    /* @include fontTsuku; ← 独自ミックスイン */
    font-size: 1.7rem;
    line-height: 1.5294118; /* 52 / 34 */
    margin-bottom: 10px;
    padding-left: 1.2em;
    text-indent: -1.2em;
  }

  .general .general_list dt em {
    margin-right: 2px;
  }

  .general .general_list dd {
    margin-bottom: 40px;
  }

  .general .general_list dd > p {
    font-size: 1.4rem;
    line-height: 2; /* 56 / 28 */
    padding-left: 23px;
    margin-bottom: 12px;
  }

  .general .general_list dd ul {
    padding-left: 20px;
  }

  .general .general_list dd ul li {
    font-size: 1.4rem;
    line-height: 2; /* 56 / 28 */
    padding-left: 1.1em;
    text-indent: -1.1em;
    margin-bottom: 5px;
  }
}

/*-------------
side-cv
--------------*/

@media all and (min-width:768px) {
  .footer-cv__list-item.is-tel .footer-cv__list-btn{
    border: 1px solid #1f1f1f;
  }
  .side-cv {
    position: fixed;
    right: 0;
    bottom: 80px;
    z-index: 10
  }
  .side-cv.is-active .side-cv__content.is-active, .side-cv.is-active .side-cv__open.is-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  .side-cv__open {
    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;
    right: 0;
    bottom: 0;
    width: 46px;
    height: 190px;
    padding: 0;
    border: none;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    font-size: 1.5rem;
    letter-spacing: .08em;
    border: none;
    border-radius: none;
    background: #0076c1;
    -webkit-box-sizing: none;
    box-sizing: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
  }
  .side-cv__open>span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700
  }
  .side-cv__open.is-active {
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) .5s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) .5s
  }
  .side-cv__content {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 280px;
    height: auto;
    padding: 20px 14px 15px;
    border: 4px solid #0076c1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transform: translateX(300px);
    transform: translateX(300px)
  }
  .side-cv__content.is-active {
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) .5s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) .5s
  }
  .side-cv__copy {
    text-align: left;
    font-weight: 700
  }
  .side-cv__copy-tit {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 1.9rem;
    letter-spacing: .05em
  }
  .side-cv__copy-tit>span {
    position: relative;
    z-index: 1
  }
  .side-cv__copy-txt {
    text-align: left;
    margin-left: 2px;
    line-height: 1.5;
    font-size: 1.5rem
  }
  .side-cv__btnlist {
    position: relative;
    margin-top: 18px
  }
  .side-cv__btnlist::before {
    content: '';
    position: absolute;
    bottom: 144px;
    right: 0;
    width: 100px;
    height: 100px;
    background: url(assets/img/common/side-cv__img.png) center bottom no-repeat;
    background-size: 85% auto;
  }
  .side-cv__btnlist-item:nth-child(n+2) {
    margin-top: 5px
  }
  .side-cv__btnlist-item.is-reserve .side-cv__btnlist-link {
    background-color: #fbd554
  }
  .side-cv__btnlist-item.is-reserve .side-cv__btnlist-link::before {
    width: 18px;
    height: 13px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center/contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2038%2028%22%20style%3D%22enable-background%3Anew%200%200%2038%2028%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M36.7%2C27.4H1.3c-0.7%2C0-1.3-0.6-1.3-1.3V1.9c0-0.7%2C0.6-1.3%2C1.3-1.3h35.5c0.7%2C0%2C1.3%2C0.6%2C1.3%2C1.3v24.2%20C38%2C26.8%2C37.4%2C27.4%2C36.7%2C27.4z%20M2.5%2C24.8h33V3.2h-33V24.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19.1%2C17.6c-0.9%2C0-1.8-0.3-2.6-0.9L5%2C7C4.4%2C6.6%2C4.4%2C5.8%2C4.8%2C5.2c0.4-0.5%2C1.2-0.6%2C1.8-0.2l11.6%2C9.7%20c0.6%2C0.5%2C1.4%2C0.5%2C2%2C0l11.2-9.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C33.6%2C5.8%2C33.6%2C6.6%2C33%2C7l-11.2%2C9.6C21%2C17.3%2C20.1%2C17.6%2C19.1%2C17.6z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
  }
  .side-cv__btnlist-item.is-reserve .side-cv__btnlist-link::after {
    background-color: #ffe970
  }
  .side-cv__btnlist-item.is-line .side-cv__btnlist-link {
    color: #fff;
    background-color: #27ad37
  }
  .side-cv__btnlist-item.is-line .side-cv__btnlist-link::before {
    width: 20px;
    height: 19px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center/contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2038%2036%22%20style%3D%22enable-background%3Anew%200%200%2038%2036%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M38%2C15.3C38%2C6.9%2C29.5%2C0%2C19%2C0C8.5%2C0%2C0%2C6.9%2C0%2C15.3c0%2C7.6%2C6.8%2C13.9%2C15.9%2C15.1c0.6%2C0.1%2C1.5%2C0.4%2C1.7%2C0.9%20c0.2%2C0.5%2C0.1%2C1.2%2C0.1%2C1.7c0%2C0-0.2%2C1.3-0.3%2C1.6c-0.1%2C0.5-0.4%2C1.9%2C1.6%2C1c2-0.8%2C10.9-6.4%2C14.9-11h0C36.7%2C21.8%2C38%2C18.7%2C38%2C15.3z%20M12.3%2C19.8c0%2C0.2-0.2%2C0.4-0.4%2C0.4H6.6h0c-0.1%2C0-0.2%2C0-0.3-0.1c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c-0.1-0.1-0.1-0.2-0.1-0.3v0v-8.2%20c0-0.2%2C0.2-0.4%2C0.4-0.4h1.3c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4v6.5h3.6c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4V19.8z%20M15.5%2C19.8c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-1.3%20c-0.2%2C0-0.4-0.2-0.4-0.4v-8.2c0-0.2%2C0.2-0.4%2C0.4-0.4h1.3c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4V19.8z%20M24.7%2C19.8c0%2C0.2-0.2%2C0.4-0.4%2C0.4H23%20c0%2C0-0.1%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0-0.1-0.1-0.1-0.1L18.9%2C15v4.9c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-1.3c-0.2%2C0-0.4-0.2-0.4-0.4v-8.2c0-0.2%2C0.2-0.4%2C0.4-0.4h1.3c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0l3.8%2C5.1v-4.9%20c0-0.2%2C0.2-0.4%2C0.4-0.4h1.3c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4V19.8z%20M32%2C12.9c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-3.6v1.4h3.6c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4v1.3%20c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-3.6v1.4h3.6c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4v1.3c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-5.3h0c-0.1%2C0-0.2%2C0-0.3-0.1c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0C26%2C20%2C26%2C19.9%2C26%2C19.8v0v-8.2v0c0-0.1%2C0-0.2%2C0.1-0.3c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0.1-0.1%2C0.2-0.1%2C0.3-0.1h0h5.3%20c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4V12.9z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
  }
  .side-cv__btnlist-item.is-line .side-cv__btnlist-link::after {
    background-color: #5dc269
  }
  .side-cv__btnlist-item.is-request .side-cv__btnlist-link {
    border: 2px solid #1f1f1f;
    background-color: #fff
  }
  .side-cv__btnlist-item.is-request .side-cv__btnlist-link::before {
    width: 19px;
    height: 16px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center/contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2032%22%20style%3D%22enable-background%3Anew%200%200%2024%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M19.9%2C22.9L18%2C21c-1.8%2C0.3-3.5%2C0.5-5.3%2C0.6c-0.1%2C0-0.1%2C0-0.1%2C0c-0.1%2C0-0.3-0.1-0.3-0.1c0%2C0%2C0%2C0-0.1-0.1%20c-1.2-1.2-1.7-1.4-2.7-2.8c-1-1.5-1.8-3-2.5-4.6c0-0.1%2C0-0.1%2C0-0.1c0-0.1%2C0-0.3%2C0-0.4c0%2C0%2C0%2C0%2C0-0.1c0.7-1.6%2C1.6-3.2%2C2.6-4.7%20l-1-2.4l-1.2-3l-1-2.4C5.8%2C1%2C5.3%2C1.2%2C4.8%2C1.4C3.8%2C1.7%2C2.8%2C2.2%2C2%2C2.8C1.5%2C3.1%2C1.1%2C3.5%2C0.8%2C4C0.5%2C4.4%2C0.4%2C4.7%2C0.2%2C5.1%20c0%2C0.1-0.1%2C0.3-0.1%2C0.4C0%2C6.4%2C0%2C7.3%2C0.1%2C8.2c0.8%2C4.2%2C1.8%2C7.1%2C4.1%2C10.8c0.2%2C0.3%2C0.4%2C0.7%2C0.6%2C1c0.2%2C0.3%2C0.4%2C0.6%2C0.7%2C1%20c2.6%2C3.6%2C5.8%2C6.6%2C9.3%2C9c0.8%2C0.5%2C1.6%2C0.9%2C2.5%2C1c0.1%2C0%2C0.3%2C0%2C0.4%2C0.1c0.4%2C0%2C0.8%2C0%2C1.2-0.1c0.5-0.1%2C1.1-0.3%2C1.6-0.6%20c0.9-0.6%2C1.7-1.3%2C2.4-2c0.4-0.4%2C0.7-0.8%2C1-1.3l-1.9-1.9L19.9%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    left: 11px
  }
  .side-cv__btnlist-item.is-request .side-cv__btnlist-link::after {
    background-color: #fff4b9
  }
  .side-cv__btnlist-item.is-event .side-cv__btnlist-link {
    background-color: #e6f4ff
  }
  .side-cv__btnlist-item.is-event .side-cv__btnlist-link::before {
    width: 20px;
    height: 18px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center/contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAxYy02LjMzOCAwLTEyIDQuMjI2LTEyIDEwLjAwNyAwIDIuMDUuNzM5IDQuMDYzIDIuMDQ3IDUuNjI1bC0xLjk5MyA2LjM2OCA2Ljk0Ni0zYzEuNzA1LjQzOSAzLjMzNC42NDEgNC44NjQuNjQxIDcuMTc0IDAgMTIuMTM2LTQuNDM5IDEyLjEzNi05LjYzNCAwLTUuODEyLTUuNzAxLTEwLjAwNy0xMi0xMC4wMDd6bTAgMWM2LjA2NSAwIDExIDQuMDQxIDExIDkuMDA3IDAgNC45MjItNC43ODcgOC42MzQtMTEuMTM2IDguNjM0LTEuODgxIDAtMy40MDEtLjI5OS00Ljk0Ni0uNjk1bC01LjI1OCAyLjI3MSAxLjUwNS00LjgwOGMtMS4zMDgtMS41NjQtMi4xNjUtMy4xMjgtMi4xNjUtNS40MDIgMC00Ljk2NiA0LjkzNS05LjAwNyAxMS05LjAwN3ptLTUgNy41Yy44MjggMCAxLjUuNjcyIDEuNSAxLjVzLS42NzIgMS41LTEuNSAxLjUtMS41LS42NzItMS41LTEuNS42NzItMS41IDEuNS0xLjV6bTUgMGMuODI4IDAgMS41LjY3MiAxLjUgMS41cy0uNjcyIDEuNS0xLjUgMS41LTEuNS0uNjcyLTEuNS0xLjUuNjcyLTEuNSAxLjUtMS41em01IDBjLjgyOCAwIDEuNS42NzIgMS41IDEuNXMtLjY3MiAxLjUtMS41IDEuNS0xLjUtLjY3Mi0xLjUtMS41LjY3Mi0xLjUgMS41LTEuNXoiLz48L3N2Zz4=');


    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    left: 13px
  }
  .side-cv__btnlist-item.is-event .side-cv__btnlist-link::after {
    background-color: #0076c1
  }
  .side-cv__btnlist-link {
    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;
    position: relative;
    height: 46px;
    padding: 4px 50px;
    line-height: 1.6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .side-cv__btnlist-link::before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: 13px;
    margin: auto 0
  }
  .side-cv__btnlist-link::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
  }
  .side-cv__btnlist-link:hover::after {
    right: auto;
    left: 0;
    width: 100%
  }
  .side-cv__btnlist-txt {
    position: relative;
    z-index: 1;
    font-size: 1.5rem
  }
  .side-cv__close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 50%;
    background: #0076c1;
    -webkit-box-sizing: none;
    box-sizing: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
  }
  .side-cv__close::after, .side-cv__close::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 2px;
    margin: auto;
    background-color: #FFF
  }
  .side-cv__close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .side-cv__close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .side-cv__close>span {
    display: none
  }
}

/*-------------
footer-cv
--------------*/

.footer-cv {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3000;
  width: 100%;
  height: 55px;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
}

.footer-cv.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.footer-cv__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

.footer-cv__list-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%
}

.footer-cv__list-item.is-reserve .footer-cv__list-link {
  border-top: 1px solid #fbd554;
  background-color: #fbd554
}

.footer-cv__list-item.is-reserve .footer-cv__list-link::before {
  width: 18px;
  height: 13px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2038%2028%22%20style%3D%22enable-background%3Anew%200%200%2038%2028%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M36.7%2C27.4H1.3c-0.7%2C0-1.3-0.6-1.3-1.3V1.9c0-0.7%2C0.6-1.3%2C1.3-1.3h35.5c0.7%2C0%2C1.3%2C0.6%2C1.3%2C1.3v24.2%20C38%2C26.8%2C37.4%2C27.4%2C36.7%2C27.4z%20M2.5%2C24.8h33V3.2h-33V24.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19.1%2C17.6c-0.9%2C0-1.8-0.3-2.6-0.9L5%2C7C4.4%2C6.6%2C4.4%2C5.8%2C4.8%2C5.2c0.4-0.5%2C1.2-0.6%2C1.8-0.2l11.6%2C9.7%20c0.6%2C0.5%2C1.4%2C0.5%2C2%2C0l11.2-9.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C33.6%2C5.8%2C33.6%2C6.6%2C33%2C7l-11.2%2C9.6C21%2C17.3%2C20.1%2C17.6%2C19.1%2C17.6z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  top: 11px
}

.footer-cv__list-item.is-line .footer-cv__list-link {
  color: #fff;
  border-top: 1px solid #27ad37;
  background-color: #27ad37
}

.footer-cv__list-item.is-line .footer-cv__list-link::before {
  width: 19px;
  height: 18px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2038%2036%22%20style%3D%22enable-background%3Anew%200%200%2038%2036%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M38%2C15.3C38%2C6.9%2C29.5%2C0%2C19%2C0C8.5%2C0%2C0%2C6.9%2C0%2C15.3c0%2C7.6%2C6.8%2C13.9%2C15.9%2C15.1c0.6%2C0.1%2C1.5%2C0.4%2C1.7%2C0.9%20c0.2%2C0.5%2C0.1%2C1.2%2C0.1%2C1.7c0%2C0-0.2%2C1.3-0.3%2C1.6c-0.1%2C0.5-0.4%2C1.9%2C1.6%2C1c2-0.8%2C10.9-6.4%2C14.9-11h0C36.7%2C21.8%2C38%2C18.7%2C38%2C15.3z%20M12.3%2C19.8c0%2C0.2-0.2%2C0.4-0.4%2C0.4H6.6h0c-0.1%2C0-0.2%2C0-0.3-0.1c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c-0.1-0.1-0.1-0.2-0.1-0.3v0v-8.2%20c0-0.2%2C0.2-0.4%2C0.4-0.4h1.3c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4v6.5h3.6c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4V19.8z%20M15.5%2C19.8c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-1.3%20c-0.2%2C0-0.4-0.2-0.4-0.4v-8.2c0-0.2%2C0.2-0.4%2C0.4-0.4h1.3c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4V19.8z%20M24.7%2C19.8c0%2C0.2-0.2%2C0.4-0.4%2C0.4H23%20c0%2C0-0.1%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0-0.1-0.1-0.1-0.1L18.9%2C15v4.9c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-1.3c-0.2%2C0-0.4-0.2-0.4-0.4v-8.2c0-0.2%2C0.2-0.4%2C0.4-0.4h1.3c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0l3.8%2C5.1v-4.9%20c0-0.2%2C0.2-0.4%2C0.4-0.4h1.3c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4V19.8z%20M32%2C12.9c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-3.6v1.4h3.6c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4v1.3%20c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-3.6v1.4h3.6c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4v1.3c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-5.3h0c-0.1%2C0-0.2%2C0-0.3-0.1c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0C26%2C20%2C26%2C19.9%2C26%2C19.8v0v-8.2v0c0-0.1%2C0-0.2%2C0.1-0.3c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0.1-0.1%2C0.2-0.1%2C0.3-0.1h0h5.3%20c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4V12.9z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  top: 9px
}

.footer-cv__list-item.is-event .footer-cv__list-link {
  background-color: #e6f4ff
}

.footer-cv__list-item.is-event .footer-cv__list-link::before {
  width: 19px;
  height: 17px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2044%2038%22%20style%3D%22enable-background%3Anew%200%200%2044%2038%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M41.8%2C2.7H36v2.4h5.6v5.3H2.4V5.1H8V2.7H2.2C1%2C2.7%2C0%2C3.6%2C0%2C4.8v31C0%2C37%2C1%2C38%2C2.2%2C38h39.6c1.2%2C0%2C2.2-1%2C2.2-2.2%20v-31C44%2C3.6%2C43%2C2.7%2C41.8%2C2.7z%20M2.4%2C35.6V12.8h39.2v22.8H2.4z%22%2F%3E%20%3Crect%20x%3D%2232.9%22%20class%3D%22st0%22%20width%3D%222.4%22%20height%3D%226.8%22%2F%3E%20%3Crect%20x%3D%2211.8%22%20y%3D%222.7%22%20class%3D%22st0%22%20width%3D%2220.3%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%228.7%22%20class%3D%22st0%22%20width%3D%222.4%22%20height%3D%226.8%22%2F%3E%20%3Crect%20x%3D%2215.7%22%20y%3D%2218.2%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2220.5%22%20y%3D%2218.2%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2225.4%22%20y%3D%2218.2%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2230.2%22%20y%3D%2218.2%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2210.9%22%20y%3D%2223%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2215.7%22%20y%3D%2223%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2220.5%22%20y%3D%2223%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2225.4%22%20y%3D%2223%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2230.2%22%20y%3D%2223%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2210.9%22%20y%3D%2227.8%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2215.7%22%20y%3D%2227.8%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2220.5%22%20y%3D%2227.8%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%20%3Crect%20x%3D%2225.4%22%20y%3D%2227.8%22%20class%3D%22st0%22%20width%3D%222.9%22%20height%3D%222.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  top: 10px
}

.footer-cv__list-item.is-request .footer-cv__list-link {
  border-top: 1px solid #1f1f1f;
  background-color: #fff
}

.footer-cv__list-item.is-request .footer-cv__list-link::before {
  width: 19px;
  height: 16px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2038%2032%22%20style%3D%22enable-background%3Anew%200%200%2038%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M37.6%2C4.1H34V3.5c0-1-0.6-1.9-1.5-2.1C31.2%2C1%2C28.5%2C0.2%2C26%2C0c-2.9-0.2-5.9%2C0.9-6.9%2C1.3C18%2C0.9%2C14.9-0.2%2C12%2C0%20C9.5%2C0.2%2C6.8%2C1%2C5.4%2C1.4C4.6%2C1.7%2C4%2C2.5%2C4%2C3.5v0.6H0.4C0.2%2C4.1%2C0%2C4.3%2C0%2C4.5v27.1C0%2C31.8%2C0.2%2C32%2C0.4%2C32h37.3c0.2%2C0%2C0.4-0.2%2C0.4-0.4%20V4.5C38%2C4.3%2C37.8%2C4.1%2C37.6%2C4.1z%20M4.5%2C28.2c0.4%2C0.3%2C0.8%2C0.3%2C1.2%2C0.1C6.5%2C27.9%2C9%2C26.7%2C12%2C27c2%2C0.2%2C4.9%2C1%2C7%2C1.8c0.1%2C0%2C0.2%2C0%2C0.2%2C0%20C21.2%2C28%2C24%2C27.1%2C26%2C27c3-0.2%2C5.5%2C0.9%2C6.2%2C1.3c0.4%2C0.2%2C0.8%2C0.2%2C1.2-0.1c0.4-0.3%2C0.6-0.7%2C0.6-1.2V6.4h1.9v23.4H2.1V6.4H4V27%20C4%2C27.5%2C4.2%2C27.9%2C4.5%2C28.2z%20M19.3%2C3.8c2.1-1.1%2C4.6-1.6%2C6.6-1.5c2.3%2C0.2%2C4.7%2C0.8%2C6%2C1.2v22c-2-0.8-4.1-1.1-6-0.9%20c-2.5%2C0.2-5.7%2C1.3-6.7%2C1.7c-1.1-0.4-4.4-1.5-6.9-1.7c-0.3%2C0-0.6%2C0-1%2C0c-1.7%2C0-3.4%2C0.3-5.1%2C1v-22c1.3-0.4%2C3.7-1.1%2C6-1.2%20c2.3-0.2%2C5%2C0.6%2C6.8%2C1.5C19.1%2C3.9%2C19.2%2C3.9%2C19.3%2C3.8z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M18.2%2C5.9v17.8c0%2C0.5%2C0.4%2C1%2C0.9%2C1s0.9-0.4%2C0.9-1V5.9c0-0.5-0.4-1-0.9-1S18.2%2C5.4%2C18.2%2C5.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  top: 10px
}

.footer-cv__list-item.is-tel .footer-cv__list-btn {
  border-top: none;
  border-right: none;
  border-bottom: none;
  background-color: #fff
}

.footer-cv__list-item.is-tel .footer-cv__list-btn::before {
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2036%2036%22%20style%3D%22enable-background%3Anew%200%200%2036%2036%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231f1f1f%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.6%2C16.9c0.8-0.8%2C1.6-1.6%2C2.4-2.4c1.1-1.1%2C1.1-2.4%2C0-3.6c-0.6-0.6-1.3-1.3-1.9-1.9c-0.7-0.7-1.3-1.3-2-2%20c-1.1-1-2.4-1.1-3.5%2C0C2.9%2C7.9%2C2.1%2C8.7%2C1.3%2C9.5c-0.8%2C0.7-1.2%2C1.6-1.2%2C2.7c-0.1%2C1.7%2C0.3%2C3.3%2C0.9%2C4.9c1.2%2C3.2%2C3%2C6.1%2C5.3%2C8.7%20c3%2C3.6%2C6.6%2C6.4%2C10.8%2C8.4c1.9%2C0.9%2C3.8%2C1.6%2C6%2C1.7c1.4%2C0.1%2C2.7-0.3%2C3.7-1.4c0.7-0.8%2C1.5-1.5%2C2.2-2.2c1.1-1.1%2C1.1-2.4%2C0-3.6%20c-1.3-1.3-2.6-2.6-3.9-3.9c-1.1-1.1-2.4-1.1-3.5%2C0c-0.8%2C0.8-1.6%2C1.6-2.4%2C2.4c-0.2%2C0.2-0.4%2C0.3-0.7%2C0.1c-0.5-0.3-1.1-0.5-1.6-0.8%20c-2.4-1.5-4.3-3.4-6.1-5.5c-0.9-1.1-1.6-2.2-2.2-3.5C8.4%2C17.3%2C8.4%2C17.1%2C8.6%2C16.9z%20M22.3%2C13.6c1.5%2C1.5%2C2.5%2C3.4%2C2.9%2C5.5l3-0.5%20c-0.5-2.7-1.7-5.2-3.7-7.1c-2.1-2.1-4.7-3.4-7.6-3.8l-0.4%2C3C18.7%2C11%2C20.7%2C12%2C22.3%2C13.6z%20M29.8%2C6.3C26.4%2C2.8%2C22.1%2C0.7%2C17.3%2C0l-0.4%2C3%20c4.1%2C0.6%2C7.9%2C2.5%2C10.8%2C5.4c2.8%2C2.8%2C4.6%2C6.4%2C5.3%2C10.3l3-0.5C35.2%2C13.6%2C33.1%2C9.5%2C29.8%2C6.3z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  top: 8px
}

.footer-cv__list-btn, .footer-cv__list-link {
  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;
  position: relative;
  height: 100%;
  padding-top: 26px;
  line-height: 1;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.footer-cv__list-btn::before, .footer-cv__list-link::before {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto
}

.footer-cv__list-btn {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  letter-spacing: .08em;
  border: none;
  border-radius: none;
  background: 0 0;
  -webkit-box-sizing: none;
  box-sizing: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent
}

.footer-cv-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
}

.footer-cv-nav.is-open {
  z-index: 3000;
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.footer-cv-nav__inner {
  position: relative;
  z-index: 1;
  overflow-y: scroll;
  height: 100%;
  padding-top: 40px;
  text-align: center;
  background-color: #fdf7ea;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.footer-cv-nav__btn {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 50px;
  height: 50px;
  padding: 0;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  letter-spacing: .08em;
  border: none;
  border-radius: none;
  background: 0 0;
  -webkit-box-sizing: none;
  box-sizing: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  background-color: #fdf7ea
}

.footer-cv-nav__btn::after, .footer-cv-nav__btn::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 2px;
  margin: auto;
  background-color: #1f1f1f
}

.footer-cv-nav__btn::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.footer-cv-nav__btn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.footer-cv-nav__close {
  width: 100%;
  height: 50px;
  margin-top: 35px;
  padding: 0;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-size: 1.5rem;
  letter-spacing: .08em;
  border: none;
  border-radius: none;
  background: #fff9dc;
  -webkit-box-sizing: none;
  box-sizing: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent
}

.footer-cv-nav__close>span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 15px;
  position: relative;
  padding: 0 0 3px 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.footer-cv-nav__close>span::after, .footer-cv-nav__close>span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 18px;
  height: 2px;
  margin: auto 0;
  background-color: #1f1f1f
}

.footer-cv-nav__close>span::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.footer-cv-nav__close>span::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.footer-cv-nav__tit {
  display: inline-block;
  position: relative;
  line-height: 1.5;
  margin: 0 25px 25px
}

.footer-cv-nav__tit::before {
  content: '';
  position: absolute;
  top: -5px;
  left: -10px;
  width: 31px;
  height: 32px;
  background: url(../img/common/ico_house02.png) center bottom/cover no-repeat
}

.footer-cv-nav__tit>span {
  position: relative;
  z-index: 1;
  font-size: 1.7rem;
  font-weight: 700
}

.footer-cv-nav__tellist {
  margin: 0 25px
}

.footer-cv-nav__tellist-content:nth-child(n+2) {
  margin-top: 18px
}

.footer-cv-nav__tellist-tit {
  margin-bottom: 25px;
  text-align: center;
  line-height: 1.5;
  color: #ffc600;
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.footer-cv-nav__tellist-tit~.footer-cv-nav__tellist-tit {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid rgba(31, 31, 31, .1)
}

.footer-cv-nav__tellist-address {
  margin-top: 5px;
  text-align: left;
  line-height: 1.7;
  font-size: 1.3rem
}

.footer-cv-nav__tellist-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.7;
  font-size: 1.3rem
}

.footer-cv-nav__receipt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.footer-cv-nav__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s
}