@charset "UTF-8";

/*------------------------

header

------------------------*/
.header .main-nav {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: var(--bg-color);
    display: flex;
    align-items: center;
}

.header .main-nav__list {
    display: flex;
    align-items: center;
}

.header .main-nav__list.right {
    margin-left: auto;
}

.header .main-nav__list .logo {
    margin-right: 24px;
    margin-left: 24px;
}

.header .main-nav__list .logo a {
    display: block;
    line-height: 0;
}

.header .main-nav__list .logo a img {
    width: calc(169px / 1.5);
    height: calc(29px / 1.5);
}

.header .main-nav__item {
    margin-left: 16px;
    line-height: 1;
}

.header .main-nav__link {
    height: 38px;
    padding: 3px 0 0 0;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: var(--nav-color);
    transition: transform .4s cubic-bezier(.6, 0, .3, 1) 25ms;
}

.header .main-nav__link:after {
    width: 100%;
    height: 2px;
    margin: 0 auto;
    content: "";
    opacity: 0;
    background: linear-gradient(90deg, #f63 10%, #f99d24 40%, #f99d24 70%, #f63 90%);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform .4s cubic-bezier(.6, 0, .3, 1) 25ms, background-color .15s linear, opacity 0s linear .425s;
    transform: translate3d(0, 3px, 0) scaleX(0);
}

.header .main-nav__link:hover {
    transition: transform .65s cubic-bezier(.25, .9, .3, 1.15) 25ms;
    transform: translate3d(0, 0, 0);
}

.header .main-nav__link:hover:after {
    opacity: 1;
    transition: transform .3s cubic-bezier(.25, .9, .3, 1.15), background-color .15s linear, opacity .15s linear;
    transform: translateZ(0) scaleX(1);
}

.header .mypage__btn {
    padding: 2px 16px 0 40px;
    position: relative;
}

.header .mypage__btn:before {
    width: 18px;
    height: 18px;
    margin: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M2.213 14.06a9.945 9.945 0 0 1 0-4.12c1.11.13 2.08-.237 2.396-1.001.317-.765-.108-1.71-.986-2.403a9.945 9.945 0 0 1 2.913-2.913c.692.877 1.638 1.303 2.403.986.765-.317 1.132-1.286 1.001-2.396a9.945 9.945 0 0 1 4.12 0c-.13 1.11.237 2.08 1.001 2.396.765.317 1.71-.108 2.403-.986a9.945 9.945 0 0 1 2.913 2.913c-.877.692-1.303 1.638-.986 2.403.317.765 1.286 1.132 2.396 1.001a9.945 9.945 0 0 1 0 4.12c-1.11-.13-2.08.237-2.396 1.001-.317.765.108 1.71.986 2.403a9.945 9.945 0 0 1-2.913 2.913c-.692-.877-1.638-1.303-2.403-.986-.765.317-1.132 1.286-1.001 2.396a9.945 9.945 0 0 1-4.12 0c.13-1.11-.237-2.08-1.001-2.396-.765-.317-1.71.108-2.403.986a9.945 9.945 0 0 1-2.913-2.913c.877-.692 1.303-1.638.986-2.403-.317-.765-1.286-1.132-2.396-1.001zM4 12.21c1.1.305 2.007 1.002 2.457 2.086.449 1.085.3 2.22-.262 3.212.096.102.195.201.297.297.993-.562 2.127-.71 3.212-.262 1.084.45 1.781 1.357 2.086 2.457.14.004.28.004.42 0 .305-1.1 1.002-2.007 2.086-2.457 1.085-.449 2.22-.3 3.212.262.102-.096.201-.195.297-.297-.562-.993-.71-2.127-.262-3.212.45-1.084 1.357-1.781 2.457-2.086.004-.14.004-.28 0-.42-1.1-.305-2.007-1.002-2.457-2.086-.449-1.085-.3-2.22.262-3.212a7.935 7.935 0 0 0-.297-.297c-.993.562-2.127.71-3.212.262C13.212 6.007 12.515 5.1 12.21 4a7.935 7.935 0 0 0-.42 0c-.305 1.1-1.002 2.007-2.086 2.457-1.085.449-2.22.3-3.212-.262-.102.096-.201.195-.297.297.562.993.71 2.127.262 3.212C6.007 10.788 5.1 11.485 4 11.79c-.004.14-.004.28 0 .42zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z' fill='rgba(193,193,193,1)'/%3E%3C/svg%3E");
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
}

.header .logout__btn {
    padding: 2px 16px 0 40px;
    position: relative;
}

.header .logout__btn:before {
    width: 18px;
    height: 18px;
    margin: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 18h2v2h12V4H6v2H4V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3zm2-7h7v2H6v3l-5-4 5-4v3z' fill='rgba(193,193,193,1)'/%3E%3C/svg%3E");
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
}

.header .login__btn {
    padding: 8px 32px 8px 56px;
    background: linear-gradient(90deg, #f63 10%, #f99d24 40%, #f99d24 70%, #f63 90%);
    background-size: 200% auto;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    transition: .4s cubic-bezier(.6, 0, .3, 1) 25ms;
}

.header .login__btn:before {
    width: 18px;
    height: 18px;
    margin: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 15h2v5h12V4H6v5H4V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6zm6-4V8l5 4-5 4v-3H2v-2h8z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 1px;
    left: 32px;
}

.header .login__btn:hover {
    background-position: right center;
}

/*------------------------

mv

------------------------*/
.mv {
    height: 20vh;
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.mv:after {
    width: 100%;
    height: 20vh;
    min-height: 200px;
    content: "";
    background: linear-gradient(transparent 0, rgba(0, 0, 0, .5) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.mv:before {
    content: "";
    filter: blur(5px);
    -ms-filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    background: inherit;
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: -1;
}

.mv .wrap {
    height: 100%;
    position: relative;
}

.mv .mv__inner {
    height: 100%;
}

.mv .mv-contents {
    height: 100%;
    display: flex;
    align-items: baseline;
}

.mv .title {
    margin-top: auto;
    margin-bottom: 24px;
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    z-index: 1;
}

/*------------------------

共通コンテンツ

------------------------*/
.section-wrap {
    padding: 40px 0 64px;
    background-color: var(--section-bg-color);
    background-image: url(../img/contents-back.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    z-index: 0;
}

.red .section-wrap {
    background-image: url(../img/contents-back__red.png);
}

.yellow .section-wrap {
    background-image: url(../img/contents-back__yellow.png);
}

.light-green .section-wrap {
    background-image: url(../img/contents-back__light-green.png);
}

.green .section-wrap {
    background-image: url(../img/contents-back__green.png);
}

.light-blue .section-wrap {
    background-image: url(../img/contents-back__light-blue.png);
}

.blue .section-wrap {
    background-image: url(../img/contents-back__blue.png);
}

.purple .section-wrap {
    background-image: url(../img/contents-back__purple.png);
}

.monotone .section-wrap {
    background-image: url(../img/contents-back__monotone.png);
}

.natural .section-wrap {
    background-image: url(../img/contents-back__natural.png);
}

.pink .section-wrap {
    background-image: url(../img/contents-back__pink.png);
}

.section-wrap__inner {
    padding: 8vw 200px;
    background-color: #fff;
}

/*------------------------

パンくず

------------------------*/
.module__breadcrumbs {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
}

.module__breadcrumbs li {
    margin-right: 34px;
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: var(--link-color);
}

.module__breadcrumbs li::after {
    width: 7px;
    height: 7px;
    content: "";
    border-top: 2px solid var(--link-color);
    border-right: 2px solid var(--link-color);
    position: absolute;
    top: 50%;
    right: -20px;
    display: block;
    transform: translateY(-50%) rotate(45deg);
}

.module__breadcrumbs li:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.module__breadcrumbs li:last-child::after {
    content: "";
    display: none;
}

.module__breadcrumbs li a {
    position: relative;
    display: block;
    font-size: 14px;
    color: var(--link-color);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.module__breadcrumbs li a::before {
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--link-color);
    position: absolute;
    bottom: -4px;
    left: 0;
    transition: transform .3s;
    transform: scale(1, 1);
    transform-origin: right top;
}

.module__breadcrumbs li a:hover::before {
    transform: scale(0, 1);
}

/*------------------------

ページャー

------------------------*/
.section_pager .pages-items {
    padding-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 0;
}

.section_pager .pages-items .item:not(.number) {
    padding: 0 22px;
}

.section_pager .pages-items .number {
    margin-left: 8px;
}

.section_pager .pages-items .number a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section_pager .pages-items .text-pager {
    font-size: 14px;
    letter-spacing: 1.1px;
}

.section_pager .pages-items a {
    padding: 4px 0;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--link-color);
}

.section_pager .pages-items .item:not(.number) a::before {
    width: 0;
    height: 1px;
    margin: auto;
    content: "";
    background-color: var(--link-color);
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    transition: all .2s cubic-bezier(.455, .03, .515, .955);
}

.section_pager .pages-items .item:not(.number) a:hover::before {
    width: 100%;
}

.section_pager .pages-items .number:hover a {
    background-color: #fff;
    color: var(--theme-color);
}

.section_pager .pages-items .current span {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--light-theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: var(--theme-color);
}

.pages-items .previous svg,
.pages-items .next svg {
    width: 20px;
    height: 20px;
}

.pages-items .previous svg {
    margin: 0 8px 0 0;
}

.pages-items .next svg {
    margin: 0 0 0 8px;
}

/*------------------------

footer

------------------------*/
.footer {
    padding: 80px 0;
    background-color: var(--bg-color);
    font-size: 12px;
    color: rgba(255, 255, 255, .6);
}

.footer .wrap {
    width: calc(100% - 160px);
    min-width: 1170px;
    max-width: 1920px;
}

.footer .footer-top .main-nav {
    width: 100%;
}

.footer .footer-top .main-nav__list {
    border-top: 1px solid var(--footer-color);
    display: flex;
    align-items: center;
}

.footer .footer-top .main-nav__list .logo {
    margin-right: 80px;
}

.footer .footer-top .main-nav__list .main-nav__link {
    width: 100%;
    padding: 0;
    padding: 80px 64px 80px 0;
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--nav-color);
}

.footer .footer-top .main-nav__list .main-nav__link::after {
    width: 0;
    height: 1px;
    margin: auto;
    content: "";
    background: linear-gradient(90deg, #f63 10%, #f99d24 40%, #f99d24 70%, #f63 90%);
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    transition: all .2s cubic-bezier(.455, .03, .515, .955);
}

.footer .footer-top .main-nav__list .main-nav__link:hover {
    color: var(--hover-color);
}

.footer .footer-top .main-nav__list .main-nav__link:hover::after {
    width: 64px;
}

.footer .footer-middle .main-nav {
    width: 100%;
}

.footer .footer-middle .main-nav__list {
    display: flex;
    justify-content: flex-end;
}

.footer .footer-middle .main-nav__list .main-nav__item+.main-nav__item {
    margin-left: 32px;
}

.footer .footer-middle .main-nav__list .main-nav__link:hover {
    color: #fff;
}

.footer .footer-bottom {
    margin-top: 80px;
    align-items: flex-end;
    font-size: 14px;
    color: #808080;
}

.copyrights {
    margin-left: auto;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 12px;
}

/*------------------------

headlines

------------------------*/
.headlines01 {
    margin-top: 64px;
    margin-bottom: 32px;
    padding: 1em 1em 1em 1.6em;
    background: var(--light-theme-color);
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 24px;
}

.headlines01:before {
    width: 32px;
    height: 2px;
    margin: auto;
    content: "";
    background-color: var(--theme-color);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -16px;
}

.headlines01:first-child {
    margin-top: 0;
}

.headlines02 {
    margin-top: 64px;
    margin-bottom: 32px;
    padding-bottom: 25px;
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.headlines02::before,
.headlines02::after {
    width: 100%;
    height: 1px;
    content: "";
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
}

.headlines02::after {
    width: 100px;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f93), color-stop(80%, #ff7166));
    background: linear-gradient(90deg, #f93 20%, #ff7166 80%);
}

/*------------------------

アーティストサイト用_template

------------------------*/
.template .section {
    padding: 100px 200px;
    border-radius: 16px;
    background-color: #fff;
    font-size: 14px;
    line-height: 2;
    color: #3b3b3b;
}

.template .section .is-outset-y-80 {
    margin-top: 80px;
}

.template .section .is-outset-y-70 {
    margin-top: 70px;
}

.template .section .is-outset-y-60 {
    margin-top: 60px;
}

.template .section .is-outset-y-50 {
    margin-top: 50px;
}

.template .section .is-outset-y-40 {
    margin-top: 40px;
}

.template .section .is-outset-y-30 {
    margin-top: 30px;
}

.template .section .is-outset-y-20 {
    margin-top: 20px;
}

.template .section .is-outset-y-10 {
    margin-top: 10px;
}

.template .section h1 {
    margin-top: 64px;
    margin-bottom: 32px;
    padding: 1em 1em 1em 1.6em;
    background: var(--light-theme-color);
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 24px;
}

.template .section h1:before {
    width: 32px;
    height: 2px;
    margin: auto;
    content: "";
    background-color: var(--theme-color);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -16px;
}

.template .section h1:first-child {
    margin-top: 0;
}

.template .section h2 {
    margin-top: 32px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.template .section h2::before,
.template .section h2::after {
    width: 100%;
    height: 1px;
    content: "";
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
}

.template .section h2::after {
    width: 100px;
    background: var(--theme-color);
}

.template .section h3 {
    margin-top: 32px;
    margin-bottom: 24px;
    padding: .5em 1em .4em 1em;
    background-color: var(--light-theme-color);
    font-size: 16px;
}

.template .section .box {
    padding: 32px;
    border: 1px solid rgba(17, 17, 19, .1);
    background: #fff;
    box-shadow: none;
    position: relative;
    font-size: .9375em;
    font-weight: 500;
    color: #111113;
}

.template .section .box.is-red {
    border-color: rgba(238, 36, 85, .3);
    background: rgba(238, 36, 85, .07);
    color: #ee2455;
}

.template .section .box.is-green {
    border-color: rgba(32, 188, 113, .3);
    background: rgba(32, 188, 113, .07);
    color: #20bc71;
}

.template .section .box.is-blue {
    border-color: rgba(21, 141, 247, .3);
    background: rgba(21, 141, 247, .07);
    color: #158df7;
}

.template .section .box.is-inverted {
    padding: 32px;
    border: 5px solid #eee;
    position: relative;
    z-index: 0;
}

.template .section .box.is-inverted:before {
    width: 20px;
    height: 20px;
    content: "";
    border-top: 5px solid var(--theme-color);
    border-left: 5px solid var(--theme-color);
    position: absolute;
    top: -5px;
    left: -5px;
    display: block;
    z-index: 1;
}

.template .section .box.is-inverted .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color);
    text-align: left;
}

.template .section .btn-wrap .button,
.template .section .btn-wrap .button:active,
.template .section .btn-wrap .button:focus {
    min-height: 2.66667em;
    padding: .5em 1.6em;
    cursor: pointer;
    border: 0 solid transparent;
    border-radius: 0;
    background: var(--theme-color);
    box-shadow: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: inherit;
    font-size: .9375em;
    font-weight: 500;
    line-height: 1.2;
    color: rgba(255, 255, 255, .95);
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-transform: none;
    -webkit-appearance: none;
}

.template .section .btn-wrap .button.is-secondary,
.template .section .btn-wrap .button.is-tertiary {
    min-height: 2.66667em;
    box-shadow: none;
    font-size: .9375em;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
}

.template .section .btn-wrap .button:hover {
    outline: 0;
    background-color: #1a1a1a;
    color: #fff;
    text-decoration: none;
    -moz-transition: all linear .2s;
    transition: all linear .2s;
}

.template .section .btn-wrap .button:disabled {
    cursor: default;
    opacity: .55;
    background-color: rgba(17, 17, 19, .5);
    font-style: normal;
    color: #fff;
}

.template .section .btn-wrap .button.is-secondary {
    padding: .5em 1.6em;
    border: 2px solid var(--theme-color);
    background: 0 0;
    color: var(--theme-color);
}

.template .section .btn-wrap .button.is-secondary:hover {
    border-color: var(--theme-color);
    background: var(--theme-color);
    color: rgba(255, 255, 255, .95);
}

.template .section .btn-wrap .button.is-secondary:disabled {
    border-color: rgba(17, 17, 19, .3);
    background: 0 0;
    color: rgba(17, 17, 19, .5);
}

.template .section .btn-wrap .button.is-secondary:disabled:hover {
    background-color: none;
}

.template .section .btn-wrap .button.is-tertiary {
    padding: .5em 0;
    border: 0 solid transparent;
    background: 0 0;
    color: var(--theme-color);
}

.template .section .btn-wrap .button.is-tertiary:hover {
    color: var(--theme-color);
    text-decoration: underline;
}

.template .section .btn-wrap .button.is-tertiary:disabled {
    color: rgba(17, 17, 19, .5);
    text-decoration: none;
}

.template .section .btn-wrap .button.is-big {
    min-height: 2.44444em;
    padding: .45em 1.45em;
    font-size: 1.125em;
}

.template .section .btn-wrap .button.is-big {
    min-width: 300px;
    height: 60px;
    padding: 16px 40px;
    background-color: var(--theme-color);
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.template .section .btn-wrap .button.is-big:hover {
    background-color: #1a1a1a;
    color: #fff;
}

.template .section .btn-wrap .button.is-big::after {
    width: 70px;
    height: 1px;
    content: "";
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: -35px;
    transform: translateY(-50%);
}

.template .section .btn-wrap .button.is-secondary.is-big {
    background-color: transparent;
    color: var(--theme-color);
}

.template .section .btn-wrap .button.is-secondary.is-big::after {
    height: 2px;
    background-color: var(--theme-color);
}

.template .section .btn-wrap .button.is-secondary.is-big:hover {
    background-color: var(--theme-color);
    color: #fff;
}

.template .section .btn-wrap .button.is-tertiary.is-big {
    padding: 16px 0;
    background-color: transparent;
    color: var(--theme-color);
}

.template .section .btn-wrap .button.is-tertiary.is-big::after {
    display: none;
}

.template .section form ul li {
    padding: 0;
    line-height: 1.618;
}

.template .section form ul li:before {
    display: none;
}

.template .section table .text-center {
    text-align: center;
}

.template .section table .text-right {
    text-align: right;
}

.template .section table.is-bordered td,
.template .section table.is-bordered th {
    border: 1px solid #eee;
}

.template .section table.is-bordered tbody td,
.template .section table.is-bordered tbody th {
    border-bottom-width: 1px;
    border-bottom-color: #eee;
}

.template .section table.is-bordered td:first-child,
.template .section table.is-bordered th:first-child {
    padding-left: 16px;
}

.template .section table.is-bordered th {
    background-color: var(--light-theme-color);
    vertical-align: middle;
}

.template .section table.is-bordered td:last-child,
.template .section table.is-bordered th:last-child {
    padding-right: 16px;
}

.template .section .is-big {
    font-size: 20px;
}

.template .section .is-small {
    font-size: 12px;
}

.template .section ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: none;
}

.template .section ul li {
    padding: 0 0 0 1.6em;
    position: relative;
    line-height: 1.618;
}

.template ul li+li {
    margin-top: 12px;
}

.template .section ul li:before {
    width: 6px;
    height: 6px;
    content: "";
    background-color: var(--theme-color);
    position: absolute;
    top: 7px;
    left: 6px;
}

.template ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: my-counter;
}

.template ol li {
    padding-left: 24px;
    position: relative;
    line-height: 1.618;
}

.template ol li+li {
    margin-top: 12px;
}

.template ol li:before {
    width: 18px;
    height: 18px;
    content: counter(my-counter);
    counter-increment: my-counter;
    border: 1px solid;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 85%;
    line-height: 1.618;
    color: var(--theme-color);
    letter-spacing: -.05em;
    box-sizing: border-box;
}

.template .movies-box {
    display: block;
    transition: .3s;
}

.template a.movies-box:hover {
    color: var(--theme-color);
}

.template .movies-box .youtube-thumbnail {
    background-color: #000;
    position: relative;
    overflow: hidden;
    transition: .3s;
}

.template .movies-box .youtube-thumbnail .icon {
    width: 48px;
    height: 48px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.template .movies-box:hover .youtube-thumbnail {
    background-color: var(--theme-color);
}

.template .movies-box .youtube-thumbnail img {
    width: 100%;
    opacity: .8;
    object-fit: cover;
    transition-duration: .6s;
    aspect-ratio: 16 / 9;
}

.template .movies-box:hover .youtube-thumbnail img {
    opacity: .4;
    transition-duration: .6s;
    transform: scale(1.1);
}

.template .movies-box .title {
    margin-top: 16px;
    font-weight: 600;
}

.template .movies-box .description {
    margin-top: 8px;
    font-size: 12px;
    color: #8f8f8f;
}

.template .inline-modal__inner {
    padding-top: 64px;
}

/*------------------------

メインサイト用_template

------------------------*/
.main-template__mv {
    height: 20vh;
    min-height: 300px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.main-template__mv:after {
    width: 72vw;
    min-width: 1050px;
    height: 16vh;
    min-height: 300px;
    content: "";
    background-image: url(../img/main-template__mv.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.main-template__mv .mv__inner {
    height: 20vh;
    min-height: 300px;
    display: flex;
    align-items: center;
}

.main-template__mv .title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    color: var(--theme-color);
    text-align: left;
}

.main-template__mv .title-en {
    margin-top: auto;
    margin-bottom: 24px;
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    color: #282828;
    text-align: left;
    z-index: 1;
}

.main-template .section-wrap {
    padding: 64px 0;
    background-color: #fff;
    background-image: none;
}

.main-template .section {
    width: 770px;
    margin: auto;
    background-color: #fff;
    font-size: 14px;
    line-height: 2;
    color: #3b3b3b;
}

.main-template .section .is-outset-y-80 {
    margin-top: 80px;
}

.main-template .section .is-outset-y-70 {
    margin-top: 70px;
}

.main-template .section .is-outset-y-60 {
    margin-top: 60px;
}

.main-template .section .is-outset-y-50 {
    margin-top: 50px;
}

.main-template .section .is-outset-y-40 {
    margin-top: 40px;
}

.main-template .section .is-outset-y-30 {
    margin-top: 30px;
}

.main-template .section .is-outset-y-20 {
    margin-top: 20px;
}

.main-template .section .is-outset-y-10 {
    margin-top: 10px;
}

.main-template .section h1 {
    margin-top: 64px;
    margin-bottom: 32px;
    padding: 1em 1em 1em 1.6em;
    background: var(--light-theme-color);
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 24px;
}

.main-template .section h1:before {
    width: 32px;
    height: 2px;
    margin: auto;
    content: "";
    background-color: var(--theme-color);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -16px;
}

.main-template .section h1:first-child {
    margin-top: 0;
}

.main-template .section h2 {
    margin-top: 32px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.main-template .section h2::before,
.main-template .section h2::after {
    width: 100%;
    height: 1px;
    content: "";
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
}

.main-template .section h2::after {
    width: 100px;
    background: var(--theme-color);
}

.main-template .section h3 {
    margin-top: 32px;
    margin-bottom: 24px;
    padding: .5em 1em .4em 1em;
    background-color: var(--light-theme-color);
    font-size: 16px;
}

.main-template .section .box {
    padding: 32px;
    border: 1px solid rgba(17, 17, 19, .1);
    background: #fff;
    box-shadow: none;
    position: relative;
    font-size: .9375em;
    font-weight: 500;
    color: #111113;
}

.main-template .section .box.is-red {
    border-color: rgba(238, 36, 85, .3);
    background: rgba(238, 36, 85, .07);
    color: #ee2455;
}

.main-template .section .box.is-green {
    border-color: rgba(32, 188, 113, .3);
    background: rgba(32, 188, 113, .07);
    color: #20bc71;
}

.main-template .section .box.is-blue {
    border-color: rgba(21, 141, 247, .3);
    background: rgba(21, 141, 247, .07);
    color: #158df7;
}

.main-template .section .box.is-inverted {
    padding: 32px;
    border: 5px solid #eee;
    position: relative;
    z-index: 0;
}

.main-template .section .box.is-inverted:before {
    width: 20px;
    height: 20px;
    content: "";
    border-top: 5px solid var(--theme-color);
    border-left: 5px solid var(--theme-color);
    position: absolute;
    top: -5px;
    left: -5px;
    display: block;
    z-index: 1;
}

.main-template .section .box.is-inverted .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color);
    text-align: left;
}

.main-template .section .btn-wrap .button,
.main-template .section .btn-wrap .button:active,
.main-template .section .btn-wrap .button:focus {
    min-height: 2.66667em;
    padding: .5em 1.6em;
    cursor: pointer;
    border: 0 solid transparent;
    border-radius: 0;
    background: var(--theme-color);
    box-shadow: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: inherit;
    font-size: .9375em;
    font-weight: 500;
    line-height: 1.2;
    color: rgba(255, 255, 255, .95);
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-transform: none;
    -webkit-appearance: none;
}

.main-template .section .btn-wrap .button.is-secondary,
.main-template .section .btn-wrap .button.is-tertiary {
    min-height: 2.66667em;
    box-shadow: none;
    font-size: .9375em;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
}

.main-template .section .btn-wrap .button:hover {
    outline: 0;
    background-color: #1a1a1a;
    color: #fff;
    text-decoration: none;
    -moz-transition: all linear .2s;
    transition: all linear .2s;
}

.main-template .section .btn-wrap .button:disabled {
    cursor: default;
    opacity: .55;
    background-color: rgba(17, 17, 19, .5);
    font-style: normal;
    color: #fff;
}

.main-template .section .btn-wrap .button.is-secondary {
    padding: .5em 1.6em;
    border: 2px solid var(--theme-color);
    background: 0 0;
    color: var(--theme-color);
}

.main-template .section .btn-wrap .button.is-secondary:hover {
    border-color: var(--theme-color);
    background: var(--theme-color);
    color: rgba(255, 255, 255, .95);
}

.main-template .section .btn-wrap .button.is-secondary:disabled {
    border-color: rgba(17, 17, 19, .3);
    background: 0 0;
    color: rgba(17, 17, 19, .5);
}

.main-template .section .btn-wrap .button.is-secondary:disabled:hover {
    background-color: none;
}

.main-template .section .btn-wrap .button.is-tertiary {
    padding: .5em 0;
    border: 0 solid transparent;
    background: 0 0;
    color: var(--theme-color);
}

.main-template .section .btn-wrap .button.is-tertiary:hover {
    color: var(--theme-color);
    text-decoration: underline;
}

.main-template .section .btn-wrap .button.is-tertiary:disabled {
    color: rgba(17, 17, 19, .5);
    text-decoration: none;
}

.main-template .section .btn-wrap .button.is-big {
    min-height: 2.44444em;
    padding: .45em 1.45em;
    font-size: 1.125em;
}

.main-template .section .btn-wrap .button.is-big {
    min-width: 300px;
    height: 60px;
    padding: 16px 40px;
    background-color: var(--theme-color);
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.main-template .section .btn-wrap .button.is-big:hover {
    background-color: #1a1a1a;
    color: #fff;
}

.main-template .section .btn-wrap .button.is-big::after {
    width: 70px;
    height: 1px;
    content: "";
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: -35px;
    transform: translateY(-50%);
}

.main-template .section .btn-wrap .button.is-secondary.is-big {
    background-color: transparent;
    color: var(--theme-color);
}

.main-template .section .btn-wrap .button.is-secondary.is-big::after {
    height: 2px;
    background-color: var(--theme-color);
}

.main-template .section .btn-wrap .button.is-secondary.is-big:hover {
    background-color: var(--theme-color);
    color: #fff;
}

.main-template .section .btn-wrap .button.is-tertiary.is-big {
    padding: 16px 0;
    background-color: transparent;
    color: var(--theme-color);
}

.main-template .section .btn-wrap .button.is-tertiary.is-big::after {
    display: none;
}

.main-template .section form ul li {
    padding: 0;
    line-height: 1.618;
}

.main-template .section form ul li:before {
    display: none;
}

.main-template .section table .text-center {
    text-align: center;
}

.main-template .section table .text-right {
    text-align: right;
}

.main-template .section table.is-bordered td,
.main-template .section table.is-bordered th {
    border: 1px solid #eee;
}

.main-template .section table.is-bordered tbody td,
.main-template .section table.is-bordered tbody th {
    border-bottom-width: 1px;
    border-bottom-color: #eee;
}

.main-template .section table.is-bordered td:first-child,
.main-template .section table.is-bordered th:first-child {
    padding-left: 16px;
}

.main-template .section table.is-bordered th {
    background-color: var(--light-theme-color);
    vertical-align: middle;
}

.main-template .section table.is-bordered td:last-child,
.main-template .section table.is-bordered th:last-child {
    padding-right: 16px;
}

.main-template .section .is-big {
    font-size: 20px;
}

.main-template .section .is-small {
    font-size: 12px;
}

.main-template .section ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: none;
}

.main-template .section ul li {
    padding: 0 0 0 1.6em;
    position: relative;
    line-height: 1.618;
}

.main-template ul li+li {
    margin-top: 12px;
}

.main-template .section ul li:before {
    width: 6px;
    height: 6px;
    content: "";
    background-color: var(--theme-color);
    position: absolute;
    top: 7px;
    left: 6px;
}

.main-template ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: my-counter;
}

.main-template ol li {
    padding-left: 24px;
    position: relative;
    line-height: 1.618;
}

.main-template ol li+li {
    margin-top: 12px;
}

.main-template ol li:before {
    width: 18px;
    height: 18px;
    content: counter(my-counter);
    counter-increment: my-counter;
    border: 1px solid;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 85%;
    line-height: 1.618;
    color: var(--theme-color);
    letter-spacing: -.05em;
    box-sizing: border-box;
}

.main-template .movies-box {
    display: block;
    transition: .3s;
}

.main-template a.movies-box:hover {
    color: var(--theme-color);
}

.main-template .movies-box .youtube-thumbnail {
    background-color: #000;
    position: relative;
    overflow: hidden;
    transition: .3s;
}

.main-template .movies-box .youtube-thumbnail .icon {
    width: 48px;
    height: 48px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.main-template .movies-box:hover .youtube-thumbnail {
    background-color: var(--theme-color);
}

.main-template .movies-box .youtube-thumbnail img {
    width: 100%;
    opacity: .8;
    object-fit: cover;
    transition-duration: .6s;
    aspect-ratio: 16 / 9;
}

.main-template .movies-box:hover .youtube-thumbnail img {
    opacity: .4;
    transition-duration: .6s;
    transform: scale(1.1);
}

.main-template .movies-box .title {
    margin-top: 16px;
    font-weight: 600;
}

.main-template .movies-box .description {
    margin-top: 8px;
    font-size: 12px;
    color: #8f8f8f;
}

.main-template .inline-modal__inner {
    padding-top: 64px;
}

/*------------------------

main-form-template

------------------------*/
.main-form-template .section-wrap__inner {
    width: 770px;
    margin: auto;
    padding: 0;
    background-color: #fff;
    font-size: 14px;
    line-height: 2;
    color: #3b3b3b;
}

.main-form-template.page-form .section_step {
    margin-top: 40px;
}

.main-form-template .section_step {
    padding-top: 0;
}

.main-form-template .main-template .section_step ol li:before {
    display: none;
}

.main-form-template.page-complete .section-text {
    margin-top: 40px;
}

/*------------------------

お知らせ

------------------------*/
.page-news .main-template .section {
    width: 88%;
    margin: auto;
    background-color: #fff;
    font-size: 14px;
    line-height: 2;
    color: #3b3b3b;
}

.news-card {
    background: #fff;
    position: relative;
}

.news-card__link {
    border: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: stretch;
    color: #333;
    -webkit-box-align: stretch;
    -webkit-box-pack: stretch;
    -webkit-transition: .3s;
    transition: .3s;
    -ms-flex-align: stretch;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: stretch;
}

.news-card__link:hover {
    border: 1px solid var(--theme-color);
}

.news-mark {
    padding: 4px 8px;
    position: absolute;
    top: 1px;
    left: 1px;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    z-index: 3;
}

.news-mark--new {
    background-color: var(--theme-color);
}

.news-card .news-thumnail {
    width: 232px;
    min-height: 135px;
    position: relative;
    overflow: hidden;
}

.news-card .news-thumnail .news-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.news-card .news-card-bottom {
    width: 100%;
}

.news-card .news-card-detail {
    width: calc(100% - 232px);
    padding: 24px 36px 28px;
    position: relative;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
}

.news-card .news-card-detail__content .news-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.875;
    color: #333;
    letter-spacing: .04em;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-transition: .3s;
    transition: .3s;
}

.news-card .news-card-detail__content .news-title::before,
.news-card .news-card-detail__content .news-title::after {
    width: 0;
    height: 0;
    content: "";
    display: block;
}

.news-card .news-card-detail__content .news-title::before {
    margin-bottom: 0;
}

.news-card .news-card-detail__content .news-title::after {
    margin-top: 0;
}

.news-info {
    margin-top: 48px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: start;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: start;
}

.news-info .news-date {
    display: block;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #777;
    letter-spacing: .044em;
}

.news-info .news-date:before,
.news-info .news-date:after {
    width: 0;
    height: 0;
    content: "";
    display: block;
}

.news-info .news-category {
    margin-left: 15px;
    padding: 4px 16px;
    background-color: #f5f5f5;
    display: inline-block;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #333;
}

.news-info .news-category:before,
.news-info .news-category:after {
    width: 0;
    height: 0;
    content: "";
    display: block;
}

.news-card:hover [href] .news-thumnail:before {
    border: 1px solid var(--theme-color);
}

.news-card:hover [href] .news-thumnail .news-image {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}

.news-card:hover [href] .news-title {
    color: var(--theme-color);
}

.news-list__item:not(:last-of-type) {
    margin-bottom: 36px;
}

.news-listPagenation {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: center;
}

.pagenation-area {
    margin-top: 48px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: center;
}

.news-pageList {
    margin: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: center;
}

.news-page-number {
    width: 48px;
    height: 48px;
    margin-right: 2px;
    background: #f5f5f5;
    position: relative;
    font-family: "Quicksand", "游ゴシック Medium", "YuGothic,YuGothicM", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.main-template ul.news-pageList {
    margin: 0 24px;
}

.main-template .news-pageList li.news-page-number {
    margin-top: 0;
    padding: 0;
}

.news-page-number:last-of-type {
    margin-right: 0;
}

.news-page-number:before {
    width: 15px;
    height: 1px;
    content: "";
    background-color: var(--theme-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(-50%, 0) scale(0, 1);
    transform: translate(-50%, 0) scale(0, 1);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.news-page-number__link {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 2.8;
    color: #333;
    letter-spacing: .04em;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transition: .3s;
    transition: .3s;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: center;
}

.page-news .main-template .section ul li:before {
    width: 15px;
    height: 1px;
    content: "";
    background-color: var(--theme-color);
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(-50%, 0) scale(0, 1);
    transform: translate(-50%, 0) scale(0, 1);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.page-news .main-template .section ul li.news-page-number:hover:before,
.page-news .main-template .section ul li.news-page-number.is-current:before {
    -webkit-transform: translate(-50%, 0) scale(1, 1);
    transform: translate(-50%, 0) scale(1, 1);
}

.news-page-number:hover .news-page-number__link,
.news-page-number.is-current .news-page-number__link {
    color: var(--theme-color);
}

.main-template .section ul li.a-ellipsisDotted {
    width: 32px;
    height: 48px;
    margin-top: 0;
    margin-right: 2px;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    line-height: 1;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transform: translate(0, -10%);
    transform: translate(0, -10%);
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: center;
}

.news-pagearrow {
    width: 24px;
    height: 24px;
}

.news-pagearrow__link {
    width: 100%;
    height: 100%;
    display: block;
}

.news-pagearrow__link.is-disable {
    pointer-events: none;
    opacity: .3;
}

.news-pagearrow .news-svg-arrow {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.news-pagearrow .news-svg-arrow .st0 {
    -webkit-transition: .1s;
    transition: .1s;
    fill: #fff;
}

.news-pagearrow .news-svg-arrow .st1 {
    -webkit-transition: .1s;
    transition: .1s;
    fill: none;
    stroke: var(--theme-color);
    stroke-miterlimit: 10;
}

.news-pagearrow .news-svg-arrow .st2 {
    fill: var(--theme-color);
}

.news-pagearrow .news-pagearrow__link:not(.is-disable):hover .news-svg-arrow .st0 {
    fill: var(--theme-color);
}

.news-pagearrow .news-pagearrow__link:not(.is-disable):hover .news-svg-arrow .st1 {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
}

.news-pagearrow .news-pagearrow__link:not(.is-disable):hover .news-svg-arrow .st2 {
    fill: var(--theme-color);
}

.news-pagearrow--back {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*------------------------

お知らせ詳細

------------------------*/
.details-inner {
    width: 88%;
    margin: auto;
}

.details__title {
    font-size: 32px;
}

.details__contents {
    margin-top: 64px;
}

.details__img {
    margin-top: 40px;
}

.details__text {
    margin-top: 40px;
    font-size: 14px;
    line-height: 2;
    color: #424549;
    letter-spacing: .14em;
}

.page-news.details-page .news-mark {
    margin-right: 0;
    margin-left: 16px;
    position: relative;
    top: 0;
    left: 0;
}

.page-news.details-page .news-page-number {
    width: auto;
}

.page-news.details-page .news-page-number__link {
    padding: 0 40px;
    font-size: 14px;
}

.page-news.details-page .news-page-number__link svg {
    width: 16px;
    margin-right: 8px;
    color: var(--theme-color);
}