@charset "UTF-8";
/* =======================================

web font

 ======================================= */
@import url("../webfont/AkkuratPro/css/AkkuratPro.css");
@import url("../webfont/Awesome_6/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");

/* =======================================

reset

 ======================================= */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-style: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    word-break: break-all;
    word-wrap: break-word;
}

html {
    font-size: 62.5%;
    line-height: 1.4em;
    text-align: left;
    color: #000000;
    -webkit-text-size-adjust: none;
}

img {
    vertical-align: text-bottom;
    -ms-interpolation-mode: bicubic;
}

a {
    -webkit-tap-highlight-color: transparent;
}

strong {
    font-weight: bold;
}

ol,
ul {
    list-style: none;
}

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

caption,
th,
td {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus {
    /*\*/
    /*overflow: hidden;*/
    /**/
}

option {
    padding-right: 10px;
}

/* ------------------------------
	HTML5 ELEMENTS
------------------------------ */
header,
article,
aside,
section,
footer,
nav,
menu,
details,
hgroup,
summary {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* ------------------------------
	HTML Living Standard
------------------------------ */
figure,
figcaption {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* ------------------------------
	ohter
------------------------------ */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* =======================================

基本設定

======================================= */
@media (max-width: 1140px) {
    :root {
        font-size: 0.8771929825vw;
    }
}

@media (max-width: 520px) {
    :root {
        font-size: 2.6666666667vw;
    }
}

body {
    width: 100%;
    height: auto;
    background: #ffffff;
    font-size: 1.6rem;
    line-height: 1.8;
    color: #333333;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
}

@media (max-width: 520px) {
    body {
        font-size: 1.6rem;
    }

    body._orverflow {
        overflow: hidden;
    }
}

/* =======================================

共通設定

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

@media (min-width: 521px) {
    a {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    a:not(.no_hover):hover {
        opacity: 0.7;
    }
}

@media (max-width: 520px) {
    a:hover {
        text-decoration: none;
        color: inherit;
    }
}

a:link,
a:visited,
a:active {
    text-decoration: none;
    color: inherit;
}

p {
    text-align: justify;
    text-justify: inter-ideograph;
}

/* 基本ボックス設定
------------------------------- */
.container {
    width: 100%;
    overflow: hidden;
}

body:not(.home) .container {
    padding-top: 10.4rem;
}

@media (max-width: 520px) {
    body:not(.home) .container {
        padding-top: 7.8rem;
    }
}

.wrap_out,
.wrap_main {
    width: 100%;
    height: auto;
}

.wrap_in,
.base {
    width: 114rem;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Text
------------------------------- */
.ttl {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    margin: 0 0 3.2rem;
}

.ttl small {
    display: block;
    font-family: "Noto Serif JP", serif;
    color: #85631F;
    margin: 0 0 0;
}

.ttl_bdr {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #aaa;
    padding: 0 0 0.6rem;
    margin: 4.6rem 0 1.4rem;
}

@media (max-width: 520px) {
    .ttl_bdr {
        font-size: 1.4rem;
        padding: 0 0 0.4rem;
        margin: 2.4rem 0 1rem;
    }
}

.ttl_bg {
    max-width: 50.8rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.875;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    background-color: #FFD400;
    padding: 0.7rem 1rem 0.5rem;
    margin: 0 auto 2.9rem;
}

@media (max-width: 520px) {
    .ttl_bg {
        line-height: 1.5;
    }
}

.desc {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
}

@media (max-width: 520px) {
    .desc {
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.8;
    }
}

.comingsoon {
    padding: 3em;
    text-align: center;
}

/* cta
------------------------------- */
.cta {
    max-width: 80rem;
    min-height: 35.4rem;
    padding: 3.7rem 3.5rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media (max-width: 520px) {
    .cta {
        padding: 4.2rem 2.4rem;
    }
}

.cta--inner {
    max-width: 50.8rem;
    background-color: rgba(255, 212, 0, 0.8);
    padding: 4.3rem 2rem 2.7rem;
    position: relative;
    z-index: 1;
}

.cta--ttl {
    font-size: 2.1rem;
    font-weight: 500;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    margin: 0 0 1.5rem;
}

@media (max-width: 520px) {
    .cta--ttl {
        font-size: 2rem;
    }
}

.cta--desc {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.15;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 0 0 2.8rem;
}

.cta--bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cta--bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* スクロールアニメーション設定
------------------------------- */
.fade-in {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease-out, visibility 0.8s ease-out;
}

.fade-in.is-active {
    opacity: 1;
    visibility: visible;
}

.fade-up {
    transform: translateY(2rem);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.8s ease-out, opacity 1.2s ease-out, visibility 1.2s ease-out;
}

.fade-up.is-active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.fade-right {
    transform: translateX(-2rem);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.8s ease-out, opacity 1.2s ease-out, visibility 1.2s ease-out;
}

.fade-right.is-active {
    transform: translateX(0);
    opacity: 0.8;
    visibility: visible;
}

.fade-left {
    transform: translateX(2rem);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.8s ease-out, opacity 1.2s ease-out, visibility 1.2s ease-out;
}

.fade-left.is-active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

/* =======================================

etc

 ======================================= */
/* 横並びリスト
------------------------------- */
ul.many_rows {
    display: block;
    height: auto;
    overflow: hidden;
}

ul.many_rows>li {
    display: block;
    height: auto;
    float: left;
}

ul.two_rows {
    display: block;
    height: auto;
    overflow: hidden;
}

ul.two_rows>li {
    display: block;
    height: auto;
    float: left;
}

ul.two_rows>li:nth-child(2n+2) {
    float: right;
}

ul.three_rows {
    display: block;
    height: auto;
    overflow: hidden;
}

ul.three_rows>li {
    display: block;
    height: auto;
    float: left;
}

ul.three_rows>li:nth-child(3n+2) {
    margin-right: 0;
}

ul.three_rows>li:nth-child(3n+3) {
    float: right;
    margin-right: 0;
}

/*テーブルブロック
------------------------------- */
.table_block {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.table_block>.table_block--cell {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

@media (max-width: 520px) {
    .table_block._sp_tate {
        display: block;
        table-layout: auto;
    }

    .table_block._sp_tate>.table_block--cell {
        display: block;
        width: 100%;
    }
}

/* flex box
------------------------------- */
.flex_block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* 画像ブロック
------------------------------- */
.img_block {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img_block::after {
    content: "";
    display: block;
    padding-top: 100%;
}

/* object-fit
------------------------------- */
.fit_img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media all and (-ms-high-contrast: none) {
    .fit_img {
        object-fit: cover;
        font-family: "object-fit: cover;";
    }
}

/* ラインマーカー
------------------------------- */
.linemk {
    background: linear-gradient(transparent 70%, #fccb0f 70%);
}

/* その他
------------------------------- */
.tk_shdw {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), 1px 0px 5px rgba(0, 0, 0, 0.5), 0px 1px 5px rgba(0, 0, 0, 0.5), 0px 0px 5px rgba(0, 0, 0, 0.5), -1px -1px 5px rgba(0, 0, 0, 0.5), -1px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 5px rgba(0, 0, 0, 0.5);
}

.tk_shdw_1 {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), 1px 0px 3px rgba(0, 0, 0, 0.5), 0px 1px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), -1px -1px 3px rgba(0, 0, 0, 0.5), -1px 0px 3px rgba(0, 0, 0, 0.5), 0px -1px 3px rgba(0, 0, 0, 0.5);
}

/* =======================================

ボタン

 ======================================= */
.btn_wrap {
    text-align: center;
    padding: 3rem;
}

@media (max-width: 520px) {
    .btn_wrap {
        padding: 5vw 0;
    }
}

/* btn top
------------------------------- */
.btn_top {
    text-align: center;
}

.btn_top a {
    display: inline-block;
    padding: 1em 2.5em;
    line-height: 1;
    border: 1px solid #0066cc;
    text-decoration: none;
}

@media (max-width: 520px) {
    .btn_top a {
        font-size: 3.6vw;
    }
}

/* LINK
------------------------------- */
.add_arrow::after {
    content: "▶";
    color: #104070;
    margin-left: 1rem;
    font-size: 0.8em;
    display: inline-block;
}

.add_pdf::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.3em;
    margin-right: 0.2em;
    background-image: url("../img/parts/icon-pdf.png");
    background-size: auto 98%;
    background-position: 0 center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-0.028deg);
    transform: rotate(-0.028deg);
    vertical-align: middle;
}

@media (min-width: 521px) {
    .hov_unln {
        position: relative;
        display: inline-block !important;
    }

    .hov_unln::before {
        position: absolute;
        bottom: 0rem;
        left: 0;
        content: "";
        width: 100%;
        height: 0.2rem;
        background: #ccc;
        transform: scale(0, 1);
        transform-origin: left top;
        transition: transform 0.3s;
    }

    .hov_unln:hover::before {
        transform: scale(1, 1);
    }
}

.hov_unln.add_arrow::before,
.hov_unln.add_pdf::before {
    width: -webkit-calc(100% - 1em - 1rem);
    width: calc(100% - 1rem - 0.8em);
}

/* 丸メールアイコン
------------------------------- */
.contact_ico {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 6.1rem;
    aspect-ratio: 1/1;
    border-radius: 7.1rem;
    background-color: #22AC38;
}

@media (min-width: 521px) {
    .contact_ico {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .contact_ico:hover {
        opacity: 1 !important;
        background-color: #000;
    }
}

.contact_ico img {
    display: block;
    width: 53.5211267606%;
}

/* btn_more
------------------------------- */
.btn_more {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 21.6rem;
    height: 4.2rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff !important;
    border: 2px solid #000;
    background-color: #000;
    margin: 0 auto 0;
    padding: 0.5rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media (min-width: 521px) {
    .btn_more:hover {
        opacity: 1 !important;
        color: #000 !important;
        background-color: #fff;
    }
}

/* btn_oval
------------------------------- */
.btn_oval {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 7.7rem;
    min-height: 2rem;
    border-radius: 2rem;
    font-family: "Noto Serif JP", serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #fff !important;
    border: 1px solid #000;
    background-color: #000;
    padding: 0 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media (min-width: 521px) {
    .btn_oval:hover {
        opacity: 1 !important;
        background-color: #fff;
        color: #000 !important;
    }
}

/* =======================================

ヘッダー

 ======================================= */
.header {
    width: 100%;
    height: 10.4rem;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

@media (max-width: 520px) {
    .header {
        height: 7.8rem;
        -webkit-transition: height 0.4s;
        transition: height 0.4s;
    }

    .scroll .header {
        height: 5rem;
    }
}

.header--in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 3rem;
    width: 100%;
    height: 100%;
    max-width: 142.8rem;
    background-color: #fff;
    margin-right: 0;
}

@media only screen and (min-width: 1441px) {
    .header--in {
        max-width: 100%;
        padding: 0 2.2rem 0 3.2rem;
    }
}

@media (max-width: 980px) {
    .header--in {
        padding-right: 9rem;
    }
}

@media (max-width: 520px) {
    .header--in {
        padding-left: 1.4rem;
        padding-right: 7rem !important;
    }
}

.header--logo {
    flex-shrink: 0;
    width: 47rem;
}

@media (max-width: 520px) {
    .header--logo {
        width: 9.8rem;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .scroll .header--logo {
        width: 6rem;
    }
}

.header--logo>a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 2.2rem;
}

.header--logo img {
    flex-shrink: 0;
    display: block;
    width: 10.2rem;
}

.header--logo--ttl {
    flex-grow: 1;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.05em;
    padding-top: 1.1rem;
}

@media (max-width: 520px) {
    .header--logo--ttl {
        display: none;
    }
}

@media (max-width: 980px) {
    .header .contact_ico {
        width: 5rem;
    }
}

@media (max-width: 520px) {
    .header .contact_ico {
        width: 4rem;
    }
}

.g_nav_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex-grow: 1;
}

.g_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    max-width: 69rem;
    width: 100%;
}

@media (max-width: 980px) {
    .g_nav {
        max-width: 54rem;
    }
}

.g_nav--item {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.05em;
}

@media (max-width: 980px) {
    .g_nav--item._contact {
        display: none !important;
    }
}

/* トップのみの設定
------------------------------- */
.home .header {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.home.scroll-short .header {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* メニュー
------------------------------- */
@media (max-width: 980px) {
    .g_nav {
        padding: 12rem 4rem 8rem;
        width: 100%;
        display: block;
    }
}

@media (max-width: 980px) and (max-width: 520px) {
    .g_nav {
        padding: 9.6rem 2.4rem 8rem;
    }

    .g_nav.scroll .g_nav {
        padding-top: 8.4rem;
    }
}

@media (max-width: 980px) {
    .g_nav--item {
        border-bottom: 1px solid #ccc;
    }

    .g_nav--item:last-child {
        border-bottom: 0;
    }

    .g_nav--item>a {
        display: block;
        text-align: left;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.5;
        padding: 1em 0;
    }

    .g_nav_wrap {
        display: block;
        width: 80vw;
        max-width: 54rem;
        height: 100dvh;
        background-color: #f5f5f5;
        overflow: hidden;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        will-change: transition, width, animation;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    ._menu_open .g_nav_wrap {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .over_ray {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 0;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        z-index: 100;
        will-change: opacity, transition;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        pointer-events: none;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }

    ._menu_open .over_ray {
        height: 100dvh;
        opacity: 1;
        pointer-events: auto;
    }

    ._orverflow .over_ray {
        height: 100dvh;
    }
}

@media (max-width: 980px) {

    /*メニューボタン*/
    .menu_btn {
        position: absolute;
        top: 50%;
        right: 2.2rem;
        width: 4rem;
        aspect-ratio: 5/3.2;
        background-color: transparent;
        z-index: 2001;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-width: 980px) and (max-width: 520px) {
    .menu_btn {
        right: 2rem;
        width: 3.6rem;
    }
}

@media (max-width: 980px) {
    .menu_btn--child {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0);
    }

    .menu_btn--child::before {
        content: "";
        display: block;
        width: 80%;
        height: 2px;
        background-color: #22AC38;
        margin: 0 0 0 auto;
        -webkit-transition: 0.6s;
        transition: 0.6s;
    }

    .menu_btn--child::after {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        white-space: nowrap;
        position: absolute;
        top: 1.2rem;
        left: 50%;
        -webkit-transform: translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%);
    }

    .menu_btn::before {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #22AC38;
        -webkit-transition: 0.6s;
        transition: 0.6s;
    }

    .menu_btn::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #22AC38;
        -webkit-transition: 0.6s;
        transition: 0.6s;
    }

    .menu_btn._open .menu_btn--child::before {
        width: 0;
        opacity: 0;
    }

    .menu_btn._open::before {
        top: 50%;
        -webkit-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
    }

    .menu_btn._open::after {
        bottom: 50%;
        -webkit-transform: rotate(-45deg) translateY(50%);
        transform: rotate(-45deg) translateY(50%);
    }
}

/* =======================================

フッター

 ======================================= */
.footer_bg {
    height: 37.3rem;
}

@media (max-width: 520px) {
    .footer_bg {
        height: 24rem;
    }
}

.footer_bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer {
    padding: 5.1rem 0 3.2rem;
}

.footer--logo img {
    display: block;
    width: 17.6rem;
    margin: 0 auto 2.5rem;
}

.footer--ttl {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 2.3rem;
}

@media (max-width: 520px) {
    .footer--ttl {
        margin-bottom: 3.2rem;
    }
}

.footer--nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 3rem;
    max-width: 75rem;
    border-bottom: 1px solid #000;
    padding-bottom: 0.6rem;
    margin: 0 auto 0.3rem;
}

@media (max-width: 520px) {
    .footer--nav {
        margin: 0 auto 0.8rem;
        padding: 0 2rem 1rem;
    }
}

.footer--nav>li {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.1428571429;
    letter-spacing: 0.05em;
}

.footer--nav>li a {
    display: block;
}

.footer--nav_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 3rem;
    max-width: 49.8rem;
    margin: 0 auto 1.8rem;
}

@media (max-width: 520px) {
    .footer--nav_bottom {
        margin: 0 auto 2.4rem;
    }
}

.footer--nav_bottom>li {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.3076923077;
    letter-spacing: 0.05em;
    color: #646363;
}

.footer--nav_bottom>li a {
    display: block;
}

.footer--address {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 5.2rem;
}

.copy {
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.3076923077;
    letter-spacing: 0.05em;
    text-align: center;
}

/* スクローラー
------------------------------- */
.scroller {
    display: block;
    width: 4rem;
    aspect-ratio: 1/1;
    border-radius: 4rem;
    box-shadow: 0 0 0 2px #fff;
    border: 2px solid #22ac38;
    background-color: #22ac38;
    overflow: hidden;
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    z-index: 1000;
    -webkit-transition: 0.3s, opacity 0s;
    transition: 0.3s, opacity 0s;
}

@media (min-width: 521px) {
    .scroller:hover {
        background-color: #fff;
    }

    .scroller:hover::after {
        color: #22ac38;
    }
}

@media (max-width: 520px) {
    .scroller {
        width: 5rem;
        border-radius: 5rem;
        bottom: 2rem;
        right: 1rem;
    }
}

.scroller::after {
    content: "\f176";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 2rem;
    color: #fff;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: 0.3s, opacity 0s;
    transition: 0.3s, opacity 0s;
}

.scroller--child {
    display: block;
    width: 100%;
    display: none;
}

/* =======================================

 スライダー

 ======================================= */
/* slick
------------------------------- */
#slider {
    opacity: 0;
    -webkit-transition: 1.2s;
    transition: 1.2s;
}

#slider.slick-initialized {
    opacity: 1;
}

#slider .slider_in img {
    width: 100%;
}

.slick-arrow {
    position: absolute;
    top: 0;
    width: -webkit-calc((100vw - 100.0rem) / 2);
    width: calc((100vw - 100rem) / 2);
    height: 100%;
    background-repeat: no-repeat;
    z-index: 1001;
    cursor: pointer;
}

.slick-prev {
    left: 0;
    /*	margin-left: -11.0rem;*/
    background-image: url("../img/slider/arrowL.png");
    background-position: right 4rem center;
}

.slick-next {
    right: 0;
    /*margin-right: -11.0rem;*/
    background-image: url("../img/slider/arrowR.png");
    background-position: left 4rem center;
}

.slick-dots {
    position: absolute;
    bottom: -4rem;
    left: 0;
}

.slick-dots {
    display: block;
    width: 100%;
    padding: 1rem;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    margin: 0 1rem;
    vertical-align: middle;
}

.slick-dots button {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 0;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #ccc;
    border: 0;
    -moz-border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    border-radius: 0.8rem;
}

.slick-dots .slick-active button {
    background-color: #2884cb;
}

@media (max-width: 520px) {
    .slick-dots {
        padding: 2.6vw;
        margin-block-start: 0;
        margin-block-end: 0;
        padding-inline-start: 0;
    }

    .slick-dots li {
        display: inline-block;
        margin: 0 1.6vw;
    }

    .slick-dots button {
        width: 2.66vw;
        height: 2.66vw;
        -moz-border-radius: 2.66vw;
        -webkit-border-radius: 2.66vw;
        border-radius: 2.66vw;
    }
}

/* =======================================

メインビジュアル

 ======================================= */
/* SLIDER
------------------------------- */
/* slick */
#slider {
    margin-bottom: 11.2rem;
}

#slider .slider_in {
    width: 100rem;
}

@media (max-width: 520px) {
    #slider {
        margin-bottom: 5rem;
    }

    #slider .slider_in {
        width: 100vw;
    }
}

/* swiper */
.mv_slide_wrap {
    overflow: hidden;
}

.mv_slide {
    width: 100%;
    margin: 0 auto 10rem;
    overflow: visible;
}

.mv_slide--in {
    width: 80rem !important;
}

.mv_slide .swiper-button-prev,
.mv_slide .swiper-button-next {
    width: calc((100% - 80rem) / 2);
}

.mv_slide .swiper-button-prev::after,
.mv_slide .swiper-button-next::after {
    font-size: 5rem;
    color: #fff;
    text-shadow: 0 0 0.3rem #000;
}

.mv_slide .swiper-pagination {
    top: 100%;
    bottom: auto;
}

@media (max-width: 520px) {
    .mv_slide--in {
        width: 100vw;
    }

    .mv_slide .swiper-button-prev,
    .mv_slide .swiper-button-next {
        width: 5rem;
    }
}

/* 下層用MV
------------------------------- */
.page_mv {
    background-color: #fff;
    position: relative;
}

.page_mv--bg {
    width: 100%;
    height: 37.7rem;
}

@media (max-width: 520px) {
    .page_mv--bg {
        height: 22rem;
    }
}

.page_mv--bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_mv--ttl {
    width: 54.4rem;
    min-height: 13.6rem;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    background-color: #fff;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    padding: 1.6rem 2.4rem 2.4rem;
    margin: -7.9rem auto 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 520px) {
    .page_mv--ttl {
        width: 32rem;
        min-height: 10rem;
        font-size: 2rem;
        padding: 1.6rem 2rem 1.6rem;
        margin: -7rem auto 0;
    }
}

.page_mv--ttl small {
    display: block;
    font-family: "Noto Serif JP", serif;
    text-align: center;
    color: #85631F;
}

/* 下層用MVシンプル版
------------------------------- */
.page_mv._short {
    height: 15.7rem;
    padding-top: 6.2rem;
}

.page_mv._short .page_mv--ttl {
    width: 100%;
    min-height: 0;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    padding: 0 0 0;
    margin: 0 0 0;
}

@media (max-width: 520px) {
    .page_mv._short .page_mv--ttl {
        font-size: 1.8rem;
    }
}

/* =======================================

 お問い合わせ

 ======================================= */
/* 入力画面
------------------------------- */
@media (min-width: 521px) {

    .sec_contact .wrap_in .complete_textA,
    .sec_contact .base .complete_textA {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 500;
        letter-spacing: 0.1em;
        margin-top: 8rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #ccc;
    }

    .sec_contact .wrap_in .complete_textB,
    .sec_contact .base .complete_textB {
        font-size: 1.6rem;
        font-weight: 300;
        text-align: center;
        margin-top: 3.8rem;
        padding-bottom: 5rem;
    }

    .sec_contact .wrap_in .complete_textB+.btn_top,
    .sec_contact .base .complete_textB+.btn_top {
        margin-bottom: 10rem;
    }

    .contact_area {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 5.5rem;
        padding-bottom: 5rem;
    }

    .contact_area p {
        font-weight: 400;
    }

    .contact_area .privacy_table {
        table-layout: fixed;
    }

    .contact_area .privacy_table th,
    .contact_area .privacy_table td {
        font-size: 2rem;
        font-weight: 700;
        text-align: left;
        color: #333333;
        line-height: 1.4;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .contact_area .privacy_table th .privacy_table_inner,
    .contact_area .privacy_table td .privacy_table_inner {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        /*縦方向（Safari用）*/
        align-items: flex-start;
        /* 縦方向*/
        -webkit-justify-content: flex-start;
        /*横方向（Safari用）*/
        justify-content: flex-start;
        /*横方向*/
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 6rem;
    }

    .contact_area .privacy_table th .privacy_table_inner p,
    .contact_area .privacy_table td .privacy_table_inner p {
        width: 100%;
        height: 100%;
    }

    .contact_area .privacy_table th .privacy_table_inner .wpcf7-form-control-wrap,
    .contact_area .privacy_table td .privacy_table_inner .wpcf7-form-control-wrap {
        display: block;
        width: 100%;
        height: 100%;
    }

    .contact_area .privacy_table th .privacy_table_inner .wpcf7-list-item,
    .contact_area .privacy_table td .privacy_table_inner .wpcf7-list-item {
        display: inline-block;
        margin: 0 1em 0 0;
    }

    .contact_area .privacy_table th .privacy_table_inner .wpcf7-list-item .wpcf7-list-item-label,
    .contact_area .privacy_table td .privacy_table_inner .wpcf7-list-item .wpcf7-list-item-label {
        font-weight: normal;
    }

    .contact_area .privacy_table th .privacy_table_inner .privacy_table_inner_ttl,
    .contact_area .privacy_table td .privacy_table_inner .privacy_table_inner_ttl {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        /*縦方向（Safari用）*/
        align-items: center;
        /* 縦方向*/
        -webkit-justify-content: flex-start;
        /*横方向（Safari用）*/
        justify-content: flex-start;
        /*横方向*/
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        font-weight: 700;
    }

    .contact_area .privacy_table th small,
    .contact_area .privacy_table td small {
        display: block;
        text-align: left;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.4;
        font-family: "AkkuratPro";
        color: #868585;
    }

    .contact_area .privacy_table th {
        vertical-align: top;
        width: 28rem;
        padding-right: 1em;
    }

    .contact_area .privacy_table th.hisu .privacy_table_inner_ttl::after {
        content: "必須";
        display: inline-block;
        padding: 0.2em 0.5em;
        font-size: 0.6em;
        font-weight: normal;
        line-height: 1;
        background-color: #c00;
        color: #fff;
        margin-left: 0.5em;
    }

    .contact_area .privacy_table input {
        font-size: 1.6rem;
        font-family: "Noto Sans JP", sans-serif;
    }

    .contact_area .privacy_table input[type=text],
    .contact_area .privacy_table input[type=email],
    .contact_area .privacy_table input[type=tel] {
        display: block;
        width: 100%;
        height: 6rem;
        border: 0;
        background-color: #fff;
        padding: 1em;
        font-size: 1.6rem;
        border: 1px solid #ccc !important;
    }

    .contact_area .privacy_table input[type=radio],
    .contact_area .privacy_table input[type=checkbox] {
        transform: scale(1.3);
        margin-bottom: 0.5em;
        position: relative;
        top: -0.05em;
    }

    .contact_area .privacy_table .wpcf7-list-item-label {
        font-size: 0.8em;
    }

    .contact_area .privacy_table textarea {
        display: block;
        width: 100%;
        min-height: 15.7rem;
        border: 0;
        background-color: #fff;
        padding: 1em;
        font-size: 1.6rem;
        border: 1px solid #ccc !important;
        font-size: 1.6rem;
        font-family: "Noto Sans JP", sans-serif;
    }

    .contact_area .privacy_table .menu-select {
        position: relative;
    }

    .contact_area .privacy_table .menu-select::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 0.7rem solid transparent;
        border-right: 0.7rem solid transparent;
        border-top: 1rem solid black;
        position: absolute;
        top: 50%;
        right: 1em;
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0);
        z-index: 0;
    }

    .contact_area .privacy_table select {
        width: 100%;
        height: 6rem;
        padding-right: 4em;
        padding-left: 1em;
        cursor: pointer;
        text-indent: 0.01px;
        text-overflow: ellipsis;
        border: none;
        outline: none;
        background-color: #fff;
        background-image: url("../img/parts/caret-down-solid.svg");
        background-size: 1.4rem auto;
        background-position: right 2rem center;
        background-repeat: no-repeat;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #ccc !important;
        position: relative;
        z-index: 1;
        font-size: 1.6rem;
        font-family: "Noto Sans JP", sans-serif;
    }

    .contact_area .privacy_table select option {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 1em;
    }

    .contact_area .input_radio,
    .contact_area .input_check {
        display: block;
        padding-bottom: 2.8rem;
    }

    .contact_area .submit_wrap {
        text-align: center;
        margin-top: 5em;
        margin-bottom: 3em;
    }

    .contact_area .submit_wrap p {
        text-align: center;
    }

    .contact_area .submit_wrap [type=submit],
    .contact_area .submit_wrap [type=button] {
        display: block;
        border: 0;
        width: 32rem;
        height: 7.2rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        color: #fff;
        cursor: pointer;
        background-color: #C0CF92;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 1.8rem;
        letter-spacing: 0.1em;
        font-weight: 700;
    }

    .contact_area .submit_wrap [type=submit].submit_btn02,
    .contact_area .submit_wrap [type=button].submit_btn02 {
        background-color: #ECF0DE;
    }

    .contact_area .submit_wrap [type=submit]:hover,
    .contact_area .submit_wrap [type=button]:hover {
        opacity: 0.8;
    }

    .contact_area .textA,
    .contact_area .textB {
        text-align: center;
        font-size: 1.6rem;
        font-weight: 400;
        letter-spacing: 0.1em;
        margin-bottom: 5.8rem;
    }

    .contact_area .textA p,
    .contact_area .textB p {
        text-align: center;
    }
}

.fx_contact {
    width: 100%;
    height: 100%;
    -webkit-align-items: stretch;
    /*縦方向（Safari用）*/
    align-items: stretch;
    /* 縦方向*/
    -webkit-justify-content: space-between;
    /*横方向（Safari用）*/
    justify-content: space-between;
    /*横方向*/
}

.fx_contact--child span,
.fx_contact--child input,
.fx_contact .flex_block_child span,
.fx_contact .flex_block_child input {
    display: block;
    width: 100%;
    height: 100%;
}

.fx_contact--child._blockA,
.fx_contact--child.blockA,
.fx_contact .flex_block_child._blockA,
.fx_contact .flex_block_child.blockA {
    width: 25%;
}

.fx_contact--child._blockB,
.fx_contact--child.blockB,
.fx_contact .flex_block_child._blockB,
.fx_contact .flex_block_child.blockB {
    width: 70%;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 0.5em 1em;
    text-align: center;
}

.textB {
    display: none;
}

@media (max-width: 520px) {
    .sec_contact .wrap_in .complete_textA {
        text-align: center;
        font-size: 4.4vw;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.1em;
        margin-top: 12vw;
        padding-bottom: 5vw;
        border-bottom: 1px solid #ccc;
    }

    .sec_contact .wrap_in .complete_textB {
        font-size: 3.6vw;
        font-weight: 400;
        text-align: center;
        margin-top: 5vw;
        padding-bottom: 8vw;
    }

    .sec_contact .wrap_in .complete_textB+.btn_top {
        margin-bottom: 12vw;
    }

    .contact_area {
        margin-left: auto;
        margin-right: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .contact_area input[type=button],
    .contact_area input[type=submit],
    .contact_area input[type=text],
    .contact_area input[type=email],
    .contact_area input[type=tel] {
        -webkit-appearance: none;
    }

    .contact_area p {
        font-weight: 400;
    }

    .contact_area .privacy_table {
        display: block;
    }

    .contact_area .privacy_table tbody,
    .contact_area .privacy_table tr,
    .contact_area .privacy_table th,
    .contact_area .privacy_table td {
        display: block;
    }

    .contact_area .privacy_table th,
    .contact_area .privacy_table td {
        padding: 1.3em 0;
        font-size: 4.5vw;
        font-weight: 700;
        text-align: left;
        color: #333333;
        line-height: 1.4;
    }

    .contact_area .privacy_table th .privacy_table_inner,
    .contact_area .privacy_table td .privacy_table_inner {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        /*縦方向（Safari用）*/
        align-items: center;
        /* 縦方向*/
        -webkit-justify-content: flex-start;
        /*横方向（Safari用）*/
        justify-content: flex-start;
        /*横方向*/
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact_area .privacy_table th .privacy_table_inner p,
    .contact_area .privacy_table td .privacy_table_inner p {
        width: 100%;
        height: 100%;
    }

    .contact_area .privacy_table th .privacy_table_inner .wpcf7-form-control-wrap,
    .contact_area .privacy_table td .privacy_table_inner .wpcf7-form-control-wrap {
        display: block;
        width: 100%;
    }

    .contact_area .privacy_table th .privacy_table_inner .wpcf7-form-control-wrap .wpcf7-list-item,
    .contact_area .privacy_table td .privacy_table_inner .wpcf7-form-control-wrap .wpcf7-list-item {
        margin: 0 1em 0 0;
        font-weight: normal;
    }

    .contact_area .privacy_table th .privacy_table_inner .privacy_table_inner_ttl,
    .contact_area .privacy_table td .privacy_table_inner .privacy_table_inner_ttl {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        /*縦方向（Safari用）*/
        align-items: center;
        /* 縦方向*/
        -webkit-justify-content: flex-start;
        /*横方向（Safari用）*/
        justify-content: flex-start;
        /*横方向*/
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 1.2;
        font-weight: 700;
    }

    .contact_area .privacy_table th small,
    .contact_area .privacy_table td small {
        display: block;
        text-align: left;
        font-size: 3vw;
        font-weight: 300;
        line-height: 1.4;
        font-family: "AkkuratPro";
        color: #868585;
    }

    .contact_area .privacy_table th {
        font-weight: 700;
        padding-left: 2em;
        padding: 2vw 7.6vw 0 0;
        width: 100%;
    }

    .contact_area .privacy_table th.hisu .privacy_table_inner_ttl::after {
        content: "必須";
        display: block;
        padding: 0.2em 0.5em 0.3em;
        font-size: 0.5em;
        font-weight: normal;
        background-color: #c00;
        color: #fff;
        margin-left: 0.5em;
        margin-top: 0.2em;
    }

    .contact_area .privacy_table td {
        padding: 1.6vw 0;
    }

    .contact_area .privacy_table input {
        font-family: "Noto Sans JP", sans-serif;
    }

    .contact_area .privacy_table input[type=text],
    .contact_area .privacy_table input[type=email],
    .contact_area .privacy_table input[type=tel] {
        width: 100%;
        min-height: 5rem;
        padding: 0.2em 0.6em;
        border: 0;
        background-color: #fff;
        font-weight: 400;
        font-size: 1.5rem;
        border: 1px solid #ccc !important;
    }

    .contact_area .privacy_table input[type=radio],
    .contact_area .privacy_table input[type=checkbox] {
        transform: scale(1.4, 1.4);
        margin-bottom: 0.8em;
        position: relative;
        top: -0.08em;
    }

    .contact_area .privacy_table .wpcf7-list-item-label {
        font-size: 0.8em;
    }

    .contact_area .privacy_table textarea {
        font-family: "Noto Sans JP", sans-serif;
        width: 100%;
        padding: 0.5em;
        border: 0;
        background-color: #fff;
        font-size: 1.5rem;
        font-weight: 400;
        border: 1px solid #ccc !important;
    }

    .contact_area .privacy_table .menu-select {
        position: relative;
        height: 5rem;
    }

    .contact_area .privacy_table .menu-select::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 0.7rem solid transparent;
        border-right: 0.7rem solid transparent;
        border-top: 1rem solid black;
        position: absolute;
        top: 50%;
        right: 1em;
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0);
        z-index: 0;
    }

    .contact_area .privacy_table select {
        font-size: 1.5rem;
        font-family: "Noto Sans JP", sans-serif;
        width: 100%;
        height: 5rem;
        padding-right: 3.2em;
        padding-left: 1em;
        cursor: pointer;
        text-indent: 0.01px;
        text-overflow: ellipsis;
        border: none;
        outline: none;
        background-color: #fff;
        background-image: url("../img/parts/caret-down-solid.svg");
        background-size: 2rem auto;
        background-position: right 2.5rem center;
        background-repeat: no-repeat;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #ccc !important;
        position: relative;
        z-index: 1;
    }

    .contact_area .submit_wrap {
        text-align: center;
        margin-top: 2em;
        margin-bottom: 0.5em;
    }

    .contact_area .submit_wrap p {
        text-align: center;
    }

    .contact_area .submit_wrap [type=submit],
    .contact_area .submit_wrap [type=button] {
        display: block;
        border: 0;
        width: 100%;
        height: 13vw;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        background-color: #C0CF92;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 4.2vw;
        letter-spacing: 0.1em;
        font-weight: 700;
    }

    .contact_area .submit_wrap [type=submit].submit_btn02,
    .contact_area .submit_wrap [type=button].submit_btn02 {
        background-color: #ECF0DE;
    }

    .textA,
    .textB {
        text-align: center;
        font-size: 3.5vw;
        font-weight: 400;
        letter-spacing: 0.1em;
        margin-bottom: 5vw;
    }

    .textA p,
    .textB p {
        text-align: center;
    }

    .fx_contact {
        width: 100%;
        height: 100%;
        -webkit-align-items: stretch;
        /*縦方向（Safari用）*/
        align-items: stretch;
        /* 縦方向*/
        -webkit-justify-content: space-between;
        /*横方向（Safari用）*/
        justify-content: space-between;
        /*横方向*/
    }
}

@media (max-width: 520px) and (max-width: 520px) {
    .fx_contact {
        gap: 1rem 0;
    }
}

@media (max-width: 520px) {

    .fx_contact--child span,
    .fx_contact--child input,
    .fx_contact .flex_block_child span,
    .fx_contact .flex_block_child input {
        display: block;
        width: 100%;
        height: 100%;
    }

    .fx_contact--child._blockA,
    .fx_contact--child.blockA,
    .fx_contact .flex_block_child._blockA,
    .fx_contact .flex_block_child.blockA {
        width: 25%;
    }
}

@media (max-width: 520px) and (max-width: 520px) {

    .fx_contact--child._blockA,
    .fx_contact--child.blockA,
    .fx_contact .flex_block_child._blockA,
    .fx_contact .flex_block_child.blockA {
        width: 30%;
    }
}

@media (max-width: 520px) {

    .fx_contact--child._blockB,
    .fx_contact--child.blockB,
    .fx_contact .flex_block_child._blockB,
    .fx_contact .flex_block_child.blockB {
        width: 70%;
    }
}

@media (max-width: 520px) and (max-width: 520px) {

    .fx_contact--child._blockB,
    .fx_contact--child.blockB,
    .fx_contact .flex_block_child._blockB,
    .fx_contact .flex_block_child.blockB {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .wpcf7 form .wpcf7-response-output {
        margin: 0 0.5em 1em;
        text-align: center;
        font-size: 2.9vw;
    }

    .textB {
        display: none;
    }
}

/*同意確認*/
.acceptance_text {
    width: 100%;
}

@media (max-width: 520px) {
    .acceptance_text {
        margin-bottom: 2rem;
    }
}

.acceptance_text .wpcf7-list-item-label {
    display: none !important;
}

.acceptance_text--inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.acceptance_text--inner .wpcf7-form-control-wrap {
    flex-shrink: 0;
    width: auto !important;
    position: relative;
}

.acceptance_text--inner .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    white-space: nowrap;
    position: absolute;
    top: 100%;
    left: 0;
}

@media (max-width: 520px) {
    .acceptance_text--inner .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
        line-height: 1;
        top: 85%;
    }
}

.acceptance_text--inner .acceptance_text--label {
    flex-grow: 1;
    display: block;
    font-size: 0.9em;
}

.acceptance_text--inner .acceptance_text--label a {
    text-decoration: underline;
}

@media (max-width: 520px) {
    .verification_screen .acceptance_text {
        margin: 0;
    }
}

/* 送信完了
------------------------------- */
.sec_complete td .privacy_table_inner {
    font-size: 1.6rem;
    font-weight: normal;
    padding: 1em;
    background-color: #eee;
}

@media (max-width: 520px) {
    .sec_complete td .privacy_table_inner {
        min-height: 10vw;
        padding: 0.4em;
        font-size: 3.5vw;
    }

    .sec_complete td .privacy_table_inner.textarea {
        height: auto;
        min-height: 10vw;
    }
}

.sec_complete td .privacy_table_inner.textarea {
    height: auto;
    white-space: pre-wrap;
}

.sec_complete td .fx_contact--child,
.sec_complete td .fx_contact .flex_block_child {
    font-size: 1.6rem;
    font-weight: normal;
    padding: 1em;
    background-color: #eee;
}

@media (max-width: 520px) {

    .sec_complete td .fx_contact--child,
    .sec_complete td .fx_contact .flex_block_child {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        /*縦方向（Safari用）*/
        align-items: center;
        /* 縦方向*/
        -webkit-justify-content: flex-start;
        /*横方向（Safari用）*/
        justify-content: flex-start;
        /*横方向*/
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 10vw;
        padding: 0.4em;
        font-size: 3.5vw;
    }
}

.sec_complete .submit_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    /*縦方向（Safari用）*/
    align-items: center;
    /* 縦方向*/
    -webkit-justify-content: center;
    /*横方向（Safari用）*/
    justify-content: center;
    /*横方向*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact_area .wpcf7-not-valid-tip {
    font-size: 0.6em;
}

@media (max-width: 520px) {
    .contact_area .wpcf7-not-valid-tip {
        font-size: 0.8em;
    }
}

/* =======================================

プラグインなしの確認画面

 ======================================= */
.anchor {
    position: relative;
}

.anchor span {
    position: absolute;
    left: 0;
    top: -8rem;
}

@media (max-width: 520px) {
    .anchor span {
        top: -18.667vw;
    }
}

.confirm_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    /*縦方向（Safari用）*/
    align-items: center;
    /* 縦方向*/
    -webkit-justify-content: center;
    /*横方向（Safari用）*/
    justify-content: center;
    /*横方向*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.confirm_btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    /*縦方向（Safari用）*/
    align-items: center;
    /* 縦方向*/
    -webkit-justify-content: center;
    /*横方向（Safari用）*/
    justify-content: center;
    /*横方向*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 16.8rem;
    max-width: 100%;
    height: 4rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0;
    border: 2px solid #000;
    background-color: #000;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.confirm_btn:hover {
    opacity: 0.8;
    color: #000;
    background-color: #fff;
}

@media (max-width: 520px) {
    .confirm_btn {
        height: 4rem;
    }
}

.confirm_btn p {
    font-style: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

input.submit_btn01 {
    font-family: "Noto Sans JP", sans-serif;
}

.confirm_btn_add {
    width: 36rem;
    max-width: 100%;
}

.confirm_btn_add .submit_btn01 {
    width: 100% !important;
    margin: 0 !important;
}

.submit_wrap {
    padding-bottom: 1.5rem;
    position: relative;
}

.submit_wrap.confirm_on {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    /*縦方向（Safari用）*/
    align-items: center;
    /* 縦方向*/
    -webkit-justify-content: center;
    /*横方向（Safari用）*/
    justify-content: center;
    /*横方向*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}

.submit_wrap.confirm_on .confirm_btn_add,
.submit_wrap.confirm_on .confirm_btn {
    max-width: calc((100% - 2rem) / 2);
}

.submit_wrap .wpcf7-spinner {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* 必須項目に未入力がある場合
------------------------------- */
body:not(.all-required-filled) .js_confirm {
    cursor: not-allowed;
    position: relative;
}

body:not(.all-required-filled) .js_confirm::after {
    content: "必須項目に未入力があります";
    display: block;
    width: 24rem;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.03em;
    color: #dc3232;
    padding-bottom: 0.5em;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* 確認前（入力画面）
------------------------------- */
body:not(.verification_screen) .confirm_on {
    display: none !important;
}

body:not(.verification_screen) textarea[name=your-message] {
    min-height: 16em;
}

@media (max-width: 520px) {
    body:not(.verification_screen) textarea[name=your-message] {
        min-height: 16em;
    }
}

/* 確認画面
------------------------------- */
.verification_screen .confirm_off {
    display: none !important;
}

.verification_screen .wpcf7 th.hisu .privacy_table_inner_ttl::after {
    display: none;
}

.verification_screen .wpcf7 td .privacy_table_inner {
    background-color: #ccc !important;
    border: 0 !important;
    pointer-events: none !important;
    padding-left: 1em;
    padding-right: 1em;
}

.verification_screen .wpcf7 td .privacy_table_inner .wpcf7-list-item {
    margin: 0;
}

.verification_screen .wpcf7 td .fx_contact .wpcf7-form-control {
    padding: 0 1em !important;
}

.verification_screen .wpcf7 td .fx_contact .flex_block_child {
    padding: 0 1em;
}

.verification_screen .wpcf7 td .fx_contact .flex_block_child.blockB {
    background-color: #ccc !important;
    border: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 520px) {
    .verification_screen .wpcf7 td .fx_contact .flex_block_child.blockB {
        width: 1000%;
    }
}

.verification_screen .wpcf7 td .fx_contact .flex_block_child .privacy_table_inner {
    background-color: transparent !important;
    padding-left: 0 !important;
}

@media (max-width: 520px) {
    .verification_screen .wpcf7 td .fx_contact.typrB>.blockA {
        width: auto;
    }
}

@media (max-width: 520px) {
    .verification_screen .wpcf7 td .fx_contact.typrB>.blockB {
        width: 80%;
    }
}

.verification_screen .wpcf7 [type=text],
.verification_screen .wpcf7 [type=tel],
.verification_screen .wpcf7 [type=email],
.verification_screen .wpcf7 select {
    background-color: #ccc !important;
    border: 0 !important;
    pointer-events: none !important;
    padding-left: 0 !important;
}

@media (max-width: 520px) {

    .verification_screen .wpcf7 [type=text],
    .verification_screen .wpcf7 [type=tel],
    .verification_screen .wpcf7 [type=email],
    .verification_screen .wpcf7 select {
        font-size: 1.5rem !important;
    }
}

.verification_screen .wpcf7 textarea {
    background-color: #ccc !important;
    border: 0 !important;
    pointer-events: none !important;
}

.verification_screen .wpcf7 [type=radio],
.verification_screen .wpcf7 [type=checkbox] {
    display: none !important;
}

.verification_screen .wpcf7 [type=radio]+.wpcf7-list-item-label,
.verification_screen .wpcf7 [type=checkbox]+.wpcf7-list-item-label {
    padding-left: 0 !important;
}

@media (max-width: 520px) {

    .verification_screen .wpcf7 [type=radio]+.wpcf7-list-item-label,
    .verification_screen .wpcf7 [type=checkbox]+.wpcf7-list-item-label {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        /*縦方向（Safari用）*/
        align-items: center;
        /* 縦方向*/
        -webkit-justify-content: flex-start;
        /*横方向（Safari用）*/
        justify-content: flex-start;
        /*横方向*/
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        font-size: 1.5rem;
    }
}

.verification_screen .wpcf7 [type=radio]:not(:checked)+.wpcf7-list-item-label,
.verification_screen .wpcf7 [type=checkbox]:not(:checked)+.wpcf7-list-item-label {
    display: none;
}

.verification_screen .wpcf7 select {
    background-image: none;
}

.verification_screen .input_radio,
.verification_screen .input_check {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    /*縦方向（Safari用）*/
    align-items: center;
    /* 縦方向*/
    -webkit-justify-content: flex-start;
    /*横方向（Safari用）*/
    justify-content: flex-start;
    /*横方向*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    min-height: 6rem;
    padding: 0.6em 0;
}

@media (max-width: 520px) {

    .verification_screen .input_radio,
    .verification_screen .input_check {
        min-height: 5rem;
        padding: 0.6em 0;
        gap: 0.5rem 0;
    }
}

@media (max-width: 520px) {

    .verification_screen .input_radio .wpcf7-list-item,
    .verification_screen .input_check .wpcf7-list-item {
        margin: 0 !important;
    }
}

.verification_screen .input_radio .wpcf7-list-item-label,
.verification_screen .input_check .wpcf7-list-item-label {
    display: block;
    margin-right: 1em;
}

.verification_screen .acceptance_text {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    /*縦方向（Safari用）*/
    align-items: center;
    /* 縦方向*/
    -webkit-justify-content: flex-start;
    /*横方向（Safari用）*/
    justify-content: flex-start;
    /*横方向*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 6rem;
}

@media (max-width: 520px) {
    .verification_screen .acceptance_text {
        min-height: 5rem;
    }
}

@media (max-width: 520px) {
    .verification_screen .acceptance_text--inner .wpcf7-list-item {
        margin: 0 !important;
    }
}

/* アニメーション
------------------------------- */
.add_confirm_form {
    position: relative;
}

.add_confirm_form::before {
    content: "";
    width: 5rem;
    height: 5rem;
    border: 3px solid #fb5b53;
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin 0.5s linear 0s infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
    transition: 0.6s;
    opacity: 0;
}

.add_confirm_loading .add_confirm_form::before {
    opacity: 1;
}

.add_confirm_form .wpcf7-form {
    opacity: 0;
}

.defo_screen .add_confirm_form .wpcf7-form {
    opacity: 1;
}

.edit_screen .add_confirm_form .wpcf7-form,
.verification_screen .add_confirm_form .wpcf7-form {
    animation: fadein 0.8s ease both;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

/* テキスト
------------------------------- */
.form_block .text_edit,
.form_block .text_confirm {
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 2em;
}

@media (max-width: 520px) {

    .form_block .text_edit,
    .form_block .text_confirm {
        font-size: 1em;
        margin: 0 -1em 1.5em;
    }
}

.form_block .text_confirm {
    display: none;
}

/* 画面切り替え時
------------------------------- */
.form_block .wpcf7-form.wpcf7cp-form-hide {
    visibility: visible !important;
    padding: 0;
}

.form_block .wpcf7-form.wpcf7cp-form-hide .form_edit {
    overflow: hidden;
    height: 0;
    padding: 0;
    opacity: 0;
}

.form_block .wpcf7-form.wpcf7cp-form-hide .text_edit {
    display: none;
}

.form_block .wpcf7-form.wpcf7cp-form-hide .text_confirm {
    display: block;
}

/* =======================================

article テキスト設定

 ======================================= */
.article .ttl_post,
.ttl_post {
    margin-bottom: 1em;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article br {
    margin-top: 0;
    padding: 0;
    text-align: left;
    border: 0;
    clear: both;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article p {
    letter-spacing: 0.05em;
}

.article h1:first-child,
.article h2:first-child,
.article h3:first-child,
.article h4:first-child,
.article h5:first-child,
.article h6:first-child,
.article p:first-child {
    margin-top: 0;
}

.article h1 {
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.5;
    color: #C0CF92;
    margin: 1.15em 0;
}

.article h2 {
    font-size: 1.3333333333em;
    font-weight: 400;
    line-height: 1.5;
    margin: 1.15em 0;
    padding-bottom: 0.75rem;
}

.article h2::after {
    content: "";
    display: block;
    max-width: 13rem;
    height: 0.3rem;
    background-color: #000;
    margin-top: 0.75rem;
}

.article h3 {
    font-size: 1.3333333333em;
    font-weight: 500;
    line-height: 1.5;
    margin: 1em 0;
}

.article h4 {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.5;
    margin: 1em 0;
}

.article h5 {
    font-size: 1.0666666667em;
    font-weight: 700;
    line-height: 1.5;
    border-bottom: 2px solid #ccc;
    padding-bottom: 0.4em;
    margin: 1em 0;
    position: relative;
}

.article h5::after {
    content: "";
    position: absolute;
    display: block;
    border-bottom: 2px solid #85631F;
    bottom: -2px;
    width: 20%;
}

.article h6 {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5;
    margin: 1em 0;
}

.article p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.6;
    margin: 1em 0;
    text-align: left;
    word-break: normal;
    word-wrap: normal;
}

.article a {
    font-weight: 400;
    text-decoration: underline;
}

.article blockquote,
.article q {
    quotes: "" "";
}

.article blockquote:before,
.article blockquote:after,
.article q:before,
.article q:after {
    content: "";
}

.article blockquote {
    font-size: 0.9em;
    background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
    border: 0.1rem solid #FFFFFF;
    margin: 1em 0;
    padding: 2rem 3.5rem;
    position: relative;
}

@media (max-width: 520px) {
    .article blockquote {
        padding: 2.2em 1em;
    }
}

.article blockquote p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.article blockquote::before {
    color: rgb(200, 200, 200);
    content: "“";
    font-family: serif;
    font-size: 600%;
    left: 0rem;
    line-height: 1em;
    position: absolute;
    top: 0rem;
}

.article blockquote::after {
    color: rgb(200, 200, 200);
    content: "”";
    font-family: serif;
    font-size: 600%;
    line-height: 0;
    position: absolute;
    right: 0rem;
    bottom: -0.1em;
}

.article table {
    border-collapse: collapse;
    margin: 1.5em 0;
}

.article th {
    font-weight: 700;
    border: solid 1px #ccc;
    background-color: #eee;
}

.article td {
    border: solid 1px #ccc;
}

.article th,
.article td {
    padding: 0.6em 1em;
    line-height: 1.6;
}

.article pre {
    font-family: inherit;
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 0.7em;
    overflow: auto;
    white-space: normal;
    line-height: 1.6;
}

.article ol,
.article ul,
.article dl {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin: 1em 0;
}

.article ol ol,
.article ul ul,
.article dl dl {
    margin-left: 1em;
}

.article ul {
    list-style: disc;
    padding-left: 1em;
}

.article ol {
    list-style: decimal;
    padding-left: 1em;
}

.article em {
    font-style: italic;
    font-size: 0.8em;
}

.article .alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.article .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.article .alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.article p:empty {
    padding-top: 1em;
}

.wrap_in.article {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

@media (max-width: 520px) {
    .wrap_in.article {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

.article {
    font-size: 1.5rem;
}

@media (max-width: 520px) {
    .article {
        font-size: 1.5rem;
    }
}

/* =======================================

ページャー

 ======================================= */
.pager {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.2rem 0 0;
}

@media (max-width: 520px) {
    .pager {
        padding: 3.6rem 0 0;
        margin: 0 -3.2rem;
    }

    .pager._limit {
        gap: 0.3rem;
    }
}

.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-width: 2.8rem;
    aspect-ratio: 1/1;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    color: #B7B7B7 !important;
    border-radius: 2.8rem;
    padding: 0 0.3em;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.page-numbers.current {
    background-color: #85631F;
    color: #fff !important;
}

@media (min-width: 521px) {
    a.page-numbers:hover {
        color: #fff !important;
        background-color: #85631F;
        opacity: 0.7;
    }
}

/* =======================================

調整用スタイルシート

 ======================================= */
/* マージン */
.no_m {
    margin: 0 !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.mlat {
    margin-left: auto !important;
}

.ml1em {
    margin-left: 1em !important;
}

.mb1em {
    margin-bottom: 1em !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mt0_5rem {
    margin-top: 0.5rem !important;
}

.mt1_0rem {
    margin-top: 1rem !important;
}

.mt1_5rem {
    margin-top: 1.5rem !important;
}

.mt2_0rem {
    margin-top: 2rem !important;
}

.mt2_5rem {
    margin-top: 2.5rem !important;
}

.mt3_0rem {
    margin-top: 3rem !important;
}

.mt3_5rem {
    margin-top: 3.5rem !important;
}

.mt4_0rem {
    margin-top: 4rem !important;
}

.mt4_5rem {
    margin-top: 4.5rem !important;
}

.mt5_0rem {
    margin-top: 5rem !important;
}

.mt6_0rem {
    margin-top: 6rem !important;
}

.mt7_0rem {
    margin-top: 7rem !important;
}

.mb0_5rem {
    margin-bottom: 0.5rem !important;
}

.mb1_0rem {
    margin-bottom: 1rem !important;
}

.mb1_5rem {
    margin-bottom: 1.5rem !important;
}

.mb2_0rem {
    margin-bottom: 2rem !important;
}

.mb2_5rem {
    margin-bottom: 2.5rem !important;
}

.mb3_0rem {
    margin-bottom: 3rem !important;
}

.mb3_5rem {
    margin-bottom: 3.5rem !important;
}

.mb4_0rem {
    margin-bottom: 4rem !important;
}

.mb4_5rem {
    margin-bottom: 4.5rem !important;
}

.mb5_0rem {
    margin-bottom: 5rem !important;
}

.mb6_0rem {
    margin-bottom: 6rem !important;
}

.mb7_0rem {
    margin-bottom: 7rem !important;
}

.ml0_5rem {
    margin-left: 0.5rem !important;
}

.ml1_0rem {
    margin-left: 1rem !important;
}

.ml1_5rem {
    margin-left: 1.5rem !important;
}

.ml2_0rem {
    margin-left: 2rem !important;
}

.ml2_5rem {
    margin-left: 2.5rem !important;
}

.ml3_0rem {
    margin-left: 3rem !important;
}

.ml3_5rem {
    margin-left: 3.5rem !important;
}

.ml4_0rem {
    margin-left: 4rem !important;
}

.ml4_5rem {
    margin-left: 4.5rem !important;
}

.ml5_0rem {
    margin-left: 5rem !important;
}

.ml6_0rem {
    margin-left: 6rem !important;
}

.ml7_0rem {
    margin-left: 7rem !important;
}

.mr0_5rem {
    margin-right: 0.5rem !important;
}

.mr1_0rem {
    margin-right: 1rem !important;
}

.mr1_5rem {
    margin-right: 1.5rem !important;
}

.mr2_0rem {
    margin-right: 2rem !important;
}

.mr2_5rem {
    margin-right: 2.5rem !important;
}

.mr3_0rem {
    margin-right: 3rem !important;
}

.mr3_5rem {
    margin-right: 3.5rem !important;
}

.mr4_0rem {
    margin-right: 4rem !important;
}

.mr4_5rem {
    margin-right: 4.5rem !important;
}

.mr5_0rem {
    margin-right: 5rem !important;
}

.mr6_0rem {
    margin-right: 6rem !important;
}

.mr7_0rem {
    margin-right: 7rem !important;
}

.mrat {
    margin-right: auto !important;
}

.myoko_at {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 520px) {
    .no_m_sp {
        margin: 0 !important;
    }

    .mt0_sp {
        margin-top: 0px !important;
    }

    .mt1w_sp {
        margin-top: 1vw !important;
    }

    .mt2w_sp {
        margin-top: 2vw !important;
    }

    .mt3w_sp {
        margin-top: 3vw !important;
    }

    .mt4w_sp {
        margin-top: 4vw !important;
    }

    .mt5w_sp {
        margin-top: 5vw !important;
    }

    .mt6w_sp {
        margin-top: 6vw !important;
    }

    .mt7w_sp {
        margin-top: 7vw !important;
    }

    .mt8w_sp {
        margin-top: 8vw !important;
    }

    .mt9w_sp {
        margin-top: 9vw !important;
    }

    .mt10w_sp {
        margin-top: 10vw !important;
    }

    .mb0_sp {
        margin-bottom: 0px !important;
    }

    .mb1w_sp {
        margin-bottom: 1vw !important;
    }

    .mb2w_sp {
        margin-bottom: 2vw !important;
    }

    .mb3w_sp {
        margin-bottom: 3vw !important;
    }

    .mb4w_sp {
        margin-bottom: 4vw !important;
    }

    .mb5w_sp {
        margin-bottom: 5vw !important;
    }

    .mb6w_sp {
        margin-bottom: 6vw !important;
    }

    .mb7w_sp {
        margin-bottom: 7vw !important;
    }

    .mb8w_sp {
        margin-bottom: 8vw !important;
    }

    .mb9w_sp {
        margin-bottom: 9vw !important;
    }

    .mb10w_sp {
        margin-bottom: 10vw !important;
    }

    .ml0_sp {
        margin-left: 0px !important;
    }

    .ml3w_sp {
        margin-left: 3vw !important;
    }

    .mlat_sp {
        margin-left: auto !important;
    }

    .ml1em_sp {
        margin-left: 1em !important;
    }

    .mr0_sp {
        margin-right: 0px !important;
    }

    .mr3w_sp {
        margin-right: 3vw !important;
    }

    .mrat_sp {
        margin-right: auto !important;
    }

    .myoko_at_sp {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* パディング */
.no_p {
    padding: 0 !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pl70 {
    padding-left: 70px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr70 {
    padding-right: 70px !important;
}

.pt0_5rem {
    padding-top: 0.5rem !important;
}

.pt1_0rem {
    padding-top: 1rem !important;
}

.pt1_5rem {
    padding-top: 1.5rem !important;
}

.pt2_0rem {
    padding-top: 2rem !important;
}

.pt2_5rem {
    padding-top: 2.5rem !important;
}

.pt3_0rem {
    padding-top: 3rem !important;
}

.pt3_5rem {
    padding-top: 3.5rem !important;
}

.pt4_0rem {
    padding-top: 4rem !important;
}

.pt4_5rem {
    padding-top: 4.5rem !important;
}

.pt5_0rem {
    padding-top: 5rem !important;
}

.pt6_0rem {
    padding-top: 6rem !important;
}

.pt7_0rem {
    padding-top: 7rem !important;
}

.pb0_5rem {
    padding-bottom: 0.5rem !important;
}

.pb1_0rem {
    padding-bottom: 1rem !important;
}

.pb1_5rem {
    padding-bottom: 1.5rem !important;
}

.pb2_0rem {
    padding-bottom: 2rem !important;
}

.pb2_5rem {
    padding-bottom: 2.5rem !important;
}

.pb3_0rem {
    padding-bottom: 3rem !important;
}

.pb3_5rem {
    padding-bottom: 3.5rem !important;
}

.pb4_0rem {
    padding-bottom: 4rem !important;
}

.pb4_5rem {
    padding-bottom: 4.5rem !important;
}

.pb5_0rem {
    padding-bottom: 5rem !important;
}

.pb6_0rem {
    padding-bottom: 6rem !important;
}

.pb7_0rem {
    padding-bottom: 7rem !important;
}

.pl0_5rem {
    padding-left: 0.5rem !important;
}

.pl1_0rem {
    padding-left: 1rem !important;
}

.pl1_5rem {
    padding-left: 1.5rem !important;
}

.pl2_0rem {
    padding-left: 2rem !important;
}

.pl2_5rem {
    padding-left: 2.5rem !important;
}

.pl3_0rem {
    padding-left: 3rem !important;
}

.pl3_5rem {
    padding-left: 3.5rem !important;
}

.pl4_0rem {
    padding-left: 4rem !important;
}

.pl4_5rem {
    padding-left: 4.5rem !important;
}

.pl5_0rem {
    padding-left: 5rem !important;
}

.pl6_0rem {
    padding-left: 6rem !important;
}

.pl7_0rem {
    padding-left: 7rem !important;
}

.pr0_5rem {
    padding-right: 0.5rem !important;
}

.pr1_0rem {
    padding-right: 1rem !important;
}

.pr1_5rem {
    padding-right: 1.5rem !important;
}

.pr2_0rem {
    padding-right: 2rem !important;
}

.pr2_5rem {
    padding-right: 2.5rem !important;
}

.pr3_0rem {
    padding-right: 3rem !important;
}

.pr3_5rem {
    padding-right: 3.5rem !important;
}

.pr4_0rem {
    padding-right: 4rem !important;
}

.pr4_5rem {
    padding-right: 4.5rem !important;
}

.pr5_0rem {
    padding-right: 5rem !important;
}

.pr6_0rem {
    padding-right: 6rem !important;
}

.pr7_0rem {
    padding-right: 7rem !important;
}

.p1em {
    padding: 1em !important;
}

.p05em {
    padding: 0.5em !important;
}

.p03em {
    padding: 0.3em !important;
}

.pb1em {
    padding-bottom: 1em;
}

@media (max-width: 520px) {
    .no_p_sp {
        padding: 0 !important;
    }

    .pt0_sp {
        padding-top: 0px !important;
    }

    .pt1w_sp {
        padding-top: 1vw !important;
    }

    .pt2w_sp {
        padding-top: 2vw !important;
    }

    .pt3w_sp {
        padding-top: 3vw !important;
    }

    .pt4w_sp {
        padding-top: 4vw !important;
    }

    .pt5w_sp {
        padding-top: 5vw !important;
    }

    .pt6w_sp {
        padding-top: 6vw !important;
    }

    .pt7w_sp {
        padding-top: 7vw !important;
    }

    .pt8w_sp {
        padding-top: 8vw !important;
    }

    .pt9w_sp {
        padding-top: 9vw !important;
    }

    .pt10w_sp {
        padding-top: 10vw !important;
    }

    .pb0_sp {
        padding-bottom: 0px !important;
    }

    .pb1w_sp {
        padding-bottom: 1vw !important;
    }

    .pb2w_sp {
        padding-bottom: 2vw !important;
    }

    .pb3w_sp {
        padding-bottom: 3vw !important;
    }

    .pb4w_sp {
        padding-bottom: 4vw !important;
    }

    .pb5w_sp {
        padding-bottom: 5vw !important;
    }

    .pb6w_sp {
        padding-bottom: 6vw !important;
    }

    .pb7w_sp {
        padding-bottom: 7vw !important;
    }

    .pb8w_sp {
        padding-bottom: 8vw !important;
    }

    .pb9w_sp {
        padding-bottom: 9vw !important;
    }

    .pb10w_sp {
        padding-bottom: 10vw !important;
    }

    .pl0_sp {
        padding-left: 0px !important;
    }

    .pl1w_sp {
        padding-left: 1vw !important;
    }

    .pl2w_sp {
        padding-left: 2vw !important;
    }

    .pl3w_sp {
        padding-left: 3vw !important;
    }

    .pl4w_sp {
        padding-left: 4vw !important;
    }

    .pl5w_sp {
        padding-left: 5vw !important;
    }

    .pl6w_sp {
        padding-left: 6vw !important;
    }

    .pl7w_sp {
        padding-left: 7vw !important;
    }

    .pl8w_sp {
        padding-left: 8vw !important;
    }

    .pl9w_sp {
        padding-left: 9vw !important;
    }

    .pl10w_sp {
        padding-left: 10vw !important;
    }

    .pr0_sp {
        padding-right: 0px !important;
    }

    .pr1w_sp {
        padding-right: 1vw !important;
    }

    .pr2w_sp {
        padding-right: 2vw !important;
    }

    .pr3w_sp {
        padding-right: 3vw !important;
    }

    .pr4w_sp {
        padding-right: 4vw !important;
    }

    .pr5w_sp {
        padding-right: 5vw !important;
    }

    .pr6w_sp {
        padding-right: 6vw !important;
    }

    .pr7w_sp {
        padding-right: 7vw !important;
    }

    .pr8w_sp {
        padding-right: 8vw !important;
    }

    .pr9w_sp {
        padding-right: 9vw !important;
    }

    .pr10w_sp {
        padding-right: 10vw !important;
    }

    .p1em_sp {
        padding: 1em !important;
    }

    .p05em_sp {
        padding: 0.5em !important;
    }

    .p03em_sp {
        padding: 0.3em !important;
    }
}

/* アライン */
.al_c {
    text-align: center !important;
}

.al_r {
    text-align: right !important;
}

.al_l {
    text-align: left !important;
}

.val_m {
    vertical-align: middle !important;
}

@media (max-width: 520px) {
    .al_c_sp {
        text-align: center !important;
    }

    .al_r_sp {
        text-align: right !important;
    }

    .al_l_sp {
        text-align: left !important;
    }
}

/* 文字装飾 */
.wht {
    color: #fff !important;
}

.red {
    color: #ff0000 !important;
}

.b {
    font-weight: bold !important;
}

.fs_9 {
    font-size: 9px !important;
}

.fs_10 {
    font-size: 10px !important;
}

.fs_11 {
    font-size: 11px !important;
}

.fs_12 {
    font-size: 12px !important;
}

.fs_13 {
    font-size: 13px !important;
}

.fs_14 {
    font-size: 14px !important;
}

.fs_15 {
    font-size: 15px !important;
}

.fs_16 {
    font-size: 16px !important;
}

.fs_17 {
    font-size: 17px !important;
}

.fs_18 {
    font-size: 18px !important;
}

.fs_19 {
    font-size: 19px !important;
}

.fs_20 {
    font-size: 20px !important;
}

.fs_21 {
    font-size: 21px !important;
}

.fs_22 {
    font-size: 22px !important;
}

.fs_23 {
    font-size: 23px !important;
}

.fs_24 {
    font-size: 24px !important;
}

.fs_25 {
    font-size: 25px !important;
}

.fs_26 {
    font-size: 26px !important;
}

.em05 {
    font-size: 0.5em !important;
}

.em06 {
    font-size: 0.6em !important;
}

.em07 {
    font-size: 0.7em !important;
}

.em08 {
    font-size: 0.8em !important;
}

.em09 {
    font-size: 0.9em !important;
}

.em10 {
    font-size: 1em !important;
}

.em11 {
    font-size: 1.1em !important;
}

.em12 {
    font-size: 1.2em !important;
}

.em13 {
    font-size: 1.3em !important;
}

.em14 {
    font-size: 1.4em !important;
}

.em15 {
    font-size: 1.5em !important;
}

.em16 {
    font-size: 1.6em !important;
}

.em17 {
    font-size: 1.7em !important;
}

.em18 {
    font-size: 1.8em !important;
}

.em19 {
    font-size: 1.9em !important;
}

.em20 {
    font-size: 2em !important;
}

.rem05 {
    font-size: 0.5rem !important;
}

.rem06 {
    font-size: 0.6rem !important;
}

.rem07 {
    font-size: 0.7rem !important;
}

.rem08 {
    font-size: 0.8rem !important;
}

.rem09 {
    font-size: 0.9rem !important;
}

.rem10 {
    font-size: 1rem !important;
}

.rem11 {
    font-size: 1.1rem !important;
}

.rem12 {
    font-size: 1.2rem !important;
}

.rem13 {
    font-size: 1.3rem !important;
}

.rem14 {
    font-size: 1.4rem !important;
}

.rem15 {
    font-size: 1.5rem !important;
}

.rem16 {
    font-size: 1.6rem !important;
}

.rem17 {
    font-size: 1.7rem !important;
}

.rem18 {
    font-size: 1.8rem !important;
}

.rem19 {
    font-size: 1.9rem !important;
}

.rem20 {
    font-size: 2rem !important;
}

.rem21 {
    font-size: 2.1rem !important;
}

.rem22 {
    font-size: 2.2rem !important;
}

.rem23 {
    font-size: 2.3rem !important;
}

.rem24 {
    font-size: 2.4rem !important;
}

.rem25 {
    font-size: 2.5rem !important;
}

.rem26 {
    font-size: 2.6rem !important;
}

.rem27 {
    font-size: 2.7rem !important;
}

.rem28 {
    font-size: 2.8rem !important;
}

.rem29 {
    font-size: 2.9rem !important;
}

.rem30 {
    font-size: 3rem !important;
}

@media (min-width: 521px) {
    .em05_pc {
        font-size: 0.5em !important;
    }

    .em06_pc {
        font-size: 0.6em !important;
    }

    .em07_pc {
        font-size: 0.7em !important;
    }

    .em08_pc {
        font-size: 0.8em !important;
    }

    .em09_pc {
        font-size: 0.9em !important;
    }

    .em10_pc {
        font-size: 1em !important;
    }

    .em11_pc {
        font-size: 1.1em !important;
    }

    .em12_pc {
        font-size: 1.2em !important;
    }

    .em13_pc {
        font-size: 1.3em !important;
    }

    .em14_pc {
        font-size: 1.4em !important;
    }

    .em15_pc {
        font-size: 1.5em !important;
    }

    .em16_pc {
        font-size: 1.6em !important;
    }

    .em17_pc {
        font-size: 1.7em !important;
    }

    .em18_pc {
        font-size: 1.8em !important;
    }

    .em19_pc {
        font-size: 1.9em !important;
    }

    .em20_pc {
        font-size: 2em !important;
    }
}

@media (max-width: 520px) {
    .em05_sp {
        font-size: 0.5em !important;
    }

    .em06_sp {
        font-size: 0.6em !important;
    }

    .em07_sp {
        font-size: 0.7em !important;
    }

    .em08_sp {
        font-size: 0.8em !important;
    }

    .em09_sp {
        font-size: 0.9em !important;
    }

    .em10_sp {
        font-size: 1em !important;
    }

    .em11_sp {
        font-size: 1.1em !important;
    }

    .em12_sp {
        font-size: 1.2em !important;
    }

    .em13_sp {
        font-size: 1.3em !important;
    }

    .em14_sp {
        font-size: 1.4em !important;
    }

    .em15_sp {
        font-size: 1.5em !important;
    }

    .em16_sp {
        font-size: 1.6em !important;
    }

    .em17_sp {
        font-size: 1.7em !important;
    }

    .em18_sp {
        font-size: 1.8em !important;
    }

    .em19_sp {
        font-size: 1.9em !important;
    }

    .em20_sp {
        font-size: 2em !important;
    }

    .rem05_sp {
        font-size: 0.5rem !important;
    }

    .rem06_sp {
        font-size: 0.6rem !important;
    }

    .rem07_sp {
        font-size: 0.7rem !important;
    }

    .rem08_sp {
        font-size: 0.8rem !important;
    }

    .rem09_sp {
        font-size: 0.9rem !important;
    }

    .rem10_sp {
        font-size: 1rem !important;
    }

    .rem11_sp {
        font-size: 1.1rem !important;
    }

    .rem12_sp {
        font-size: 1.2rem !important;
    }

    .rem13_sp {
        font-size: 1.3rem !important;
    }

    .rem14_sp {
        font-size: 1.4rem !important;
    }

    .rem15_sp {
        font-size: 1.5rem !important;
    }

    .rem16_sp {
        font-size: 1.6rem !important;
    }

    .rem17_sp {
        font-size: 1.7rem !important;
    }

    .rem18_sp {
        font-size: 1.8rem !important;
    }

    .rem19_sp {
        font-size: 1.9rem !important;
    }

    .rem20_sp {
        font-size: 2rem !important;
    }

    .rem21_sp {
        font-size: 2.1rem !important;
    }

    .rem22_sp {
        font-size: 2.2rem !important;
    }

    .rem23_sp {
        font-size: 2.3rem !important;
    }

    .rem24_sp {
        font-size: 2.4rem !important;
    }

    .rem25_sp {
        font-size: 2.5rem !important;
    }

    .rem26_sp {
        font-size: 2.6rem !important;
    }

    .rem27_sp {
        font-size: 2.7rem !important;
    }

    .rem28_sp {
        font-size: 2.8rem !important;
    }

    .rem29_sp {
        font-size: 2.9rem !important;
    }

    .rem30_sp {
        font-size: 3rem !important;
    }
}

.lh10 {
    line-height: 1 !important;
}

.lh11 {
    line-height: 1.1 !important;
}

.lh12 {
    line-height: 1.2 !important;
}

.lh13 {
    line-height: 1.3 !important;
}

.lh14 {
    line-height: 1.4 !important;
}

.lh15 {
    line-height: 1.5 !important;
}

.lh16 {
    line-height: 1.6 !important;
}

.lh17 {
    line-height: 1.7 !important;
}

.lh18 {
    line-height: 1.8 !important;
}

.lh19 {
    line-height: 1.9 !important;
}

.lh20 {
    line-height: 2 !important;
}

.yum {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "YuMincho", "Yu Mincho", "游明朝", serif !important;
}

/* 段落 */
.jp_indent {
    text-indent: -1em;
    padding-left: 1em;
}

/* ボーダー */
.no_bdr {
    border: none !important;
}

.bdr_ccc {
    border: 1px solid #ccc;
}

/*　背景色y　*/
.bg_wh {
    background-color: #fff !important;
}

.bg_ccc {
    background-color: #ccc !important;
}

/* CSS3 角丸 */
.radius_5 {
    border-raidus: 5px;
}

.radius_10 {
    border-raidus: 10px;
}

.radius_15 {
    border-raidus: 15px;
}

.radius_20 {
    border-raidus: 20px;
}

.radius_25 {
    border-raidus: 25px;
}

.radius_30 {
    border-raidus: 30px;
}

/* フロート・クリアフィックス */
.no_fl {
    float: none !important;
}

.fl_l {
    float: left !important;
}

.fl_r {
    float: right !important;
}

.clear {
    clear: both !important;
}

.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}

.clearfix {
    display: block;
    /* for IE8 */
}

/* 幅 */
.w100p {
    width: 100% !important;
}

.w90p {
    width: 90% !important;
}

.w80p {
    width: 80% !important;
}

.w70p {
    width: 70% !important;
}

.w60p {
    width: 60% !important;
}

.w50p {
    width: 50% !important;
}

.w40p {
    width: 40% !important;
}

.w30p {
    width: 30% !important;
}

.w20p {
    width: 20% !important;
}

.w10p {
    width: 10% !important;
}

.w5p {
    width: 5% !important;
}

@media (min-width: 521px) {
    .w100p_pc {
        width: 100% !important;
    }

    .w90p_pc {
        width: 90% !important;
    }

    .w80p_pc {
        width: 80% !important;
    }

    .w70p_pc {
        width: 70% !important;
    }

    .w60p_pc {
        width: 60% !important;
    }

    .w50p_pc {
        width: 50% !important;
    }

    .w40p_pc {
        width: 40% !important;
    }

    .w30p_pc {
        width: 30% !important;
    }

    .w20p_pc {
        width: 20% !important;
    }

    .w10p_pc {
        width: 10% !important;
    }

    .w5p_pc {
        width: 5% !important;
    }
}

@media (max-width: 520px) {
    .w100p_sp {
        width: 100% !important;
    }

    .w90p_sp {
        width: 90% !important;
    }

    .w80p_sp {
        width: 80% !important;
    }

    .w70p_sp {
        width: 70% !important;
    }

    .w60p_sp {
        width: 60% !important;
    }

    .w50p_sp {
        width: 50% !important;
    }

    .w40p_sp {
        width: 40% !important;
    }

    .w30p_sp {
        width: 30% !important;
    }

    .w20p_sp {
        width: 20% !important;
    }

    .w10p_sp {
        width: 10% !important;
    }

    .w5p_sp {
        width: 5% !important;
    }
}

/* position */
.psn_re {
    position: relative !important;
}

.ab_off {
    /*absoluteを解除する*/
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
}

/* display */
.dis_ib {
    display: inline-block !important;
}

.dis_il {
    display: inline !important;
}

.dis_blk {
    display: block !important;
}

/* =======================================

 404

 ======================================= */
.error404 .teaser_wrap .wrap_main {
    position: relative;
}

.error404 .teaser_wrap .wrap_in {
    padding-top: 8rem;
    padding-bottom: 8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
}

@media (max-width: 520px) {
    .error404 .teaser_wrap .wrap_in {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.error404 .teaser_wrap h2 {
    font-size: 1.6em;
    font-weight: normal;
    padding-bottom: 0.3em;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
}

@media (max-width: 520px) {
    .error404 .teaser_wrap h2 {
        font-size: 1.4em;
    }
}

.error404 .teaser_wrap p {
    font-size: 1.4rem;
    padding: 2em 0;
    text-align: center;
}

.error404 .teaser_wrap .btn_top a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 21.6rem;
    height: 4.2rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff !important;
    border: 2px solid #000;
    background-color: #000;
    margin: 0 auto 0;
    padding: 0.5rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media (min-width: 521px) {
    .error404 .teaser_wrap .btn_top a:hover {
        opacity: 1 !important;
        color: #000 !important;
        background-color: #fff;
    }
}

.error404 .teaser_wrap br {
    display: none;
}

@media (max-width: 520px) {
    .error404 .container {
        margin-bottom: 0;
    }

    .error404 .teaser_wrap br {
        display: inline;
    }
}

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

Home

---------------------------------------- */
/* Mv
------------------------------- */
.mv {
    height: 100dvh;
    padding: 10.6rem 0;
    overflow: hidden;
    position: relative;
}

@media (max-width: 520px) {
    .mv {}
}

.mv .base {
    position: relative;
    z-index: 1;
}

.mv--logo {
    width: 17.8rem;
    margin: 0 auto 3.4rem;
}

.mv--logo img {
    display: block;
    width: 100%;
}

.mv--ttl {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    margin: 0 0 4rem;
}

@media (max-width: 520px) {
    .mv--ttl {
        font-size: 2.8rem;
        margin: 0 0 3.2rem;
    }
}

.mv--desc {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    margin: 0 0 1.6rem;
}

@media (max-width: 520px) {
    .mv--desc {
        font-size: 1.8rem;
    }
}

.mv--name {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
}

@media (max-width: 520px) {
    .mv--name {
        font-size: 1.5rem;
    }
}

.mv--bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* イントロダクション
------------------------------- */
.intro {
    padding: 9.5rem 0 5.1rem;
    position: relative;
    overflow: hidden;
}

@media (max-width: 520px) {
    .intro {
        padding: 6.2rem 0 7rem;
    }
}

.intro .base {
    position: relative;
    z-index: 1;
}

.intro--desc {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 0 0 6.5rem;
    position: relative;
    z-index: 1;
}

@media (max-width: 520px) {
    .intro--desc {
        font-size: 1.6rem;
        line-height: 1.8;
        margin: 0 0 4.2rem;
    }
}

.intro--block {
    max-width: 80rem;
    min-height: 35.4rem;
    padding: 3.7rem 3.5rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media (max-width: 520px) {
    .intro--block {
        padding: 4.2rem 2.4rem;
    }
}

.intro--block--inner {
    max-width: 50.8rem;
    background-color: rgba(255, 212, 0, 0.8);
    padding: 4.3rem 2rem 2.7rem;
    position: relative;
    z-index: 1;
}

.intro--block--ttl {
    font-size: 2.1rem;
    font-weight: 500;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    margin: 0 0 1.5rem;
}

@media (max-width: 520px) {
    .intro--block--ttl {
        font-size: 2rem;
    }
}

.intro--block--desc {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.15;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 0 0 2.8rem;
}

.intro--block--bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.intro--block--bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.intro--bg {
    display: block;
    width: 100%;
    max-width: 110rem;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.intro--bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

/* Service
------------------------------- */
.service_ex {
    background-color: #ECF0DE;
    padding: 3.7rem 0 8.9rem;
}

@media (max-width: 520px) {
    .service_ex {
        padding: 5.2rem 0 6rem;
    }
}

.service_ex--block {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 6rem;
}

@media (max-width: 520px) {
    .service_ex--block {
        display: block;
        margin-bottom: 4rem;
    }
}

.service_ex--block--img {
    flex-shrink: 0;
    width: 55.3rem;
    min-height: 31.1rem;
}

@media (max-width: 520px) {
    .service_ex--block--img {
        width: 100%;
        min-height: 0;
    }
}

.service_ex--block--img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service_ex--block--item {
    flex-grow: 1;
    background-color: #fff;
    padding: 2rem 2.5rem;
    overflow: hidden;
}

@media (max-width: 520px) {
    .service_ex--block--item {
        width: 100%;
    }
}

.service_ex--block--ttl {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.875;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    margin: 0 0 1rem;
}

.service_ex--block--ttl .inner {
    display: block;
    background-color: #C0CF92;
    padding: 0.5rem 2.5rem 0.4rem;
    position: relative;
    margin-left: -2.5rem;
}

/* page_nav
------------------------------- */
.page_nav {
    padding: 9.1rem 0 9.3rem;
}

@media (max-width: 520px) {
    .page_nav {
        padding: 7rem 0;
    }
}

.page_nav--list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3.5rem 0;
    max-width: 80.5rem;
    margin: 0 auto;
}

@media (max-width: 520px) {
    .page_nav--list {
        gap: 1.2rem 0;
    }
}

.page_nav--list>li {
    width: calc((100% - 3.5rem) / 2);
}

@media (max-width: 520px) {
    .page_nav--list>li {
        width: 100%;
    }
}

.page_nav--list--card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 13.1rem;
    background-color: #000;
    padding: 1rem 1rem 1rem 1.7rem;
    position: relative;
}

@media (max-width: 520px) {
    .page_nav--list--card {
        width: 100%;
        aspect-ratio: 385/131;
    }
}

.page_nav--list--card--ttl {
    font-size: 2.1rem;
    font-weight: 500;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #fff;
    padding: 0 0 0;
    position: relative;
    z-index: 1;
    text-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
}

.page_nav--list--card--ttl small {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
}

.page_nav--list--card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

@media (max-width: 520px) {
    .page_nav--list--card img {
        opacity: 0.8;
    }
}

@media (min-width: 521px) {
    .page_nav--list--card:hover {
        opacity: 1 !important;
    }

    .page_nav--list--card:hover img {
        opacity: 0.7;
    }
}

/* お知らせ
------------------------------- */
.news_ex {
    background-color: rgba(248, 182, 44, 0.2);
    padding: 4.8rem 0 5.7rem;
}

@media (max-width: 520px) {
    .news_ex {
        padding: 5.2rem 0 6rem;
    }
}

.post_list {
    max-width: 59.2rem;
    margin: 0 auto 3.7rem;
}

.post_list>li+li {
    margin-top: 1.5rem;
}

.post_list--card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 2rem;
    border-radius: 1rem;
    background-color: #fff;
    padding: 1.3rem 2.8rem;
}

@media (min-width: 521px) {
    .post_list--card:hover {
        opacity: 1 !important;
    }

    .post_list--card:hover .post_list--card--img img {
        transform: scale(1.1);
    }

    .post_list--card:hover .post_list--card--item {
        opacity: 0.7;
    }
}

@media (max-width: 520px) {
    .post_list--card {
        gap: 1.4rem;
        padding: 1.4rem 1.4rem;
    }
}

.post_list--card--img {
    flex-shrink: 0;
    width: 10.5rem;
    aspect-ratio: 105/66;
    overflow: hidden;
}

.post_list--card--img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
}

.post_list--card--item {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-grow: 1;
    min-height: 6.6rem;
    color: #000;
    padding: 0.5rem 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media (max-width: 520px) {
    .post_list--card--item {
        padding: 0;
    }
}

.post_list--card--meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0 1rem;
    width: 100%;
}

@media (max-width: 520px) {
    .post_list--card--meta {
        flex-wrap: wrap;
    }
}

.post_list--card--meta .tag.date {
    flex-shrink: 0;
}

.post_list--card--meta--term {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-grow: 1;
    gap: 0.5rem;
}

@media (max-width: 520px) {
    .post_list--card--meta--term {
        width: 100%;
    }
}

.post_list--card--desc {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 0 0;
}

.tag {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 2rem;
    background-color: #22ac38;
    padding: 0 1rem;
}

@media (max-width: 520px) {
    .tag {
        font-size: 1.1rem;
        padding: 0 0.8rem;
    }
}

.tag.date {
    font-size: 1.3rem;
    color: #333333 !important;
    background-color: transparent;
    padding: 0;
}

@media (max-width: 520px) {
    .tag.date {
        font-size: 1.3rem;
        padding: 0;
    }
}

@media (min-width: 521px) {
    a.tag {
        border: 1px solid #22ac38;
    }

    a.tag:hover {
        opacity: 1 !important;
        color: #22ac38 !important;
        background-color: #fff;
    }
}

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

ベジドリームのサービス

---------------------------------------- */
.page_introduction {
    padding: 2.6rem 0 0;
}

.page_introduction .desc {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: center;
}

@media (max-width: 520px) {
    .page_introduction .desc {
        font-size: 1.6rem;
    }
}

.service_intro {
    padding: 8.5rem 0 0;
}

@media (max-width: 520px) {
    .service_intro {
        padding: 6.2rem 0 0;
    }
}

.service_intro .base {
    padding-top: 29.6rem;
    position: relative;
}

@media (max-width: 520px) {
    .service_intro .base {
        padding-top: 20rem;
    }
}

.service_intro--img {
    width: 100%;
    height: 46.6rem;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 520px) {
    .service_intro--img {
        width: auto;
        height: 32rem;
        margin-left: -2rem;
        margin-right: -2rem;
    }
}

.service_intro--img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service_intro--inner {
    width: 85rem;
    background-color: #fff;
    margin: 0 auto 0;
    padding: 3.4rem 4.2rem 3.6rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media (max-width: 520px) {
    .service_intro--inner {
        width: 100%;
        padding: 2.4rem 2rem 2.4rem;
    }
}

.service_intro--inner .desc {
    font-weight: 400;
}

.service_intro--ttl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 2.3rem;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #000;
    margin: 0 0 1.7rem;
}

@media (max-width: 520px) {
    .service_intro--ttl {
        gap: 1.2rem;
        font-size: 2rem;
    }
}

.service_intro--ttl::after {
    content: "";
    flex-grow: 1;
    display: block;
    height: 1.9rem;
    background-color: #C0CF92;
    margin-right: -4.2rem;
}

@media (max-width: 520px) {
    .service_intro--ttl::after {
        height: 1.5rem;
        margin-right: -2rem;
    }
}

.service_other {
    margin: 4.4rem auto 0;
}

.hus_img_post {
    width: 90.9rem;
    margin: 7.8rem auto 0;
}

@media (max-width: 520px) {
    .hus_img_post {
        width: 100%;
        margin: 3.2rem auto 0;
    }
}

.hus_img_post--card {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 4.5rem;
}

@media (max-width: 520px) {
    .hus_img_post--card {
        display: block;
    }
}

.hus_img_post--card+.hus_img_post--card {
    margin-top: 5.7rem;
}

@media (max-width: 520px) {
    .hus_img_post--card+.hus_img_post--card {
        margin-top: 3.2rem;
    }
}

.hus_img_post--card--img {
    flex-shrink: 0;
    width: 30.7rem;
    aspect-ratio: 307/192;
}

@media (max-width: 520px) {
    .hus_img_post--card--img {
        width: 100%;
        margin-bottom: 1.6rem;
    }
}

.hus_img_post--card--img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hus_img_post--card--item {
    flex-grow: 1;
    padding-top: 0.2rem;
}

.hus_img_post--card--item .desc {
    font-weight: 400;
}

.hus_img_post--card--ttl {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
    margin: 0 0 1.1rem;
}

.service_cta {
    margin: 11.6rem auto 15.3rem;
}

@media (max-width: 520px) {
    .service_cta {
        margin: 6.4rem auto 6.4rem;
    }
}

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

ベジドリームについて

---------------------------------------- */
.about_mission {
    margin-top: 5.4rem;
}

@media (max-width: 520px) {
    .about_mission {
        overflow: hidden;
    }
}

.about_mission--ttl {
    font-size: 9.6rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: left;
    color: rgba(230, 0, 19, 0.3);
    margin: 0 0 1.8rem;
}

@media (max-width: 520px) {
    .about_mission--ttl {
        font-size: 6rem;
        margin-bottom: 3.2rem;
    }
}

.about_mission--block {
    max-width: 85.4rem;
    padding: 3.7rem 0 4.6rem 4rem;
    margin-left: auto;
    position: relative;
}

@media (max-width: 520px) {
    .about_mission--block {
        padding: 3rem 0 3rem 2rem;
    }
}

.about_mission--block::after {
    content: "";
    display: block;
    width: calc((100vw - 102.4rem) / 2 + 100%);
    height: 100%;
    background: rgba(191, 206, 146, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 520px) {
    .about_mission--block::after {
        width: 100vw;
    }
}

.about_mission--block .ttl {
    text-align: left;
    margin-bottom: 1.8rem;
    position: relative;
    z-index: 1;
}

.about_mission--block .desc {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6666666667;
    position: relative;
    z-index: 1;
}

@media (max-width: 520px) {
    .about_mission--block .desc {
        font-size: 1.5rem;
    }
}

.about_roll {
    margin-top: 14.5rem;
}

@media (max-width: 520px) {
    .about_roll {
        margin-top: 6.4rem;
    }
}

.about_roll .ttl {
    margin-bottom: 4.6rem;
}

@media (max-width: 520px) {
    .about_roll .ttl {
        margin-bottom: 3.2rem;
    }
}

.about_roll--ttl {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    margin: 0 0 4.7rem;
}

@media (max-width: 520px) {
    .about_roll--ttl {
        font-size: 2.4rem;
        margin-bottom: 3.2rem;
    }
}

.about_roll--list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 520px) {
    .about_roll--list {
        gap: 3.2rem;
    }
}

.about_roll--list--item {
    width: 34rem;
}

@media (max-width: 520px) {
    .about_roll--list--item {
        width: 100%;
    }
}

.about_roll--list--img {
    width: 21.5rem;
    margin: 0 auto 0.5rem;
}

@media (max-width: 520px) {
    .about_roll--list--img {
        margin-bottom: 1.6rem;
    }
}

.about_roll--list--img img {
    display: block;
    width: 100%;
}

.about_roll--list .desc {
    font-size: 1.8rem;
    line-height: cslc(30/18);
    text-align: center;
}

@media (max-width: 520px) {
    .about_roll--list .desc {
        font-size: 1.6rem;
    }
}

.about_intro {
    margin-top: 6.8rem;
}

@media (max-width: 520px) {
    .about_intro {
        margin-top: 6.4rem;
    }
}

.about_intro--logo {
    display: block;
    width: 21.1rem;
    margin: 0 auto 6.3rem;
}

@media (max-width: 520px) {
    .about_intro--logo {
        margin: 0 auto 4.8rem;
    }
}

.about_intro .desc {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    text-align: center;
}

@media (max-width: 520px) {
    .about_intro .desc {
        font-size: 1.4rem;
        line-height: 2;
    }
}

.about_strengths {
    margin-top: 6rem;
}

@media (max-width: 520px) {
    .about_strengths {
        margin-top: 6.4rem;
    }
}

.about_strengths .hus_img_post {
    max-width: 87.4rem;
    margin-top: 6.7rem;
}

@media (max-width: 520px) {
    .about_strengths .hus_img_post {
        margin-top: 4.8rem;
    }
}

.about_strengths .hus_img_post--card+.hus_img_post--card {
    margin-top: 6rem;
}

@media (max-width: 520px) {
    .about_strengths .hus_img_post--card+.hus_img_post--card {
        margin-top: 3.2rem;
    }
}

.about_strengths .hus_img_post--card--img {
    width: 28.1rem;
    aspect-ratio: 281/211;
}

@media (max-width: 520px) {
    .about_strengths .hus_img_post--card--img {
        width: 100%;
    }
}

.about_strengths .hus_img_post--card--item {
    padding-top: 2.3rem;
}

@media (max-width: 520px) {
    .about_strengths .hus_img_post--card--item {
        padding-top: 0;
    }
}

.about_cta {
    margin: 12.7rem auto 12rem;
}

@media (max-width: 520px) {
    .about_cta {
        margin: 6.4ren auto;
    }
}

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

会社案内

---------------------------------------- */
.message {
    margin: 4.2rem auto 0;
    overflow: hidden;
}

@media (max-width: 520px) {
    .message {
        margin-top: 2.6rem;
    }
}

.message .ttl {
    text-align: left;
}

.message--inner {
    padding-top: 3rem;
    position: relative;
}

@media (max-width: 520px) {
    .message--inner {
        padding-top: 0;
    }
}

.message--item {
    width: 69.6rem;
    margin-right: auto;
    margin-top: -0.8rem;
    padding: 5rem 3rem 5.8rem 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 520px) {
    .message--item {
        width: 100%;
        margin-top: 0;
        padding: 3.6rem 2rem 3.6rem 0;
    }
}

.message--item::after {
    content: "";
    display: block;
    width: calc((100vw - 102.4rem) / 2 + 100%);
    height: 100%;
    background: rgba(191, 206, 146, 0.3);
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 520px) {
    .message--item::after {
        width: 100vw;
    }
}

.message .desc {
    font-family: "Noto Serif JP", serif;
    color: #000;
}

.message--neme {
    margin-top: 3.1rem;
}

.message--img {
    width: 42.2rem;
    aspect-ratio: 384/509;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

@media (max-width: 520px) {
    .message--img {
        width: 70%;
        margin: 3.6rem auto;
        position: static;
    }
}

.message--img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company_roll {
    margin-top: 4rem;
    margin-bottom: 17rem;
}

@media (max-width: 520px) {
    .company_roll {
        margin-top: 6rem;
        margin-bottom: 12rem;
    }
}

.company_roll--teble {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    max-width: 66.4rem;
    min-height: 2.8rem;
    border-bottom: 1px solid #6F6F6F;
    padding: 0 0.5rem 1rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.5rem;
}

@media (max-width: 520px) {
    .company_roll--teble {
        display: block;
        font-size: 1.4rem;
        line-height: 1.6;
        margin-top: 3.6rem;
        padding: 0 0.8rem 1rem;
    }
}

.company_roll--teble+.company_roll--teble {
    margin-top: 0.8rem;
}

@media (max-width: 520px) {
    .company_roll--teble+.company_roll--teble {
        margin-top: 0.9rem;
    }
}

.company_roll--teble>dt {
    flex-shrink: 0;
    width: 13.2rem;
}

@media (max-width: 520px) {
    .company_roll--teble>dt {
        width: 100%;
        font-weight: 700;
        margin-bottom: 0.2rem;
    }
}

.company_roll--teble>dd {
    flex-grow: 1;
}

@media (max-width: 520px) {
    .company_roll--teble>dd {
        width: 100%;
    }
}

.company_roll--teble>dd .btn_oval {
    position: relative;
    top: -0.2rem;
}

@media (max-width: 520px) {
    .company_roll--teble>dd .btn_oval {
        top: 0;
    }
}

.company_roll--map {
    width: 100%;
    height: 39.1rem;
    margin-top: 7.6rem;
}

@media (max-width: 520px) {
    .company_roll--map {
        width: 100vw;
        height: 32rem;
        margin: 3.6rem -2rem 0;
    }
}

.company_roll--map iframe {
    display: block;
    width: 100%;
    height: 100%;
}

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

プライバシーポリシー

---------------------------------------- */
.policy_section {
    color: #000;
    margin: 8.1rem auto 10.1rem;
}

@media (max-width: 520px) {
    .policy_section {
        margin: 2.4rem auto 8rem;
    }
}

.policy_section .base {
    width: 84rem;
}

.policy_section .ttl_bdr._first {
    margin-top: 4.4rem;
}

@media (max-width: 520px) {
    .policy_section .ttl_bdr._first {
        margin-top: 3.6rem;
    }
}

.policy_section .desc {
    font-weight: 400;
    line-height: 1.8;
}

@media (max-width: 520px) {
    .policy_section .desc {
        font-size: 1.3rem;
        line-height: 1.8;
    }
}

.policy_section .desc+.desc {
    margin-top: 2.5rem;
}

@media (max-width: 520px) {
    .policy_section .desc+.desc {
        margin-top: 1.6rem;
    }
}

.policy_section ul,
.policy_section ol {
    margin-left: 2.1rem;
}

@media (max-width: 520px) {

    .policy_section ul,
    .policy_section ol {
        margin-left: 1.8rem;
    }
}

.policy_section ul li,
.policy_section ol li {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.05em;
}

@media (max-width: 520px) {

    .policy_section ul li,
    .policy_section ol li {
        font-size: 1.3rem;
    }
}

.policy_section ul {
    list-style: disc outside;
}

.policy_section ul li {
    line-height: 1.7;
}

.policy_section ul+.desc {
    margin-top: -0.2rem;
}

.policy_section ol {
    list-style: decimal outside;
}

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

お知らせ

---------------------------------------- */
/* 一覧
------------------------------- */
.archive-section {
    margin: 2.6rem auto 8.6rem;
}

.archive-section .post_list {
    max-width: 65rem;
}

.archive-section .post_list>li+li {
    margin-top: 1.9rem;
}

@media (max-width: 520px) {
    .archive-section .post_list>li+li {
        margin-top: 0;
    }
}

.archive-section .post_list--card {
    gap: 2.3rem;
    padding: 1.4rem 3rem;
}

@media (max-width: 520px) {
    .archive-section .post_list--card {
        gap: 1.4rem;
        padding: 1.4rem 0;
    }
}

.archive-section .post_list--card--img {
    width: 11.5rem;
}

.archive-section .post_list--card--meta {
    margin-bottom: 0.2rem;
}

@media (max-width: 520px) {
    .archive-section .post_list--card--meta {
        margin-bottom: 0;
    }
}

/* 詳細
------------------------------- */
.single-section {
    margin: 2.4rem auto 3rem;
}

.single-section .base {
    width: 84rem;
}

.single-section--ttl {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #000;
    border-bottom: 1px solid #707070;
    padding: 0 0 1.6rem;
    margin: 0 0 1.4rem;
}

@media (max-width: 520px) {
    .single-section--ttl {
        font-size: 2rem;
    }
}

.single-section--meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1rem 1.6rem;
    margin-bottom: 3.5rem;
}

.single-section--term {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    flex-grow: 0;
}

.single-section--term .tag {
    font-size: 1.5rem;
}

.single-section--date {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #808080;
    padding: 0 0 0;
    margin: 0 0 0;
}

.single-section .eye_img {
    display: block;
    margin: 0 auto 2.8rem;
}

.single-nav {
    margin: 0 auto 15.8rem;
}

.single-nav--inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
}

.single-nav--item {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-align: center;
    color: #B7B7B7;
    text-decoration: none;
}

@media (min-width: 521px) {
    .single-nav--item a:hover {
        opacity: 1 !important;
        color: #22ac38 !important;
    }
}

.single-nav--prev a {
    display: block;
    border-right: 1.7rem solid #85631F;
    border-top: 0.95rem solid transparent;
    border-bottom: 0.95rem solid transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.single-nav--next a {
    display: block;
    border-left: 1.7rem solid #85631F;
    border-top: 0.95rem solid transparent;
    border-bottom: 0.95rem solid transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.single-nav--prev,
.single-nav--next {
    width: 1.8rem;
}

@media (min-width: 521px) {

    .single-nav--prev a:hover,
    .single-nav--next a:hover {
        opacity: 1 !important;
        border-color: #22ac38;
        border-top-color: transparent;
        border-bottom-color: transparent;
    }
}

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

お問い合わせ

---------------------------------------- */
.contact_intro {
    margin: 5rem 0 0;
}

@media (max-width: 520px) {
    .contact_intro {
        margin: 2.4rem auto 3.2rem;
    }
}

.contact_intro .desc {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    margin-bottom: 3.2rem;
}

@media (max-width: 520px) {
    .contact_intro .desc {
        font-size: 1.6rem;
        line-height: 1.8;
    }
}

.contact_intro--tel {
    display: block;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.1em;
    text-align: center;
    color: #000;
    margin: 0 0 1.7rem;
}

.contact_block .base {
    width: 74rem;
}

.contact_block .privacy_table {
    display: block;
}

.contact_block .privacy_table tbody,
.contact_block .privacy_table tr,
.contact_block .privacy_table th,
.contact_block .privacy_table td {
    display: block;
    padding: 0;
}

.contact_block .privacy_table tbody .privacy_table_inner,
.contact_block .privacy_table tr .privacy_table_inner,
.contact_block .privacy_table th .privacy_table_inner,
.contact_block .privacy_table td .privacy_table_inner {
    min-height: 0;
}

.contact_block .privacy_table tbody>tr>th,
.contact_block .privacy_table>tr>th {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    margin-bottom: 0.5rem;
}

.contact_block .privacy_table tbody>tr>th .privacy_table_inner,
.contact_block .privacy_table>tr>th .privacy_table_inner {
    display: block;
}

.contact_block .privacy_table tbody>tr>th .privacy_table_inner_ttl,
.contact_block .privacy_table>tr>th .privacy_table_inner_ttl {
    font-weight: 500 !important;
}

.contact_block .privacy_table tbody>tr>th.hisu .privacy_table_inner_ttl::after,
.contact_block .privacy_table>tr>th.hisu .privacy_table_inner_ttl::after {
    content: "";
    display: block;
    width: 2rem;
    aspect-ratio: 1/1;
    border-radius: 2rem;
    background-color: #EF5353;
    padding: 0;
    margin: 0 0 0 0.9rem;
}

.contact_block .privacy_table tbody>tr td,
.contact_block .privacy_table>tr td {
    margin-bottom: 1.8rem;
}

.contact_block .privacy_table input[type=text],
.contact_block .privacy_table input[type=email],
.contact_block .privacy_table input[type=tel] {
    background-color: #F6F6F6;
    height: 4.5rem;
    padding: 0 1em;
    border: 0 !important;
}

.contact_block .privacy_table textarea {
    background-color: #F6F6F6;
    border: 0 !important;
}

.contact_block .privacy_table input[type=checkbox],
.contact_block .privacy_table input[type=radio] {
    margin: 0;
    top: -0.3em;
}

.contact_block .submit_wrap [type=submit],
.contact_block .submit_wrap [type=button] {
    width: 16.8rem;
    max-width: 100%;
    height: 4rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0;
    border: 2px solid #22ac38;
    background-color: #22ac38;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.contact_block .submit_wrap [type=submit]:hover,
.contact_block .submit_wrap [type=button]:hover {
    opacity: 0.8;
    color: #000;
    background-color: #fff;
}

@media (max-width: 520px) {

    .contact_block .submit_wrap [type=submit],
    .contact_block .submit_wrap [type=button] {
        height: 4rem;
    }
}

.acceptance_text--inner {
    justify-content: center;
}

.acceptance_text--inner .acceptance_text--label {
    flex-grow: 0;
    font-size: 1.5rem;
    font-weight: 500;
}

.acceptance_text--inner .acceptance_text--label a {
    color: #004898;
}

.verification_screen .agree {
    display: none !important;
}

/* 送信完了
------------------------------- */
.complete_intro {
    margin: 5.9rem 0 0;
}

@media (max-width: 520px) {
    .complete_intro {
        margin: 2.4rem auto 3.2rem;
    }
}

.complete_intro .desc {
    font-weight: 400;
    text-align: center;
    margin-bottom: 6.1rem;
}

.complete_intro .btn_more {
    margin-bottom: 0.9rem;
}