@charset "utf-8";

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,
tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,embed,figure,figcaption,footer,header,
hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    position: relative;
}

h1:before,h2:before,h3:before,h4:before,
h5:before,h6:before,p:before,a:before,
h1:after,h2:after,h3:after,h4:after,
h5:after,h6:after,p:after,a:after {
    position: absolute;
    content: "";
}

body {
    line-height: 1.6em;
    font-family: "BIZ UDPGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Helvetica, Arial, sans-serif;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN";
    font-size: 14px;
    letter-spacing: 0.1em;
}

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

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

input,select {
    vertical-align: middle;
}

p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
    opacity: 0.8;
}

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

table {
    border-collapse: collapse;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
}

table,tr,tbody,thead {
    width: 100%;
}

:root {
    --color-bg01: #f8f5ea;
    --color-bg02: #e9e6d8;
    --color-gold: #A6840D;
    --color-yellow: #FFF3B1;
    --color-fff: #fff;
    --color-red: #FF0000;
    --color-696969: #696969;
    --color-bdac5e: #bdac5e;
    --color-969280: #969280;
    --color-d46934:#d46934;
    --color-eae7da: #eae7da;
    --color-e7e7e7: #e7e7e7;
}

/* common */
.pc_none {
    display: none;
}

.sp_none {
    display: block;
}

section {
    padding: 100px 0;
}

.ttl_sec_01,
.ttl_h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.5;
}

.ttl_sec_01:after {
    width: 100px;
    height: 4px;
    border-radius: 2px;
    background: var(--color-gold);
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
}

.ttl_sec_02 {
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
}

.ttl_sec_02:before {
    width: 4px;
    height: 80%;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    background: var(--color-gold);
    border-radius: 2px;
}

.txt_intro {
    margin-bottom: 40px;
}

.txt_red {
    color: var(--color-red);
}

.cont_inner {
    width: 960px;
    margin: 0 auto;

}

.bx_inner-60 {
    width: 60%;
    margin: 0 auto;
}

.bg_color-baige {
    background: var(--color-bg01);
}

.bg_color-glay {
    background: var(--color-bg02);
}

.bg_color-yellow {
    background: var(--color-yellow);
}

.bx_link {
    display: grid;
    row-gap: 20px;
    margin-bottom: 40px;
}

.btn_gold {
    max-width: 310px;
    width: 100%;
    margin: auto;
    background: var(--color-gold);
    display: block;
    position: relative;
    font-size: 14px;
    text-align: center;
    padding: 20px 10px;
    color: #fff;
    border-radius: 30px;
    z-index: 10;
}

.btn_gold-sq {
    position: relative;
    display: block;
    margin-top: 30px;
    padding: 30px 0 20px;
    padding: 10px;
    background: var(--color-gold);
    color: var(--color-fff);
}

.btn_gold-sq:not(:first-child) {
    margin-top: 20px;
}

.wrap_bttn{
display: grid;
justify-content: center;
gap: 20px;
grid-template-columns: repeat(auto-fit, 400px);
}
.wrap_bttn a,
.wrap_bttn a.btn_gold-sq:not(:first-child){
margin-top: 0;
}
.btn_wh {
    position: relative;
    display: block;
    max-width: 310px;
    width: 100%;
    margin: auto;
    padding: 20px 10px;
    border: 1px solid var(--color-fff);
    border-radius: 30px;
    background: none;
    color: var(--color-fff);
    font-size: 14px;
    text-align: center;
    z-index: 10;
}

.acc_menu,
.btn_down {
    position: relative;
}

.acc_menu::before {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "+";
    width: 28px;
    padding: 5px 9px;
    color: var(--color-gold);
    vertical-align: middle;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    z-index: 2;
}

.acc_menu::after {
    position: absolute;
    top: 55%;
    right: 10px;
    transform: translateY(-50%);
    content: "●";
    width: 28px;
    padding: 5px 9px;
    color: var(--color-fff);
    vertical-align: middle;
    border-radius: 50%;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    z-index: 1;
}

.acc_menu.active::before {
    content: "-";
    font-size: 28px;
    font-weight: normal;
}

.btn_down::after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "▼";
    width: 28px;
    padding: 5px 9px;
    color: var(--color-fff);
    vertical-align: middle;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.scroll-prevent {
    height: 100%;
    overflow: hidden;
}

.txt_indent {
    display: inline-block;
    margin-left: 1em;
}

@media screen and (max-width:820px) {
    .pc_none {
        display: block;
    }

    .sp_none {
        display: none;
    }

    section {
        padding: 60px 0;
    }

    .cont_inner {
        width: 100%;
        padding: 0 5%;
    }

    .bx_inner-60 {
        width: 100%;
    }
}

/* header */
header {
    position: fixed;
    top: 0;
    height: 90px;
    width: 100%;
    z-index: 5000;
}

.header_sp {
    display: grid;
    align-items: center;
    height: 100%;
    padding: 10px 20px;
    background: rgb(31 31 29 / .8);
    z-index: 5500;
}

.header_sp>div {
    display: grid;
    grid-template-columns: 200px auto 280px 40px;
    align-items: center;
    z-index: 6000;
}

.head_logo img {
    width: auto;
    height: 50px;
}

.head_sp_menu {
    display: flex;
    justify-content: flex-end;
    grid-area: 1 / 4 / 1 / 5;
}

.head_sp_menu img.hmb_open.on,
.head_sp_menu img.hmb_close.on {
    display: block;
}

.head_sp_menu img.hmb_open,
.head_sp_menu img.hmb_close {
    display: none;
}

.head_sp_menu a,
.head_sp_menu img {
    display: block;
    width: 24px;
    height: 24px;
}

.head_content {
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    visibility: hidden;
    opacity: 0;
    min-height: 0vh;
    padding: 10% 40%;
    background: rgb(0 0 0 / .8);
    transition: .3s;
    z-index: 4500;
    @media (768px <= width <= 820px) {
        padding: 10% 30%;
    }
}

.head_content.on {
    position: sticky;
    visibility: visible;
    opacity: 1;
    transition: .3s;
    overflow-Y: scroll;
    height: 100vh;
}

.head_content nav {
    margin-bottom: 40px;
}

.head_content nav a {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    padding: 15px 40px;
    color: var(--color-fff);
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.buttonwrap {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, 160px);
    grid-area: 1 / 3 / 1 / 4;
}

.buttonwrap li {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-fff);
}

.button {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.button::before {
    position: relative;
    top: 50%;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    padding-left: 5px;
}

.button.tel::before {
    background: url(/images_2024r/party/common/icon_tel.svg)no-repeat;
}

.button.web_rsrv::before {
    background: url(/images_2024r/party/common/icon_web.svg)no-repeat;
}

@media screen and (max-width: 820px) {
    header {
        height: 60px;
    }

    .header_sp>div {
        grid-template-columns: 200px auto 86px 40px;
    }

    .head_content {
        top: 60px;
        padding: 20% 16%;
    }

    .head_logo img {
        height: 30px;
    }

    .buttonwrap {
        grid-template-columns: repeat(2, 40px);
        grid-area: 1 / 3 / 1 / 4;
    }
}

@media screen and (min-width: 751px) {
    a.button.tel {
        pointer-events: none;
    }
}

/* パンくず */
#breadcrumbs ol {
    position: relative;
    display: flex;
    padding: 12px;
}

#breadcrumbs li {
    margin-right: 28px;
    font-size: 12px;
    white-space: nowrap;
    color: #333;
}

#breadcrumbs li:last-child a {
    pointer-events: none;
}

#breadcrumbs li:last-of-type a:after {
    content: none;
}

#breadcrumbs li:last-of-type a span {
    color: #ccc;
}

#breadcrumbs a::after {
    padding-left: 10px;
    font-size: 10px;
    padding-right: 10px;
    content: ">";
    vertical-align: middle;
}

@media screen and (max-width: 750px) {
    div#breadcrumbs ol {
        overflow-x: scroll;
    }
}

/* mv */
.mainvisual {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    filter: brightness(0.8) contrast(120%);
}

.main_visual_ttl {
    position: absolute;
    top: calc(50% - 50px);
    left: 50%;
    transform: translateX(-50%);
}

.party_ttl {
    font-size: 70px;
    text-align: center;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.1em;
    text-shadow: 1px 2px 3px #333;
}

.party_ttl span {
    display: block;
    margin-top: 30px;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN";
    font-size: 0.5em;
    text-align: center;
    line-height: 1em;
}

.slick-slide img {
    width: 100%;
    object-fit: contain;
    @media (768px <= width <= 820px) {
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width:768px) {
    .main_visual_ttl {
        top: calc(55% - 50px);
    }

    .party_ttl {
        font-size: 36px;
    }

    .party_ttl span {
        margin-top: 20px;

    }

    #hir_sli_conc,
    .hir_sli_cont {
        height: 460px;
    }

    .slick-slide img {
        height: 100%;
        object-fit: cover;
    }
}


/* scene */
.bx_party-desc {
    width: 960px;
    margin: 0 auto;
}

.party-desc {
    margin: 0 auto 60px;
    font-size: 16px;
    text-align: left;
    line-height: 3;
}


@media screen and (max-width: 768px) {
    .party-desc {
        line-height: 2;
    }
}

/* レイアウト */
.bx_floor_info {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(50%, 255px));
}

.hall_tbl02 {
    width: 100%;
    border: 1px solid #bebbac;
}

.hall_tbl02 th {
    padding: 10px;
    color: #fff;
    text-align: center;
    background: #5c5a4e;
    border: 1px solid #837f6f;
    font-weight: normal;
}

.hall_tbl02 th.th01.border-white {
    border-right: 1px solid #fff;
}

.hall_tbl02 th.th01 {
    background: var(--color-969280);
    font-size: 16px;
    padding: 6px;
}

.hall_tbl02 td {
    padding: 8px;
    color: #231815;
    text-align: center;
    border: 1px solid var(--color-bdac5e);
    font-size: 16px;
    background: #fff;
}

.map_view{
    margin-top: 30px;
}

.map_view iframe{
    width: 100%;
}


@media screen and (max-width:768px) {
    .bx_floor_info {
        grid-template-columns: none;
        row-gap: 20px;
    }
    .map_view{
        margin-top: 28px;
    }
    .map_view iframe{
        height: 200px;
    }
}

/* プラン */
.plan_bx_content {
    margin: 40px 0 30px;
}

.plan_bx_txt {
    margin-bottom: 20px;
}

.plan_bx_01 {
    padding: 20px;
    background: #e6e3d8;
    color: #595757;
    text-align-last: center;
}

.plan_list_tab {
    display: flex;
    justify-content: center;
    column-gap: 10px;
}

.plan_list_tab li {
    padding: 5px 10px;
    background: var(--color-bdac5e);
    color: var(--color-fff);
    border-radius: 3px;
}

.plan_bx_tbl {
    margin: 20px 0 10px;
    text-align: center;
}

.plan_bx_tbl th,
.plan_bx_tbl td {
    vertical-align: middle;
    border-bottom: 1px solid var(--color-969280);
    border-right: 1px solid var(--color-969280);
}

.plan_bx_tbl th {
    padding: 7px 5px 8px 5px;
    border-right: 1px solid var(--color-fff);
    border-bottom: 1px solid var(--color-fff);
    background: var(--color-969280);
    color: #fff;
    text-align: center;
}

.plan_bx_tbl tr:last-of-type {
    border-bottom: none;
}

.plan_bx_tbl tr:first-of-type {
    border-top: 1px solid var(--color-969280);
}

.plan_bx_tbl td {
    padding: 8px 12px;
}

.plan_bx_tbl td .price {
    color: var(--color-d46934);
    font-size: 18px;
    line-height: 1;
}

.bx_party_time {
    margin: 15px 0 60px;
    background: var(--color-eae7da);
    padding: 20px;
}

.plan_bx_content02 {
    padding: 20px;
    background: var(--color-fff);
}

.ttl_time-table {    
    position: relative;
    padding-left: 20px;
    font-size: 18px;
}

.ttl_time-table:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: rotate(45deg);
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -7px;
    background: #eae7da;
}

.ttl_time-table:not(:first-child){    
    margin-top: 40px;
}

.line_arrow {
    position: relative;
    height: 36px;
    margin: 10px 20px 10px 0;
    background: #5c5a4e;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.line_arrow:after {
    content: '';
    width: 0;
    height: 0;
    border-top: solid 18px transparent;
    border-bottom: solid 18px transparent;
    border-left: solid 20px #5c5a4e;
    right: -20px;
    top: 0;
    position: absolute;
}

.line_arrow .txt_small {
    font-size: 14px;
    color: #fff;
}

.line_arrow .bold {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

.line_arrow_s {
    position: relative;
    margin: 10px 20px 10px 0;
    height: 20px;
    background-color: #ecc1a1;
    text-align: center;
    line-height: 20px;
    color: #222;
}

.line_arrow_s::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: -20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #ecc1a1;
}

.line_arrow_s > span.sp_none {
    display: inline;
}

.line_arrow_s.drink {
    background-color: #cbebfa;
}

.line_arrow_s.drink::after {
    border-left-color: #cbebfa;
}

.line_arrow_s.adj01 {
    margin-left: calc(((43% - 82px) / 4 + 12px)* 1);
    width: calc(((81% - 28px) / 3)* 3);
}

.line_arrow_s > span {
    display: inline;
}

.group_time-table {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 10% 3% 10% 3% 61% 3% 10%;
    grid-template-rows: 45px 33px;
    column-gap: 3px;
}

.group_time-table .line_arrow_s {
    grid-area: 1 / 3 / 1 / 6;
}

.group_time-table .line_arrow_s.ex02 {
    grid-area: 1 / 5 / 1 / 6;
}

#bonenkai .group_time-table .line_arrow_s {
    grid-area: 1 / 1 / 1 / 5;
}

#bonenkai .group_time-table .line_arrow_s.ex02 {
    grid-area: 1 / 1 / 1 / 5;
}
.group_time-table div {
    border: solid 1px var(--color-969280);
    padding: 0;
    text-align: center;
}

.group_time-table .time-table-program,
.group_time-table .time-table-time {
    display: flex;
    align-items: center;
    justify-content: center;
}

.group_time-table .time-table-program {
    min-height: 45px;
    background: var(--color-969280);
    color: var(--color-fff);
}

.group_time-table .time-table-time {
    padding: 5px;
}

.group_time-table .time-table-time > span {
    display: inline;
}

.group_time-table .arrow {
    display: flex;
    justify-content: center;
}
#bonenkai .group_time-table{
    grid-template-columns: 10% 3% 71% 3% 10%;
}
.wrap_plan_card {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 45%);
    gap: 40px;
    padding: 0 0 60px;
}

.plan_card {
    min-height: 724px;
    height: fit-content;
    text-align: center;
    box-shadow: 1px 1px 5px 1px var(--color-696969);
}

.plan_card img {
    min-height: 288px;
    object-fit: cover;
}

.plan_card_bx_txt {
    padding: 30px;
}

.sub_ttl_menu {
    font-size: 18px;
}

.ttl_menu {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.4;
}

.num_dish-peop {
    min-height: 44px;
    margin: 20px 0;
}

.card_pri_tbl {
    width: 100%;
    margin-bottom:10px;
    border: 1px solid var(--color-696969);
}

.card_pri_tbl th {
    background: #cdcdcd;
    font-size: 14px;
}

.card_pri_tbl th,
.card_pri_tbl td {
    padding: 5px;
    border: 1px solid var(--color-696969);
    width: 50%;
    vertical-align: middle;
}

.card_time .annotation {
    font-size: 12px;
    text-align: left;
}

.txt_add_plan {
    text-align: left;
}

.acc_menu_detail {
    display: none;
    padding: 20px;
    border: 1px solid #cdcdcd;
    background: var(--color-fff);
    text-align: left;
    line-height: 1.5;
}

.acc_menu_detail.active {
    display: block;
    border: 1px solid #cdcdcd;
    background: var(--color-fff);
}

.acc_menu_detail.active .annotation {
    display: block;
    margin-top: 10px;
}

.btn_rsv {
    display: block;
    width: 80%;
    margin: 30px auto 0;
    padding: 16px;
    border: 1px solid #333;
    border-radius: 6px;
    color: #000;
}

@media screen and (max-width: 767px) {
    .plan_box_01_content {
        margin: 16px 0;
    }

    .plan_bx_01 {
        padding: 20px 10px;
    }

    .bx_party_time,
    .plan_bx_content02 {
        padding: 20px 10px;
    }

    .group_time-table {
        grid-template-columns: 16% 3% 16% 3% 37% 3% 16%;
    }
    

    .plan_bx_inner .line_arrow_s {
        font-size: 9px;
    }

    .plan_list_tab {
        column-gap: 10px;
        row-gap: 10px;
        flex-wrap: wrap;
    }

    .plan_list_tab li {
        padding: 3px;
        font-size: 12px;
    }

    .wrap_plan_card {
        grid-template-columns: 1fr;
        padding: 0 0 40px;
    }

    .plan_card {
        width: 100%;
        min-height: auto;
    }

    .num_dish-peop {
        min-height: auto;
    }

    .group_time-table .time-table-program {
        line-height: 1.2;
    }
}

/* 飲み放題 */
#all-u-can-drink .ttl_sec_02 span.label_note {
    margin-left: 10px;
    font-size: 14px;
}

#all-u-can-drink .ttl_sec_02 span.label_price {
    font-size: 14px;
    font-weight: bold;
}

#all-u-can-drink .ttl_sec_02:nth-child(n+2 of .ttl_sec_02),
.drinks .ttl_sec_02:nth-child(n+2 of .ttl_sec_02){
    margin-top: 40px;
}

#all-u-can-drink .acc_menu.btn_gold-sq {
    margin-top: 0;
}

#all-u-can-drink .acc_menu_detail.active {
    background: var(--color-fff);
}

#all-u-can-drink .drink_intro {
    margin-bottom: 20px;
}

#all-u-can-drink .enkai_acc_list {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    column-gap: 5px;
}

.enkai_acc_list:not(:last-of-type) {
    margin-bottom: 20px;
}

.label_yellow,
.add_premium {
    background: #f2df8c;
}

@media screen and (max-width: 768px) {
    #all-u-can-drink .ttl_sec_02 span.label_note {
        margin-left: 0;
    }

    #all-u-can-drink .enkai_acc_list {
        grid-template-columns: 100%;
    }
}


/* 設備・アイテム */
.tbl_01 {
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid var(--color-e7e7e7);
    background: #fff;
}

.tbl_01 th,
.tbl_01 td {
    border-bottom: 1px solid var(--color-e7e7e7);
    border-right: 1px solid var(--color-e7e7e7);
    border-left: 1px solid var(--color-e7e7e7);

}

.tbl_01 th {
    padding: 10px;
    background-color: var(--color-696969);
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.tbl_01 td {
    width: 25%;
    padding: 10px 2px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

.tbl_01 {
    .txt_sml {
        display: inline-block;
        font-size: 9px;
        line-height: 1.4;
    }
}

.bx_grid_col_five-two {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(5, 20%);

}

.bx_grid_col_five-two div {
    display: grid;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--color-e7e7e7);
    border-right: 1px solid var(--color-e7e7e7);
}

.bx_grid_col_five-two div {
    min-height: 94px;
    padding: 10px 2px;
    text-align: center;
}

.bx_grid_col_five-two div.pc_none {
    display: none;
    @media screen and (max-width: 768px) {
        display: block;
    }
}

.bx_grid_col_five-two div:last-child {
    grid-area: 2 / 1 / 3 / 6;
}

@media screen and (max-width: 768px) {
    .bx_grid_col_five-two{
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: repeat(4, 1fr);
    }

    .bx_grid_col_five-two div {
        min-height: 114px;
        padding: 0;
    }

    .bx_grid_col_five-two div:first-child {
        grid-area: 1/1/2/2;
    }
    
    .bx_grid_col_five-two div:nth-child(2) {
        grid-area: 1/2/2/3;
    }
    
    .bx_grid_col_five-two div:nth-child(3) {
        grid-area: 2/1/3/2;
    }
    
    .bx_grid_col_five-two div:nth-child(4) {
        grid-area: 2/2/3/3;
    }
    
    .bx_grid_col_five-two div:nth-child(5) {
        grid-area: 3/1/4/2;
    }
    
    .bx_grid_col_five-two div:nth-child(6) {
        grid-area: 3/2/4/3;
    }
    
    .bx_grid_col_five-two div:last-child {
        grid-area: 4 / 1 / 5 / 6;
    }
}



/* サービス・サポート */
.list_disc li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 1em;
}

.list_disc li:before {
    position: absolute;
    left: 0;
    content: "・";
}


/* FAQ */
.card_faq {
    margin-bottom: 40px;
}

.question,
.answer {
    position: relative;
}

.question {
    margin-bottom: 10px;

}

.question::before,
.answer::before {
    position: relative;
    content: "Q.";
    width: 1.5em;
    height: 1em;
    padding-right: 6px;
}

.answer::before {
    content: "A.";
}


/* お問い合わせ */
#inquiry {
    position: relative;
    background-color: #f2eabf;
}

#inquiry::before {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 40%;
    content: "";
    background: url(/images_2024r/party/common/bg_inquiry_top.webp) no-repeat 0% 0%;
    background-size: contain;
    z-index: 1;
}

#inquiry::after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 60%;
    content: "";
    background: url(/images_2024r/party/common/bg_inquiry_bottom.webp) no-repeat 100% 100%;
    background-size: contain;
    z-index: 2;
}

.sec_sub-txt {
    margin-bottom: 60px;
    text-align: left;
}

@media screen and (max-width: 768px) {
    #inquiry::before {
        height: 20%;
        content: "";
        background: url(/images_2024r/party/common/bg_inquiry_top.webp)no-repeat 100% 100%;
        background-size: cover;
    }

    #inquiry::after {
        height: 30%;
        content: "";
        background: url(/images_2024r/party/common/bg_inquiry_bottom.webp)no-repeat 100% 100%;
        background-size: cover;
    }
}

/* 特典 */
#tokuten .txt_intro.txt_red {
    font-weight: bold;
}

.premium_gb {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .premium_gb {
        width: 100%;
    }
}

/* アクセス */
.bx_access {
    display: flex;
    column-gap: 30px;
    flex-direction: row-reverse;
}

.access_info {
    width: 50%;
}

.deli_line {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
}

.access_name {
    font-size: 20px;
}

@media screen and (max-width: 768px) {
    .bx_access {
        flex-direction: column;
        row-gap: 30px;
    }

    .bx_access iframe {
        width: 100%;
    }

    .access_info {
        width: 100%;
    }
}

/* footer */
footer {
    background: #000;
}

.txt_foot {
    padding: 30px 0;
    color: var(--color-fff);
    text-align: center;
}