@charset "UTF-8";

/* ============================= 
common
==============================*/
:root {
    --mainblack: #2A2A2A;
    --green: #224838;
    --brown: #7E6D6D;
    --gray: #D9D9D9;
    --darkgray: #808080;
    --background: #FDFEF8;
}

/* 変数設定 */

html {
    font-size: 62.5%;
}

.body {
    font-family:
        'Klee One',
        Arial,
        sans-serif;
    font-style: normal;
    font-weight: 400;
    color: var(--black, #2A2A2A);
    background-color: var(--background, #FDFEF8);
    line-height: 1.5;
}

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


/* ============================= 
header
==============================*/
.nav {
    background-image: url(../images/mainback.jpeg);
    background-size: contain;
    padding: 31px 31px 0 61px;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    transform: translateX(-100%);
    transition: transform 0.4s;
}

.nav__btn {
    width: 32px;
    height: 32px;
    margin-left: 83.8%;
}

.nav__list {
    color: var(--green);
    font-family: Oswald;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: normal;
}

.nav__item {
    margin-top: 30px;
}

/* .nav.active表示 */
.nav.active {
    transform: translateX(0);
}

.header__btn {
    width: 66px;
    height: 66px;
    position: fixed;
    top: 500px;
    right: 6.2%;
    z-index: 300;
}

/* article tab */
@media screen and (min-width: 767px){
    .nav {
        display: none;
    }

    .header__btn {
        display: none;
    }
}/* tablet 767px */

/* article pc */
@media screen and (min-width: 1025px) {
    .nav {
        display: none;
    }

    .header__btn {
        display: none;
    }
}/* pc 1025px */


/* ============================= 
article header
==============================*/
.article__header {
    width: 100%;
    height: 596px;
    background-image: url(../images/mainback.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

.article__item {
    padding: 27px 0 0 31px;
}

.article__topic {
    width: 100%;
    height: 397px;
    background-image: url(../images/main_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.article__topic img {
    width: 160px;
    height: 50px;
    margin: 173px 25.3%;
}

.article__nav {
    display: none;
}

.article__menu {
    padding: 30px 20.2% 43px;
}

.open,
.dayoff {
    display: flex;
}

.open__item {
    margin-left: 47px;
}

.dayoff,
.article__sns {
    margin-top: 10px;
}

.dayoff__item {
    margin-left: 31px;
}

.open__title,
.open__item,
.dayoff__title,
.dayoff__item {
    color: #224838;
    font-family: Oswald;
    font-size: 1.6rem;
    font-weight: 400;
}

.lead {
    width: 100%;
    height: 210px;
    background-color: var(--green);
}

.lead__title {
    display: inline-block;
    width: 100%;
    margin: 39px auto 0;
    color: #F0EBE3;
    text-align: center;
    font-family: "Klee One";
    font-size: 1.4rem;
}

.lead__name {
    display: inline-block;
    width: 100%;
    margin: 45px auto;
    color: #F5F5F5;
    text-align: center;
    font-family: "Klee One";
    font-size: 1.8rem;
    position: relative;
}

.lead__name::before {
    content: '';
    width: 85%;
    height: 1px;
    background-color: #F5F5F5;
    display: block;
    position: absolute;
    left: 20px;
    top: -15px;
}

.lead__name::after {
    content: "";
    width: 85%;
    height: 1px;
    background-color: #F5F5F5;
    display: block;
    position: absolute;
    left: 20px;
    top: 35px;
}

/* article tablet */
@media screen and (min-width: 767px) {
    .article__header {
        width: 100%;
        height: 391px;
    }

    .article__item {
        padding: 34px 0 0 0;
        display: flex;
    }

    .article__topic {
        width: 73.8%;
        height: 357px;
        background-image: url(../images/main_pc.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .article__topic img {
        display: block;
        margin: 154px auto;
        width: 160px;
        height: 50px;
    }

    .article__menu {
        padding: 0 15px 29px 18px;
    }
    
    .article__nav {
        display: block;
        margin-bottom: 42px;
    }

    .article__items {
        margin-top: 12px;
    }

    .article__items:first-of-type {
        margin-top: 0;
    }

    .article__items a {
        color: #224838;
        font-family: Oswald;
        font-size: 1.6rem;
        font-weight: 500;
    }

    .open__title {
        position: relative;
    }

    .open__title::before {
        content: '';
        width: 160px;
        height: 1px;
        background-color: var(--green);
        display: block;
        position: absolute;
        top: -21px;
    }

    .open {
        gap: 0 25px;
    }

    .dayoff {
        gap: 24px;
    }
    
    .open__title,
    .open__item,
    .dayoff__title,
    .dayoff__item {
        color: #224838;
        font-family: Oswald;
        font-size: 1.4rem;
        margin-left: 0;
    }

    .lead__title {
        margin: 43px auto 0;
    }

    .spbr__title {
        display: none;
    }

    .lead__name {
        margin: 49px auto 0;
    }

    .lead__name::before {
        content: '';
        width: 63%;
        height: 1px;
        background-color: #F5F5F5;
        display: block;
        position: absolute;
        left: 148px;
        top: -30px;
    }
    
    .lead__name::after {
        content: "";
        width: 63%;
        height: 1px;
        background-color: #F5F5F5;
        display: block;
        position: absolute;
        left: 148px;
        top: 50px;
    }
}/* tablet 767px */

/* article pc */
@media screen and (min-width: 1025px) {
    .article__header {
        min-width: 1440px;
        height: 596px;
    }

    .article__item {
        padding: 41px 0 0 0;
        display: flex;
    }

    .article__topic {
        width: 80.1%;
        height: 555px;
        background-image: url(../images/main_pc.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .article__topic img {
        display: block;
        margin: 230px auto;
        width: 343px;
        height: 106px;
    }

    .article__nav {
        display: block;
        margin-bottom: 95px;
    }

    .article__menu {
        padding: 32px 45px;
    }

    .article__items {
        margin-top: 23px;
    }

    .article__items a {
        color: #224838;
        font-family: Oswald;
        font-size: 1.8rem;
        font-weight: 500;
    }

    .open__title {
        position: relative;
    }

    .open__title::before {
        content: '';
        width: 202px;
        height: 1px;
        background-color: var(--green);
        display: block;
        position: absolute;
        top: -48px;
    }

    .open__title,
    .open__item,
    .dayoff__title,
    .dayoff__item {
        color: #224838;
        font-family: Oswald;
        font-size: 1.6rem;
        margin-top: 10px;
    }

    .open__item {
        white-space: nowrap;
    }

    .article__sns {
        margin-top: 10px;
    }

    .lead {
        min-width: 1440px;
        height: 301px;
    }

    .lead__title {
        margin: 82px auto 0;
        font-size: 1.6rem;
    }

    .spbr__title {
        display: none;
    }
    
    .lead__name {
        margin: 49px auto 112px;
        font-size: 2.4rem;
    }

    .lead__name::before {
        content: '';
        width: 42%;
        height: 1px;
        background-color: #F5F5F5;
        display: block;
        position: absolute;
        left: 28%;
        top: -27px;
    }

    .lead__name::after {
        content: "";
        width: 42%;
        height: 1px;
        background-color: #F5F5F5;
        display: block;
        position: absolute;
        left: 28%;
        top: 55px;
    }
}/* pc 1025px */


/* ============================= 
about
==============================*/
.section--about {
  padding: 80px 50px 0;
}

.about {
    display: flex;
}

.about__title {
    margin: 0 auto;
    color: var(--brown, #7E6D6D);
    font-family: Oswald;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 500;
}

.about__titleJp {
    margin: 5px auto 0;
    color: var(--brown, #7E6D6D);
    text-align: center;
    font-family: "Klee One";
    font-size: 1.5rem;
}

.shoplogo {
    margin: 48px auto 0;
    display: block;
    width: 185px;
    height: 120px;
}

.about__txt {
    margin: 54px auto 0;
    color: var(--mainblack, #2A2A2A);
    font-family: "Klee One";
    font-size: 1.6rem;
    line-height: 1.5;
}

.about__btn {
    display: block;
    margin: 48px 0 0;
}

.about__btn img {
  width: 176px;
  height: 35px;
  margin-bottom: 80px;  
}

.about__imgPC {
    display: none;
}

.about__imgSP {
    display: block;
    margin-top: 48px;
}

.shopImg__pc,
.shopImg__bottom {
    display: none;
}

.shopImg__sp {
    padding: 67px 5.6%;
}

.dot3,
.dot4 {
    display: none;
}

.dot1 {
    width: 100px;
    height: 166px;
    display: block;
    margin-left: 205px;
    margin-bottom: -164px;
}

.dot2 {
    width: 100px;
    height: 166px;
    display: block;
    margin-left: -18px;
    margin-top: -134px;
}

.shopimg1 {
    width: 230px;
    height: 148px;
    display: block;
    margin: 0 auto;
}

.shopimg2 {
    width: 230px;
    height: 315px;
    display: block;
    margin: 44px auto 0;
}

.cafeimg {
    width: 230px;
    height: 127px;
    display: block;
    margin: 44px auto 0;
    position: relative;
    z-index: 100;
}

/* about tablet */
@media screen and (min-width: 767px) {
    .section--about {
        padding: 0;
    }

    .about {
        display: flex;
        align-items: center;
        padding: 85px 81px;
        gap: 0 37px;
    }

    .about__imgSP {
        display: none;
    }

    .about__imgPC {
        display: block;
    }

    .about__title {
        font-size: 2.7rem;
        text-align: left;
    }

    .about__titleJp {
        font-size: 1.9rem;
        text-align: left;
    }

    .shoplogo {
        margin: 35px auto;
    }

    .about__txt {
        margin: 0;
    }

    .about__btn img {
        margin-bottom: 0;
    }

    .shopImg__sp,
    .dot1,
    .dot2 {
        display: none;
    }

    .shopImg__pc {
        display: block
    }

    .shopImg__top {
        display: flex;
        align-items: center;
        padding: 129px 20.7% 0 157px;
        gap: 0 18px;
    }

    .shopimg1 {
        width: 294px;
        height: 191px;
        margin: 0;
    }

    .shopimg2 {
        width: 138px;
        height: 192px;
        margin: 0;
    }

    .shopImg__bottom {
        display: flex;
        align-items: center;
        padding: 15px 20.7% 81px 157px;
        gap: 0 17px;
    }

    .shopimg3,
    .cafeimg,
    .sweetsimg {
        width: 139px;
        height: 77px;
        position: relative;
        z-index: 100;
    }

    .cafeimg {
        margin: 0;
    }

    .dot3 {
        display: block;
        width: 148px;
        height: 81px;
        margin-bottom: -170px;
        margin-left: 73px;
    }

    .dot4 {
        display: block;
        width: 148px;
        height: 81px;
        margin-top: -124px;
        margin-left: 544px;
    }
}/* tablet 767px */


/* about pc */
@media screen and (min-width: 1025px) {
    .section--about {
        padding: 120px 206px;
    }

    .about {
        display: flex;
        align-items: center;
        margin: 0 23px;
        padding: 0;
    }

    .about__title {
        font-size: 3.2rem;
        text-align: left;
    }

    .about__titleJp {
        font-size: 2.1rem;
        text-align: left;
    }

    .about__txt {
        margin: 48px auto 0;
    }

    .about__btn img {
        width: 167px;
        height: 35px; 
        margin-bottom: 120px; 
    }

    .about__imgSP {
        display: none;
    }

    .about__imgPC {
        display: block;
        margin-top: 0;
    }

    .about__imgPC img {
        min-width: 410px;
    }

    .shopImg__sp,
    .dot1,
    .dot2 {
        display: none;
    }

    .shopImg__pc {
        display: block;
    }

    .shopImg__top {
        display: flex;
        align-items: center;
        margin: 0 auto;
        gap: 0 31px;
    }
    
    .dot3 {
        display: block;
        width: 233px;
        height: 123px;
        margin-bottom: -192px;
        margin-left: 20px;
    }

    .shopimg1 {
        min-width: 478px;
        height: 314px;
        margin: 0;
    }

    .shopimg2 {
        min-width: 226px;
        height: 314px;
        margin: 0;
    }

    .shopImg__bottom {
        display: flex;
        align-items: center;
        margin-top: 25px;
        gap: 29px;
    }

    .shopimg3,
    .cafeimg,
    .sweetsimg {
        width: 226px;
        height: 127px;
    }

    .cafeimg {
        margin: 0;
    }

    .sweetsimg {
        z-index: 100;
    }

    .dot4 {
        display: block;
        width: 233px;
        height: 123px;
        margin-top: -143px;
        margin-left: 793px;
    }
}/* PC 1025px */ 


/* ============================= 
online store
==============================*/
.section--online {
    padding: 80px 22.5%;
}

.online__title {
    color: #7E6D6D;
    text-align: center;
    font-family: Oswald;
    font-size: 2rem;
    font-weight: 500;
}

.online__titleJp {
    margin: 5px auto 0;
    color: var(--brown, #7E6D6D);
    text-align: center;
    font-family: "Klee One";
    font-size: 1.5rem;
}

.wisebtn,
.rakutenbtn {
    display: block;
    width: 214px;
    height: 182px;
    margin: 54px auto 0;
}

/* about tablet */
@media screen and (min-width: 767px) {
    .section--online {
        padding: 69px 81px;
    }

    .online__title {
        font-size: 2.7rem;
        margin: 0 64px 0 29px;
        text-align: left;
    }

    .online__titleJp {
        font-size: 1.9rem;
        margin: 0 64px 0 29px;
        text-align: left;
    }

    .online__btn {
        display: flex;
        align-items: center;
        gap: 0 65px;
        padding: 65px 3.7% 0 84px;
    }

    .wisebtn,
    .rakutenbtn {
        width: 214px;
        height: 185px;
        margin: 0;
    }
}/* tablet 767px */

/* onlineshop pc */
@media screen and (min-width: 1025px) {
    .section--online {
        padding: 100px 270px 120px;
    }

    .online__title {
        font-size: 3.2rem;
        text-align: left;
    }

    .online__titleJp {
        font-size: 2.1rem;
        text-align: left;
    }

    .online__btn {
        display: flex;
        align-items: center;
        padding: 23px 198px 0;
        gap: 0 77px;
    }

    .wisebtn,
    .rakutenbtn {
        width: 214px;
        height: 186px;
        margin: 0;
    }
}/* PC 1025px */


/* ============================= 
infomation
==============================*/
.section--infomation {
    background-image: url(../images/infomationback.jpeg);
    width: 100%;
    height: 798px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 41px;
}

.infomation__title {
    margin: 0 auto;
    color: var(--brown, #7E6D6D);
    font-family: Oswald;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 500;
}

.infomation__titleJp {
    margin: 0 auto;
    color: var(--brown, #7E6D6D);
    text-align: center;
    font-family: "Klee One";
    font-size: 1.5rem;
}

.infomation__item2,
.infomation__item3 {
    display: none;
}

.infomation {
    width: 307px;
    height: auto;
    /* background-color: rgba(240, 235, 227, 0.50); */
    margin: 54px auto 97px;
}

.infomation__item {
    padding: 24px 21px;
    background-color: rgba(240, 235, 227, 0.50);
}

.infomation__img {
    width: 261px;
    height: 261px;
    margin-bottom: 29px;
}

.infomation__time {
    background-color: var(--brown);
    width: 66px;
    height: 26px;
    padding: 3px 7px;
    color: #FFF;
    font-family: "Cormorant Garamond";
    font-size: 1.6rem;
}

.infomation__name {
    margin-top: 22px;
    color: var(--mainblack, #2A2A2A);
    text-align: center;
    font-family: "Klee One";
    font-size: 1.8rem;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 3%;
    text-underline-offset: 25%;
    text-underline-position: from-font;
}

.infomation__txt {
    display: block;
    margin-top: 16px;
    color: var(--mainblack, #2A2A2A);
    font-family: "Klee One";
    font-size: 1.6rem;
    line-height: 1.5;
    background-color: var(--background);
    padding: 10px;
}

/* infomation tablet */
@media screen and (min-width: 767px) {
    .section--infomation {
        height: 738px;
        padding: 30px;
    }

    .infomation__title {
        font-size: 2.7rem;
        text-align: left;
        margin: 0 436px 0 88px;
    }

    .infomation__titleJp {
        font-size: 1.9rem;
        text-align: left;
        margin: 0 441px 22px 88px;
    }

    .infomation {
        display: flex;
        width: 669px;
        height: auto;
        margin: 20px auto 0;
        gap: 0 37px;
    }

    .infomation__item2 {
        display: block;
        padding: 21px 20px;
        width: 306px;
        background-color: rgba(240, 235, 227, 0.50);

    }

    .infomation__item {
        padding: 21px 20px;
        width: 306px;
    }

    .infomation__img {
        margin-bottom: 19px;
    }

    .infomation__name {
        margin-top: 13px;
    }

    .infomation__txt {
        width: 263px;
        margin-top: 16px;
        padding: 5px;
    }
}/* tablet 767px */

/* infomation pc */
@media screen and (min-width: 1025px) {
    .section--infomation {
        min-width: 1440px;
        height: 869px;
        padding: 96px 189px;
    }

    .infomation__title {
        font-size: 3.2rem;
        margin-left: 6.4%;
        text-align: left;
    }

    .infomation__titleJp {
        margin-left: 6.4%;
        text-align: left;
        font-size: 2.2rem;
    }

    .infomation {
        display: flex;
        align-items: center;
        width: 1060px;
        height: auto;
        margin: 30px auto 0;
        gap: 0 71px;
    }

    .infomation__item2,
    .infomation__item3 {
        display: block;
    }

    .infomation__item,
    .infomation__item2,
    .infomation__item3 {
        padding: 22px 21px;
        background-color: rgba(240, 235, 227, 0.50);
        width: 306px;
        height: 569px;
    }

}/* PC 1025px */


/* ============================= 
reform
==============================*/
.section--reform {
    padding: 80px 26px;
}

.reform__title {
    margin: 0 auto;
    font-family: Oswald;
    color: var(--brown);
    text-align: center;
    font-size: 1.9rem;
    font-weight: 500;
}

.reform__titleJp {
    margin: 5px auto 0;
    text-align: center;
    color: #7E6D6D;
    font-family: "Klee One";
    font-size: 1.5rem;
    font-weight: 400;
}

.reform__item {
    padding: 54px 40px 0;
}

.dot5 {
    width: 89px;
    height: 160px;
    margin-bottom: -197px;
    margin-left: 32px;
}

.reform__img {
    margin: 0 auto;
    width: 237px;
    height: 236px;
}

.reform__txt {
    color: var(--mainblack);
    font-family: "Klee One";
    font-size: 1.6rem;
    line-height: 1.5;
}

.reform__btn {
    margin-top: 48px;
    width: 176px;
    height: 35px;
}

/* reform tablet */
@media screen and (min-width: 767px) {
    .section--reform {
        padding: 81px 69px;
    }

    .reform__title {
        font-size: 2.7rem;
        text-align: left;
    }

    .reform__titleJp {
        font-size: 1.9rem;
        text-align: left;
    }

    .spbr {
        display: none;
    }

    .dot5 {
        width: 89px;
        height: 160px;
        margin-bottom: -295px;
        margin-left: 20px;
    }

    .reform__item {
        display: flex;
        align-items: center;
        margin-top: 74px;
        gap: 0 46px;
        padding: 0 40px 0;
    }

    .reform__img {
        width: 293px;
        height: auto;
    }

    .reform__content {
        width: 258px;
    }
}

/* tablet 767px */

/* reform pc */
@media screen and (min-width: 1025px) {
    .section--reform {
        padding: 120px 257px;
    }

    .reform__title {
        margin: 0 auto;
        text-align: left;
        font-size: 3.2rem;
    }
    
    .reform__titleJp {
        margin: 5px auto 0;
        text-align: left;
        font-size: 2.1rem;
    }

    .dot5 {
        width: 116px;
        height: 208px;
        margin-bottom: -354px;
        margin-left: -3px;
    }

    .reform__item {
        display: flex;
        padding: 71px 21px 0 0;
        gap:  0 91px;
        align-items: end;
        margin-top: 0;
    }

    .reform__img {
        min-width: 475px;
        height: auto;
    }

    .reform__content {
        margin: 48px auto;
    }

    .reform__txt {
        width: 258px;
        height: auto;
        font-size: 1.6rem;
    }
}
/* PC 1025px */


/* ============================= 
access
==============================*/
.section--access {
    padding: 80px 28px;
}

.access__title {
    margin: 0 auto;
    color: #7E6D6D;
    font-family: Oswald;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 500;
}

.access__titleJp {
    margin: 5px auto 0;
    text-align: center;
    color: #7E6D6D;
    font-family: "Klee One";
    font-size: 1.5rem;
    font-weight: 400;
}

.access__topicPc,
.map__pc {
    display: none;
}

.access__item1 {
    margin: 56px auto 0;
    display: flex;
    align-items: center;
}

.access__item1 p,
.access__item2 p,
.access__item3 p,
.access__item4 p,
.access__item5 p,
.address {
    color: var(--brown, #7E6D6D);
    font-family: "Klee One";
    font-size: 1.6rem;
    white-space: nowrap;
}

.access__open,
.access__car,
.access__tel,
.access__address {
    margin-left: 15px;
}

.access__time {
    margin-left: 25px;
}

.access__item2 {
    margin: 10px auto 0;
    display: flex;
    align-items: center;
}

.access__week,
.access__dayoff {
    margin-left: 38px;
}

.access__item3,
.access__item4 {
    margin: 23px auto 0;
    display: flex;
    align-items: center;
}

.map__sp {
    display: block;
    margin: 32px auto;
    width: 290px;
    height: 290px;
}

.access__item5 {
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.address {
    margin-left: 39px;
}

.access__item7 {
    margin: 26px auto 0;
    line-height: 1.5;
}

.access__name {
    color: #7E6D6D;
    font-family: "Klee One";
    font-size: 1.8rem;
}

.access1,
.access2,
.access3 {
    color: #808080;
    font-family: "Klee One";
    font-size: 1.6rem;
    line-height: 1.5;
}

.access1,
.access3 {
    margin-top: 8px;
}

.access__item8 {
    margin: 30px auto 0;
    position: relative;
}

.access__item8::after {
    content: '';
    width: calc(98%);
    height: 1px;
    background-color: var(--brown);
    display: block;
    position: absolute;
    top: -15px;
}

.entryBtn {
    display: block;
    margin: 80px auto 0;
}

.tbbr {
    display: none;
}

/* access tablet */
@media screen and (min-width: 767px) {
    .section--access {
        padding: 81px 69px;
    }

    .access__title {
        font-size: 2.7rem;
        text-align: left;
    }

    .access__titleJp {
        font-size: 1.9rem;
        text-align: left;
    }

    .access__topicSp {
        display: none;
    }

    .access__topicPc,
    .map__pc {
        display: block;
    }

    .access__time {
        margin-right: 90px;
    }

    .access__address1 {
        margin-left: 15px;
        margin-right: 220px;
    }

    .access__item3 {
        margin-top: 25px;
    }

    .access__item4 {
        margin-top: 7px;
    }

    .map__pc {
        display: block;
        margin: 63px auto;
        height: 263px;
        width: 100%;
    }

    .tbbr {
        display: block;
    }

    .access__item8::after {
        width: 631px;
    }

    .entryBtn {
        padding: 0;
        margin: 0;
        margin-top: 109px;
    }
}/* tablet 767px */

/* access pc */
@media screen and (min-width: 1025px) {
    .section--access {
        padding: 120px 275px;
    }

    .access__title {
        font-size: 3.2rem;
        text-align: left;
    }

    .access__titleJp {
        font-size: 2.2rem;
        text-align: left;
    }

    .access__topicSp {
        display: none;
    }

    .access__topicPc,
    .map__pc {
        display: block;
    }

    .access__topicPc {
        padding: 43px 17px 0 86px;
    }

    .access__open,
    .access__time,
    .access__dayoff,
    .access__week,
    .access__car,
    .access__tel,
    .access__address,
    .address {
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .access__open {
        margin-left: 21px;
    }

    .access__time {
        margin-left: 47px;
        margin-right: 190px;
    }

    .access__car {
        margin-left: 21px;
    }

    .access__dayoff {
        margin-left: 45px;
    }

    .access__week {
        margin-left: 65px;
    }

    .access__item3 {
        margin-top: 25px;
    }

    .access__address1 {
        margin-left: 21px;
        margin-right: 328px;
    }

    .access__tel {
        margin-left: 21px;
    }

    .access__item4 {
        margin: 0;
    }

    .map__pc {
        margin: 30px auto;
        width: 819px;
        height: 354px;
    }

    .access__item7,
    .access__item8,
    .entryBtn {
        padding: 0 17px 0 86px;
    }

    .access__item8::after {
        content: '';
        width: calc(82%);
    }

    .entryBtn {
        margin: 84px 0 0;
    }
}/* PC 1025px */


/* ============================= 
footer
==============================*/
.footer {
    background-color: var(--green);
    padding: 58px 51px 0;
}

.footer__img {
    margin: 0 auto;
    width: 230px;
    height: 101px;
    text-align: center;
}

.footer__name {
    margin: 0 auto;
    color: #F0EBE3;
    font-family: "Klee One";
    font-size: 1.6rem;
    text-align: center;
}

.footer__nav {
    padding: 51px 57px;
    text-align: center;
}

.footer__items {
    margin-top: 15px;
}

.footer__items a {
    color: var(--gray, #D9D9D9);
    font-family: Oswald;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
}

.copy {
    padding: 0 51px 58px;
    margin: 0 auto;
    color: var(--gray);
    text-align: center;
    font-size: 1.3rem;
    font-weight: 300;
    letter-spacing: 1.69px;
}

/* footer tablet */
@media screen and (min-width: 767px) {
    .footer {
        padding: 33px 50px;
    }

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

    .footer__img {
        margin: 17px auto 10px;
        width: 207px;
        height: 91px;
    }

    .footer__logo {
        margin-right: 68px;
        margin-left: 20px;
    }

    .footer__name {
        font-size: 1.6rem;
        position: relative;
    }

    .footer__name::after {
        content: '';
        width: 1px;
        height: 174px;
        background-color: #F5F5F5;
        display: block;
        position: absolute;
        left: 285px;
        top: -121px;
    }

    .footer__nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0 31px;
        padding: 51px 0 51px 34px;
    }

    .copy {
        margin-top: 25px;
        padding: 0;
        text-align: left;
        letter-spacing: 1.69px;
    }
}/* tablet 767px */

/* footer pc */
@media screen and (min-width: 1025px) {
    .footer {
        min-width: 1440px;
        padding: 54px 103px;
    }

    .footer__group {
        display: flex;
        width: 100%;
        height: 208px;
        align-items: center;
    }

    .footer__img {
        margin: 36px auto 10px;
        width: 230px;
        height: 101px;
    }

    .footer__logo {
        margin-right: 82px;
    }

    .footer__name {
        font-size: 1.6rem;
        position: relative;
        white-space: nowrap;
    }

    .footer__name::after {
        content: '';
        width: 1px;
        height: 208px;
        background-color: #F5F5F5;
        display: block;
        position: absolute;
        left: 369px;
        top: -148px;
    }

    .footer__nav {
        display: flex;
        flex-wrap: wrap;
        padding: 92px 0 92px 82px;
        gap: 0 50px;
        align-items: center;
    }

    .copy {
        margin-top: 10px;
        text-align: left;
        padding: 0 0 25px;
    }
}/* PC 1025px */