@charset "UTF-8";

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 4;
}

@media screen and (max-width: 767px) {
    #header {
        position: fixed;
        top: 0;
        left: 0;
        min-height: 64px;
    }


}

.h-inner {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .h-inner {
        min-height: 64px;
    }
}

.logo-icn {
    margin-left: 1.5rem;
    width: 44px;
}

.logo_p_w {
    display: none;
}


@media screen and (max-width: 767px) {
    .logo-icn {
        position: relative;
        z-index: 4;
        margin-left: 0;
    }

    .logo-icn.active .logo_p {
        display: none;
    }

    .logo-icn.active .logo_p_w {
        display: block;
    }

}


.btn-toggle-menu {
    display: none;
}

@media screen and (max-width: 767px) {
    .btn-toggle-menu {
        display: block;
        position: absolute;
        top: .6rem;
        right: 1rem;
        margin-bottom: 0;
        background-color: var(--color-primary);
        border-radius: 50%;
        color: #fff;
        line-height: 1;
        width: 44px;
        height: 44px;
        text-align: center;
        transition: all 0.3s ease-in;
        z-index: 4;
        cursor: pointer;
    }

    .btn-toggle-menu>span {
        position: absolute;
        left: 10px;
        display: inline-block;
        width: 23px;
        height: 4px;
        background-color: #fff;
        border-radius: 4px;
        transition: all .4s;
    }

    .btn-toggle-menu>span:nth-of-type(1) {
        top: 12px;
    }

    .btn-toggle-menu>span:nth-of-type(2) {
        top: 20px;
    }

    .btn-toggle-menu>span:nth-of-type(3) {
        top: 29px;
    }

    .btn-toggle-menu.on>span:nth-of-type(1) {
        top: 10px;
        left: 10px;
        width: 26px;
        transform: translateY(9px) rotate(-45deg);
    }

    .btn-toggle-menu.on>span:nth-of-type(2) {
        opacity: 0;
    }

    .btn-toggle-menu.on>span:nth-of-type(3) {
        top: 10px;
        left: 10px;
        width: 26px;
        transform: translateY(9px) rotate(45deg);
    }
}

@media screen and (max-width: 767px) {
    .h-button {
        margin-right: 64px;
    }
}

#gnav {
    display: flex;
    padding: 0 1.5rem 0 3rem;
    width: calc(100% - 44px);
    align-items: center;
    justify-content: space-between;
}

#gnav ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 1;
    align-items: center;
}

.gnav__list {
    gap: 2.3rem;
}

.gnav__list>li {
    float: left;
    margin-bottom: 0;
    padding: 1.4rem 0;
    text-align: center;
    font-size: 1.13rem;
    cursor: pointer;
}

#gnav ul li a {
    font-weight: 500;
    text-decoration: none;
}

.gnav__list li a {
    display: block;
    color: #050505;
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .logo-icn {
        margin-left: 1rem;
    }

    #gnav {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
        gap: 1rem;
        justify-content: space-between;
    }

    .gnav__list {
        gap: 1.3vw;
    }

    .gnav__list>li {
        padding: 1.6rem 0 1.6rem 0.5rem;
        font-size: 1.4vw;
    }

    .h-button .button--size-s {
        padding: 0 0 .1rem;
        min-width: 17vw;
    }
}

@media screen and (min-width: 768px) {
    #gnav {
        display: flex !important;
    }

}

@media screen and (max-width: 767px) {
    #gnav {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        top: 0;
        padding: 4rem 1rem 4rem;
        gap: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--color-primary);
        z-index: 3;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #gnav ul {
        display: block;
    }

    #gnav .gnav__list {
        padding-top: 1.25rem;
    }

    .gnav__list>li {
        float: none;
        padding: 0;
        text-align: center;
        font-size: 1.375rem;

    }

    .gnav__list>li>a {
        position: relative;
        padding: .8rem 0;
        color: #fff;
    }

    .plus_ico {
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 6px;
        align-items: center;
        display: inline-flex;
        box-sizing: border-box;
        width: 54px;
        height: 100%;
        text-align: right;
        justify-content: flex-end;
    }

    .plus_ico::before {
        text-rendering: auto;
        font-size: 1rem;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        content: '\2b';
        font-size: 1.8rem;
        transition: all .3s;
    }

    .plus_ico.active::before {
        content: '\f068';
        transform: rotate(180deg);
    }
}

#content {
    padding-top: 80px;
    min-height: calc(100vh - 500px);
}

@media screen and (max-width: 767px) {
    #content {
        padding-top: 64px;
    }
}


#main_visual {
    position: relative;
}

#main_visual::after {
    content: "";
    display: block;
    clear: both;
}

#main_visual .logo {
    padding-top: 9vw;
}

#main_visual .logo img {
    width: 11vw;
}

#main_visual .pic {
    width: 82.2%;
    float: right;
}

#main_visual .pic img {
    width: 100%;
}

#main_visual .main_visual__inner {
    padding-left: 5.5%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#main_visual .visual_copy {
    display: inline-block;
    margin-top: .5rem;
    padding: 1rem 3.25rem .5rem 0;
    background-color: var(--color-white);
    color: #000;
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.1;
}

#main_visual .visual_copy span {
    font-size: 3.75vw;
}

#main_visual .visual_copy_sm {
    position: relative;
    top: -2px;
    display: inline-block;
    background-color: var(--color-white);
    color: #000;
    font-size: 1.75vw;
    font-weight: 700;
    padding: 0 2.75rem .3rem 0;
}

#main_visual .visual_copy_sm span {
    font-size: 2.05vw;
}


@media screen and (min-width: 768px) and (max-width: 1240px) {
    #main_visual .main_visual__inner {
        padding-left: 4vw;
    }

    #main_visual .logo {
        padding-top: 7vw;
    }
}

@media screen and (max-width: 767px) {
    #main_visual .pic {
        width: 77.8%;
    }

    #main_visual .main_visual__inner {
        padding-left: 1rem;
    }

    #main_visual .logo {
        padding-top: 16vw;
        width: 27.8vw;
    }

    #main_visual .logo img {
        width: 100%;
    }

    #main_visual .visual_copy {
        padding-right: .8rem;
        font-size: 8.6vw;
        line-height: 1.2;
    }

    #main_visual .visual_copy span {
        font-size: 6vw;
    }

    #main_visual .visual_copy_sm {
        padding-right: .9rem;
        font-size: 3.75vw;
    }

    #main_visual .visual_copy_sm span {
        font-size: 4.3vw;
    }
}

.section {
    position: relative;
}

.heading1 {
    position: absolute;
    top: 1rem;
    right: 3.5rem;
}

@media screen and (max-width: 767px) {
    .heading1 {
        top: .75rem;
        right: 1.5rem;
    }
}

.title2 {
    color: var(--color-primary);
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.2;
}

.title3 {
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: 700;
}

.title4 {
    color: var(--color-primary);
    font-size: 1.375rem;
    font-weight: 700;
}

.title5 {
    color: var(--color-primary);
    font-size: 1.25rem;
    font-weight: 700;
}

.title4+.ds-text {
    margin-top: .5rem;
}

.title5+.ds-text {
    margin-top: .5rem;
}

.title2+.title3 {
    margin-top: 1rem;
}

.title-bx {
    padding: .3rem .5rem .4rem;
    background-color: var(--color-primary);
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .title-bx {
        padding: .4rem .5rem .5rem;
        font-size: 1.25rem;
    }
}

.sec-btn {
    padding-left: 5.5%;
}

.btn_gp {
    display: flex;
    padding: 1.8rem 2.375rem 1.8rem 0;
    justify-content: space-between;
}

.btn_gp .btn-grid {
    max-width: 688px;
    width: 100%;
    gap: 1.25rem;
}

.btn_gp .btn-grid .button-outline {
    min-width: inherit;
    width: 100%;
    cursor: default;
}

.button i {
    margin-left: 1.25rem;
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .sec-btn {
        padding-left: 4vw;
    }

    .btn_gp {
        flex-wrap: wrap;
    }

    .btn_gp .btn-grid {
        margin-bottom: 1.25rem;
    }
}

@media screen and (max-width: 767px) {
    .sec-btn {
        padding: 0;
    }

    .btn_gp {
        padding: .5rem 0;
    }

    .btn_gp .btn-grid {
        max-width: 100%;
        gap: .5rem;
    }

    .btn_gp .btn-grid .button-outline {
        font-size: 14px;
        padding: 0 0 .1rem;
        min-height: 42px;
    }
}

.grid-media-text {
    margin-top: 2.5rem;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.grid-media-text>* {
    width: 100%;
}


@media screen and (min-width: 768px) {
    .grid-media-text .grid-media-text__content {
        order: 1;
    }

    .grid-media-text .grid-media-text__img {
        order: 2;
    }

    .grid-media-text--size-s .grid-media-text__content {
        max-width: 559px;
    }

    .grid-media-text--size-s .grid-media-text__img {
        max-width: 360px;
    }

}

@media screen and (max-width: 767px) {
    .grid-media-text {
        margin-top: 1.88rem;
        max-width: 100%;
        flex-direction: column;
    }
}


.grid-media-text-224 {
    display: flex;
    margin: 0 auto;
    max-width: 900px;
    align-items: center;
    gap: 3.625rem;
}

.grid-media-text-224 .grid-media-text__img {
    width: 224px;
}

.grid-media-text-224 .grid-media-text__img img {
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/* .grid-media-text--size-s .grid-media-text__content {
    width: calc(100% - 160px);
} */


@media screen and (max-width: 767px) {
    .grid-media-text-224 {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 1.4rem;
    }

    .grid-media-text-224 .grid-media-text__img {
        margin: 0 auto;
        width: 51.3vw;
    }

    .grid-media-text-224 .grid-media-text__content {
        width: 100%;
    }

    .grid-media-text-224 .grid-media-text__content .heading2 {
        text-align: center;
    }

    .grid-media-text-224 .grid-media-text__content .ds-text {
        margin-top: .8rem;
    }
}

.icn-row {
    margin: 0 auto;
    max-width: 780px;
    flex-wrap: wrap;
}

.icn-row.ds-grid--col2 .col {
    text-align: center;
    color: var(--color-primary);
    font-weight: 700;
}

.icn-row .icn32 {
    font-size: 2rem;
}

.icn-row .icn36 {
    font-size: 2.25rem;
}

.ds-grid--col2 .col i {
    margin-bottom: .5rem;
}

.enjoy_list {
    margin: 0 auto;
    max-width: 610px;
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
}

.enjoy_list li {
    margin-bottom: 2.3rem;
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: space-between;
}

.enjoy_list li:last-child {
    margin-bottom: 0;
}

.enjoy_list li::before {
    position: relative;
    top: 8px;
    display: block;
    content: "\f058";
    font-size: 2.4rem;
    line-height: 1;
}

.enjoy_list .enjoy_txt {
    display: block;
    width: calc(100% - 3.875rem);
    padding-bottom: .5rem;
    border-bottom: 2px solid var(--color-primary);
}

@media screen and (max-width:767px) {
    .enjoy_list {
        font-size: 1.25rem;
    }

    .enjoy_list li:not(:last-child){
        margin-bottom: 1.8rem;
    }

    .enjoy_list li::before {
        top: 6px;
        font-size: 2rem;
    }

    .enjoy_list .enjoy_txt {
        width: calc(100% - 3rem);
        padding-bottom: .6rem;
    }
    
}

@media screen and (max-width:767px) {
    .icn-row {
        max-width: 100%;
    }

    #enjoy .icn-row .col {
        width: 47%;
    }

    #enjoy .icn-row .col:nth-child(2n) {
        width: 53%;
    }
}

#healthy .heading1 {
    top: .5rem;
}

.healty-row {
    flex-wrap: wrap;
    justify-content: space-between;
}

.healty-row .col {
    min-width: 224px;
}

@media screen and (max-width: 767px) {
    #healthy .heading1 {
        top: .2rem;
    }

    .healty-row {
        gap: .5rem;
    }

    .healty-row .col {
        min-width: inherit;
        width: 47%;
    }
}

#enjoy .heading1 {
    top: 1.5rem;
}

@media screen and (max-width: 767px) {
    #enjoy .heading1 {
        top: .8rem;
    }

}

.ds-text-lead {
    font-size: 1.13rem;
    font-weight: bold;
    line-height: 1.5;

}

@media screen and (max-width: 767px) {
    .ds-text-lead {
        line-height: 1.5;
    }
}

.ds-text-lead--size-m {
    font-size: 1.25rem;
    line-height: 1.6;
}

.ds-text-lead--size-ml {
    font-size: 1.375rem;
    line-height: 1.6;
}

.ds-text-lead--size-l {
    font-size: 1.75rem;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .ds-text-lead--size-ml {
        font-size: 1.25rem;
    }
}


.exp_row .col__img {
    width: 112px;
    border-radius: 50%;
}

.exp_row .col__body {
    margin-top: .8rem;
}



@media screen and (min-width:768px) and (max-width:1240px) {
    .ds-grid---pc-xl-gap {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

    .ds-grid---pc-xl-gap>* {
        padding: 0 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .exp_row .col__img {
        margin-left: 1.5rem;
        margin-bottom: .5rem;
        float: right;
        width: 30vw;
    }

    .exp_row .col__body {
        margin-top: 0;
    }
}

.bg-primary-md-light {
    background-color: rgba(214, 91, 142, 8%);
}

.price_row .price_copy {
    margin-bottom: .5rem;
    text-align: center;
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: 700;
    white-space: nowrap;
}

.price_row .price_copy span {
    font-size: 1.75rem;
}

.price_row .price_btn {
    padding: 1rem;
    border: 2px solid var(--color-primary);
    text-align: center;
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6;
    border-radius: 12px;
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .price_row .price_copy {
        font-size: 2.2vw;
    }

    .price_row .price_copy span {
        font-size: 2.7vw;
    }

    .price_row .price_btn {
        font-size: 2.2vw;
    }

}

@media screen and (max-width: 767px) {
    .price_row .ds-grid .col {
        margin-bottom: 2.5rem;
    }

    .wide-text {
        margin: 0 -1rem;
    }
}

/* ------------------------------------------------------------
*
#caution_area
*
------------------------------------------------------------ */

.caution_area {
    color: #666;
    font-size: 0.83rem;
    line-height: 1.7;
}

.caution_area ul {
    padding: 0;
    list-style: none;
}

.caution_area li {
    text-indent: -2rem;
    padding-left: 2rem;
}

.schedule_table {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, auto);
    gap: 2px;
}

.schedule_table>* {
    outline: 2px solid var(--color-primary)
}

.schedule_table .schedule_table_col__th {
    padding: .5rem .5rem;
    text-align: center;
    color: var(--color-primary);
    height: 47px;
    font-weight: bold;
    font-size: 1.25rem;
    font-weight: 700;
}

.schedule_table .schedule_table_col__td {
    padding: .5rem .5rem;
    text-align: center;

}

.schedule_table .ds-text-lead--size-m {
    margin-top: .2rem;
}

.ds-text-lead+.button-outline--size-xs,
.ds-text-lead+.button--size-xs {
    margin-top: .5rem;
}

.col14 {
    grid-column-start: 3;
}

.col15 {
    grid-column-start: 4;
}

.schedule_table .col15 .button {
    background-color: #e085ab;
    border-color: #e085ab;
}

@media screen and (min-width:768px) {
    #schedule  .ds-grid .col.col7 {
        margin-left: auto;
    }
}

@media screen and (max-width: 767px) {
    /* Split into two tables: One 2x2 and the other 3x2 */

    /* First table: 2x2 layout */
    .schedule_table {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        /* 2 columns */
        grid-template-rows: repeat(7, auto);
        gap: 2px;
    }

    .schedule_table .schedule_table_col__td {
        padding-bottom: .6rem;
    }

    .schedule_table_col__td .ds-text-lead {
        font-size: 1.1rem;
    }

    .schedule_table_col__td .button--size-xs,
    .schedule_table_col__td .button-outline--size-xs {
        min-width: inherit;
    }

    .schedule_table_col__td .ds-text-lead--size-m {
        font-size: 1.13rem;
    }

    /* Layout for first table (2x2) */
    .col1 {
        grid-column: 1;
        grid-row: 1;
    }

    .col2 {
        grid-column: 2;
        grid-row: 1;
    }

    .col5 {
        grid-column: 1;
        grid-row: 2;
    }

    .col6 {
        grid-column: 2;
        grid-row: 2;
    }

    .col9 {
        grid-column: 1;
        grid-row: 3;
    }

    .col10 {
        grid-column: 2;
        grid-row: 3;
    }

    /* Second table: 3x2 layout */
    /* Adjust parent grid for the second table */
    .parent::after {
        content: "";
        grid-column: span 2;
    }

    /* Layout for second table (3x2) */
    .col3 {
        margin-top: 20px;
        grid-column: 1;
        grid-row: 4;
    }

    .col4 {
        margin-top: 20px;
        grid-column: 2;
        grid-row: 4;
    }

    .col7 {
        grid-column: 1;
        grid-row: 5;
    }

    .col8 {
        grid-column: 2;
        grid-row: 5;
    }

    .col11 {
        grid-column: 1;
        grid-row: 6;
    }

    .col12 {
        grid-column: 2;
        grid-row: 6;
    }

    .col14 {
        grid-column: 1;
        grid-row: 7;
    }

    .col15 {
        grid-column: 2;
        grid-row: 7;
    }
}

@media screen and (min-width: 768px) {
    .ds-table--stripe th {
        width: 12%;
    }

    .ds-table--stripe .w-10 {
        width: 10%;
    }

    .ds-table--stripe .w-70 {
        width: 70%;
    }
}

@media screen and (max-width: 767px) {
    .ds-table--stripe .w-10 {
        padding-left: 0;
        padding-right: 0;
    }

    .ds-table--stripe .w-70 {
        width: 70%;
    }
}


.qa_box {
    max-width: 800px;
    margin: 1.5rem auto 0;
}

.qa_box+.heading-bd {
    margin-top: 5rem;
}

.qa_row {
    border-bottom: 1px solid #666;
}

.qa_row .question,
.qa_row .answer-wrap {
    position: relative;
    padding: 0 4rem 1rem 4rem;
}

.qa_row .question {
    display: flex;
    align-items: center;
    min-height: 74px;
    cursor: pointer;
    padding: .5rem 3rem .5rem 0;
    font-size: 1.13rem;
    font-weight: 400;
}

.qa_row .answer-wrap {
    display: none;
    padding-left: 0;
}

.qa_row .answer {
    display: flex;
    font-size: 16px;
}

.qa_row .question::after {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    content: '\f078';
    color: #666;
    font-size: 1.75rem;
    transform: translateY(-50%);
    transition: all .3s;
}

.qa_row .question.opened::after {
    transform: translateY(-50%) rotate(180deg);
}

@media screen and (max-width: 767px) {
    .qa_box {
        margin-top: 2rem;
    }

    .qa_box+.heading-bd {
        margin: 3.2rem 0 0.3rem;
    }

    .qa_row .question {
        min-height: 56px;
        padding: 1.1rem 2.2rem .8rem 0rem;
        align-items: flex-start;
    }

    .qa_row .question::after {
        right: 0;
    }

    .qa_row .answer-wrap {
        padding: .7rem 0 .9rem 0;
    }
}

.contact_info {
    margin: 3.5rem auto 0;
    max-width: 672px;
}

.contact_info .ds-text-ml span {
    margin-left: 1.8rem;
    font-size: 2rem;
    font-weight: 700;
}

.studio_map {
    margin-top: 1.5rem;
}

.studio_address {
    margin-top: 1rem;
}

.addr_direction i {
    margin-right: 8px;
    font-size: 1.5rem;
}

.bus_list {
    padding: 0;
    list-style: none;
    padding-left: 24px;
    text-indent: -10px;
}


@media screen and (max-width: 767px) {
    .studio_map iframe {
        height: 92vw;
    }

    .contact_info .ds-text-ml {
        line-height: 1.6;
    }

    .contact_info .ds-text-ml span {
        display: block;
        margin-left: 0;
    }

    .contact_info .ds-text-ml+.ds-text-m {
        margin-top: 1rem;
    }

    .bus_list {
        padding-left: 20px;
        text-indent: -10px;
    }
}

.sec_inquiry .inner {
    padding-top: 2rem;
}

.bd-box {
    margin-top: 2.5rem;
    padding: .8rem 1rem;
    border: 1px solid #999;
    border-radius: 16px;
}

.inquiry_content {
    margin: 0 auto;
    max-width: 640px;
}

.inquiry_content .tel {
    margin-top: 0;
    color: var(--color-primary);
    text-decoration: underline;
}

.inquiry_form .tit {
    display: block;
    position: relative;
    padding-left: 60px;
    margin-bottom: .5rem;
    font-size: 1.13rem;
    font-weight: 700;
    line-height: 1.8;
}

.inquiry_form .cap {
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    padding-bottom: 2px;
    width: 48px;
    height: 24px;
    background-color: #cc0000;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
}

.inquiry_form .cap.gray {
    background-color: #999;
}

.inquiry_form .input,
.inquiry_form textarea {
    padding: .7rem .88rem .9rem;
    display: block;
    width: 100%;
    border: 1px solid #666;
    border-radius: 6px;
    color: var(--color-gray);
    font-size: 1.13rem;
}

.inquiry_form input[type=text]::-moz-placeholder,
.inquiry_form textarea::-moz-placeholder {
    color: #999;
}

.inquiry_form input[type=text]::placeholder,
.inquiry_form textarea::placeholder {
    color: #999;
    line-height: 1.5;
}

.inquiry_form .ds-grid+.ds-grid {
    margin-top: .6rem;
}

.inquiry_form input[type=radio] {
    margin-right: .6rem;
    width: 24px;
    height: 24px;
}

.inquiry_form textarea {
    min-height: 160px;
}

.inquiry_form .error {
    border: 1px solid red;
}

.inquiry_form .error-message {
    color: red;
    font-size: 0.8em;
}

.inquiry_form input:disabled {
    border-color: #ccc;
    background-color: #ccc;
    cursor: default;
}

/* ------------------------------------------------------------
*
#footer_area
*
------------------------------------------------------------ */


#footer {
    background-color: var(--color-primary);
    color: #fff;
    text-align: center;
}

#footer .inner {
    padding-top: 2rem;
    padding-bottom: 1.8rem;
}

#footer .ft_logo img {
    width: 188px;
}

#footer .btn_top {
    margin-top: 1.25rem;
}

#footer .btn_top .button {
    font-size: 1.13rem;
    min-height: 56px;
}

#footer .ft_addr {
    margin-top: 2rem;
    font-size: .88rem;
    line-height: 2;
}

#footer .ft_addr a {
    color: #fff;
}


#footer .copy_right {
    margin-top: 1.8rem;
    font-size: .88rem;
}

@media screen and (min-width: 768px) and (max-width: 1240px) {}

@media screen and (max-width: 767px) {
    #footer .copy_right {
        margin-top: 1.5rem;
    }

    #footer .inner {
        padding-top: 3rem;
        padding-bottom: 1.8rem;
    }

}