@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-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: 100;
    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;
}

.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;
}

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

    .header__btn {
        display: none;
    }
}

/* header 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: -63px;
    }

    .open__title,
    .open__item,
    .dayoff__title,
    .dayoff__item {
        color: #224838;
        font-family: Oswald;
        font-size: 1.6rem;
        margin-top: 10px;
        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
==============================*/
.about__item {
    padding: 80px 50px;
}

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

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

.about__imgSP {
    margin: 37px auto 37px;
    display: block;
    width: 246px;
    height: 154px;
}

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

.about__imgPC {
    display: none;
}

.shopImg__pc,
.about__imgTab,
.shopImg__bottom {
    display: none;
}

.shopImg__sp {
    padding: 67px 5.6%;
}

.dot3,
.dot4 {
    display: none;
}

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

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

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

.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) {
    .about__item {
        padding: 81px 63px;
    }

    .about__title {
        font-size: 2.7rem;
    }

    .about__titleJp {
        font-size: 1.9rem;
    }

    .about__imgSP {
        display: none;
    }

    .about__imgTab {
        display: block;
        margin: 48px auto;
        width: 321px;
        height: 268px;
    }

    .about__txt {
        padding: 0 81px;
    }

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

    .shopImg__pc {
        display: block
    }

    .shopImg__top {
        display: flex;
        align-items: center;
        justify-content: 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;
        justify-content: 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: 106px 177px;
    }

    .about {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 0 39px;
    }

    .about__imgSP,
    .about__imgTab {
        display: none;
    }

    .about__imgPC {
        display: block;
        max-width: 466px;
        height: 413px;
    }

    .about__item {
        padding: 0;
        width: 601px;
    }

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

    .about__titleJp {
        font-size: 2.1rem;
        text-align: left;
        margin-bottom: 81px;
    }

    .about__txt {
        padding: 0;
    }

    .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;
        margin-top: 203px;
    }

    .shopimg1 {
        min-width: 483px;
        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 */


/* ============================= 
cafe
==============================*/
.cafe__item {
    padding: 80px 51px 0;
}

.cafe__title {
    color: var(--brown, #7E6D6D);
    text-align: center;
    font-family: Oswald;
    font-size: 2.5rem;
    font-weight: 500;
}

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

.cafe__img {
    margin: 21px auto 0;
    display: block;
    width: 153px;
    height: 48px;
}

.cafe__logo {
    display: block;
    margin: 79px auto 0;
    width: 165px;
    height: 32px;
}

.cafemenu {
    margin: 55px auto;
    padding: 0 51px 0;
}

.menu__title {
    color: #224838;
    text-align: center;
    font-family: "Cormorant Garamond";
    font-size: 2.6rem;
}

.menu__img {
    margin: 35px auto;
    width: 257px;
    height: 146px;
}

.menu__img img {
    display: block;
    width: 257px;
    height: 146px;
}

.menu__txt {
    color: var(--mainblack, #2A2A2A);
    font-family: "Klee One";
    font-size: 1.6rem;
    line-height: 1.5;
}

.sweets {
    margin-top: 79px;
}

.cafe__mill {
    margin: 83px auto 0;
    display: block;
    width: 95px;
    height: 145px;
}

.cafe__seatPC {
    display: none;
}

.cafe__seatSP {
    display: block;
    padding: 0 33px 0;
    margin: 40px auto 0;
    width: 100%;
    height: auto;
    z-index: 100;
    position: relative;
}

.cafe__back {
    display: block;
    margin: -139px auto;
    width: 100%;
    height: 181px;
}


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

    .cafe__img {
        margin: 37px auto 0;
    }

    .cafe__logo {
        margin: 37px auto;
    }

    .drink {
        margin: 96px auto 0;
    }

    .cafemenu {
        margin: 0;
        padding: 0;
    }

    .menu__txt {
        padding: 0 239px;
    }

    .sweets {
        margin: 79px auto 0;
    }

    .cafe__mill {
        margin: 96px auto 0;
    }

    .cafe__seatSP {
        display: none;
    }

    .cafe__seatPC {
        display: block;
        margin: 96px auto 0;
        width: 580px;
        height: 206px;
        z-index: 100;
        position: relative;
    }

    .cafe__back {
        margin: -120px auto;
        min-width: 768px;
    }
}/* tablet 767px */


/* cafe pc */
@media screen and (min-width: 1300px) {
    .cafe__item {
        padding: 120px 292px 0;
        display: flex;
        align-items: center;
    }

    .cafe__title {
        font-size: 3.2rem;
        font-weight: 500;
    }

    .cafe__titleJp {
        font-size: 2.2rem;
    }

    .cafe__img {
        margin: 12px 321px 0 176px;
    }

    .cafe__logo {
        margin: 75px auto 0;
        width: 289px;
        height: 56px;
    }

    .cafemenu {
        display: flex;
        justify-content: center;
        align-items: baseline;
        padding: 0 292px;
        margin: 68px auto;
        gap: 0 84px;
    }

    .drink {
        margin-top: 0;
    }

    .menu__title {
        margin-bottom: 81px;
    }

    .menu__img img {
        display: block;
        padding: 0;
    }

    .menu__txt {
        margin-top: 81px;
        padding: 0;
    }

    .sweets {
        margin-top: 0;
    }
    
    .cafe__mill {
        margin-top: 68px;
        margin-left: 45.7%;
    }

    .cafe__seatSP {
        display: none;
    }

    .cafe__seatPC {
        display: block;
        padding: 0 149px 0;
        margin: 75px auto 0;
        width: 100%;
        height: auto;
        z-index: 100;
        position: relative;
    }
    
    .cafe__back {
        display: block;
        margin: -306px auto;
        min-width: 1440px;
        height: 406px;
    }
}


/* ============================= 
flower
==============================*/
.section--flower {
    padding: 80px 33px;
    margin-top: 139px;
}

.flower__title {
    color: var(--brown, #7E6D6D);
    text-align: center;
    font-family: Oswald;
    font-size: 2.5rem;
    font-weight: 500;
}

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

.flower__img img {
    margin: 41px auto;
    display: block;
    padding: 0 45px 0;
    width: 100%;
    height: auto;
}

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

.flower__item {
    color: var(--mainblack, #2A2A2A);
    font-family: "Klee One";
    font-size: 1.6rem;
    font-weight: 400;
}

.flower__txt {
    margin-top: 20px;
    line-height: 1.5;
    color: var(--mainblack, #2A2A2A);
    font-family: "Klee One";
    font-size: 1.6rem;
    padding: 0 26px;
}

.flower__pc {
    display: none;
}

.flower__mainimg {
    margin-top: 71px;
    min-width: 100px;
}


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

    .flower__title {
        font-size: 2.7rem;
    }

    .flower__titleJp {
        font-family: 1.9rem;
    }

    .flower__img {
        margin: 10px auto 0;
    }

    .flower__img img {
        padding: 0 139px;
    }

    .flower__content {
        margin: 69px auto 0;
    }

    .flower__mainimg {
        margin: 69px auto 0;
    }

    .flower__sp {
        display: none;
    }

    .flower__pc {
        display: block;
    }

}

/* flower pc */
@media screen and (min-width: 1025px) {
    .section--flower {
        margin-top: 306px;
        padding: 120px 214px;
    }

    .flower__name {
        display: flex;
        align-items: center;
        justify-content: left;
        margin-left: 56px;
        padding: 0;
    }

    .flower__title {
        font-size: 3.2rem;
        font-weight: 500;
        text-align: left;
    }

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

    .flower__img img {
        margin: 0;
    }

    .flower__content {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 55px;
    }

    .flower__item {
        margin-top: 80px;
        width: 386px;
        height: auto;
    }

    .flower__mainimg {
        margin: 0;
    }

    .flower__sp {
        display: none;
    }

    .flower__pc {
        display: block;
        width: 490px;
        height: auto;
    }
}
 

/* ============================= 
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;
    line-height: 1.5;
    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;
}

.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;
}


/* 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 */

/* access pc */
@media screen and (min-width: 769px) {
    .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;
        padding: 92px 0 92px 82px;
        gap: 0 50px;
        align-items: center;
    }

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