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

　トップページ

###################################################################################### */
.pageIndex .wallBelt .titleBold{font-weight: 800;}

@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt .titleBold{font-size: 2.8rem;}
    .pageIndex .wallBelt .verticalLineTitle span{
        font-size: 3rem;
        padding-left: 0.05em;
    }
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt .titleBold{font-size: 2.0rem;}
}

/* ====================================================
　mainImg
==================================================== */
.pageIndex .mainImg{position: relative;}
.pageIndex .mainImg img{width: 100%; height: auto;}
.pageIndex .mainImg .instagram{position: fixed;}
.pageIndex .mainImg .online{
    position: fixed;
    z-index: 2;
}
.pageIndex .mainImg .online a{
    position: relative;
    display: block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.pageIndex .mainImg .online__text{
    position: absolute;
    top: 8.5em;
    left: 1em;
    mix-blend-mode: multiply;
}
.pageIndex .mainImg .news{
    position: fixed;
    left: 8%;
    width: 32%;
    z-index: 2;
}
.pageIndex .mainImg .news a{
    position:relative;
    color: #333;
    text-decoration: none;
    display: flex;
    background: #fff;
    border-radius: 2em;
    font-weight: 700;
    font-size: 0.88vw;
}
.pageIndex .mainImg .news a:after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.5em;
    width: 1em;
    height: 1em;
    background-size: contain;
    background-image: url(
    ../img/contents/index/arrow_r.svg);
    background-position: center center;
}
.pageIndex .mainImg .news .news__date{font-weight: 700; line-height: 1.25;}
.pageIndex .mainImg .news .news__title{font-weight: 700; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*.pageIndex .mainImg .news .news__title:after{
    content: "...";
}*/


/* Movie */

.pageIndex .mainImg {overflow:hidden;/* height: 100%; */}
.pageIndex .mainImg video {
    position: fixed;
    width:100%;
    height:100%;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.pageIndex .mainImg video {width: 100%; height: 100%; object-fit: cover;}
@media print, screen and (min-width: 768px) {
.pageIndex .mainImg .dummy {width:100%; height:100vh;}
}
@media screen and (max-width: 767px) {
.pageIndex .mainImg .dummy {width:100%; height:calc(100vh - 60px);}
}

@media print, screen and (min-width: 768px) {
    .pageIndex .mainImg .instagram{
        top: 18%;
        left: 2em;
        transform: translateY(-50%);
        width: 38px;
        height: 38px;
    }
    .pageIndex .mainImg .online{
        right: 3em;
        top: calc(23% + 2em);
        width: 13.15%;
        transform: translateY(-50%);
    }
    .pageIndex .mainImg .news{
        top: calc(50% - 19.5vw / 2);
        left: 4%;
        width: 32%;
        transform: translateY(-50%);
    }
    .pageIndex .mainImg .news a{padding: 0.5em 4em 0.6em 2.5em;}
    .pageIndex .mainImg .news .news__date{font-size: 0.88vw;margin-right: 1em;}
    .pageIndex .mainImg .news .news__title{font-size: 0.88vw;}
}
@media screen and (max-width: 767px) {
    .pageIndex .mainImg .instagram{
        top: 10%;
        left: 1em;
        width: 6.6vw;
        height: 6.6vw;
    }
    .pageIndex .mainImg .online{
        right: 1em;
        top: 55%;
        width: 26.66%;
    }
    .pageIndex .mainImg .news{
        top: 72%;
        left: 2%;
        width: 96%;
    }
    .pageIndex .mainImg .news a{padding: 0.5em 2em 0.6em 1.5em; border: 1px solid #afb4ce;}
    .pageIndex .mainImg .news .news__date{font-size: 1.1rem; margin-right: 1em;}
    .pageIndex .mainImg .news .news__title{font-size: 1.1rem;}
}




/* ====================================================
　pickup
==================================================== */
.pageIndex .wallBelt.pickup{
        position: fixed;
        width:100%;
        transform:translateY(-50%);
        margin:0;
        z-index: 1;
}
    .pageIndex .wallBelt.pickup .pickupTitle{color: #fff;}

@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt.pickup{top:50%;}
    .pageIndex .wallBelt.pickup .contents{max-width: 79.6%;}
    .pageIndex .wallBelt.pickup .pickupTitle{margin-bottom: 0.5em;font-size: 3.0rem;}
    .pageIndex .wallBelt.pickup .pickupSlide{margin-bottom: 0;}
    .pageIndex .wallBelt.pickup .slick-next {right:0;}
    .pageIndex .wallBelt.pickup .slick-prev {left:0;}
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.pickup{top:35%;}
    .pageIndex .wallBelt.pickup .pickupTitle{margin-bottom: 0;}
    .pageIndex .wallBelt.pickup .slick-next,
    .pageIndex .wallBelt.pickup .slick-prev {width:32px; height:32px;}
}






@media print {
    .pageIndex .mainImg,
    .pageIndex .mainImg .dummy {height:1000px;}
    .pageTopHide.hide{opacity: 1;}
    .pageIndex .mainImg .instagram {top: 210px;}
    .pageIndex .wallBelt.pickup {top: 530px;}
    .pageIndex .mainImg .online{top: 250px;}
    .pageIndex .mainImg .news{top: 320px;}
}


/* ====================================================
　store
==================================================== */
.pageIndex .wallBelt.store {background-color:#fff; position:relative; z-index:2;}
.pageIndex .wallBelt.store .contents{max-width: 1480px;}
.pageIndex .wallBelt.store .storeDetail__list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pageIndex .wallBelt.store .storeDetail__list li{width: 48%; margin-top: 0.9em;}
.pageIndex .wallBelt.store .storeDetail__list li:nth-of-type(1),
.pageIndex .wallBelt.store .storeDetail__list li:nth-of-type(2){
    margin-top: 0;
}
.pageIndex .wallBelt.store .storeDetail__list li a{
    text-align: center;
    display: block;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-weight: 500;
}


@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt.store{padding-top: 0; padding-bottom: 0;}
    .pageIndex .wallBelt.store .effect{padding-top: 7.5em; padding-bottom: 11em;}
    .pageIndex .wallBelt.store .storeTitle{margin-bottom: 1em;}
    .pageIndex .wallBelt.store .storeDetail{
        background: #e0e5e7;
        padding: 3.75em 1.5em;
        border-radius: 20px;
    }
    .pageIndex .wallBelt.store .storeDetail__inner{
        display: flex;
        justify-content:center;
        align-items: center;
        width: 100%;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }
    .pageIndex .wallBelt.store .storeDetail__list{width: 36%;}
    .pageIndex .wallBelt.store .storeDetail__list li a{
        padding: 0.8em 1em 0.85em;
        font-size: 2rem;
    }
    .pageIndex .wallBelt.store .storeDetail__slide{width: 100%;}
    .pageIndex .wallBelt.store .verticalLineTitle{display: none;}
}
@media print, screen and (min-width: 1701px) {
    .pageIndex .wallBelt.store .verticalLineTitle{display: block;}
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.store{}
    .pageIndex .wallBelt.store .verticalLineTitle {top: 2.5em;}
    .pageIndex .wallBelt.store .storeTitle{margin-bottom: 1.5em;}
    .pageIndex .wallBelt.store .storeDetail{
        background: #ececec;
        margin-left: -30px;
        margin-right: -30px;
        padding: 2em 3em;
    }
    .pageIndex .wallBelt.store .storeDetail__list{
        margin-bottom: 2em;
        padding-left: 2em;
        padding-right: 2em;
    }
    .pageIndex .wallBelt.store .storeDetail__list li a{
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 4em;
        padding: 0.25em 0.75em;
        font-size: 1.2rem;
    }
    .pageIndex .wallBelt.store .storeDetail__slide{
        width: 100%;
    }
    .pageIndex .wallBelt.store .verticalLineTitle:after{height: 100%; top: 17rem;}
    .pageIndex .wallBelt.store .verticalLineTitle span{background: none;}
}

/* ====================================================
　カウントダウン・バナー
==================================================== */
.pageIndex .wallBelt.storeBanner{background-color:#fff; position:relative; z-index:2;}
.pageIndex .wallBelt.storeBanner .top__banner{text-align: center;}
    
@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt.storeBanner{padding: 5em 0 0 0;}
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.storeBanner{padding: 3em 0;}
    .pageIndex .wallBelt.storeBanner .top__banner{padding: 0 25px;}
}

.pageIndex .wallBelt.storeBanner .cd-box{margin-bottom: 0!important;}
.pageIndex .wallBelt.storeBanner #bloc-banner-coupon + .top__banner{margin-top: 5em;}

/* ====================================================
　カウントダウン
==================================================== */
.pageIndex #bloc-banner-coupon {font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;}

/* ====================================================
　menu
==================================================== */
.pageIndex .wallBelt.menu{padding-top: 0; background-color:#fff; position:relative; z-index:2;}

@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt.menu .verticalSquareListWarp{
        display: flex;
        width: calc(200% + 190px);
    }
    .pageIndex .wallBelt.menu .verticalSquareList{
        margin-left: 0;
        margin-right: 0;
        width: calc(100% + 70px);
    }
    .pageIndex .wallBelt.menu .verticalSquareList + .verticalSquareList{
        margin-left: 25px;
    }
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.menu .verticalSquareListWarp{
        display: flex;
        width: calc(464% + 190px);
    }
    .pageIndex .wallBelt.menu .verticalSquareList{
        margin-left: 0;
        margin-right: 0;
        width: calc(232% + 70px);
    }
    .pageIndex .wallBelt.menu .verticalSquareList + .verticalSquareList{
        margin-left: 25px;
    }
}

/* ====================================================
　news
==================================================== */
.pageIndex .wallBelt.news{
    position: relative;
    padding-top: 8em;
    background-image: url(../img/contents/index/bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color:#fff;
    z-index:2;
}
.pageIndex .wallBelt.news .contents{max-width: 1120px;}
.pageIndex .wallBelt.news .storeTitle{
    margin-bottom: 1em;
}

@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt.news{padding-bottom: 47em;}
    .pageIndex .wallBelt.news .verticalLineTitle{
        top: 5em;
        height: calc(100% - 7em);
    }
    /*.pageIndex .wallBelt.news .verticalLineTitle{display: none;}*/
}
@media print, screen and (min-width: 1701px) {
    .pageIndex .wallBelt.news .verticalLineTitle{display: block;}
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.news{padding-bottom: 45em;}
    .pageIndex .wallBelt.news .verticalLineTitle{
        top: 3em;
        height: calc(100% - 3em);
    }
    .pageIndex .wallBelt.news .verticalLineTitle{top: 8em;}
    .pageIndex .wallBelt.news .verticalLineTitle:after{height: 100%; top: 12rem; }
    .pageIndex .wallBelt.news .verticalLineTitle span{background: none;}
}

/* ====================================================
　instagram
==================================================== */
.pageIndex .wallBelt.instagram{
    position: relative;
    z-index: 2;
    overflow: visible;
}

/*  linkList
-------------------------------------*/
.pageIndex .wallBelt.instagram .linkList__item:nth-of-type(1) a:after{background-image: url(../img/contents/index/link_01.jpg);}
.pageIndex .wallBelt.instagram .linkList__item:nth-of-type(2) a:after{background-image: url(../img/contents/index/link_02.jpg);}
.pageIndex .wallBelt.instagram .linkList__item:nth-of-type(3) a:after{background-image: url(../img/contents/index/link_03.jpg);}
.pageIndex .wallBelt.instagram .linkList__item:nth-of-type(4) a:after{background-image: url(../img/contents/index/link_04.jpg);}

@media print, screen and (min-width: 768px) {
    .pageIndex .wallBelt.instagram .linkList{margin-top: -34em;}
    .pageIndex .wallBelt.instagram iframe {height:min(calc(76vw / 3), 360px);}
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.instagram .linkList{padding-left: 1em; padding-right: 1em; margin-top: -40em;}
    .pageIndex .wallBelt.instagram iframe {height:calc(76vw / 3);}
}

/*  instagram
-------------------------------------*/
.pageIndex .wallBelt.instagram .instagramTitle{margin-bottom: 2em;}

.contents.instagramBox .article {
    justify-content:center;
    width:100%;
}

.insta__list {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:36px;
}

.insta__list__item{
    position: relative;
    overflow: hidden;
}
.insta__list a{
    position:absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
  }
  .insta__list img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
  }
.insta__list img:hover{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.15);
}

@media print, screen and (min-width: 768px) {
    .contents.instagramBox .article {width:100%;}
    .insta__list{justify-content: space-between;}
    .insta__list__item {width:calc(25% - 15px); padding-top:calc(25% - 15px);}
    .insta__list__item:nth-child(n+5){margin-top: 20px;}
}
@media screen and (max-width: 767px) {
    .pageIndex .wallBelt.instagram .instagramTitle{margin-bottom: 0.3em;}
    .contents.instagramBox .article { width:calc(100% + 40px); margin-left:-20px; margin-right:-20px;}
    .insta__list__item {width:calc(47% - 4px); padding-top:calc(47% - 4px); margin-top:30px;}
    .contents.insta .button.more {margin-left:20px; margin-right:20px;}
}


/* ######################################################################################

　YAMADASTOREについて

###################################################################################### */
.pageAbout.index{}


/* ######################################################################################

　経営理念（忘己利他）

###################################################################################### */
.pageAbout.philosophy{}
.pageAbout.philosophy .fixed-bg.lead:after{
    background-image: url(../img/contents/about/philosophy/bg.jpg);
    background-position: 50% 5%;
    background-size: cover;
}

@media screen and (max-width: 767px) {
  .pageAbout.philosophy .fixed-bg.lead:after{
    background-image: url(../img/contents/about/philosophy/bg_sp.jpg);
    background-position: 50% 3.5em;
  }
}


@media print {
    .pageAbout.philosophy .fixed-bg:after{
        background-image: url(../img/contents/about/philosophy/bg.jpg);
        background-position: 50% 5%;
        background-size: 100%;
    }
}




/* ====================================================
　lead
==================================================== */
.pageAbout.philosophy .fixed-bg.lead{height: 115vh;}
.pageAbout.philosophy .fixed-bg.lead .verticalLineTitle span{letter-spacing: 0.32em;}

@media print, screen and (min-width: 768px) {
    .pageAbout.philosophy .fixed-bg.lead{max-height: 80vw; min-height: 50vw;}
    .pageAbout.philosophy .fixed-bg.lead .verticalLineTitle{top: 18em;}
    .pageAbout.philosophy .fixed-bg.lead .verticalLineTitle:after{
        height: calc(100% - 32em);
    }
}
@media print, screen and (min-width: 961px) {
    .pageAbout.philosophy .fixed-bg.lead .verticalLineTitle:after{
        height: calc(100% - 37em);
    }
}
@media screen and (max-width: 767px) {
    .pageAbout.philosophy .fixed-bg.lead{max-height: 90vw;}
    .pageAbout.philosophy .fixed-bg.lead .verticalLineTitle{top: 2em;}
    .pageAbout.philosophy .fixed-bg.lead .verticalLineTitle:after{
        height: calc(100% - 14em);
        bottom: -2em;
    }
}

/* ====================================================
　philosophy
==================================================== */
.pageAbout.philosophy .scroll-bg.philosophy .titleNormal,
.pageAbout.philosophy .scroll-bg.philosophy .titleBold{text-align: center;}
.pageAbout.philosophy .scroll-bg.philosophy .titleBold.extra{margin-bottom: 0.5em;}
.pageAbout.philosophy .scroll-bg.philosophy .titleBold.extra .ruby{
    display: block;
    font-size: 47%;
    letter-spacing: 0.5em;
    font-weight: 400;
}


.pageAbout.philosophy .listSlideLink__list__inner:before{
    background: rgba(35, 24, 21, 0.3);
    mix-blend-mode: multiply;
}

.pageAbout.philosophy .listSlideLink__list__item:nth-of-type(1) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/philosophy/link_01.jpg);}
.pageAbout.philosophy .listSlideLink__list__item:nth-of-type(2) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/philosophy/link_02.jpg);}
.pageAbout.philosophy .listSlideLink__list__item:nth-of-type(3) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/philosophy/link_03.jpg);}



@media print, screen and (min-width: 768px) {
    .pageAbout.philosophy .scroll-bg.philosophy{
        margin-top: -5em;
        padding-top: 22em;
        padding-bottom: 3em;
        background-image: url(../img/contents/about/philosophy/bg_02.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        max-width:1920px;
        margin-left: auto;
        margin-right: auto;
    }
    .pageAbout.philosophy .scroll-bg.philosophy .titleBold.extra {font-size: 4.5rem; font-weight: 400;}
    .pageAbout.philosophy .scroll-bg.philosophy .titleBold.extra .ruby__base{
        position: relative;
        display: inline-block;
    }
    .pageAbout.philosophy .scroll-bg.philosophy .titleBold.extra .ruby{
        position: absolute;
        top: -1.5em;
        left: 0;
        width: 100%;
        font-size: 31%;
    }
    .pageAbout.philosophy .scroll-bg.philosophy .philosophyText{
        margin-bottom: 4em;
        font-size: 2.1rem;
        line-height: 2;
    }
    .pageAbout.philosophy .listSlideLink{position: relative; z-index: 3;}
}
@media screen and (max-width: 767px) {
    .pageAbout.philosophy .scroll-bg.philosophy{
        background-image: url(../img/contents/about/philosophy/bg_02_sp.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        padding-top: 12em;
        padding-bottom: 4em;
        z-index: 3;
    }
    .pageAbout.philosophy .scroll-bg.philosophy .titleBold.extra{
        border-bottom: 1px solid #333;
        padding-bottom: 0.75em;
        margin-bottom: 0.75em;
        font-size: 2.2rem;
        letter-spacing: 0;
        font-weight: 400;
    }
    .pageAbout.philosophy .scroll-bg.philosophy .titleBold.extra .ruby__base{
        position: relative;
        display: inline-block;
    }
    .pageAbout.philosophy .scroll-bg.philosophy .titleBold.extra .ruby{
        position: absolute;
        top: -1.5em;
        left: 0;
        width: 100%;
        font-size: 45.5%;
    }
    .pageAbout.philosophy .scroll-bg.philosophy .philosophyText{
        font-size: 1.4rem;
        line-height: 2.07;
    }
    .pageAbout.philosophy .listSlideLink {
        padding-top: 6em;
    }
}

/* ######################################################################################

　経営理念（忘己利他） topics

###################################################################################### */
.pageAbout.philosophy.topics{}
.pageAbout.philosophy.topics .contents .topics__more{border-top: 10px solid #324380;}
.pageAbout.philosophy.topics .contents .topics__more .button{
    box-shadow: 6px 3px 5px rgba(0, 0, 0, 0.1);
}
.pageAbout.philosophy.topics .contents.narrow .layoutRow__item.dot{position: relative;}
.pageAbout.philosophy.topics .contents.narrow .layoutRow__item.dot:before{
    content: "";
    width: 20px;
    height: 20px;
    background: #c0c9cf;
    border-radius: 20px;
    position: absolute;
    top: -10em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

@media print, screen and (min-width: 768px) {
    .pageAbout.philosophy.topics .contentsBase{padding-top: 12em;}
    .pageAbout.philosophy.topics .contents.narrow{max-width: 1268px; margin: 8% auto;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item{ align-items: flex-start;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.last{
        margin-top: 17.5em;
    }
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item .layoutRow__title{font-size: 2.7rem; margin-bottom: 1.5em; letter-spacing: 0.1em;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item .layoutRow__text{font-size: 1.9rem; font-feature-settings: "palt"; line-height: 2; letter-spacing: 0.08em;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item .topics__caption{
        font-size: 1.1rem;
        line-height: 1.5;
        text-align:  right;
        margin-top: 1.5em;
    }
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.flexend{align-items: flex-end;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.flexend img{border-radius: 0;}
    .pageAbout.philosophy.topics .contents .topics__more{margin-top: 11.5em; padding-top: 7.5em; padding-bottom: 5em;}
    .pageAbout.philosophy.topics .contents .topics__more .topics__more__title{max-width: 237px; margin: 0 auto;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.middle .layoutRow__img{width: 48%;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.wide .layoutRow__img{width: 54%;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.wide .layoutRow__detail{width: 43%;}
  
    
    /*いかなご*/
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.ikanago{flex-wrap: wrap;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.ikanago .layoutRow__title{width: 100%;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.ikanago img{border-radius: 0;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.ikanago .layoutRow__img{width: 40%;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.ikanago .layoutRow__detail{width: 50%;}
    .pageAbout.ikanago.philosophy.topics .contents.narrow .layoutRow__item .topics__caption{
        font-size: 1.6rem;
        line-height: 1.5;
        text-align:  right;
        margin-top: 1.5em;
        color: #DB0003;
        font-feature-settings: "palt";
    }
    
    /*牛乳のみ*/
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.milk .layoutRow__img{display: flex; justify-content: flex-start;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.milk .layoutRow__img picture + picture{margin-left: 45px;}
    
    
}
@media screen and (max-width: 767px) {
    .pageAbout.philosophy.topics .contents.topics{width: 100%; padding: 0 0;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.dot:before{
        width: 13px;
        height: 13px;
        border-radius: 13px;
        top: -4.25em;
        }
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.sp-dot{position: relative;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.sp-dot:before{
        content: "";
        width: 13px;
        height: 13px;
        border-radius: 13px;
        top: -4.25em;
        background: #c0c9cf;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }


    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item{margin-top: 6em;flex-direction: column-reverse;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.reserve{flex-direction: column-reverse;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item .layoutRow__img{margin-top: 3em;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item .layoutRow__title{font-size: 2.2rem; margin-bottom: 1.5em; letter-spacing: 0.1em;}

    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item .layoutRow__text{font-size: 1.4rem; font-feature-settings: "palt"; line-height: 2;}    
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item .topics__caption{
        font-size: 1rem;
        line-height: 1.5;
        text-align:  center;
        margin-top: 1.5em;
        font-feature-settings: "palt";
    }
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item .topics__caption.sp-right{
        text-align:  right;
    }
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.flexend img{border-radius: 0; text-align: right;}
    .pageAbout.philosophy.topics .contents .topics__more{margin-top: 5em; padding-top: 5em; padding-bottom: 7em;}
    .pageAbout.philosophy.topics .contents .topics__more .topics__more__title{max-width: 237px; margin: 0 auto;}
    .pageAbout.philosophy.topics .contents .topics__more .listButtnLink{text-align: center;}
    
    /*いかなご*/
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.ikanago img{border-radius: 0;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.ikanago{flex-direction: column;}
    .pageAbout.ikanago.philosophy.topics .contents.narrow .layoutRow__item .topics__caption{
        color: #DB0003;
        font-feature-settings: "palt";
    }
    
    /*牛乳のみ*/
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.milk .layoutRow__img{display: flex; justify-content: space-between;}
    .pageAbout.philosophy.topics .contents.narrow .layoutRow__item.milk .layoutRow__img picture{width: 46%;}
    
    

}



/* ######################################################################################

　お客様満足

###################################################################################### */
.pageAbout.satisfaction{}



/* ######################################################################################

　お取引様満足

###################################################################################### */
.pageAbout.partner{}

.pageAbout.partner .partnerContents__img img{border-radius: 1.5em;}

@media print, screen and (min-width: 768px) {
    .pageAbout.partner .partnerContents{display: flex; justify-content: space-between;}
    .pageAbout.partner .partnerContents__detail{
        width: 61%;
        display: flex;
        flex-direction: column;
    }
    .pageAbout.partner .partnerContents__img{width: 34.4%;}

    .pageAbout.partner .partnerContents__photo{
        display: flex;
        justify-content: space-between;
        margin-top: auto;
    }
    .pageAbout.partner .partnerContents__photo__item{width: 47%;}
    .pageAbout.partner .partnerContents__photo__item img{
        width: 100%;
        height: auto;
        border-radius: 1.5em;
    }
}
@media screen and (max-width: 767px) {
    .pageAbout.partner .partnerContents{display: flex; flex-direction: column-reverse;}
    .pageAbout.partner .partnerContents__detail{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .pageAbout.partner .partnerContents__img{margin-bottom: 1.3em;}
    .pageAbout.partner .partnerContents__photo{
        display: flex;
        justify-content: space-between;
        margin-top: auto;
    }
    .pageAbout.partner .partnerContents__photo.sp{margin-bottom: 2.7em;}
    .pageAbout.partner .partnerContents__photo__item{width: 47.5%;}
    .pageAbout.partner .partnerContents__photo__item img{
        width: 100%;
        height: auto;
        border-radius: 1.5em;
        
    }
    .pageAbout.partner .partnerContents__title.titleBold{
        text-align: center;
        font-size: 2.2rem;
    }
}



/* ######################################################################################

　地域経済の発展

###################################################################################### */
.pageAbout.local{}
.pageAbout.local .layoutColumn__title{letter-spacing: 0.15em;}
.pageAbout.local .layoutColumn__text{letter-spacing: 0;}


@media print, screen and (min-width: 768px) {
    /* ====================================================
     localImg
    ==================================================== */
    .pageAbout.local .localImg{position: relative; margin-left: -16.1%;}
    .pageAbout.local .localImg img{ border-radius: 0 20px 20px 0;}
    .pageAbout.local .localImg__text{
        position: absolute;
        top: 50%;
        right: -2em;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.8);
        padding: 4em 3em;
        width: 40%;
        border-radius: 1.5em;
        min-width: 400px;
    }
    .pageAbout.local .localImg__text p{
        font-size: 1.6rem;
        letter-spacing: 0.2em;
    }

    /* ====================================================
     localContact
    ==================================================== */
    .pageAbout.local .localContact{
        display: flex;
        justify-content: space-between;
        margin-top: 6em;
        padding-top: 2.5em;
        border-top: 1px solid #333;
    }
    .pageAbout.local .localContact__text{
        font-size: 1.9rem;
        line-height: 1.789;    
    }
    /* ====================================================
     listSlideLink
    ==================================================== */
    .pageAbout.local .listSlideLink__list__item .listSlideLink__list__inner:before{
        background-color: rgba(0, 0, 0, 0.17);
        mix-blend-mode: color-burn;
    }
    .pageAbout.local .listSlideLink__list__item:nth-of-type(1) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/important/local/img_04.jpg);}
    .pageAbout.local .listSlideLink__list__item:nth-of-type(2) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/important/local/img_05.jpg);}
    .pageAbout.local .listSlideLink__list__item:nth-of-type(3) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/important/local/img_06.jpg);}
    .pageAbout.local .listSlideLink__list__item:nth-of-type(4) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/important/local/img_07.jpg);}


}
@media screen and (max-width: 767px) {
    /* ====================================================
     localImg
    ==================================================== */
    .pageAbout.local .localImg img{ border-radius: 20px; margin-bottom: 4em;}
    .pageAbout.local .layoutColumn{
        flex-direction: column;
    }
    .pageAbout.local .layoutColumn__item{width: 100%;}
    .pageAbout.local .layoutColumn__item + .layoutColumn__item{margin-top: 6.5em;}
    .pageAbout.local .layoutColumn__title{font-size: 2.2rem; text-align: center; letter-spacing: 0.1em;}
    .pageAbout.local .layoutColumn__img {margin-bottom: 2em;}
    
    .pageAbout.local .localContact__text{margin: 3em 1em 0 1em; border-top: 1px solid #333333; padding-top: 3em;}
    .pageAbout.local .localContact__btn{margin-top: 3em;}
    
    /* ====================================================
     listSlideLink
    ==================================================== */
    .pageAbout.local .listSlideLink__list__item:nth-of-type(1) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/important/local/img_04_sp.jpg);}
    .pageAbout.local .listSlideLink__list__item:nth-of-type(2) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/important/local/img_05_sp.jpg);}
    .pageAbout.local .listSlideLink__list__item:nth-of-type(3) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/important/local/img_06_sp.jpg);}
    .pageAbout.local .listSlideLink__list__item:nth-of-type(4) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/important/local/img_07_sp.jpg);}

}
  



/* ######################################################################################

　相互依存宣言（6本の柱）

###################################################################################### */
.pageAbout.important{}


@media print, screen and (min-width: 768px) {
    .pageAbout.important .fixed-bg.lead:after{
        background-image: url(../img/contents/about/important/bg.jpg);
        background-position: 50% 0;
        background-size: cover;
    }
    .pageAbout.important .scroll-bg.round{max-width: 1920px; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 767px) {
    .pageAbout.important .fixed-bg.lead:after{
        background-image: url(../img/contents/about/important/bg_sp.jpg);
        background-position: 50% 3.5em;
        background-size: cover;
    }
    .pageAbout.important .fixed-bg.bg.leftLine{padding: 12em 0;}
}

@media print {
    .pageAbout.important .fixed-bg:after{
        background-image: url(../img/contents/about/important/bg_sp.jpg);
        background-position: 50% 3.5em;
        background-size: 100%;
    }
}


/* ====================================================
　lead
==================================================== */
.pageAbout.important .fixed-bg.lead .verticalLineTitle span{letter-spacing: 0.32em;}

@media print, screen and (min-width: 768px) {
    .pageAbout.important .fixed-bg.lead{height: 115vh; max-height: 80vw;}
    .pageAbout.important .fixed-bg.lead .verticalLineTitle{top: 18em;}
    .pageAbout.important .fixed-bg.lead .verticalLineTitle:after{height: calc(100% - 40em);}
}
@media screen and (max-width: 767px) {
    .pageAbout.important .fixed-bg.lead{height: 115vh; max-height: 86vw;}
    .pageAbout.important .fixed-bg.lead .verticalLineTitle{top: 1em;}
    .pageAbout.important .fixed-bg.lead .verticalLineTitle:after{
        height: calc(100% - 14em);
        bottom: -2.75em;
    }
}





/* ====================================================
　important
==================================================== */
.pageAbout.important .scroll-bg.important .titleNormal,
.pageAbout.important .scroll-bg.important .titleBold.extra{text-align: center;}
.pageAbout.important .scroll-bg.important .titleNormal{margin-bottom: 0.5em;}

@media print, screen and (min-width: 768px) {
    .pageAbout.important .scroll-bg.important .titleBold.extra{margin-bottom: 0.7em;}
    .pageAbout.important .scroll-bg.important .importantText{font-size: 2.1rem; line-height: 2;}
}
@media screen and (max-width: 767px) {
    .pageAbout.important .scroll-bg.important .importantText{font-size: 1.4rem; line-height: 2;}
}


/* declaration
-------------------------------------*/
.pageAbout.important .scroll-bg.important .declaration{
    margin-bottom: 2.5em;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
}
.pageAbout.important .scroll-bg.important .declaration__img__caption{text-align: center; margin-top: 1em;}
.pageAbout.important .scroll-bg.important .declaration__text .titleBold{letter-spacing: 0.3em;}
.pageAbout.important .scroll-bg.important .declaration__text p{line-height: 2.66; letter-spacing: 0.25em;}

@media print, screen and (min-width: 768px) {
    .pageAbout.important .scroll-bg.important{padding-bottom: 6.5em;}
    .pageAbout.important .scroll-bg.important .declaration{
        display: flex;
        justify-content: space-between;
        padding: 3em 6em;
    }
    .pageAbout.important .scroll-bg.important .declaration__img{width: 30%;}
    .pageAbout.important .scroll-bg.important .declaration__text{width: 70%;}
    .pageAbout.important .scroll-bg.important .declaration__text .titleBold{margin-bottom: 0.5em; font-size: 4.9rem;}
    .pageAbout.important .scroll-bg.important .declaration__text p{font-size: 2.5rem;}
    .pageAbout.important .scroll-bg.important .declaration__img__caption{font-size: 1.7rem; line-height: 1.4;}
    .pageAbout.important .scroll-bg.important .declaration__img__caption .large{font-size: 2.9rem;}
}
@media screen and (max-width: 767px) {
    .pageAbout.important .scroll-bg.important .declaration{padding-top: 3em;}
    .pageAbout.important .scroll-bg.important .declaration__img{margin-top: 2em; margin-bottom: 3em; text-align: center;}
    .pageAbout.important .scroll-bg.important .declaration__img img{max-width: 141px;}
    .pageAbout.important .scroll-bg.important .declaration__img__caption{font-size: 1.6rem; line-height: 1.4;}
    .pageAbout.important .scroll-bg.important .declaration__img__caption .large{font-size: 2.5rem;}
    .pageAbout.important .scroll-bg.important .declaration__text .titleBold{margin-bottom: 0.25em; font-size: 3.2rem; text-align: center;}
    .pageAbout.important .scroll-bg.important .declaration__text p{
        text-align: center;
        font-size: 1.6rem;
        letter-spacing: 0.02em;
        line-height: 2.3;
    }
}



/* ====================================================
　link
==================================================== */
.pageAbout.important .scroll-bg.link .widePhotoLink__list__item:before{background-color: transparent; mix-blend-mode: normal;background-size: cover;}
.pageAbout.important .scroll-bg.link .widePhotoLink__list__text{position: relative;}

@media print, screen and (min-width: 768px) {
    .pageAbout.important .scroll-bg.link{padding-top: 3em; padding-bottom: 0;}
    .pageAbout.important .scroll-bg.link .titleBold.extra{margin-bottom: 1em;}

    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item .widePhotoLink__list__inner{position: relative;background-size: cover;}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item .widePhotoLink__list__inner:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(19, 19, 19, 0.75);
    }
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(1):before{background-image: url(../img/contents/about/important/link_01.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(2):before{background-image: url(../img/contents/about/important/link_02.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(3):before{background-image: url(../img/contents/about/important/link_03.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(4):before{background-image: url(../img/contents/about/important/link_04.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(5):before{background-image: url(../img/contents/about/important/link_05.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(6):before{background-image: url(../img/contents/about/important/link_06.jpg);}

    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(1) .widePhotoLink__list__inner{background-image: url(../img/contents/about/important/link_01_bg.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(2) .widePhotoLink__list__inner{background-image: url(../img/contents/about/important/link_02_bg.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(3) .widePhotoLink__list__inner{background-image: url(../img/contents/about/important/link_03_bg.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(4) .widePhotoLink__list__inner{background-image: url(../img/contents/about/important/link_04_bg.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(5) .widePhotoLink__list__inner{background-image: url(../img/contents/about/important/link_05_bg.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(6) .widePhotoLink__list__inner{background-image: url(../img/contents/about/important/link_06_bg.jpg);}
}
@media screen and (max-width: 767px) {
    .pageAbout.important .scroll-bg.link{
        padding-top: 2em;
        padding-bottom: 0;
    }
    .pageAbout.important .scroll-bg.link .widePhotoLink .titleBold{font-size: 3rem;}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item{padding-top: 0;}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item .widePhotoLink__list__button{margin-top: 2.5em;}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item .widePhotoLink__list__inner{padding: 0 0 2.5em;background-size: cover;}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item .widePhotoLink__list__inner:before{
        content: "";
        position: relative;
        display: block;
        width: 100%;
        top: 0;
        left: -100%;
        width: 100%;
        height: 64.53vw;
        background-color: rgba(0, 0, 0, 0.75);
        background-size: contain;
    }
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(1) .widePhotoLink__list__inner:before{background-image: url(../img/contents/about/important/link_01_sp.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(2) .widePhotoLink__list__inner:before{background-image: url(../img/contents/about/important/link_02_sp.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(3) .widePhotoLink__list__inner:before{background-image: url(../img/contents/about/important/link_03_sp.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(4) .widePhotoLink__list__inner:before{background-image: url(../img/contents/about/important/link_04_sp.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(5) .widePhotoLink__list__inner:before{background-image: url(../img/contents/about/important/link_05_sp.jpg);}
    .pageAbout.important .scroll-bg.link .widePhotoLink__list__item:nth-of-type(6) .widePhotoLink__list__inner:before{background-image: url(../img/contents/about/important/link_06_sp.jpg);}
}




/* ====================================================
　more
==================================================== */
.pageAbout.important .fixed-bg.more{background: #b1bdc4;}
.pageAbout.important .fixed-bg.more .button{box-shadow: 1px 4px 20px rgba(0, 0, 0, 0.1);}

@media print, screen and (min-width: 768px) {
    .pageAbout.important .fixed-bg.more{padding: 6.5em 0;}
}
@media screen and (max-width: 767px) {
    .pageAbout.important .fixed-bg.more{padding: 4em 0;}
    .pageAbout.important .fixed-bg.more .listButtnLink__item{text-align: center;}
    .pageAbout.important .fixed-bg.more .button{font-size: 1.8rem;}
}




/* ######################################################################################

　企業価値

###################################################################################### */
.pageAbout.value{}




/* ######################################################################################

　地球環境の保全

###################################################################################### */
.pageAbout.environment{}







/* ######################################################################################

　健康の考え方

###################################################################################### */
.pageAbout.health .fixed-bg.lead:after{
    background-position: 50% 0;
    background-size: cover;
    background-position: center;
    height: 100vh;
}

@media print, screen and (min-width: 768px) {
    .pageAbout.health .scroll-bg.round {max-width:1920px; margin-left: auto; margin-right: auto;}
    .pageAbout.health .fixed-bg.lead{padding: 34em 0;}
    .pageAbout.health .fixed-bg.lead:after{
        background-image: url(../img/contents/about/health/bg.jpg);
    }
    .pageAbout.health .fixed-bg:after{
        top: 50px;  
    }
}
@media screen and (max-width: 767px) {
    .pageAbout.health .fixed-bg.lead{padding: 13em 0;}
    .pageAbout.health .fixed-bg.lead:after{
        background-image: url(../img/contents/about/health/bg_sp.jpg);
    }
}

@media print {
    .pageAbout.health .fixed-bg:after{
        background-image: url(../img/contents/about/health/bg.jpg);
        background-size: 100%!important;
        background-position: center top!important;
        background-repeat: no-repeat!important;
    }
}




/* ====================================================
　lead
==================================================== */
.pageAbout.health .fixed-bg.lead .verticalLineTitle span{letter-spacing: 0.32em;}

@media print, screen and (min-width: 768px) {
    .pageAbout.health .fixed-bg.lead .verticalLineTitle{top: 18em;}
    .pageAbout.health .fixed-bg.lead .verticalLineTitle:after{height: calc(100% - 43em);}
    
}
@media screen and (max-width: 767px) {
    .pageAbout.health .fixed-bg.lead .verticalLineTitle{top: 2em;}
    .pageAbout.health .fixed-bg.lead .verticalLineTitle:after{   
        height: calc(100% - 15em);
        bottom: -3em;
    }
}



/* ====================================================
　health
==================================================== */
.pageAbout.health .scroll-bg.health .titleNormal{text-align: center;}

@media print, screen and (min-width: 768px) {
    .pageAbout.health .scroll-bg.health .titleNormal{letter-spacing: 0.2em;}
    .pageAbout.health .scroll-bg.health .healthText{font-size: 2.1rem; line-height: 2;}
}
@media screen and (max-width: 767px) {
    .pageAbout.health .scroll-bg.health .titleNormal{
        padding-bottom: 1.5em;
        margin-bottom: 1.5em;
        border-bottom: 1px solid #333333;
        font-size: 2.1rem;
        letter-spacing: 0;
    }
    .pageAbout.health .scroll-bg.health .healthText{font-size: 1.4rem; line-height: 2;}
}





/* ====================================================
　commitment
==================================================== */
.pageAbout.health .scroll-bg.commitment .titleBold.extra{text-align: center;}
.pageAbout.health .scroll-bg.commitment .layoutRow__item{align-items: normal;}
.pageAbout.health .scroll-bg.commitment .layoutRow__img{position: relative; border-radius: 20px; overflow: hidden;}
.pageAbout.health .scroll-bg.commitment .layoutRow__img:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    transition: transform ease 0.25s;
    background: rgba(174, 174, 174, 0);
    mix-blend-mode:multiply;
    z-index: 2;
}
.pageAbout.health .scroll-bg.commitment .layoutRow__img img{width: 100%;}


.pageAbout.health .scroll-bg.commitment .layoutRow__detail{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.pageAbout.health .scroll-bg.commitment .layoutRow__title{position: relative; width: 100%; color: #4d8498;}
.pageAbout.health .scroll-bg.commitment .layoutRow__title:before{
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.pageAbout.health .scroll-bg.commitment .layoutRow__title .num{
    font-style: italic;
    margin-right: 0.5em;
    font-size: 5.9rem;
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 0.1em;
}


@media print, screen and (min-width: 768px) {
    .pageAbout.health .scroll-bg.commitment{padding-top: 6em; padding-bottom: 0;}
    .pageAbout.health .scroll-bg.commitment .contents{max-width: 1160px;}
    .pageAbout.health .scroll-bg.commitment .titleBold.extra{margin-bottom: 0.5em; letter-spacing: 0.48em;}
    .pageAbout.health .scroll-bg.commitment .titleBorder{font-size: 3.7rem; line-height: 1.5;}
    .pageAbout.health .scroll-bg.commitment .layoutRow{padding-bottom: 8em;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__item{margin-top: 8em;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__item:first-child{margin-top: 4em;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__item{align-items: normal;}

    .pageAbout.health .scroll-bg.commitment .layoutRow__img{width: 44%;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__detail{width: 50%;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__img__title.sp{display: none;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__title{
        margin-bottom: 0.75em;
        font-size: 3.5rem;
        letter-spacing: 0.1em;
        line-height: 1.73;
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__text{font-size: 2.1rem;letter-spacing: 0;line-height: 2;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__text.blue{
        font-size: 2.3rem;
        color: #3E739D;
        background: #F0F5F6;
        border-radius: 14px;
        width: 100%;
        padding: 0.75em 1.5em;
        line-height: 1.5;
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__btn .button{font-size: 2.4rem; padding: 0.6em 4.5em 0.5em 1.5em;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__btn .button:after{
        transform: skew(56deg);
        right: 1.5em;
        width: 2.5em;
        height: 11px;
    }

    .pageAbout.health .scroll-bg.commitment .layoutRow__item:nth-of-type(1) .layoutRow__title:before{
        background-image: url(../img/contents/about/health/illust_01.png);
        top: -1.25em;
        width: 4.88em;
        height: 3.5em;
        right: 0;
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__item:nth-of-type(2) .layoutRow__title:before{
        background-image: url(../img/contents/about/health/illust_02.png);
        top: -1.5em;
        right: -1em;
        width: 4.33em;
        height: 3.75em;
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__item:nth-of-type(3) .layoutRow__title:before{
        background-image: url(../img/contents/about/health/illust_03.png);
        top: -2.5em;
        right: 0;
        width: 5.92em;
        height: 4.75em
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__item:nth-of-type(4) .layoutRow__title:before{
        background-image: url(../img/contents/about/health/illust_04.png);
        top: -1.5em;
        right: -1em;
        width: 4.25em;
        height: 4em;
    }
}

@media screen and (max-width: 767px) {
    .pageAbout.health .scroll-bg.commitment{padding-bottom: 0;}
    .pageAbout.health .scroll-bg.commitment .contents{padding-bottom: 6em;}
    .pageAbout.health .scroll-bg.commitment .titleBold.extra{margin-bottom: 0.75em; font-size: 3rem; letter-spacing: 0.1em;}
    .pageAbout.health .scroll-bg.commitment .titleBorder{border-bottom: none; line-height: 1.5;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__item{margin-top: 2em; max-width: 95%; margin-left: auto; margin-right: auto;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__item + .layoutRow__item{margin-top: 5em;}

    .pageAbout.health .scroll-bg.commitment .layoutRow__title.pc{
        text-indent: -9999px;
        padding-top: 4em;
        margin-bottom: 0.5em;
    }

    .pageAbout.health .scroll-bg.commitment .layoutRow__img{margin-bottom: 0;position: relative;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__img__title{
        text-align: center;
        display: block;
        margin-bottom: 0;
        margin-top: 1em;
        font-size: 2.2rem;
        color: #4D8498;
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__img__title .num{
        text-align: center;
        display: block;
        margin-bottom: 0;
        font-size: 3.8rem;
        font-style: italic;
        line-height: 1;
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__text{font-size: 1.4rem; line-height: 2;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__text.blue{
        font-size: 1.4rem;
        line-height: 1.75;
        color: #3E739D;
        background: #F0F5F6;
        border-radius: 3.5em;
        padding: 2.5em 1.5em;
        letter-spacing: 0;
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__btn{text-align: center; width: 100%;}
    .pageAbout.health .scroll-bg.commitment .layoutRow__btn .button{font-size: 1.4rem;}

    .pageAbout.health .scroll-bg.commitment .layoutRow__item:nth-of-type(1) .layoutRow__title:before{
        background-image: url(../img/contents/about/health/illust_01.png);
        bottom: 0;
        left: 50%;
        width: 8em;
        height: 6em;
        transform: translateX(-50%);
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__item:nth-of-type(2) .layoutRow__title:before{
        background-image: url(../img/contents/about/health/illust_02.png);
        bottom: 0;
        left: 50%;
        width: 8em;
        height: 6em;
        transform: translateX(-50%);
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__item:nth-of-type(3) .layoutRow__title:before{
        background-image: url(../img/contents/about/health/illust_03.png);
        bottom: 0;
        left: 50%;
        width: 8em;
        height: 6em;
        transform: translateX(-50%);
    }
    .pageAbout.health .scroll-bg.commitment .layoutRow__item:nth-of-type(4) .layoutRow__title:before{
        background-image: url(../img/contents/about/health/illust_04.png);
        bottom: 0;
        left: 50%;
        width: 8em;
        height: 6em;
        transform: translateX(-50%);
    }
}



/* pointBox */
.pageAbout.health .scroll-bg.commitment .pointBox{
    margin-top: 3em;
    padding: 2em 2.75em;
    border: 1px solid #4D8498;
    border-radius: 15px;
    box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.05);
}
.pageAbout.health .scroll-bg.commitment .pointBox__title{
    text-align: center;
    color: #4D8498;
}
.pageAbout.health .scroll-bg.commitment .pointBox__list__item{
    color: #4D8498;
}
.pageAbout.health .scroll-bg.commitment .pointBox__list__item .point{
    margin-right: 1em;
    background: #4D8498;
    color: #fff;
    border-radius: 2em;
}

@media print, screen and (min-width: 768px) {
    .pageAbout.health .scroll-bg.commitment .pointBox__title{margin-bottom: 0.75em; font-size: 2.8rem;}
    .pageAbout.health .scroll-bg.commitment .pointBox__list__item{font-size: 1.9rem;}
    .pageAbout.health .scroll-bg.commitment .pointBox__list__item .point{
        font-size: 1.4rem;
        font-style: italic;
        padding: 0.35em 1em 0.25em;
        margin-bottom: 0.5em;
    }
    .pageAbout.health .scroll-bg.commitment .pointBox__list__item + .pointBox__list__item{margin-top: 1em;}
}
@media screen and (max-width: 767px) {
    .pageAbout.health .scroll-bg.commitment .pointBox__title{font-size: 2rem; margin-bottom: 1em;}
    .pageAbout.health .scroll-bg.commitment .pointBox__list__item .point{
        display: block;
        text-align: center;
        margin-right: 0;
        margin-bottom: 0.5em;
        padding: 0.25em 1em 0;
        line-height: 1.5;
        font-style: italic;
    }
    .pageAbout.health .scroll-bg.commitment .pointBox__list__item + .pointBox__list__item{
        margin-top: 1em;
    }
    .pageAbout.health .scroll-bg.commitment .pointBox__list__item{font-size: 1.4rem; line-height: 1.78;}
}




.pageAbout.health .scroll-bg.change .layoutColumn{margin-top: 1em; margin-bottom: 10em;}
.pageAbout.health .scroll-bg.change .layoutColumn__img{margin-bottom: 1.5em;}
.pageAbout.health .scroll-bg.change .layoutColumn__title{text-align: center; letter-spacing: 0.1em; font-size: 2.3rem; line-height: 1.47;}
.pageAbout.health .scroll-bg.change .layoutColumn__text{line-height: 1.75;}


@media print, screen and (min-width: 768px) {
    .pageAbout.health .scroll-bg.change{padding-top: 8em; padding-bottom: 0;}
    .pageAbout.health .scroll-bg.change .layoutColumn__item{margin-top: 4em;}
    .pageAbout.health .scroll-bg.change .titleBorder{font-size: 3.7rem; letter-spacing: 0.05em;}
    .pageAbout.health .scroll-bg.change .titleBorder + p{font-size: 2.1rem; letter-spacing: 0.075em;}
    .pageAbout.health .scroll-bg.change .layoutColumn{margin-top: 1em; margin-bottom: 10em;}
}
@media screen and (max-width: 767px) {
    .pageAbout.health .scroll-bg.change{padding-top: 4em;padding-bottom: 0;}
    .pageAbout.health .scroll-bg.change .layoutColumn__item{margin-top: 3em;}
    .pageAbout.health .scroll-bg.change .titleBorder{font-size: 2.2rem;letter-spacing: 0.05em;padding: 0;border: none;margin-bottom: 1.35em;}
    .pageAbout.health .scroll-bg.change .titleBorder + p{font-size: 1.4rem; letter-spacing: 0.075em;}
    .pageAbout.health .scroll-bg.change .layoutColumn{margin-top: 1em; margin-bottom: 7em;}
}






/* ====================================================
　link
==================================================== */
.pageAbout.health .listSlideLink__list__item:nth-of-type(1) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/health/img_04.jpg);}
.pageAbout.health .listSlideLink__list__item:nth-of-type(2) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/health/img_05.jpg);}
.pageAbout.health .listSlideLink__list__item:nth-of-type(3) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/health/img_06.jpg);}
.pageAbout.health .listSlideLink__list__inner:before{background-color: rgba(0, 0, 0, 0.25);}



@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
    .pageAbout.health .listSlideLink__list__item:nth-of-type(1) .listSlideLink__list__inner:after{background-image: url(../img/contents/about/health/img_04_sp.jpg);}
    .pageAbout.health .fixed-bg.link .titleBold{color: #000;}
}




/* ######################################################################################

　健康の考え方 下層ページ共通

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .pageAbout.organic-food .baseColumn__inner,
    .pageAbout.eat .baseColumn__inner,
    .pageAbout.child .baseColumn__inner{justify-content: center;}

    .pageAbout.organic-food .baseColumn__main,
    .pageAbout.eat .baseColumn__main,
    .pageAbout.child .baseColumn__main{max-width:1500px;}
    
    .pageAbout.organic-food .baseColumn__sub,
    .pageAbout.eat .baseColumn__sub,
    .pageAbout.child .baseColumn__sub{max-width:333px;}
}

@media screen and (max-width: 767px) {
	.pageAbout .titleLeftLine {font-size: 1.7rem;text-align: center;font-weight: 400;letter-spacing: 0;}
	.pageAbout .layoutRow__item{margin-top: 4em;}
}



/* ######################################################################################

　オーガニック

###################################################################################### */
.pageAbout.organic-food{}
.pageAbout.organic-food .contents + .contents{margin-top: 10em;}

@media screen and (max-width: 767px) {
    .pageAbout.organic-food .contents + .contents{margin-top: 6em;}
    .pageAbout.organic-food p{font-weight: 500;}
}



/* ====================================================
　organic
==================================================== */
.pageAbout.organic-food .contents.organic .layoutRow__img{width: 22.8%;}
.pageAbout.organic-food .contents.organic .layoutRow__detail{width: 71%;}
.pageAbout.organic-food .contents.organic .layoutRow__detail .layoutRow__title{letter-spacing: 0.24em;}
.pageAbout.organic-food .contents.organic .layoutRow__detail .layoutRow__text{letter-spacing: 0.14em;}

@media screen and (max-width: 767px) {
    .pageAbout.organic-food .contents.organic .layoutRow__img{width: 100%;}
    .pageAbout.organic-food .contents.organic .layoutRow__detail{width: 100%;}
    .pageAbout.organic-food .contents.organic .layoutRow__detail .layoutRow__title{letter-spacing: 0;}
    .pageAbout.organic-food .contents.organic .layoutRow__detail .layoutRow__text{letter-spacing: 0;}
}

/* ====================================================
　difference
==================================================== */
.pageAbout.organic-food .contents.difference .layoutRow__img{width: 27.7%;}
.pageAbout.organic-food .contents.difference .layoutRow__detail{width: 68%;}
.pageAbout.organic-food .contents.difference .layoutRow__detail .layoutRow__title{margin-bottom: 1.5em; letter-spacing: 0.24em;}
.pageAbout.organic-food .contents.difference .layoutRow__detail .listShadow__item{letter-spacing: 0.13em;}
.pageAbout.organic-food .contents.difference .layoutRow__detail .listShadow__item p{min-width: 320px;}

@media print, screen and (min-width: 768px) {
    .pageAbout.organic-food .contents.difference .layoutRow__detail .listShadow__item{padding-right: 2.5em;}
}
@media screen and (max-width: 767px) {
    .pageAbout.organic-food .contents.difference .layoutRow__img{width: 100%;}
    .pageAbout.organic-food .contents.difference .layoutRow__detail{width: 100%;}
    .pageAbout.organic-food .contents.difference .layoutRow__detail .layoutRow__title{letter-spacing: 0; line-height: 1.5;}
    .pageAbout.organic-food .contents.difference .layoutRow__detail .listShadow__item{letter-spacing: 0;}
    .pageAbout.organic-food .contents.difference .layoutRow__detail .listShadow__item p{min-width: 100%;padding-top: 3.5em;font-size: 1.6rem; line-height: 1.7;}
    .pageAbout.organic-food .contents.difference .layoutRow__detail .listShadow li{display: block;}	

    .pageAbout.organic-food .contents.difference .layoutRow__detail .listShadow__item {
        position: relative;
        counter-increment: mycounter;
        padding: 0 0 2em 0; 
        border-bottom: 1px solid #c8d4d8;
        border-right: 0px!important;
    }	
    .pageAbout.organic-food .contents.difference .layoutRow__detail .listShadow__item:before {
        font-size: 3.8rem;
        text-align: center;
        width: 100%;
    }	
    .pageAbout.organic-food .contents.difference .listShadow__item + .listShadow__item {margin-top: 1.5em;}
    .pageAbout.organic-food .contents.difference .listShadow__item + .listShadow__item + .listShadow__item {margin-bottom: 4em;}
}


/* ====================================================
　reason
==================================================== */
.pageAbout.organic-food .contents.reason .titleBold{letter-spacing: 0.2em;}
.pageAbout.organic-food .contents.reason .layoutColumn__title{letter-spacing: 0.1em;}
.pageAbout.organic-food .contents.reason .layoutColumn__text{letter-spacing: 0.04em;}


@media print, screen and (min-width: 768px) {
    .pageAbout.organic-food .contents.reason .layoutColumn__title{font-size: 1.8rem; font-weight: 600;}
}
@media print, screen and (min-width: 1200px) {
    .pageAbout.organic-food .contents.reason .layoutColumn__title{font-size: 2.2rem;}
}
@media screen and (max-width: 767px) {
    .pageAbout.organic-food .contents.reason .titleBold{letter-spacing: 0; text-align: center;}
    .pageAbout.organic-food .contents.reason .layoutColumn__title{letter-spacing: 0;}
    .pageAbout.organic-food .contents.reason .layoutColumn__text{
        letter-spacing: 0;
        padding: 0 5%;
        line-height: 2;
    }
    .pageAbout.organic-food .contents.reason .layoutColumn__detail {margin-bottom: 3em;}	
}




/* ######################################################################################

　食の透明性

###################################################################################### */
.pageAbout.eat{}

/* ====================================================
　know
==================================================== */
.pageAbout.eat .contents.know{margin-bottom: 12em;}

@media screen and (max-width: 767px) {
    .pageAbout.eat .contents.know {margin-bottom: 6em;}
    .pageAbout.eat .layoutRow__detail .layoutRow__title {letter-spacing: 0;}
    .pageAbout.eat .layoutRow__detail .layoutRow__text {letter-spacing: 0;}
    .pageAbout.eat .titleBold{letter-spacing: 0; text-align: center;}
}


/* ====================================================
　genetically
==================================================== */
.pageAbout.eat .genetically{
    background-image: url(../img/contents/about/health/eat/eat_bg.jpg);
    background-position: center bottom;
    background-size: cover;
    padding-bottom: 9em;
}
.pageAbout.eat .geneticallyList{
    margin-top: 3em;
    background: rgba(255, 255, 255, 0.8);
    padding: 3.5em 2.5em;
}
.pageAbout.eat .geneticallyList__title{
    margin-bottom: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pageAbout.eat .geneticallyList__title .title{font-size: 2.8rem;}
.pageAbout.eat .geneticallyList__title .small{font-size: 1.6rem;}
.pageAbout.eat .geneticallyList__list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pageAbout.eat .geneticallyList__list__item{
    margin-bottom: 0.75em;
    padding: 0.25em;
    text-align: center;
    background: #e7e7e7;
    width: 23.6%;
}
.pageAbout.eat .geneticallyList__text{
    font-size: 1.6rem;
    line-height: 1.625;
}



@media screen and (max-width: 767px) {
    .pageAbout.eat .geneticallyList__title .small { display: none;}
    .pageAbout.eat .geneticallyList__title .title { font-size: 2.2rem; text-align: center;}
    .pageAbout.eat .geneticallyList__list__item {
        margin-bottom: 0.75em;
        padding: 0.45em 0.2em;
        text-align: center;
        background: #e7e7e7;
        width: 49%;
        font-size: 1.4rem;
    }
    .pageAbout.eat .genetically{
        background-image: url(../img/contents/about/health/eat/eat_bg_sp.jpg);
        background-position: center bottom;
        background-size: contain;
        padding-bottom: 4em;
    }
    .pageAbout.eat .genetically p{padding: 0 1em;}
    .pageAbout.eat .geneticallyList__title {text-align: center;display: block; margin-bottom: 1.8em;}
    .pageAbout.eat .geneticallyList {
        margin-top: 3em;
        background: rgba(255, 255, 255, 0.5);
        padding: 2.5em 1.5em;
        border:solid 1px #BFC0C0;	
    }
    .pageAbout.eat .geneticallyList__text {font-size: 1.2rem; line-height: 1.625;}
    .pageAbout.eat .geneticallyList__list {margin-bottom: 1em;}
}



/* ====================================================
    standard
==================================================== */
.pageAbout.eat .contents.standard{margin-top: 12em;}
.pageAbout.eat .contents.standard .titleBold{margin-bottom: 1.5em;}
.pageAbout.eat .contents.standard .layoutColumn__title{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3em;
    letter-spacing: 0.075em;
    line-height: 1.63;
}

@media print, screen and (min-width: 768px) {
    .pageAbout.eat .contents.standard .layoutColumn__title{font-size: 1.7rem; font-weight: 600;}
}
@media print, screen and (min-width: 1300px) {
    .pageAbout.eat .contents.standard .layoutColumn__title{font-size: 2.1rem;}
}
@media screen and (max-width: 767px) {
    .pageAbout.eat .contents.standard {margin-top: 3em;}
    .pageAbout.eat .contents.standard .layoutColumn.column3 .layoutColumn__item {margin-top: 5em;}
    .pageAbout.eat .contents.standard .layoutColumn.column3 .layoutColumn__item:first-child{margin-top: 1.5em;}
    .pageAbout.eat .contents.standard .layoutColumn__title {letter-spacing: 0;}
    .pageAbout.eat .contents.standard .layoutColumn__detail {padding: 0 1em;}
    .pageAbout.eat .contents.standard .layoutColumn__title {min-height: 2em;}
}



/* ====================================================
    certification
==================================================== */
.pageAbout.eat .contents.certification{padding-top: 5em; border-top: 1px solid #c8d4d8;}
.pageAbout.eat .contents.certification .certificationList{display: flex; justify-content: space-between;}
.pageAbout.eat .contents.certification .certificationList__item{width: 24%;}
.pageAbout.eat .contents.certification .certificationList__item__img{margin-bottom: 0.5em; text-align: center;}
.pageAbout.eat .contents.certification .certificationList__item__text{font-size: 2.2rem; line-height: 1.25; font-weight: bold; text-align: center;}

@media screen and (max-width: 767px) {
    .pageAbout.eat .contents.certification .certificationList {display: flex; flex-wrap: wrap; justify-content: space-between;}
    .pageAbout.eat .contents.certification .certificationList__item {width: 49%;}
    .pageAbout.eat .contents.certification .certificationList__item .certificationList__item__img{width: 90%;margin: 0 auto 0.5em; text-align: center;}
    .pageAbout.eat .contents.certification .certificationList__item__text {font-size: 1.3rem;}
    .pageAbout.eat .contents.certification {padding-top: 5em; border: none;}
}





/* ######################################################################################

　子供の健康食

###################################################################################### */
.pageAbout.child{}
.pageAbout.child .baseColumn__inner{position: relative; width: 100%;}
.pageAbout.child .baseColumn__inner:before{
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-image: url(../img/contents/about/health/child/bg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}
.pageAbout.child .baseColumn__main{
    position: relative;
    z-index: 3;
}
.pageAbout.child .baseColumn__sub{
    position: relative;
    z-index: 10;
}



@media print, screen and (min-width: 768px) {
    .pageAbout.child .baseColumn__inner:before{
        z-index: 11;
        height: 40%;
        bottom: 0;
    }
    .pageAbout.child .baseColumn__main{
        z-index: 12;
    }
    .pageAbout.child .baseColumn__sub{
        z-index: 10;
    }
}
@media screen and (max-width: 767px) {
    .pageAbout.child .baseColumn__inner:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url(../img/contents/about/health/child/bg_sp.png);
        background-position: right 102.5%;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
    }

    .pageAbout.child .contents + .contents{margin-top: 4em;}
    .pageAbout.child .contents .titleBold{letter-spacing: 0;text-align: center;}
    .pageAbout.child .contents.difference{padding-top: 15em;}
}



/* ====================================================
　vitaminList
==================================================== */
.pageAbout.child .vitaminList{display: flex; justify-content: space-between;}
.pageAbout.child .vitaminList__item{width: 23%; max-width: 220px;}
.pageAbout.child .vitaminList__item__circle{
    position: relative;
    width: 84%;
    padding-top: 84%;
    border: 1px solid #000;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25em;
}
.pageAbout.child .vitaminList__item__circle .vita,
.pageAbout.child .vitaminList__item__circle .alphabet{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    line-height: 1;
}
.pageAbout.child .vitaminList__item__circle .vita{
    transform: translate(-50%, -290%);
    font-size: 1.6rem;
}
.pageAbout.child .vitaminList__item__circle .alphabet{
    transform: translate(-50%, -30%);
    font-size: 8.8rem;
}
.pageAbout.child .vitaminList__item__name{
    text-align: center;
    margin-bottom: 1.25em;
    font-size: 2.2rem;
    font-weight: 700;
}
.pageAbout.child .vitaminList__item__efficacy li{
    background: #333;
    color: #fff;
    border-radius: 2em;
    text-align: center;
    padding: 0.65em 0.25em;
    font-size: 1.4rem;
    font-weight: 600;
}
.pageAbout.child .vitaminList__item__efficacy li + li{
    margin-top: 1.25em;
}


/* 色 */
.pageAbout.child .vitaminList__item:nth-of-type(1) .vitaminList__item__circle{border-color: #ff643b;}
.pageAbout.child .vitaminList__item:nth-of-type(1) .vitaminList__item__circle .vita,
.pageAbout.child .vitaminList__item:nth-of-type(1) .vitaminList__item__circle .alphabet,
.pageAbout.child .vitaminList__item:nth-of-type(1) .vitaminList__item__name{color: #ff643b;}
.pageAbout.child .vitaminList__item:nth-of-type(1) .vitaminList__item__efficacy li{background: #ff643b;}

.pageAbout.child .vitaminList__item:nth-of-type(2) .vitaminList__item__circle{border-color: #7393f0;}
.pageAbout.child .vitaminList__item:nth-of-type(2) .vitaminList__item__circle .vita,
.pageAbout.child .vitaminList__item:nth-of-type(2) .vitaminList__item__circle .alphabet,
.pageAbout.child .vitaminList__item:nth-of-type(2) .vitaminList__item__name{color: #7393f0;}
.pageAbout.child .vitaminList__item:nth-of-type(2) .vitaminList__item__efficacy li{background: #7393f0;}

.pageAbout.child .vitaminList__item:nth-of-type(3) .vitaminList__item__circle{border-color: #ffb000;}
.pageAbout.child .vitaminList__item:nth-of-type(3) .vitaminList__item__circle .vita,
.pageAbout.child .vitaminList__item:nth-of-type(3) .vitaminList__item__circle .alphabet,
.pageAbout.child .vitaminList__item:nth-of-type(3) .vitaminList__item__name{color: #ffb000;}
.pageAbout.child .vitaminList__item:nth-of-type(3) .vitaminList__item__efficacy li{background: #ffb000;}

.pageAbout.child .vitaminList__item:nth-of-type(4) .vitaminList__item__circle{border-color: #46c778;}
.pageAbout.child .vitaminList__item:nth-of-type(4) .vitaminList__item__circle .vita,
.pageAbout.child .vitaminList__item:nth-of-type(4) .vitaminList__item__circle .alphabet,
.pageAbout.child .vitaminList__item:nth-of-type(4) .vitaminList__item__name{color: #46c778;}
.pageAbout.child .vitaminList__item:nth-of-type(4) .vitaminList__item__efficacy li{background: #46c778;}

@media screen and (max-width: 767px) {
	.pageAbout.child .vitaminList {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.pageAbout.child .vitaminList__item {width:49%;}
	.pageAbout.child .vitaminList__item__name { margin-bottom: 0.75em; font-size: 1.4rem;}
	.pageAbout.child .vitaminList__item__circle .vita {transform: translate(-50%, -230%); font-size: 1.1rem;}
	.pageAbout.child .vitaminList__item__circle .alphabet { font-size: 4.3rem;}
	.pageAbout.child .vitaminList__item__circle {
        width: 60%;
        padding-top: 60%;
        margin-bottom: 1em;
    }

	.pageAbout.child .vitaminList__item__efficacy li { padding: 0.65em 0.25em; font-size: 1.1rem; min-height: 48px;}	
	
	.pageAbout.child .vitaminList__item:nth-of-type(1) .vitaminList__item__efficacy li:nth-of-type(2),
	.pageAbout.child .vitaminList__item:nth-of-type(1) .vitaminList__item__efficacy li:nth-of-type(4),
	.pageAbout.child .vitaminList__item:nth-of-type(2) .vitaminList__item__efficacy li,
	.pageAbout.child .vitaminList__item:nth-of-type(3) .vitaminList__item__efficacy li,
	.pageAbout.child .vitaminList__item:nth-of-type(4) .vitaminList__item__efficacy li:nth-of-type(2),
	.pageAbout.child .vitaminList__item:nth-of-type(4) .vitaminList__item__efficacy li:nth-of-type(3),
	.pageAbout.child .vitaminList__item:nth-of-type(4) .vitaminList__item__efficacy li:nth-of-type(4){padding: 1.3em 0.25em 0;}
	.pageAbout.child .vitaminList__item__efficacy li + li {margin-top: 1em;}
	.pageAbout.child .vitaminList__item__efficacy {margin-bottom: 2em;}	
}


/* ====================================================
　standardList
==================================================== */
.pageAbout.child .standardList{}
.pageAbout.child .standardList__item{
    position: relative;
    padding-top: 8em;
    margin-bottom: 5em;
}
.pageAbout.child .standardList__item__img{
    position: absolute;
    top: 0;
    left: 0;
    width: 46%;
    z-index: 2;
}
.pageAbout.child .standardList__item__img img{border-radius: 1.5em;}
.pageAbout.child .standardList__item__detail{
    position: relative;
    width: 67%;
    margin-left: 33%;
    padding: 5.5em 3.5em 5.5em 11em;
    background: #333;
    color: #fff;
    border-radius: 1.5em;
    z-index: 1;
}
.pageAbout.child .standardList__item__num{
    position: absolute;
    top: -0.5em;
    right: 0.6em;
    font-size: 9rem;
    font-style: italic;
    color: #000;
    mix-blend-mode: multiply;
}
.pageAbout.child .standardList__item__title{font-size: 2.6rem;}
.pageAbout.child .standardList__item__text{font-size: 1.5rem;}

/* reverse */
.pageAbout.child .standardList__item.reverse{padding-top: 0; margin-bottom: 8em;}
.pageAbout.child .standardList__item.reverse .standardList__item__img{
    top: auto;
    left: auto;
    right: 0;
    bottom: -6em;
}
.pageAbout.child .standardList__item.reverse .standardList__item__detail{
    padding: 5.5em 11em 5.5em 3.5em;
    margin-right: 33%;
    margin-left: 0;
}
.pageAbout.child .standardList__item.reverse .standardList__item__num{
    right: auto;
    left: 0.6em;
}

/* 色 */
.pageAbout.child .standardList__item:nth-of-type(1) .standardList__item__detail{background: #36bfc2;}
.pageAbout.child .standardList__item:nth-of-type(1) .standardList__item__num{color: #36bfc2;}

.pageAbout.child .standardList__item:nth-of-type(2) .standardList__item__detail{background: #ff9741;}
.pageAbout.child .standardList__item:nth-of-type(2) .standardList__item__num{color: #ff9741;}

.pageAbout.child .standardList__item:nth-of-type(3) .standardList__item__detail{background: #b7d551;}
.pageAbout.child .standardList__item:nth-of-type(3) .standardList__item__num{color: #b7d551;}

.pageAbout.child .standardList__item:nth-of-type(4) .standardList__item__detail{background: #acb2dc;}
.pageAbout.child .standardList__item:nth-of-type(4) .standardList__item__num{color: #acb2dc;}

@media screen and (max-width: 767px) {
    .pageAbout.child .contents.child{margin-top: 6em;}
	.pageAbout.child .standardList__item {padding-top: 14em; margin-bottom: 3em;}
	.pageAbout.child .standardList__item.reverse{padding-top: 14em; margin-bottom: 3em;}
	.pageAbout.child .standardList {  margin: 0 -30px 0 -30px;}
	.pageAbout.child .standardList__item__detail {width: 100%; margin: 0; padding: 7em 2.5em 3em; border-radius: 3em;   z-index: 1;}
	.pageAbout.child .standardList__item__img{position: absolute;  left: 50%; transform: translateX(-50%);margin: 20px auto 0;	width: 76%;}
	.pageAbout.child .standardList__item.reverse .standardList__item__img{position: absolute; top:0;  left: 50%; transform: translateX(-50%);margin: 20px auto 0;	width: 76%;}
	.pageAbout.child .standardList__item__title {  font-size: 2.2rem;text-align: center;line-height: 1.4;}
	.pageAbout.child .standardList__item.reverse .standardList__item__detail {position: relative;width: 100%; margin: 0; padding: 6em 3em; border-radius: 3em;   z-index: 1;}
	
	.pageAbout.child .standardList__item .standardList__item__num,
	.pageAbout.child .standardList__item.reverse .standardList__item__num{position: relative;color: #fff!important;mix-blend-mode: normal!important; top:0;right:0;left:0;text-align: center; font-size: 4.8rem;margin-bottom: 0.5em;}
	.pageAbout.child .standardList__item__img img{box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);}

    .pageAbout.child .standardList__item .standardList__item__num{
        position: relative;
        padding-bottom: 0.35em;
        margin-bottom: 0.35em;
    }
	.pageAbout.child .standardList__item .standardList__item__num:before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 2px;
        background: #fff;
    }
	.pageAbout.child .standardList__item__text {font-size: 1.4rem;line-height: 1.9;}
}


/* ====================================================
　differenceList
==================================================== */
.pageAbout.child .contents.difference{margin-top: 22em;}
.pageAbout.child .differenceList{margin-top: 4em; display: flex; justify-content: space-between;}
.pageAbout.child .differenceList__item{
    width: 47%;
    background: #f4f5f5;
    background: linear-gradient(to bottom, #f4f5f5 0%, #fff 60%);
    border: 2px solid #000;
    border-radius: 1.25em;
    padding: 3em 4.2em;
    box-shadow: 10px 15px 10px rgba(211, 211, 211, 0.4);
}
.pageAbout.child .differenceList__item__img{position: relative; margin-bottom: 4.5em;}
.pageAbout.child .differenceList__item__img:before{
    content: "";
    position: absolute;
    height: 100px;
    width: 1px;
    background: #000;
    bottom: -50px;
    left: 50%;
}
.pageAbout.child .differenceList__item__img img{border-radius: 1em;}
.pageAbout.child .differenceList__item__title{
    margin-left: -1.5em;
    margin-right: -1.5em;
    text-align: center;
    margin-bottom: 1em;
    font-size: 2.6rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
}
.pageAbout.child .differenceList__item__text{
    margin-left: -1em;
    margin-right: -1em;
    font-size: 1.6rem;
    letter-spacing: 0.14em;
}

/* 色 */
.pageAbout.child .differenceList__item:nth-of-type(1){border-color: #009fda;}
.pageAbout.child .differenceList__item:nth-of-type(1) .differenceList__item__img:before{background: #009fda;}
.pageAbout.child .differenceList__item:nth-of-type(1) .differenceList__item__title,
.pageAbout.child .differenceList__item:nth-of-type(1) .differenceList__item__text{color: #009fda;}

.pageAbout.child .differenceList__item:nth-of-type(2){border-color: #d85574;}
.pageAbout.child .differenceList__item:nth-of-type(2) .differenceList__item__img:before{background: #d85574;}
.pageAbout.child .differenceList__item:nth-of-type(2) .differenceList__item__title,
.pageAbout.child .differenceList__item:nth-of-type(2) .differenceList__item__text{color: #d85574;}


@media screen and (max-width: 767px) {
    .pageAbout.child .contents.difference{margin-top: 0; padding-top: 4em;}
    .pageAbout.child .differenceList { margin-top: 3em; display: block;margin-bottom: -3em; }
    .pageAbout.child .differenceList__item {  width: 100%;}
    .pageAbout.child .differenceList__item__img:before {
        content: "";
        position: absolute;
        height: 58px;bottom: -29px;
        left: 50%;
    }
    .pageAbout.child .differenceList__item {padding: 2em 3em;margin-bottom: 3.5em;}
    .pageAbout.child .differenceList__item__title { font-size: 1.9rem;}
    .pageAbout.child .differenceList__item__text {margin:0 -15px;font-size: 1.4rem;letter-spacing: 0;line-height: 1.8;}
    .pageAbout.child .differenceList__item__img {   position: relative;  margin-bottom: 3em;}
}









/* ######################################################################################

　品質への考え方

###################################################################################### */
.pageAbout.quality{}


/* ====================================================
　lead
==================================================== */

.pageAbout.quality .fixed-bg.lead .verticalLineTitle span{letter-spacing: 0.32em;}


@media print, screen and (min-width: 768px) {
    .pageAbout.quality .scroll-bg.round {max-width:1920px; margin-left: auto; margin-right: auto;}
    .pageAbout.quality .fixed-bg.lead{height: 115vh; max-height: 80vw;}
    .pageAbout.quality .fixed-bg.lead .verticalLineTitle{top: 18em;}
    .pageAbout.quality .fixed-bg.lead .verticalLineTitle:after{height: calc(100% - 36em);}
    .pageAbout.quality .fixed-bg.lead:after{
        background-image: url(../img/contents/about/quality/bg.jpg);
        background-position: 50% 0;
        background-size: cover;
    }
}
@media screen and (max-width: 767px) {
    .pageAbout.quality .fixed-bg.lead{height: 115vh; max-height: 85vw;}
    .pageAbout.quality .fixed-bg.lead .verticalLineTitle{top: 1em;}
    .pageAbout.quality .fixed-bg.lead .verticalLineTitle:after{bottom: auto; top: calc(100% - 2em);}
    .pageAbout.quality .fixed-bg.lead:after{
        background-image: url(../img/contents/about/quality/bg_sp.jpg);
        background-position: 50% 3.5em;
        background-size: cover;
    }
    .pageAbout.quality .fixed-bg.bg:after{
      background-size: 100%;
    }
    .pageAbout.quality .fixed-bg.link:after{
      background-position: 50% 0;
      background-size: cover;
    }

}



/* ====================================================
　quality
==================================================== */
.pageAbout.quality .scroll-bg.quality .titleNormal{text-align: center;}

@media print, screen and (min-width: 768px) {
    .pageAbout.quality .scroll-bg.quality .titleNormal{letter-spacing: 0.2em;}
    .pageAbout.quality .scroll-bg.quality .qualityText{font-size: 2.1rem; line-height: 2;}
}
@media screen and (max-width: 767px) {
    .pageAbout.quality .scroll-bg.quality .titleNormal{
        padding-bottom: 1.5em;
        margin-bottom: 1.5em;
        border-bottom: 1px solid #333333;
        font-size: 2.2rem;
        letter-spacing: 0;
        font-feature-settings: "palt";
    }
    .pageAbout.quality .scroll-bg.quality .qualityText{font-size: 1.4rem; line-height: 2;}
    .pageAbout.quality .scroll-bg .contents.narrow{padding: 0 45px;}
}




/* ====================================================
　commitment
==================================================== */
.pageAbout.quality .scroll-bg.commitment .titleBold.extra{text-align: center;}
.pageAbout.quality .scroll-bg.commitment .layoutRow__item{align-items: normal;}
.pageAbout.quality .scroll-bg.commitment .layoutRow__img a{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 2em;
}
.pageAbout.quality .scroll-bg.commitment .layoutRow__img a:before,
.pageAbout.quality .scroll-bg.commitment .layoutRow__img a:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    transition: transform ease 0.25s;
}
.pageAbout.quality .scroll-bg.commitment .layoutRow__img a:before{background: rgba(174, 174, 174, 0.5); mix-blend-mode:multiply; z-index: 2;}
.pageAbout.quality .scroll-bg.commitment .layoutRow__img a:hover:after{transform: scale(1.15);}

.pageAbout.quality .scroll-bg.commitment .layoutRow__img img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.pageAbout.quality .scroll-bg.commitment .layoutRow__detail{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.pageAbout.quality .scroll-bg.commitment .layoutRow__title{position: relative; width: 100%; color: #4d8498;}
.pageAbout.quality .scroll-bg.commitment .layoutRow__title:before{
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


@media print, screen and (min-width: 768px) {
    .pageAbout.quality .scroll-bg.commitment{padding-top: 6em; padding-bottom: 10em; overflow: hidden;}
    .pageAbout.quality .scroll-bg.commitment .contents{max-width: 1160px;}
    .pageAbout.quality .scroll-bg.commitment .titleBold.extra{margin-bottom: 1.75em; letter-spacing: 0.48em; font-weight: 600;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item{margin-top: 5em;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item{align-items: normal;}

    .pageAbout.quality .scroll-bg.commitment .layoutRow__img a{padding-top: 100%;} 
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(1) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_01.jpg);}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(2) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_02.jpg);}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(3) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_03.jpg);}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(4) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_04.jpg);}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(5) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_05.jpg);}

    .pageAbout.quality .scroll-bg.commitment .layoutRow__img,
    .pageAbout.quality .scroll-bg.commitment .layoutRow__detail{width: 50%;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__img img{height: 3.25em;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__detail{padding-left: 4em;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item.reserve .layoutRow__detail{padding-left: 0; padding-right: 4em;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__title{
        margin-bottom: 0.5em;
        font-size: 4.1rem;
        letter-spacing: 0.1em;
        line-height: 1.73;
    }
    .pageAbout.quality .scroll-bg.commitment .layoutRow__text{font-size: 2.1rem; letter-spacing: 0; line-height: 2;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__btn .button{font-size: 2.4rem; padding: 0.6em 4.5em 0.5em 1.5em;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__btn .button:after{
        transform: skew(56deg);
        right: 1.5em;
        width: 2.5em;
        height: 11px;
    }

    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(1) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_01.png);
        top: -0.5em;
        left: 8.75em;
        width: 6em;
        height: 4.5em;
    }
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(2) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_02.png);
        top: -2.5em;
        right: 0.25em;
        width: 6em;
        height: 4.5em;
    }
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(3) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_03.png);
        top: -2.25em;
        right: -0.5em;
        width: 6.5em;
        height: 4.5em;
    }
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(4) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_04.png);
        top: -2.75em;
        right: 0.25em;
        width: 6em;
        height: 5em;
    }
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(5) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_05.png);
        top: -2em;
        right: 1em;
        width: 5.5em;
        height: 4em;
    }
}

@media screen and (max-width: 767px) {
    .pageAbout.quality .scroll-bg.commitment .titleBold.extra{font-size: 3rem; letter-spacing: 0.1em; font-weight: +00;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item{margin-top: 2em; max-width: 95%; margin-left: auto; margin-right: auto;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item + .layoutRow__item{margin-top: 5em;}

    .pageAbout.quality .scroll-bg.commitment .layoutRow__img img{height: 2.25em;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__img a{padding-top: 63.6%;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(1) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_01_sp.jpg);}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(2) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_02_sp.jpg);}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(3) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_03_sp.jpg);}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(4) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_04_sp.jpg);}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(5) .layoutRow__img a:after{background-image: url(../img/contents/about/quality/img_05_sp.jpg);}

    .pageAbout.quality .scroll-bg.commitment .layoutRow__title{margin-bottom: 0.75em; padding-bottom: 6.75em; font-size: 2.2rem;letter-spacing: 0.1em;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__text{font-size: 1.4rem; line-height: 2;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__btn{text-align: center; width: 100%;}
    .pageAbout.quality .scroll-bg.commitment .layoutRow__btn .button{font-size: 1.4rem;}


    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(1) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_01.png);
        bottom: 0;
        left: 50%;
        width: 8em;
        height: 6em;
        transform: translateX(-50%);
    }
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(2) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_02.png);
        bottom: 0;
        left: 50%;
        width: 8em;
        height: 6em;
        transform: translateX(-50%);
    }
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(3) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_03.png);
        bottom: 0;
        left: 50%;
        width: 8em;
        height: 6em;
        transform: translateX(-50%);
    }
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(4) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_04.png);
        bottom: 0;
        left: 50%;
        width: 8em;
        height: 6em;
        transform: translateX(-50%);
    }
    .pageAbout.quality .scroll-bg.commitment .layoutRow__item:nth-of-type(5) .layoutRow__title:before{
        background-image: url(../img/contents/about/quality/illust_05.png);
        bottom: 0;
        left: 50%;
        width: 8em;
        height: 6em;
        transform: translateX(-50%);
    }
}


/* ######################################################################################

　品質への考え方　下層共通

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .pageAbout.source .baseColumn__inner,
    .pageAbout.seafood .baseColumn__inner,
    .pageAbout.meat .baseColumn__inner,
    .pageAbout.additive-list .baseColumn__inner,
    .pageAbout.bodycare .baseColumn__inner{justify-content: center;}

    .pageAbout.source .baseColumn__main,
    .pageAbout.seafood .baseColumn__main,
    .pageAbout.meat .baseColumn__main,
    .pageAbout.additive-list .baseColumn__main,
    .pageAbout.bodycare .baseColumn__main{max-width:1500px;}
    
    .pageAbout.source .baseColumn__sub,
    .pageAbout.seafood .baseColumn__sub,
    .pageAbout.meat .baseColumn__sub,
    .pageAbout.additive-list .baseColumn__sub,
    .pageAbout.bodycare .baseColumn__sub{max-width:333px;}
}

/* ######################################################################################

　お野菜・果物

###################################################################################### */
.pageAbout.source{}

  /*リード*/
  .pageAbout.source .contents.lead{ margin-top: 8.8em;}
  .pageAbout.source .contents.lead .layoutRow .layoutRow__img{width: 47%;}
  .pageAbout.source .contents.lead .layoutRow .layoutRow__detail{width: 48%;}
  .pageAbout.source .contents.lead .layoutRow .layoutRow__text{letter-spacing: 0.04em;}

  .pageAbout.source .bg{
      background: url("../img/contents/about/quality/source/bg.png") no-repeat;
      background-size: contain;
      background-position: center bottom;
      max-width: 100%;
      padding-bottom: 20em;
      margin-top: 8.2em;
      margin-bottom: 6.9em;
  }

  /*取組*/
  .pageAbout.source .bg .contents.effort p + .titleBold{ margin-top: 4.5em;}
  .pageAbout.source .bg .contents.effort p{ font-feature-settings: "palt";}
  .pageAbout.source .bg .contents.effort .text01{letter-spacing: 0.2em;}
  .pageAbout.source .bg .contents.effort .text02{font-size: 1.5rem; letter-spacing: 0.1em;}
  .pageAbout.source .bg .contents.effort .small{font-size: 1.2rem; margin-top: 2em; letter-spacing: 0.1em;}

  .pageAbout.source .contents.effort2 .titleBold.small{font-size: 1.9rem; margin-top: 1em; margin-bottom: 2em; letter-spacing: 0.13em;}
  .pageAbout.source .contents.effort2 .meritList{ margin-top: 5em;}
  .pageAbout.source .contents.effort2 .meritList .meritList__item{
      border:1px solid #333333;
      padding: 1em;
      position: relative;
      margin-left: 45px;
      padding-left: 9%;
      font-size: 2.2rem;
      font-weight: bold;
  }
  .pageAbout.source .contents.effort2 .meritList .meritList__item.bloc:before{
      height: 0;
      display: block;
      position: absolute;
      left: -2px;
      top: -2px;
      content: "";
  }
  .pageAbout.source .contents.effort2 .meritList .meritList__item.bloc:before{
      border-bottom: solid 22px #ffffff;
      border-right: solid 22px transparent;
      bottom: 100%;
      transform: rotate(90deg);
  }
  .pageAbout.source .contents.effort2 .meritList .meritList__item + .meritList__item{margin-top: 3em;}

  .pageAbout.source .contents.effort2 .meritList .meritList__item .num{
      display: inline-block;
      position: absolute;
      height: 56px;
      left: -45px;
      top: -24px;
  }
  .pageAbout.source .contents.effort2 .meritList .meritList__item.item01 .num{content: url("../img/contents/about/quality/source/merit_01.svg");}
  .pageAbout.source .contents.effort2 .meritList .meritList__item.item02 .num{content: url("../img/contents/about/quality/source/merit_02.svg");}
  .pageAbout.source .contents.effort2 .meritList .meritList__item.item03 .num{content: url("../img/contents/about/quality/source/merit_03.svg");}

  /*問題*/
  .pageAbout.source .contents.problem{margin-top: 7em;}
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item img{border-radius: 0;}
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item{
      width: 33.3%;
      padding: 5% 4.4% 2%;
      position: relative;
      margin-top: 0;
  }
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item:nth-child(n+3){padding-bottom: 5%;}
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item:nth-child(-n+3):after{
      content: "";
      display: block;
      width: 90%;
      height: 1px;
      background-image:repeating-linear-gradient(270deg, #6183ab, #6183ab 5px, transparent 5px, transparent 10px, #6183ab 10px);
      background-size: 100% 1px;
      background-position: 0 100%;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  }
  

  /*来由*/
  .pageAbout.source .contents.origin{margin-top: 10em;}
  .pageAbout.source .contents.origin .layoutColumn.column3{margin-top: 6em;}
  .pageAbout.source .contents.origin .origin__text{letter-spacing: 0.12em;}
  .pageAbout.source .contents.origin .layoutColumn.column3 .layoutColumn__img{margin-bottom: 2em!important;}
  .pageAbout.source .contents.origin .layoutColumn.column3 .layoutColumn__title{letter-spacing: 0.05em; margin-bottom: 1.6em;}
  .pageAbout.source .contents.origin .layoutColumn.column3 .layoutColumn__text{font-feature-settings: "palt"; letter-spacing: 0.02em;}

@media print, screen and (min-width: 768px) {
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item:not(:nth-child(3n)):before{
      content: "";
      display: block;
      width: 1px;
      height: 90%;
      background-image: repeating-linear-gradient(180deg, #6183ab, #6183ab 5px, transparent 5px, transparent 10px, #6183ab 10px);
      background-size: 1px 100% ;
      background-position: 0% 0;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      right: 0;
  }
    .pageAbout.source .contents.effort2 + .contents.effort2{
        margin-top: 1em;
    }
}

@media screen and (min-width:768px) and ( max-width:1024px) {
    .pageAbout.source .contents .titleContents__text{letter-spacing: 0em;}
}

@media screen and (max-width: 767px) {
  .pageAbout.source .contents{padding-left: 43px; padding-right: 43px;}
  .pageAbout.source .layoutColumn__title,
  .pageAbout.source .titleBold.ls-wide,
  .pageAbout.source .layoutRow__title{letter-spacing: 0em; text-align: center;}
  
  /*リード*/
  .pageAbout.source .contents.lead{ margin-top: 4.5em;}
  .pageAbout.source .contents.lead .layoutRow__item{ margin-top: 0;}
  .pageAbout.source .contents.lead .layoutRow .layoutRow__text{letter-spacing: 0.04em;}

  .pageAbout.source .contents.lead .layoutRow .layoutRow__img{width: 100%;}
  .pageAbout.source .contents.lead .layoutRow .layoutRow__detail{width: 100%;}
  .pageAbout.source .bg{
      background: url("../img/contents/about/quality/source/bg_sp.png") no-repeat;
      background-size: contain;
      background-position: center bottom;
      max-width: 100%;
      padding-bottom: 9em;
      margin-top: 8.2em;
      margin-bottom: 6.9em;
  }
  
  .pageAbout.source .bg .contents.effort .text01.border.after:after{bottom:-55%;}
  .pageAbout.source .bg .contents.effort .text01.border.after{margin-bottom: 2em;}
  
    /*取組*/
  .pageAbout.source .bg .contents.effort p + .titleBold{ margin-top: 5em;}
  .pageAbout.source .bg .titleBold{font-size: 2.2rem;}
  
  .pageAbout.source .contents.effort2 .titleBold.small{font-size: 1.7rem;}
 
  .pageAbout.source .contents.effort2.narrow{padding-left: 25px; padding-right: 25px; margin-top: 1em;}
  .pageAbout.source .contents.effort2.narrow .titleBold{padding: 0 18px; font-size: 1.6rem; font-feature-settings: "palt";font-weight: 800;}
  .pageAbout.source .contents.effort2.narrow .titleBold span{letter-spacing: 0;}
  .pageAbout.source .contents.effort2 .meritList {padding: 0 20px 0 5px;}
   .pageAbout.source .contents.effort2 .meritList .meritList__item{font-size: 1.6rem; text-align: center; padding: 1em 0.6em; line-height: 1.8; margin-left: 20px;}
  .pageAbout.source .contents.effort2 .meritList .meritList__item .num{
      display: inline-block;
      position: absolute;
      width: 50px;
      left: -22px;
      top: -24px;
  }
  .pageAbout.source .contents.effort2 .meritList .meritList__item.item01 .num{content: url("../img/contents/about/quality/source/merit_01_sp.svg");}
  .pageAbout.source .contents.effort2 .meritList .meritList__item.item02 .num{content: url("../img/contents/about/quality/source/merit_02_sp.svg");}
  .pageAbout.source .contents.effort2 .meritList .meritList__item.item03 .num{content: url("../img/contents/about/quality/source/merit_03_sp.svg");}
    .pageAbout.source .bg .contents.effort .text02{font-size: 1.4rem;}
    .pageAbout.source .bg .contents.effort .small{font-size: 1.0rem;}
    
  /*問題*/
  .pageAbout.source .contents.problem{margin-top: 5em; padding: 0 45px;}
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item img{border-radius: 0;}
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item{
      width: 100%;
      padding: 5% 4.4% 10%;
      margin-bottom: 10%;
      position: relative;
      margin-top: 0;
      font-size: 1.6rem;
      font-feature-settings: "palt";
  }
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__text{font-size: 1.6rem; letter-spacing: 0.1em;}
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item:nth-child(n+3){padding-bottom: 10%;}
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item:first-child{padding-bottom: 0;}
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item:after{
      content: "";
      display: block;
      width: 90%;
      height: 1px;
      background-image:repeating-linear-gradient(270deg, #6183ab, #6183ab 5px, transparent 5px, transparent 10px, #6183ab 10px);
      background-size: 100% 1px;
      background-position: 0 100%;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  }
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item:first-child:after{content: none; margin-bottom: 1em;}
  .pageAbout.source .contents.problem .layoutColumn.column3 .layoutColumn__item:not(:nth-child(3n)):before{
    content: none;}
  
  /*来由*/
  .pageAbout.source .contents.origin{margin-top: 5em; padding: 0 30px;}
  .pageAbout.source .contents.origin .titleBold{font-size: 2.2rem;}
  .pageAbout.source .contents.origin .layoutColumn.column3{margin-top: 5em;}
  .pageAbout.source .contents.origin .origin__text{letter-spacing: 0.12em; font-feature-settings: "palt"; padding: 0 8px; line-height: 2;}
  
  .pageAbout.source .contents.origin .layoutColumn.column3 .layoutColumn__item{width: 100%; padding-bottom: 5em; margin-top: 0;}
    .pageAbout.source .contents.origin .layoutColumn.column3 .layoutColumn__item:last-child{padding-bottom: 0;}
  .pageAbout.source .contents.origin .layoutColumn.column3 .layoutColumn__img{margin-bottom: 2em!important;}
  .pageAbout.source .contents.origin .layoutColumn.column3 .layoutColumn__title{letter-spacing: 0.05em; margin-bottom: 1.6em;}
  .pageAbout.source .contents.origin .layoutColumn.column3 .layoutColumn__text{font-feature-settings: "palt"; letter-spacing: 0.02em; padding: 0 8px; line-height: 2;}


}




/* ######################################################################################

　お魚

###################################################################################### */
.pageAbout.seafood{}
.pageAbout.seafood .baseColumn__main{padding-bottom: 0;}

.pageAbout.seafood{}
/*リード*/
.pageAbout.seafood .contents.seafood{ margin-top: 8.8em;}
.pageAbout.seafood .contents.seafood .layoutRow .layoutRow__img{width: 45%;}
.pageAbout.seafood .contents.seafood .layoutRow .layoutRow__detail{width: 48%;}

/*漁法とは*/
.pageAbout.seafood .contents.method{ margin-top: 15em;}
.pageAbout.seafood .contents.method .titleBold.ls-wide{margin-bottom: 2em;}
.pageAbout.seafood .contents.method .layoutColumn.column3 .layoutColumn__title{font-size: 2.3rem;}

/*養殖*/
.pageAbout.seafood .contents.aquaculture{ margin-top: 12.5em;}
.pageAbout.seafood .contents.aquaculture .layoutRow:first-of-type{margin-top: 5em;}
.pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__item{
    justify-content: flex-start;
    position: relative;
    height: 372px;
}
.pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__img.corner{
    width: 28%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 11px 14px 7px 0px rgba(200,200,200,0.2);
    z-index: 1;
}
.pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__detail{
    position: absolute;
    right: 0;
    border-radius: 20px;
    top: 5em;
    border: 1px solid #333333;
    width: 78%;
    padding: 4em 3em 4em 9em;
    font-feature-settings: "palt";
}
.pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__detail .layoutRow__text{letter-spacing: 0.11em;}

/*養殖魚の課題*/
.pageAbout.seafood .contents.theme{}
.pageAbout.seafood .contents.theme .blue.round{
    background:rgba(58,143,175,0.9);
}
.pageAbout.seafood .contents.theme .layoutRow__title{
    text-align: center;
    color: #FFFFFF;
}
.pageAbout.seafood .contents.theme p{color: #FFFFFF;}
@media print, screen and (min-width: 768px) {
  .pageAbout.seafood .contents .titleContents__illust{
      width: 34%;
      display: flex;
      align-items: center;
    }  
    
  /*リード*/
  .pageAbout.seafood .contents.seafood{ margin-top: 8.8em;}
  .pageAbout.seafood .contents.seafood .layoutRow .layoutRow__img{width: 45%;}
  .pageAbout.seafood .contents.seafood .layoutRow .layoutRow__detail{width: 48%;}
  
    
  /*漁法とは*/
  .pageAbout.seafood .contents.method{ margin-top: 15em;}
  .pageAbout.seafood .contents.method .titleBold.ls-wide{margin-bottom: 2em;}
  .pageAbout.seafood .contents.method .layoutColumn.column3 .layoutColumn__title{font-size: 2.3rem;}

  /*養殖*/
  .pageAbout.seafood .bg.aquaculture{ background: url("../img/contents/about/quality/seafood/bg.png") no-repeat top center; background-size: cover;}
  .pageAbout.seafood .contents.aquaculture{ margin-top: 10.5em; padding-top: 5em; padding-bottom: 0;}
  .pageAbout.seafood .contents.aquaculture .text{letter-spacing: 0.09em;}
  .pageAbout.seafood .contents.aquaculture .layoutRow:first-of-type{margin-top: 5em;}
  .pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__item{
      justify-content: flex-start;
      position: relative;
      height: 372px;
  }
  .pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__img.corner{
      width: 28%;
      position: absolute;
      top: 0;
      left: 0;
      box-shadow: 11px 14px 7px 0px rgba(200,200,200,0.2);
      z-index: 1;
  }
  .pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__detail{
      position: absolute;
      right: 0;
      border-radius: 20px;
      top: 5em;
      border: 1px solid #333333;
      width: 78%;
      padding: 7% 5% 7% 11%;
      font-feature-settings: "palt";
    background: #ffffff;
  }
  .pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__detail .layoutRow__text{letter-spacing: 0.11em;}
    
    /*養殖魚の課題*/
    .pageAbout.seafood .contents.theme{}
    .pageAbout.seafood .contents.theme .blue.round{
        border-radius: 10em 10em 0 0;
        padding: 8% 8% 5% 8%;
    }
    

}

@media screen and (min-width:768px) and ( max-width:1024px) {
    .pageAbout.seafood .contents .layoutRow__title{letter-spacing: 0.17em;}
}

@media screen and (max-width: 767px) {
  .pageAbout.seafood .titleLeftLine{
        font-weight: 700;
        font-size: 2.1rem;
        width: 100%;
    }
  /*リード*/
    
  .pageAbout.seafood .contents.seafood{ margin-top: 5em;}
  .pageAbout.seafood .contents.seafood .layoutRow .layoutRow__img{width: 100%;}
  .pageAbout.seafood .contents.seafood .layoutRow .layoutRow__detail{width: 100%;}
  .pageAbout.seafood .contents.seafood .layoutRow .layoutRow__item{margin-top: 3em;}
  .pageAbout.seafood .contents.seafood .layoutRow .layoutRow__title,
  .pageAbout.seafood .contents .titleBold.ls-wide{letter-spacing: 0; text-align: center;}
  
  /*漁法とは*/
  .pageAbout.seafood .contents.method{ margin-top: 5em;}
  .pageAbout.seafood .contents.method .titleBold.ls-wide{margin-bottom: 2em;}
  .pageAbout.seafood .contents.method .layoutColumn.column3 .layoutColumn__title{font-size: 2.2rem;}
  .pageAbout.seafood .contents.method .layoutColumn.column3 .layoutColumn__item + .layoutColumn__item{margin-top: 3.5em;}
  .pageAbout.seafood .contents.method .layoutColumn.column3 .layoutColumn__text{padding: 0 15px;}

  /*養殖*/
  .pageAbout.seafood .bg.aquaculture{
        background: url(../img/contents/about/quality/seafood/bg_sp.png) no-repeat;
        background-position: center -3em;
        background-size: 100%;
        padding-top: 10em;
      
    }
  .pageAbout.seafood .contents.aquaculture{ margin-top: 0; padding-bottom: 5.5em;}
  .pageAbout.seafood .contents.aquaculture .titleBold{text-align: center; font-size: 2.2rem;}
  .pageAbout.seafood .contents.aquaculture .text{letter-spacing: 0.09em; padding: 0 8px; font-feature-settings: "palt"}
  .pageAbout.seafood .contents.aquaculture .layoutRow:first-of-type{margin-top: 5em;}
  .pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__item{
      justify-content: center;
      position: relative;
      height: 138vw;
  }
  .pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__img.corner{
      width: 80%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      box-shadow: 11px 14px 7px 0px rgba(200,200,200,0.2);
      z-index: 1;
  }
  .pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__detail{
      position: absolute;
      right: 0;
      border-radius: 20px;
      top: 40vw;
      border: 1px solid #333333;
      width: 100%;
      padding: 7em 2em 2em;
      font-feature-settings: "palt";
    background: #ffffff;
  }
  .pageAbout.seafood .contents.aquaculture .layoutRow .layoutRow__detail .layoutRow__text{letter-spacing: 0.05em;font-feature-settings: "palt";}
    
    /*養殖魚の課題*/
    .pageAbout.seafood .contents.theme{padding-bottom: 5em}
    .pageAbout.seafood .contents.theme .blue.round{
        border-radius: 23px;
        padding: 2em;
    }
}




/* ######################################################################################

　お肉

###################################################################################### */
.pageAbout.meat .baseColumn__main{
    background: url("../img/contents/about/quality/meat/bg.png") no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-bottom: 19em;

}
.pageAbout.meat .contents .titleContents{align-items: flex-end;margin-bottom: 10%;}
.pageAbout.meat .contents .titleContents .titleContents__text{margin-bottom: 0;}
.pageAbout.meat .contents .titleContents .titleContents__photo{margin-top: 4em;}
.pageAbout.meat .contents .lead__title{font-size: 2.7rem; margin-bottom: 1em; letter-spacing: 0.1em;}
.pageAbout.meat .contents .lead__text{letter-spacing: 0.12em; font-weight: 500;}
/*課題*/
.pageAbout.meat .contents .assignmentList{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 6em;
}

.pageAbout.meat .contents .assignmentList .assignmentList__item{
    border: 2px solid #009b93;
    border-radius: 40px;
    background: #FFFFFF;
    position: relative;
    padding: 5em 2em 4em;
    width: 48%;
    max-height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pageAbout.meat .contents .assignmentList .assignmentList__item:nth-child(n+3){margin-top: 6em;}
.pageAbout.meat .contents .assignmentList .assignmentList__text{font-size: 1.7rem; color: #009b93; text-align: center; line-height: 1.8; font-weight:600;}
.pageAbout.meat .contents .assignmentList .assignmentList__num{
    position: absolute;
    width: 28%;
    background: #FFFFFF;
    padding: 0 1.5em 0 0.5em;
    top: -3em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.pageAbout.meat .contents .text.green{
    font-size: 1.6rem;
    color: #009b93;
    margin-top: 3em;
    letter-spacing: 0.15em;
    font-weight:500;
}

/*投票しよう*/
.pageAbout.meat .contents .vote{
    background: #1faf89;
    opacity: 0.8;
    padding: 50px 50px;
    margin-top: 6em;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
}
.pageAbout.meat .contents .vote__img{width: 13%;}
.pageAbout.meat .contents .vote__content{width: 80%;}
.pageAbout.meat .contents .vote__title{
    color: #FFFFFF;
    font-size: 2.3rem;
}
.pageAbout.meat .contents .vote__text{
    color: #FFFFFF;
    font-size: 1.6rem;
    font-feature-settings: "palt";
    font-weight: 500;
    line-height: 2.3;
}
  
.pageAbout.meat .contents .vote .vote__title .metropolis-bold{letter-spacing: 0.2em;}

@media screen and (min-width:768px) and ( max-width:1024px) {
    .pageAbout.meat .contents .titleContents .titleContents__text{letter-spacing: 0.05;}
    .pageAbout.meat .contents .assignmentList .assignmentList__item{width: 100%;}
    .pageAbout.meat .contents .assignmentList .assignmentList__item:nth-child(n+2) {
        margin-top: 6em;
    }
    .pageAbout.meat .contents .assignmentList .assignmentList__item{
        padding: 7em 0 4em;
    }
    .pageAbout.meat .contents .assignmentList .assignmentList__num{width: 25%}
}

@media screen and (max-width: 767px) {
  .pageAbout.meat .baseColumn__main{
    background: url("../img/contents/about/quality/meat/bg_sp.png") no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-bottom: 28em;

  }
  .pageAbout.meat .contents .titleLeftLine{
    font-weight: 700;
    font-size: 2.1rem;
  }
  .pageAbout.meat .contents .titleContents{margin-bottom: 20%; align-items: center;}
  .pageAbout.meat .contents .titleContents .titleContents__text{margin-bottom: 0; font-weight:400;}
  .pageAbout.meat .contents .titleContents .titleContents__photo{margin-top: 0;}
  .pageAbout.meat .contents .lead__title{font-size: 2.2rem; margin-bottom: 1em; text-align: center; line-height: 1.5;}
  .pageAbout.meat .contents .lead__text{letter-spacing: 0.12em; padding: 0 8px;}
  /*課題*/
  
  .pageAbout.meat .contents .assignment{padding: 0 30px;}
  .pageAbout.meat .contents .assignmentList{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-top: 6em;
  }

  .pageAbout.meat .contents .assignmentList .assignmentList__item{
      border: 2px solid #009b93;
      border-radius: 23px;
      background: #FFFFFF;
      position: relative;
      padding: 5em 0em 3.5em;
      width: 100%;
      max-height: 60vw;
  }
  .pageAbout.meat .contents .assignmentList .assignmentList__item + .assignmentList__item{margin-top: 6em;}
  .pageAbout.meat .contents .assignmentList .assignmentList__text{
    font-size: 1.5rem;
    color: #009b93;
    text-align: center;
    line-height: 1.8;
    font-feature-settings: "palt";
    font-weight:500;
    }
  .pageAbout.meat .contents .assignmentList .assignmentList__num{
      position: absolute;
      width: 48%;
      background: #FFFFFF;
      padding: 0 1.5em 0 0.5em;
      top: -40px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  }

  .pageAbout.meat .contents .text.green{
      font-size: 1.4rem;
      color: #009b93;
      margin-top: 2em;
      letter-spacing: 0.05em;
      padding: 0 15px;
      font-weight:500;
  }

  /*投票しよう*/
  .pageAbout.meat .contents .vote{
      background: #1faf89;
      opacity: 0.8;
      padding: 35px 30px 45px;
      margin: 4em 30px 0 30px;
      border-radius: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  .pageAbout.meat .contents .vote__img{width: 50%;}
  .pageAbout.meat .contents .vote__content{width: 100%;}
  .pageAbout.meat .contents .vote__title{
      color: #FFFFFF;
      font-size: 1.8rem;
    text-align: center;
  }

  .pageAbout.meat .contents .vote__text{
      color: #FFFFFF;
      font-size: 1.4rem;
      line-height: 2.5;
      letter-spacing: 0.01em;
      font-feature-settings: "palt";
  }
}



/* ######################################################################################

　加工食品＆添加物

###################################################################################### */
.pageAbout.additive-list{}
.pageAbout.additive-list .baseColumn__main .layoutRow__detail{width: 49%;}
.pageAbout.additive-list .baseColumn__main .layoutRow__title{padding-top: 1em; letter-spacing: 0.075em;}
.pageAbout.additive-list .baseColumn__main .titleBold.ls-wide{letter-spacing: 0.1em;}

@media print, screen and (min-width: 768px) {
    .pageAbout.additive-list .baseColumn__main .titleContents .titleContents__title{
        padding-left: 2em;
        text-indent: 0;
    }
    .pageAbout.additive-list .baseColumn__main .accordionList{
        padding: 2% 8% 8%;
        border: 1px solid #727171;
    }
    
    .pageAbout.additive-list .baseColumn__main .accordionList__item__next{padding: 4em 0 0;}
    .pageAbout.additive-list .baseColumn__main .accordionList__item__first{
        font-size: 2.2rem;
        font-weight: 700;
    }
}

@media screen and (max-width: 767px) {
    .pageAbout.additive-list .titleLeftLine{
        font-weight: 700;
        font-size: 2.1rem;
        width: 100%;
    }
  .pageAbout.additive-list .baseColumn__main .titleContents .titleContents__text{font-size: 1.7rem; font-weight: 400;}
  .pageAbout.additive-list .baseColumn__main .layoutRow__detail{width: 100%;}
  .pageAbout.additive-list .baseColumn__main .layoutRow__title{padding-top: 1em; letter-spacing: 0em; font-size: 2.2rem; line-height: 1.5;}
  .pageAbout.additive-list .baseColumn__main .layoutRow__text{
    font-size: 1.4rem;
    font-feature-settings: "palt";
    padding: 5px;
  }
  .pageAbout.additive-list .baseColumn__main  .accordionList{width: 1300px;}
  .pageAbout.additive-list .baseColumn__main .accordionList .borderBox th,
  .pageAbout.additive-list .baseColumn__main .accordionList .borderBox td{
    white-space: nowrap;
  }
  .pageAbout.additive-list .baseColumn__main .accordionList .titleSquare{white-space: nowrap;}
}





/* ######################################################################################

　日用品

###################################################################################### */
.pageAbout.bodycare{}
.pageAbout.bodycare .baseColumn__main .titleBold.ls-wide{margin-bottom: 0.75em; letter-spacing: 0.15em;}
.pageAbout.bodycare .baseColumn__main .layoutColumn{margin-top: 5em;}
.pageAbout.bodycare .baseColumn__main * + .accordionList{margin-top: 4em;}
.pageAbout.bodycare .baseColumn__main .layoutRow__title{letter-spacing: 0.1em;}
.pageAbout.bodycare .baseColumn__main .layoutRow__text{letter-spacing: 0;}
.pageAbout.bodycare .contents + .contents{margin-top: 9em;}
.pageAbout.bodycare .contents + .contents.product {margin-top: 6em;}
.pageAbout.bodycare .baseColumn__main .features{
    background: url(../img/contents/about/quality/bodycare/bg.png) right top no-repeat;
    background-size: 50%;
    background-position: right 0em;
    padding-top: 9em;
}

@media print, screen and (min-width: 768px) {
    .pageAbout.bodycare .stepList__item{min-height: inherit; position: relative; padding: 2em 2.25em 3em 2.25em;}
    .pageAbout.bodycare .stepList__item__step{
        position: absolute;
        top: 1em;
        left: 50%;
        transform: translateX(-50%);
    }
    .pageAbout.bodycare .stepList__item__illust{margin-bottom: 0;}
    .pageAbout.bodycare .stepList__item__illust img{width: 80%;}
    .pageAbout.bodycare .stepList__item__illust{border: 0.8em solid #FFFFFF;}
    .pageAbout.bodycare .stepList__item p{font-feature-settings: "palt"}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
    .pageAbout.bodycare .stepList__item{width: 48%;}
}

@media screen and (max-width: 767px) {
    .pageAbout.bodycare .baseColumn__main .layoutColumn{margin-top: 4em;}
    .pageAbout.bodycare .baseColumn__main .features{
      width: 100%;
      background: url("../img/contents/about/quality/bodycare/bg_sp.png") right 42vw no-repeat;
      background-size: contain;
    }
  .pageAbout.bodycare .baseColumn__main .features .lead__text{padding: 0 2em; font-feature-settings: "palt"}
  .pageAbout.bodycare .baseColumn__main .layoutRow__item{margin-top: 3em;}
  .pageAbout.bodycare .baseColumn__main .layoutRow__title{line-height: 1.5;}
  .pageAbout.bodycare .baseColumn__main .layoutRow__text{padding: 0 8px;}
  .pageAbout.bodycare .baseColumn__main .titleBold.ls-wide{text-align: center; letter-spacing: 0; font-size: 2.2rem; font-feature-settings: "palt";}

  .pageAbout.bodycare .contents.product{ display: flex; flex-direction: column;}
  .pageAbout.bodycare .contents.product .titleBold { order: 1; }
  .pageAbout.bodycare .contents.product .layoutColumn.column2 { order: 3; }
  .pageAbout.bodycare .contents.product .stepList { order: 2; }

  .pageAbout.bodycare .contents.product .layoutColumn__item:nth-child(2){margin-top: 3em;}
  .pageAbout.bodycare .contents.product .layoutColumn__item .layoutColumn__img {margin-bottom: 0;}
  .pageAbout.bodycare .contents + .contents{margin-top: 6em;}
  .pageAbout.bodycare .contents.features p{font-feature-settings: "palt"; padding: 0 20px;}
  .pageAbout.bodycare .contents.features .accordionList__item__first{
    background: rgba(255,255,255,0.66);
  }
}



/* ====================================================
　bodycareDrugContents
==================================================== */
.pageAbout.bodycare .baseColumn__main .bodycareBox{
  background: rgba(255,255,255,0.6);
  padding: 3em 7em 7em 7em;
  margin-top: 5em;
  border: 1px solid #727171;
  box-shadow: 7px 7px 6px 6px rgba(0, 0, 0, 0.05);
}
.pageAbout.bodycare .baseColumn__main .bodycareBox .titleBorderBottom .titleBorderBottom__title{
  font-size: 1.14vw;
  text-align: center;
  font-weight: bold;
}
.pageAbout.bodycare .baseColumn__main .bodycareBox .titleBorderBottom{border-bottom: 1px solid #979898; margin-bottom: 3em;}

.pageAbout.bodycare .baseColumn__main .bodycareDrugContents{display: flex; justify-content: space-between;}
.pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item{display: flex; width: 48%; flex-wrap: wrap;}
.pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__img{width: 39.2%;}
.pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__img img{border-radius: 0.75em;}
.pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__detail{
    margin-top: 0.5em;
    margin-left: 1em;
    width: 50%;
}
.pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__title{font-size: 1.14vw;}
.pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__text{font-size: 0.88vw; line-height: 1.674; font-feature-settings: "palt"}

@media screen and (max-width: 767px) {
  
  .pageAbout.bodycare .baseColumn__main .bodycareBox{
    background: rgba(255,255,255,0.6);
    margin-top: 5em;
    border: 1px solid #727171;
    border-radius: 2em;
    padding: 0 0;
    box-shadow: 7px 7px 6px 6px rgba(0, 0, 0, 0.07);
  }
   .pageAbout.bodycare .titleLeftLine{
        font-size: 2.1rem;
        font-weight: 700;
    }
    
  .pageAbout.bodycare .titleContents .titleContents__text{
        margin-bottom: 0;
    }
  .pageAbout.bodycare .baseColumn__main .bodycareBox .titleBorderBottom .titleBorderBottom__title{
    font-size: 4.30vw;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .pageAbout.bodycare .baseColumn__main .bodycareBox .titleBorderBottom{border-bottom: none; padding: 2.5em 1em; margin-bottom: 0;}

  .pageAbout.bodycare .baseColumn__main .bodycareDrugContents{display: flex; flex-direction: column;}
  .pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item{display: flex; flex-direction: column; width: 100%;}
  .pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__img{width: 100%;}
  .pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__img img{border-radius: 0;}
  .pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__detail{
    margin-top: 0.5em;
    margin-left: 0;
    width: 100%;
    padding: 1.5em;
  }
  .pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__title{font-size: 4.73vw; text-align: center;}
  .pageAbout.bodycare .baseColumn__main .bodycareDrugContents__item__text{font-size: 3.22vw; line-height: 2; margin: 0 3.5em; border-bottom: 1px solid #919292; padding-bottom: 2em;}
}



/* ====================================================
　bodycareDrugList
==================================================== */
.pageAbout.bodycare .baseColumn__main .bodycareDrugList{
    display: flex;
    margin-top: 3em;
}
.pageAbout.bodycare .baseColumn__main .bodycareDrugList__list{
    width: 100%;
    border-left: 1px solid #979898;
    padding: 0 1.5em;
}
.pageAbout.bodycare .baseColumn__main .bodycareDrugList__list__item + .bodycareDrugList__list__item{
    margin-top: 0.75em;
}
.pageAbout.bodycare .baseColumn__main .bodycareDrugList__list__item{
    font-size: 1.09vw;
}

@media screen and (max-width: 767px) {
  .pageAbout.bodycare .baseColumn__main .bodycareDrugList{
    margin-top: 0;
  }
  .pageAbout.bodycare .baseColumn__main .bodycareDrugList__list{
    width: 100%;
    border-left: none;
    padding: 0 4em 3em 4em;
  }
  .pageAbout.bodycare .baseColumn__main .bodycareDrugList__list__item{
    font-size: 3.22vw;
  }
  
}











/* ######################################################################################

　YAMADASTOREについて

###################################################################################### */
.pageAbout.index{}


/* ######################################################################################

　経営理念（忘己利他）

###################################################################################### */
.pageAbout.philosophy{}


/* ######################################################################################

　相互依存宣言（6本の柱）

###################################################################################### */
.pageAbout.important{}

/* ######################################################################################

　相互依存宣言（6本の柱）下層共通

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .pageAbout.satisfaction .baseColumn__inner,
    .pageAbout.staff .baseColumn__inner,
    .pageAbout.partner .baseColumn__inner,
    .pageAbout.local .baseColumn__inner,
    .pageAbout.value .baseColumn__inner,
    .pageAbout.environment .baseColumn__inner{justify-content: center;}

    .pageAbout.satisfaction .baseColumn__main,
    .pageAbout.staff .baseColumn__main,
    .pageAbout.partner .baseColumn__main,
    .pageAbout.local .baseColumn__main,
    .pageAbout.value .baseColumn__main,
    .pageAbout.environment .baseColumn__main{max-width:1500px;}
    
    .pageAbout.satisfaction .baseColumn__sub,
    .pageAbout.staff .baseColumn__sub,
    .pageAbout.partner .baseColumn__sub,
    .pageAbout.local .baseColumn__sub,
    .pageAbout.value .baseColumn__sub,
    .pageAbout.environment .baseColumn__sub{max-width:333px;}
}

/* ######################################################################################

　お客様満足

###################################################################################### */
.pageAbout.satisfaction{}
.pageAbout.satisfaction .contents.lead{margin-bottom: 10%;}
.pageAbout.satisfaction .contents.lead:last-child{margin-bottom: 0%;}

@media print, screen and (min-width: 768px) {
    .pageAbout.satisfaction * + .contents.lead{margin-top: 10%}
    .pageAbout.satisfaction .contents.lead .lead__image{
        display: flex;
        justify-content: space-between;
        margin-bottom: 2.5em;
    }
    .pageAbout.satisfaction .contents.lead .lead__image .left{
        width: 63%
    }
    .pageAbout.satisfaction .contents.lead .lead__image .right{
        width: 35%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .pageAbout.satisfaction .contents.lead .lead__image .layoutColumn__img{margin-bottom: 0;}
    .pageAbout.satisfaction .contents.lead .lead__title{font-size: 2.7rem; letter-spacing: 0.24em;}
    .pageAbout.satisfaction .contents.lead .lead__text{
        font-size: 1.6rem;
        letter-spacing: 0.06em;
        line-height: 2.18;
    }
    .pageAbout.satisfaction .contents .layoutColumn__item{margin-top: 8em;}
    .pageAbout.satisfaction .contents .layoutColumn__item:nth-of-type(1),
    .pageAbout.satisfaction .contents .layoutColumn__item:nth-of-type(2){margin-top: 0;}

}
@media screen and (max-width: 767px) {
    .pageAbout.satisfaction .contents.lead .contents{padding: 0 0;}
    .pageAbout.satisfaction .contents.lead .lead__image{
        display: flex;
        flex-direction: column;
    }
    .pageAbout.satisfaction .contents.lead .lead__image .layoutColumn__img.left{
        width: 100%;
        margin-bottom: 0;
    }
    .pageAbout.satisfaction .contents.lead .lead__image .right{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 1.3em;
        margin-bottom: 2em;
    }
    .pageAbout.satisfaction .contents.lead .lead__image .right picture + picture{margin-left: 1.3em;}
    .pageAbout.satisfaction .contents.lead .lead__title{font-size: 2.2rem; text-align: center; margin-bottom: 1em;}
    .pageAbout.satisfaction .contents.lead .lead__text{font-size: 1.4rem; letter-spacing: 0.05em;}

}

/* ######################################################################################

　従業員満足

###################################################################################### */
.pageAbout.staff{}

.pageAbout.staff .layoutRow__title{
    letter-spacing: 0.1em!important;
    line-height: 1.5!important;
}
.pageAbout.staff .contents.footerColumn{
    width: 100%;
    max-width: 100%;
}
@media print, screen and (min-width: 768px) {
    .pageAbout.staff .layoutRow__item + .layoutRow__item{margin-top: 10em;}
    .pageAbout.staff .contents.footerColumn{padding: 0 0!important;margin: 0;}
        
    .pageAbout.staff .contents.footerColumn .staff__image{ display: flex;  flex-wrap: wrap;justify-content: space-between; height: 25vw;}
    .pageAbout.staff .contents.footerColumn .staff__image__item {width: 24%;}
    .pageAbout.staff .contents.footerColumn .staff__image__item img{border-radius: 12px; width: 100%;}
}

@media screen and (max-width: 767px) {
    .pageAbout.staff .titleLeftLine{margin-bottom: 0;}
    .pageAbout.staff .layoutRow{margin-top: 3em;}
    .pageAbout.staff .layoutRow__item + .layoutRow__item{margin-top: 6.5em;}
    
    .pageAbout.staff .contents.footerColumn{margin-bottom: 3em;}
    .pageAbout.staff .contents.footerColumn .staff__image{ display: flex;  flex-wrap: wrap;justify-content: space-between; }
    .pageAbout.staff .contents.footerColumn .staff__image__item {width: 47%;margin-bottom: 1em;}
    .pageAbout.staff .contents.footerColumn .staff__image__item img{border-radius: 12px; width: 100%;}

}


/* ######################################################################################

　お取引様満足

###################################################################################### */
.pageAbout.partner{}


/* ######################################################################################

　地域経済の発展

###################################################################################### */
.pageAbout.local{}




/* ######################################################################################

　企業価値

###################################################################################### */
.pageAbout.value{}


@media print, screen and (min-width: 768px) {
    
    .pageAbout.value .layoutColumn__title{
        letter-spacing: 0.1em!important;
        line-height: 1.5!important;
    }
}
@media screen and (max-width: 767px) {
    .pageAbout.value .titleLeftLine{margin-bottom: 0;}
    .pageAbout.value .layoutRow__item{margin-top: 5em;}
    .pageAbout.value .layoutColumn__title{
        letter-spacing: 0;
        line-height: 1.5!important;
    }
    .pageAbout.value .layoutRow__item .layoutRow__img.sp{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 1.2em;
    }
    .pageAbout.value .layoutRow__item .layoutRow__img:not(.sp){margin-bottom: 1.2em;}
    .pageAbout.value .layoutRow__item .layoutRow__img.sp img{width: 47%;}
    .pageAbout.value .layoutRow__item .layoutRow__img.sp img + img{margin-left: 1.2em;}
    .pageAbout.value .layoutRow__item .layoutRow__img.sp .layoutColumn__title{
        width: 100%;
        margin: 1.8em 0;
    }
}

/* ######################################################################################

　地球環境の保全

###################################################################################### */
.pageAbout.environment{}


@media print, screen and (min-width: 768px) {
    .pageAbout.environment .baseColumn__main{padding-bottom: 0;}
    .pageAbout.environment .contents.lead .lead__text{font-size: 1.6rem;}

    /*取組*/
    .pageAbout.environment .contents.effort{margin-bottom: 7.81%;}
    .pageAbout.environment .contents.effort .contents__title{font-size: 2.7rem; margin-bottom: 1.7em;font-weight: bold;}
    .pageAbout.environment .contents.effort .layoutColumn__caption{font-size: 1.5rem; margin-bottom: 0; text-align: center;}
    .pageAbout.environment .contents.effort .layoutColumn__text{font-size: 2.0rem; text-align: center; line-height: 1;}

    .pageAbout.environment .contents.effort .layoutColumn__item:nth-of-type(2){
        position: relative;
    }

    .pageAbout.environment .contents.effort .circle__img{
        position: absolute;
        right: -5%;
        top: -25%;
        width: 40%;
    }
    .pageAbout.environment .contents.effort .layoutColumn__img{margin-bottom: 1.5em;}
    .pageAbout.environment .contents.effort .layoutRow__item.full .layoutRow__detail{
        width: 100%;
    }
    .pageAbout.environment .contents.effort .layoutRow__item.full{margin-top: 2em;}

    /*生物多様性を守る*/
    .pageAbout.environment .safe{
        background: url("../img/contents/about/important/environment/bg_01.png") no-repeat top;
        background-color: rgba(199,182,148,0.2);
        background-size: contain;
        padding: 8.59% 9.375% ;
        border-radius: 5% 5% 0 0;
    }
    .pageAbout.environment .safe .layoutRow__item{align-items: flex-start;margin-top: 4.5em;}
    .pageAbout.environment .safe .layoutRow__img .layoutColumn__caption{font-size: 1.5rem; margin-bottom: 0; text-align: center; margin-top: 1em;}
    .pageAbout.environment .safe .layoutRow__title{
        letter-spacing: 0.1em;
        line-height: 1.66;
    }
    .pageAbout.environment .safe .layoutRow__img .layoutColumn__text{font-size: 2.0rem; text-align: center; line-height: 1.25;}
    .pageAbout.environment .safe .layoutRow__item .layoutRow__text{letter-spacing: 0.03em;}
}
@media screen and (max-width: 767px) {
    .pageAbout.environment .baseColumn__main{padding-bottom: 0;}
    .pageAbout.environment .titleLeftLine{margin-bottom: 2em;}
    .pageAbout.environment .contents.lead .lead__text{font-size: 1.4rem;}
    .pageAbout.environment .contents.lead{margin-top: 2em;}

    /*取組*/
    .pageAbout.environment .contents.effort{margin-bottom: 8em;}
    .pageAbout.environment .contents.effort .contents__title{font-size: 2.2rem; margin-bottom: 1.7em;font-weight: bold; text-align: center;}
    .pageAbout.environment .contents.effort .layoutColumn__caption{font-size: 1rem; margin-bottom: 0; text-align: center;}
    .pageAbout.environment .contents.effort .layoutColumn__text{font-size: 1.5rem; text-align: center; line-height: 1;}

    .pageAbout.environment .contents.effort .layoutColumn__item:nth-of-type(2){
        position: relative;
    }
    .pageAbout.environment .contents.effort .layoutColumn__item + .layoutColumn__item{margin-top: 2.5em;}

    .pageAbout.environment .contents.effort .circle__img{
        position: absolute;
        right: -5%;
        top: -25%;
        width: 40%;
    }
    .pageAbout.environment .contents.effort .layoutColumn__img{margin-bottom: 0.5em;}

    /*生物多様性を守る*/
    .pageAbout.environment .safe{
        background: url("../img/contents/about/important/environment/bg_01_sp.png") no-repeat top;
        background-color: rgba(199,182,148,0.2);
        background-size: contain;
        padding: 8.59% 9.375% 30% 9.375% ;
        border-radius: 3em 3em 0 0;
    }
    .pageAbout.environment .safe .layoutRow__item{align-items: flex-start; margin-top: 3em;}
    .pageAbout.environment .safe .layoutRow__item.tombo{margin-top: 10em;}
    .pageAbout.environment .safe .layoutRow__item.tombo img{border-radius: 0;}
    
    .pageAbout.environment .safe .layoutRow__img{margin-bottom: 3.5em;}
    
    .pageAbout.environment .safe .layoutRow__title{margin-bottom: 1.8em; letter-spacing: 0; font-feature-settings: "palt";}
    .pageAbout.environment .safe .layoutRow__img .layoutColumn__caption{font-size: 1rem; margin-bottom: 0; text-align: center; margin-top: 1em;}
    .pageAbout.environment .safe .layoutRow__img .layoutColumn__text{font-size: 1.5rem; text-align: center; line-height: 1.25; font-feature-settings: "palt";}
    .pageAbout.environment .safe .layoutRow__item .layoutRow__text{letter-spacing: 0.03em;}
    
    .pageAbout.environment .layoutRow__item.full{margin: 3em 0 0 0;}
}


/* ######################################################################################

　会社概要

###################################################################################### */
.pageCompany.outline{}
.pageCompany.outline .wallBelt.company{padding-bottom: 7em;}
.pageCompany.outline .wallBelt.company .mail{letter-spacing: 0.45em; padding-right: 0;}
.pageCompany.outline .wallBelt.company .companyTable td{letter-spacing: 0.2em; font-weight: 500;}
.pageCompany.outline .wallBelt.company .companyTable .mail + td{letter-spacing: 0.15em;}
.pageCompany.outline .wallBelt.company .companyTable .mail + td a{text-decoration: none;}
@media print, screen and (min-width: 768px) {
    .pageCompany.outline .wallBelt.company .companyTable{margin-top: 3.5em;}
    .pageCompany .titleLogo img{max-height: 56px;}
}
@media screen and (max-width: 767px) {
    .pageCompany .titleBorderBottom {padding-bottom: 1.4286em; border-bottom: none;}
    .pageCompany.outline .wallBelt.company .companyTable,
    .pageCompany.outline .wallBelt.company .companyTable tbody,
    .pageCompany.outline .wallBelt.company .companyTable tr,
    .pageCompany.outline .wallBelt.company .companyTable th,
    .pageCompany.outline .wallBelt.company .companyTable td {display: block; width: 100%; padding: 0; border: none;}
    .pageCompany.outline .wallBelt.company .companyTable th,
    .pageCompany.outline .wallBelt.company .companyTable td {
        border-top: 1px solid #B7BBBB;
        text-align:center;
        text-align-last: center;
        font-size: 1.7rem;
    }
    .pageCompany.outline .wallBelt.company .companyTable th {padding-top: 8px; padding-bottom: 6px;}
    .pageCompany.outline .wallBelt.company .companyTable td {
        padding-top: 1.0588em;
        padding-bottom: 1.4118em;
        line-height: 1.7059;
        letter-spacing: 0.15em;
    }
    .pageCompany.outline .wallBelt.company .linkList{justify-content: center;}
    .pageCompany.outline .wallBelt.company .linkList li{margin: 0 0.5em;}
}




/* ######################################################################################

　沿革

###################################################################################### */
.pageCompany.history{}
@media print, screen and (min-width: 768px) {
    .pageCompany.history .wallBelt.history .historyTable{margin-top: 3.5em;}
}
@media screen and (max-width: 767px) {
    .pageCompany.history .wallBelt.history .fullScreen {margin-left: -30px; margin-right: -30px;}
}


/* ######################################################################################

　ヤマダストアーカード

###################################################################################### */
.pageService.yamada-card{}



/* ====================================================
　titleSideLine
==================================================== */
@media print, screen and (min-width: 768px) {
	.pageService.yamada-card .titleSideLine{ margin: 0 auto 1em; padding:0;}
	.pageService.yamada-card .titleSideLine img{width: 100%; height: auto;}
	.pageService.yamada-card .titleSideLine:before,.titleSideLine:after{  display: none;}
}

@media screen and (max-width: 767px) {
	.pageService.yamada-card .titleSideLine{ border-bottom: 1px solid #B7BBBB;margin: 2em auto 1em;  padding: 0 0 1.8em 0;}
	.pageService.yamada-card .titleSideLine img{width: 85%; height: auto;}
	.pageService.yamada-card .titleSideLine:before,.titleSideLine:after{  display: none;}
}

/* ====================================================
　leadContents
==================================================== */
.pageService.yamada-card .leadContents{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.pageService.yamada-card .leadContents__img{
    width: 51.5%;
}
.pageService.yamada-card .leadContents__detail{
    width: 42%;
}
.pageService.yamada-card .leadContents__detail__title{
    margin-bottom: 0.5em;
    font-size: 3.6rem;
    font-weight: 900;
}
.pageService.yamada-card .leadContents__detail__price{
    margin-bottom: 0;
    font-size: 2.7rem;
    font-weight: 500;
    line-height: 1.75;
}
.pageService.yamada-card .leadContents__detail__text{
    font-size: 2.1rem;
    line-height: 1.62;
    font-weight: 400;
}
.pageService.yamada-card .layoutColumn__attention{
    position: relative;
    padding-left: 1em;
    line-height: 1.61;
    font-size: 1.0rem;
}

@media print, screen and (min-width: 768px) {
    .pageService.yamada-card .leadContents{padding: 0 2em;}
    .pageService.yamada-card .layoutColumn.column3 .layoutColumn__item{width: 29.5%;}
}
@media screen and (max-width: 767px) {
	.pageService.yamada-card .leadContents{ display: block; }
	.pageService.yamada-card .leadContents__img{width: 100%;}
	.pageService.yamada-card .leadContents__detail{ width: 100%;}
    .pageService.yamada-card .layoutColumn.column3 .layoutColumn__item{
        font-size: 2.0rem;
        font-feature-settings: "palt";
        font-weight: 500;
    }
	.pageService.yamada-card .leadContents__detail__title{margin-bottom: 0.5em;font-size: 3.0rem;font-weight: 900;text-align: center;}
	.pageService.yamada-card .leadContents__detail__price{margin-bottom: 0;font-size: 2.6rem;text-align: center;letter-spacing: 0;}
	.pageService.yamada-card .leadContents__detail__text{font-size: 1.8rem;margin-bottom: 1em;}
}


/* ====================================================
　benefits
==================================================== */
.pageService.yamada-card .layoutColumn.column3 .layoutColumn__item{width: 30%;}
.pageService.yamada-card .layoutColumn.column3 .layoutColumn__img{
    text-align: center;
}
.pageService.yamada-card .layoutColumn.column3 .layoutColumn__title{
    font-size: 3rem;
    color: #324380;
    letter-spacing: 0;
}
.pageService.yamada-card .layoutColumn.column3 .layoutColumn__text{
    font-size: 2.1rem;
    line-height: 2;
    letter-spacing: 0;
}

@media screen and (max-width: 767px) {
	.pageService.yamada-card .benefits{padding: 0!important; margin-top: 6em;}	
	.pageService.yamada-card .benefits .titleBg { padding: 0.25em 0.25em 0.5em;font-size: 2.2rem;letter-spacing: 0;}
	.pageService.yamada-card .benefits .titleBg .large {  font-size: 3.4rem;}
	.pageService.yamada-card .layoutColumn{display: block;}
	.pageService.yamada-card .layoutColumn.column3 .layoutColumn__item{width: 75%; margin: auto;}
	.pageService.yamada-card .layoutColumn.column3 .layoutColumn__img{  text-align: center;margin-bottom: 0;}
	.pageService.yamada-card .layoutColumn.column3 .layoutColumn__title{font-size: 2.2rem; letter-spacing: 0;margin-bottom: 0.5em;;}
	.pageService.yamada-card .layoutColumn.column3 .layoutColumn__text{font-size: 1.4rem; line-height: 1.8;letter-spacing: 0;}
	.pageService.yamada-card .layoutColumn.column3 .layoutColumn__detail{margin-bottom: 3.5em;}
	.pageService.yamada-card .layoutColumn.column3 .layoutColumn__item .listAsterisk__item { font-size: 1.0rem; text-align: center;}
	.pageService.yamada-card .layoutColumn.column3 .layoutColumn__item .listAsterisk__item:before {  content: "※"; position: inherit; }
}

/* ====================================================
　faq
==================================================== */
.pageService.yamada-card .contents.faq{
    border-top: 1px solid #333;
    padding-top: 5em;
    padding-bottom: 5em;
}
.pageService.yamada-card .accordionList{}
.pageService.yamada-card .buttonBox .button.blue{
    padding: 1.05em 3.5em;
}


@media print, screen and (min-width: 768px) {
    .pageService.yamada-card .wallBelt{
        padding-bottom: 9em;
    }
    .pageService.yamada-card .accordionList.style-faq .accordionList__item{
        border: 1px solid #324380;
        border-radius: 0.4em;
    }
    .pageService.yamada-card .accordionList.style-faq .accordionList__item__first{
        position: relative;
        border: none;
    }
    .pageService.yamada-card .accordionList.style-faq .accordionList__item.open .accordionList__item__first:after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 10%;
        width: 80%;
        height: 1px;
        background: #97A7B0;
    }
}
@media screen and (max-width: 767px) {
    .pageService.yamada-card .wallBelt{
        padding-bottom: 6em;
    }
  .pageService.yamada-card .accordionList{
    width: 100%;
    margin: 0 auto;
  }
  .pageService.yamada-card .accordionList.style-faq .accordionList__item{
    padding: 0.5em 0;
    border-radius: 0.8em;
  }
	.pageService.yamada-card .contents.faq{  border-top: 1px solid #B7BBBB; padding-top: 4em; padding-bottom: 4em;}
	.pageService.yamada-card .contents.faq .titleBold{text-align: center;}
    .pageService.yamada-card .buttonBox .button.blue{line-height: 1.3; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);}
}



/* ######################################################################################

　店舗情報

###################################################################################### */


@media print, screen and (min-width: 768px) {
  .pageShopinfo .titleBorderBottom{margin-bottom: 3em;}
}
@media screen and (max-width: 767px) {
  .pageShopinfo .titleBorderBottom{margin-bottom: 1.5em;}
  .pageShopinfo .titleBorderBottom .titleBorderBottom__title{
    text-align: center;
    font-size: 8vw;
    margin-bottom: 0;
  }

}

/* ====================================================
　shopMap
==================================================== */
.pageShopinfo .shopMap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 800px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
}
.pageShopinfo .shopMap__title{
    font-size: 3.7rem;
    line-height: 1.2;
    letter-spacing: 0.14em;
}
.pageShopinfo .shopMap__text{
    font-size: 2.1rem;
    line-height: 2;
}
@media screen and (max-width: 767px) {
  .pageShopinfo .shopMap{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
  }
  .pageShopinfo .shopMap__title{
    font-size: 8vw;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-align: center;
    margin-bottom: 0.2em;
}
  .pageShopinfo .shopMap__text{
    font-size: 4.53vw;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 2em;
  }
  .pageShopinfo .shopMap__img{width: 80%;}
}

/* ====================================================
　shopList
==================================================== */

.pageShopinfo .shopList__item__credit li + li{margin-left: 0.2em;}

@media print, screen and (min-width: 768px) {
  .pageShopinfo .shopList{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .pageShopinfo .shopList:after{
      content: "";
      display: block;
      width: 32.2%;
  }
    .pageShopinfo .shopList__item{
        width: 32.2%;
        margin-bottom: 6em;
        display: flex;
        flex-direction: column;
    }
  .pageShopinfo .shopList__item__img{margin-bottom: 1.75em;}
  .pageShopinfo .shopList__item__detail{
      border-left: 1px solid #818181;
      padding-left: 1.5em;
      height: 100%;
  }

  .pageShopinfo .shopList__item__title{
      position: relative;
      padding-bottom: 1em;
      margin-bottom: 0.5em;
      font-size: 2.1rem;
      letter-spacing: 0.1em;
  }
  .pageShopinfo .shopList__item__title:before{
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 4.5em;
      height: 1px;
      background: #818181;
  }
  .pageShopinfo .shopList__item__title .fb{
      width: 1em;
      height: 1em;
      display: inline-block;
  }


  .pageShopinfo.flyer .shopList__item__address,
  .pageShopinfo .shopList__item__info{
      font-size: 1.8rem;
      line-height: 1.38;
      font-feature-settings: "palt";
  }
  .pageShopinfo .shopList__item__address{margin-bottom: 1.5em;}
  .pageShopinfo .shopList__item__info{margin-bottom: 0.25em;}
  .pageShopinfo .shopList__item__info .tel{font-weight: bold;}
  .pageShopinfo .shopList__item__credit {display: flex; margin-top: 0.5em;}
}
@media screen and (max-width: 767px) {
    .pageShopinfo .wallBelt.shop{padding-top: 5em;}
  .pageShopinfo .shopList{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .pageShopinfo .shopList:after{
      content: "";
      display: block;
      width: 100%;
  }
  .pageShopinfo .shopList__item{width: 100%; margin-bottom: 3em;}
  .pageShopinfo .shopList__item__img{margin-bottom: 1.75em;}
  .pageShopinfo .shopList__item__detail{
      border-bottom: 1px solid #818181;
      padding-bottom: 2em;
  }

  .pageShopinfo .shopList__item__title{
      position: relative;
      padding-bottom: 1em;
      margin-bottom: 0.5em;
      font-size: 5.6vw;
      letter-spacing: 0.1em;
  }
  .pageShopinfo .shopList__item__title:before{
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 4.5em;
      height: 1px;
      background: #818181;
  }
  .pageShopinfo .shopList__item__title .fb{
      width: 1em;
      height: 1em;
      display: inline-block;
      top: -0.1em;
      position: relative;
  }


  .pageShopinfo.flyer .shopList__item__address,
  .pageShopinfo .shopList__item__info{
      font-size: 4.8vw;
      line-height: 1.38;
      font-feature-settings: "palt";
  }
  .pageShopinfo .shopList__item__address{margin-bottom: 1.5em;font-size: 4.8vw; line-height: 1.5;}
  .pageShopinfo .shopList__item__info{margin-bottom: 0.25em;font-size: 4.8vw;}
  .pageShopinfo .shopList__item__info .tel{font-weight: 600;}
  .pageShopinfo .shopList__item__credit {display: flex; margin-top: 0.5em;}
}



.pageShopinfo .shopList__item__detail.commingsoon{
    padding-left: 0;
}
.pageShopinfo .shopList__item__detail.commingsoon .shopList__item__title{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.pageShopinfo .shopList__item__detail.commingsoon .shopList__item__title:after{
    content: "COMING SOON";
    font-family: "metropolis", sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    margin-top: 0.5em;
}

.pageShopinfo .shopList__item__detail.commingsoon .shopList__item__title:before,
.pageShopinfo .shopList__item__detail.commingsoon .shopList__item__address
.pageShopinfo .shopList__item__detail.commingsoon .shopList__item__info{
    display: none;
}
@media screen and (max-width: 767px) {
    .pageShopinfo .shopList__item__detail.commingsoon{
        border-bottom: none;
        padding-bottom: 0;
    }
    .pageShopinfo .shopList__item__detail.commingsoon .shopList__item__title{
        padding-top: 1em;
        padding-bottom: 0em;
        margin-bottom: 0;
    }
}



/* ######################################################################################

　お客様の声

###################################################################################### */
/* ====================================================
　mainImg
==================================================== */
.pageVoice .mainImg{
    position: relative;
    background-size: cover;
    background-position: center top;
    z-index: 1;
}
.pageVoice .mainImg__title{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}
.pageVoice .mainImg__title:before,
.pageVoice .mainImg__title:after{
    content: "";
    position: absolute;
    background-size: contain;
}
.pageVoice .mainImg__title:before{
    left: 0;
    background-image: url(../img/contents/voice/arrow_l.svg);
    background-position: left top;
}
.pageVoice .mainImg__title:after{
    right: 0;
    background-image: url(../img/contents/voice/arrow_r.svg);
    background-position: right top;
} 
.pageVoice .mainImg__title .en{
    line-height: 1;
}
.pageVoice .mainImg__title .en .large{
    display: block;
}
.pageVoice .mainImg__title .jp{
    display: block;
}
.pageVoice .mainImg__text{
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}


.pageVoice #Main{
    position: relative;
    z-index: 4;
}

/* 雲アニメーション

.pageVoice .mainImg:before,
.pageVoice .mainImg:after {
    content:"";
    display:block;
    position:absolute;
    top:10%;
    width:10%;
    height:30%;
}
.pageVoice .mainImg:before {left:10%;  background:rgba(255,0,0,0.2);}
.pageVoice .mainImg:after  {right:10%; background:rgba(0,255,0,0.2);}
*/




@media print, screen and (min-width: 768px) {
    .pageVoice #Main{
        position: relative;
        z-index: 4;
        background: #F0F0F0;
    }

    .pageVoice .mainImg{
        padding-top: 117%;
        background-image: url(../img/contents/voice/bg.png);
    }
    .pageVoice .mainImg__title{
        top: 14%;
        padding: 0 6.5%;
    }
    .pageVoice .mainImg__title:before,
    .pageVoice .mainImg__title:after{
        top: 2.5%;
        width: 18%;
        height: 95%;
    }

    
    .pageVoice .mainImg__title .en{
        font-size: 4.6vw;
        letter-spacing: 0.14em;
    }
    .pageVoice .mainImg__title .en .large{
        font-size: 127%;
    }
    .pageVoice .mainImg__title .jp{
        display: block;
        margin-top: 0.25em;
        font-size: 2.6vw;
        letter-spacing: 0.48em;
    }
    .pageVoice .mainImg__text{
        top: 31%;
        font-size: 1.4vw;
        line-height: 2.3;
        letter-spacing: 0.075em;
    }
}
@media screen and (max-width: 767px) {
    .pageVoice .mainImg{
        padding-top: 200%;
        background-image: url(../img/contents/voice/bg_sp.png);
    }
    .pageVoice .mainImg__title{
        top: 5%;
        padding: 0 10%;
    }
    .pageVoice .mainImg__title:before,
    .pageVoice .mainImg__title:after{
        top: 15%;
        width: 18%;
        height: 95%;
    }

    
    .pageVoice .mainImg__title .en{
        font-size: 6.9vw;
        letter-spacing: 0.14em;
    }
    .pageVoice .mainImg__title .en .large{
        font-size: 127%;
    }
    .pageVoice .mainImg__title .jp{
        display: block;
        margin-top: 0.25em;
        font-size: 4vw;
        letter-spacing: 0.48em;
    }
    .pageVoice .mainImg__text{
        top: 21%;
        font-size: 4vw;
        line-height: 2;
        letter-spacing: 0.05em;
    }
}




/* ====================================================
　voice
==================================================== */
.pageVoice .wallBlet.voice{
    position: relative;
    overflow: visible;
    z-index: 2;
    background: #66e0ff;
}
.pageVoice .wallBlet.voice:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #f2f3f3 ;
    z-index: 1;
}
.pageVoice .wallBlet.voice:after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 1;
    background-repeat: no-repeat;
}
.pageVoice .wallBlet.voice .contents{
    position: relative;
    z-index: 2;
}

.pageVoice .wallBlet.voice .voiceLead{
    background: #66e0ff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}
.pageVoice .wallBlet.voice .voiceLead__title{
    text-align: center;
    color: #fff;
}
.pageVoice .wallBlet.voice .voiceLead__text{
    text-align: center;
    color: #fff;
}
.pageVoice .wallBlet.voice .voiceList{
    padding: 0 4%;
}
.pageVoice .wallBlet.voice .voiceList__item{
    position: relative;
}
.pageVoice .wallBlet.voice .voiceList__item__inner{
    background: #fff;
}
.pageVoice .wallBlet.voice .voiceList__item.open .voiceList__item__inner{
    opacity: 0.5;
}
.pageVoice .wallBlet.voice .voiceList__item__report:before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    padding-top: 50%;
    background: #fff;
    z-index: 2;
}
.pageVoice .wallBlet.voice .voiceList__item__report:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 3;
}
.pageVoice .wallBlet.voice .voiceList__item__logo{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
}
.pageVoice .wallBlet.voice .voiceList__item__logo img{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.pageVoice .wallBlet.voice .voiceList__item__lead{
    color: #37437b;
}
.pageVoice .wallBlet.voice .voiceList__item__text{
    background-image:
    linear-gradient(90deg, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0) 49%, white 50%, white 100%),
    linear-gradient(180deg, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0) 98%, #221714 100%);
    background-repeat: repeat-x,repeat-y;
}
.pageVoice .wallBlet.voice .voiceList__item__text img{
    clip-path: inset(27% 8% 38% 8%);
    margin: -35% 0 -54% 0;
    transform: scale(1.2);
}
.pageVoice .wallBlet.voice .voiceList__item__btn{
    position: relative;
    text-align: center;
}
.pageVoice .wallBlet.voice .voiceList__item__btn .good{
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    color: #fff;
    border: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}


.pageVoice .wallBlet.voice .voiceList__item__btn .good,
.pageVoice .wallBlet.voice .voiceList__item__btn .good:before,
.pageVoice .wallBlet.voice .voiceList__item__btn .good:hover{
    background-color: transparent;
}
.pageVoice .wallBlet.voice .voiceList__item__btn .good:before{
    /* content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    background-image: url(../img/contents/voice/ico_heart.svg);
    visibility: visible;
    background-color: transparent;
    border-radius: 0;
    background-repeat: no-repeat;
    margin: 0;
    background-size: contain;
    border: none;
    transform: none; */
    display: none;
}

.pageVoice .wallBlet.voice .voiceList__item__btn .newiine_icon .heart_border{
    fill: none;
    stroke-miterlimit: 10;
    stroke: #fff;

}
.pageVoice .wallBlet.voice .voiceList__item__btn .newiine_icon .heart{
    fill: #fff;
    stroke-width: 0;
    opacity: 0.25;
}



.pageVoice .wallBlet.voice .voiceList__item__btn .good.newiine_clicked .heart_border{
    stroke: #ec5061;
}
.pageVoice .wallBlet.voice .voiceList__item__btn .good.newiine_clicked .heart{
    fill: #ec5061;
    opacity: 1;
}

.pageVoice .wallBlet.voice .pagination span,
.pageVoice .wallBlet.voice .pagination a{
    border-radius: 50%;
    text-decoration: none;
    width: 2em;
    height: 2em;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pageVoice .wallBlet.voice .pagination a{
    background: #fff;
    color: #354687;
    font-weight: bold;
}


@media print, screen and (min-width: 768px) {
    .pageVoice .wallBlet.voice{max-width: 1920px; margin-left: auto; margin-right: auto;}
    .pageVoice .wallBlet.voice:before{height: 20.5em;}    
    .pageVoice .wallBlet.voice:after{
        top: 6.5em;
        height: 15em;
        background-image: url(../img/contents/voice/bg_2.svg);
    }
    .pageVoice .wallBlet.voice .contents{
        max-width: 1556px;
    }
    .pageVoice .wallBlet.voice .contents:before{
        content: "";
        position: absolute;
        right: 2em;
        top: 28em;
        width: 10px;
        height: 300px;
        background-image: url(../img/contents/voice/scroll.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .pageVoice .wallBlet.voice .voiceLead{
        margin-top: -9em;
        width: 40%;
        padding-top: 7em;
        width: 50em;
        height: 50em;
    }
    .pageVoice .wallBlet.voice .voiceLead__title{
        margin-bottom: 0.75em;
        font-size: 4.3rem;
        line-height: 1.2;
        letter-spacing: 0.14em;
    }
    .pageVoice .wallBlet.voice .voiceLead__text{
        font-size: 1.8rem;
        line-height: 1.77;
        letter-spacing: 0.27em;
    }
    .pageVoice .wallBlet.voice .voiceList{
        margin-top: -22em;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pageVoice .wallBlet.voice .voiceList__item{
        width: 46.65%;
    }
    .pageVoice .wallBlet.voice .voiceList__item + .voiceList__item{
        margin-top: 10em;
    }
    .pageVoice .wallBlet.voice .voiceList__item:nth-child(1),
    .pageVoice .wallBlet.voice .voiceList__item:nth-child(2){
        margin-top: 0;
    }
    .pageVoice .wallBlet.voice .voiceList__item__inner{
        width: 100%;
        box-shadow: 8px 9px 6px rgba(0, 0, 0, 0.05);
        padding: 7em 2.5em 4em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__report{
        position: relative;
        border: 12px solid #37437b;
        padding: 4em 2.5em 2em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__report > *{
        position: relative;
        z-index: 4;
    }
    .pageVoice .wallBlet.voice .voiceList__item__report:before{
        top: -5em;
        border-radius: 10em;
        border: 12px solid #37437b;
    }
    .pageVoice .wallBlet.voice .voiceList__item__logo{
        top: -9em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__logo img{
        width: 54%;
        top: 4em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__lead{
        margin-top: 0.5em;
        margin-bottom: 2.5em;
        padding: 0 1.25em;
        font-size: 1.9rem;
        font-weight: 500;
        line-height: 1.72;
    }
    .pageVoice .wallBlet.voice .voiceList__item__text{
        background-size: 4px 100%,100% 3.35em;
        line-height: 3.35;
    }
    .pageVoice .wallBlet.voice .voiceList__item__text p{
        font-size: 1.9rem;
        line-height: 2.8;
    }
    .pageVoice .wallBlet.voice .voiceList__item__btn{
        margin-top: 2em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__btn .button{
        padding: 1.65em 6em;
    }

    .pageVoice .wallBlet.voice .voiceList__item__btn .good{
        width: 2em;
        font-size: 2rem;
    }
    .pageVoice .wallBlet.voice .voiceList__item__btn .good:before{
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .pageVoice .wallBlet.voice .pagination{
        margin-top: 10em;
    }
    .pageVoice .wallBlet.voice{
        padding-bottom: 10em;
    }
    .pageVoice .wallBlet.voice .pagination span,
    .pageVoice .wallBlet.voice .pagination a{
        font-size: 1.8rem;
    }
}
@media print, screen and (min-width: 1800px) {
    .pageVoice .wallBlet.voice .contents:before{
        right: -3em;
    }
}
@media screen and (max-width: 767px) {
    .pageVoice .wallBlet.voice{
        padding-bottom: 5em;
    }
    .pageVoice .wallBlet.voice:before{height: 7.5em;}
    .pageVoice .wallBlet.voice:after{
        top: 5.5em;
        height: 3em;
        background-image: url(../img/contents/voice/bg_2_sp.svg);
    }
    .pageVoice .wallBlet.voice .contents{
        max-width: 1556px;
    }
    .pageVoice .wallBlet.voice .contents:before{
        content: "";
        position: absolute;
        right: 2.75vw;
        top: 8.25em;
        width: 2.25vw;
        height: 38vw;
        background-image: url(../img/contents/voice/scroll_sp.svg);
        background-size: contain;
        background-repeat: no-repeat;
        max-height: 180px;
    }
    .pageVoice .wallBlet.voice .voiceLead{
        margin-top: 0;
        padding-top: 3em;
        width: 70vw;
        height: 70vw;
    }
    .pageVoice .wallBlet.voice .voiceLead__title{
        margin-bottom: 0.75em;
        font-size: 2.2rem;
        line-height: 1.2;
        letter-spacing: 0.1em;
    }
    .pageVoice .wallBlet.voice .voiceLead__text{
        font-size: 1.5rem;
        line-height: 1.77;
        letter-spacing: 0.1em;
        text-align: left;
    }
    .pageVoice .wallBlet.voice .voiceList{
        margin-top: -2em;
        padding-left: 0;
        padding-right: 0;
    }
    .pageVoice .wallBlet.voice .voiceList__item + .voiceList__item{
        margin-top: 4em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__inner{
        width: 100%;
        box-shadow: 8px 9px 6px rgba(0, 0, 0, 0.05);
        padding: 3em 1.5em 1em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__report{
        position: relative;
        border: 6px solid #37437b;
        padding: 3em 1.5em 2em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__report > *{
        position: relative;
        z-index: 4;
    }
    .pageVoice .wallBlet.voice .voiceList__item__report:before{
        top: -2em;
        border-radius: 30em;
        border: 6px solid #37437b;
    }
    .pageVoice .wallBlet.voice .voiceList__item__logo{
        position: absolute;
        top: -3.5em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__logo img{
        width: 54%;
        top: 4em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__lead{
        margin-top: 0.5em;
        margin-bottom: 2.5em;
        padding: 0;
        font-size: 0.8rem;
        font-weight: 500;
        line-height: 1.72;
    }
    .pageVoice .wallBlet.voice .voiceList__item__text{
        background-size: 4px 100%,100% 3.35em;
        line-height: 3.35;
    }
    .pageVoice .wallBlet.voice .voiceList__item__text p{
        font-size: 1.9rem;
        line-height: 2.8;
    }
    .pageVoice .wallBlet.voice .voiceList__item__btn{
        margin-top: 2em;
    }
    .pageVoice .wallBlet.voice .voiceList__item__btn .button{
        padding: 1em 3em;
        font-size: 1.1rem;
    }

    .pageVoice .wallBlet.voice .voiceList__item__btn .good{
        width: 2em;
        font-size: 1.5rem;
    }
    .pageVoice .wallBlet.voice .voiceList__item__btn .good:before{
        width: 2em;
        height: 2em;
    }
    .pageVoice .wallBlet.voice{
        padding-bottom: 6em;
    }
    .pageVoice .wallBlet.voice .pagination{
        margin-top: 5em;
    }
    .pageVoice .wallBlet.voice .pagination span,
    .pageVoice .wallBlet.voice .pagination a{
        font-size: 1.6rem;
    }
}




/* ====================================================
　ポップアップ
==================================================== */
.pageVoice .voiceAnswer{
    background: #37437b;
    color: #fff;
    border-radius: 18px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
}
.pageVoice .voiceAnswer__detail{padding: 2em 2em;}
.pageVoice .voiceAnswer__logo{text-align: center; margin-bottom: 1.5em;}
.pageVoice .voiceAnswer__logo img{width: 214px; height: auto;}
.pageVoice .voiceAnswer__sign{
    padding: 1em;
    text-align: center;
    background: #fff;
    color: #37437b;
    border-radius: 0 0 17px 17px;
}

@media print, screen and (min-width: 768px) {
    .pageVoice .voiceAnswer__text{font-size: 2.1rem; line-height: 1.9;}
    .pageVoice .voiceAnswer__sign{
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
    }
    .pageVoice .voiceAnswer__sign li + li{
        margin-left: 0.8em;
    }
}
@media screen and (max-width: 767px) {
    .pageVoice .voiceAnswer__text{font-size: 1.2rem; line-height: 1.9;}
    .pageVoice .voiceAnswer__sign{font-size: 1.1rem;}
}


/* ######################################################################################

　お知らせ　一覧

###################################################################################### */

@media print, screen and (min-width: 768px) {
    .pageTopics.list .titleLogo img {height: 1.5104vw;}
}
@media screen and (max-width: 767px) {
    .pageTopics.list .titleLogo {padding-top: 5.3571em; padding-bottom: 5.3571em;}
    .pageTopics.list .titleLogo img {height: 5.6vw;}
}



.topicList ul,
.topicList li {font-weight: bold; line-height: 1.5;}
.topicList li a {text-decoration: none; color: #333333;}
@media print, screen and (min-width: 768px) {
    .topicList li {display: flex; border-bottom: 1px solid #B7BBBB;}
    .topicList li:first-of-type {border-top: 1px solid #B7BBBB;}
    .pageTopics.list .topicsInfo .entry{padding: 1.5em 0;}
}
@media screen and (max-width: 767px) {
    .topicList ul {
        padding-top: 2.0714em;
        padding-bottom: 3.1429em;
        border-bottom: 1px solid #333;
        text-align: center;
    }
    .topicList ul:first-of-type {border-top: 1px solid #333;}
    .topicList li {margin-bottom: 0.5em; font-size: 2.0rem;}
    .topicList li {
        width: 88.141%;
        margin: 0 auto;
        font-size: 1.6rem;
        line-height: 1.625;
    }
    .pageTopics.list .topicsInfo .entry{
        padding: 2em 1.5em;
        border: none;
        border-bottom: 1px solid #333;
        box-shadow: none;
    }
    .pageTopics.list .topicsInfo .entry:first-child{
        border-top: 1px solid #333;
    
    }
    .pageTopics.list .topicsInfo .entry + .entry{
        margin-top: 0;
    }
    .pageTopics.list .topicsInfo .entry .date{
        margin-bottom: 1em;
        /* line-height: 1; */
    }
    .pageTopics.list .topicsInfo .entry .date span{
        font-size: 2rem;
        background: none;
        padding: 0;
    }
    .pageTopics.list .topicsInfo .entry .text{
        font-size: 1.6rem;
        letter-spacing: 0.04em;
        line-height: 1.625;
    }
    .pageTopics.list .topicsInfo .entry .text a{
        text-decoration: none;
        color: #333;
    }
}

/* ====================================================
　numberPagination
==================================================== */
.numberPagination ul {
    display: flex;
    flex-wrap: wrap;
}
.numberPagination li {text-align: center;}
.numberPagination li a,
.numberPagination li span {color: #B7BBBB; text-decoration: none;}

@media print, screen and (min-width: 768px) {
    .backunberButton {display: none;}
    .numberPagination {margin-top: 2.625em;}
    .numberPagination ul {margin-left: -1.375em; margin-right: -1.375em;}
    .numberPagination li {width: 5%; margin-bottom: 1em;}
    .numberPagination li a,
    .numberPagination li span {font-size: 2rem;}
    .numberPagination li a:hover {opacity: 0.6;}
}
@media screen and (max-width: 767px) {
    .backunberButton {margin-top: 2em; text-align: center;}
    .backunberButton button {padding-left: 1em;}
    .backunberButton img {height: 18.6667vw;}
    
    .numberPagination {display: none; margin-top: 1.6429em;}
    .numberPagination li {width: 20%; margin-bottom: 0.5em;}
    .numberPagination li a,
    .numberPagination li span {font-size: 1.5rem;}
}

/* ######################################################################################

　お知らせ　詳細

###################################################################################### */

.pageTopics.detail .titleBlock {border-bottom: 1px solid #B7BBBB; text-align: center}
.pageTopics.detail .titleBlock .topicTitle {margin-bottom: 0; font-weight: 500;}

@media print, screen and (min-width: 768px) {
    .pageTopics.detail .titleLogo {padding-bottom: 9.1875em;}
    .pageTopics.detail .titleLogo img {height: 1.5104vw;}
    .pageTopics.detail .titleBlock  {padding-bottom: 3.625em;}
    .pageTopics.detail .titleBlock .date {font-size: 3.0rem;}
    .pageTopics.detail .titleBlock .topicTitle {font-size: 3.9rem;}
}
@media screen and (max-width: 767px) {
    .pageTopics.detail .titleLogo {padding-top: 73px; padding-bottom: 81px;}
    .pageTopics.detail .titleBlock {margin-bottom: 4.2857em;}
    .pageTopics.detail .titleBlock .date {
        padding-bottom: 0.5em;
        border-bottom: 1px solid #333333;
        font-size: 2.0rem;
        font-weight: bold;
    }
    .pageTopics.detail .titleBlock .topicTitle {
        padding-top: 0.5174em;
        padding-bottom: 0.7586em;
        border-bottom: 1px solid #333333;
        font-size: 2.9rem;
        line-height: 1.4138;
    }
}

.pageTopics.detail .topicsContents .zero {margin-bottom: 0; line-height: 1.5;}
.pageTopics.detail .topicsContents .wp-block-image a {position: relative; display: block;}
.pageTopics.detail .topicsContents .wp-block-image a.zoom:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(35, 27, 25, 0.3);
}
.pageTopics.detail .topicsContents .wp-block-image a.zoom:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 120px;
    height: 120px;
    background-image: url("../img/contents/topics/zoom.svg");
    background-size: contain;
}
.pageTopics.detail .topicsContents .button.arrow5{
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

@media print, screen and (min-width: 768px) {
    .pageTopics.detail .topicsContents {
        max-width: 1443px;
        margin: 4.3684em auto 0;
        font-size: 1.9rem;
        line-height: 2;
    }
    .pageTopics.detail .topicsContents p {margin-bottom: 1.8947em;}
    .pageTopics.detail .topicsContents .store {width: 25.7222em;}
    .pageTopics.detail .topicsContents .store img {height: 0.7222em;}
    
    .pageTopics.detail .topicsContents .has-large-font-size {font-size: 3.1rem !important;}
    .pageTopics.detail .topicsContents .has-medium-font-size {font-size: 2.6rem !important;}
    .pageTopics.detail .topicsContents .has-small-font-size {font-size: 1.5rem !important;}
    .pageTopics.detail .topicsContents .button.arrow5:before{
        right: 1.25em;
    }
}
@media screen and (max-width: 767px) {
    .pageTopics.detail .topicsContents {font-size: 1.6rem;}
    .pageTopics.detail .topicsContents p {
        margin-bottom: 2.6875em;
        font-feature-settings: "palt";
    }
    .pageTopics.detail .topicsContents .has-large-font-size {font-size: 2.6rem !important; font-feature-settings: "palt";}
    .pageTopics.detail .topicsContents .has-medium-font-size {
        font-size: 2.0rem !important;
        line-height: 1.5;
        font-feature-settings: "palt";
    }
    .pageTopics.detail .topicsContents .has-small-font-size {font-size: 1.3rem !important;}
    .pageTopics.detail .topicsContents .button.arrow5{
        padding: 0.75em 2.5em 0.75em 1.5em;
        width: 100%;
    }
    .pageTopics.detail .topicsContents .button.arrow5:before{
        right: 1.25em;
    }
    .pageTopics.detail .topicsContents img{
        position: relative;
        top: -0.2em;
        max-width: 90%;
    }
}


/* ######################################################################################

　プライバシーポリシー

###################################################################################### */
.pagePrivacy .lead {font-weight: bold;}

@media print, screen and (min-width: 768px) {
    .pagePrivacy .wallBelt.bottomWide{padding-bottom: 15em;}
    .pagePrivacy .lead {
        margin-bottom: 3.4375em;
        font-size: 2.1rem;
        letter-spacing: -1.7px;
    }
}
@media screen and (max-width: 767px) {
    .pagePrivacy .lead {
        margin-bottom: 2.1905em;
        font-size: 2.0rem;
        letter-spacing: -1.7px;
        line-height: 1.35;
    }
}

@media print, screen and (min-width: 768px) {
    .pagePrivacy .termList dl + dl {margin-top: 3.75em;}
    .pagePrivacy .termList dd{line-height: 2.5;}
}
@media screen and (max-width: 767px) {
    .pagePrivacy .termList dl + dl {margin-top: 2em;}
    .pagePrivacy .termList dt {margin-bottom: 0.2381em; font-size: 1.9rem;}
    .pagePrivacy .termList dd {
        font-size: 1.5rem;
        line-height: 1.5;
    }
}





/* ######################################################################################

　求人情報

###################################################################################### */
.pageRecruit{}
.pageRecruit .titlePhoto{margin-bottom: 6em;}
.pageRecruit .titleContents .scroll{margin-top: 5%; color: #324380;}
.pageRecruit .titleContents .scroll:after{
    border-bottom: 2px solid #324380;
    border-left: 1px solid #324380;
}

.pageRecruit .searchBox .titleBorderBottom{border-bottom: 5px solid #324380;}
.pageRecruit .searchBox .titleBorderBottom .titleBorderBottom__title{color: #324380; letter-spacing: 0.15em;}
.pageRecruit .searchBox .searchItem {
  border-bottom: 1px solid #333333;
  border-top:0;
  padding-bottom: 3em;
  margin-bottom: 3em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pageRecruit .searchBox .searchTitle{text-align: center; color: #324380; padding: 1em; font-weight: 500;}
.pageRecruit .searchBox .searchTitle .small{color: #333333;display: block;}
.pageRecruit .searchBox .searchSelect{padding: 1em; display: flex;}

.pageRecruit .buttonBox.search .button{ padding: 1.5em 1.75em;font-size: 1.8rem; max-width: 310px; width: 100%;}

.pageRecruit .form table td .cation {margin-top: 1.75em; line-height: 1.5; font-size: 0.75em;}
.pageRecruit .buttonBox .button{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}

@media print, screen and (min-width: 768px) {
  .pageRecruit .titleBorderBottom{margin-bottom: 5em;}
  .pageRecruit .titleBorderBottom .titleBorderBottom__title{margin-bottom: 0.6em; font-size:3.6rem}
  .pageRecruit .searchBox .titleBorderBottom .titleBorderBottom__title{font-size: 3.7rem; text-indent: 0.2em; margin-bottom: 0;}
  
  /*検索*/
  .pageRecruit .searchBox .searchTitle{font-size: 2.3rem; width: 25%;}
  .pageRecruit .searchBox .searchTitle .small{font-size: 0.8vw; }
  .pageRecruit .searchBox .searchSelect{
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 75%;
  }
  .pageRecruit .searchBox .searchSelect .search__store{padding: 0 2em 0 0; width: 33%;}
  .pageRecruit .searchBox .searchItem.time .searchSelect .search__store{width: 25%; margin-top: 0;}
  .pageRecruit .searchBox .searchSelect .search__store:nth-child(2){width: 60%; padding-right: 0;}
  .pageRecruit .searchBox .searchSelect .search__store:nth-child(n+3){ margin-top: 3em}
  .pageRecruit .searchBox .searchSelect .search__store .title{border-left: 5px solid #eaedef; padding-left: 0.6em; line-height: 1.5;}
  .pageRecruit .searchBox .searchSelect .search__store .title{font-size: 2.2rem; line-height: 1.2;}
  .pageRecruit .searchBox .searchSelect label.checkbox {
    font-size: 2rem;
    position: relative;
    padding-left: 1.5em;
    margin-right: 1.5em;
    white-space: nowrap;
  }
  .pageRecruit .searchBox .searchSelect label.checkbox input{
    height: 1em;
    width: 1em;
    padding-right: 0.3em;
    position: absolute;
    top: 0.3em;
    left: 0em;
    display: inline;
    white-space: nowrap;
  }
  .pageRecruit .buttonBox.search{margin:5em 0 9em 0;}
  .pageRecruit .buttonBox.search .button{max-width: 300px;}
  
  /*求人リスト*/
  
  .pageRecruit .recruitList + .recruitList{margin-top: 10em;}
  .pageRecruit .recruitList .recruitList__item__name{
    color: #FFFFFF;
    font-size: 1.9rem;
    padding: 1em 5em;
    position: relative;
    text-align: center;
    display: inline-block;
    z-index: 1;
    margin-bottom: 0;
    margin-right: 1em;
  }
  .pageRecruit .recruitList .recruitList__item__name:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    z-index: -1;
    background: #324380;
    transform: scaleY(1) perspective(.3em) rotateX(0.5deg);
    transform-origin: bottom;
    border-radius: 5px 5px 0 0;
  }
  .pageRecruit .recruitList .recruitList__item{border:2px solid #324380; padding: 4em;}
  .pageRecruit .recruitList .recruitList__item.narrow{padding: 2em;}
  .pageRecruit .recruitList .titleBorderBottom__title{font-size: 2.3rem; letter-spacing: 0; font-weight: 800;}
  .pageRecruit .recruitList .titleBorderBottom__title br{display: none;}
  .pageRecruit .recruitList .titleBorderBottom{margin-bottom: 2em;}
  .pageRecruit .recruitList .recruitList__item dl{
    display: flex;
    justify-content: flex-start;
  }
  .pageRecruit .recruitList .recruitList__item dl + dl{margin-top: 1.5em;}
  .pageRecruit .recruitList .recruitList__item dl dt{
    max-width: 200px;
    width: 25%;
    background: #eaedef;
    color: #324380;
    font-size: 1.7rem;
    padding: 0.8em 0;
    text-align: center;
    font-weight: 600;
  }
  
  .pageRecruit .recruitList .recruitList__item dl dd{
    font-size: 1.5rem;
    padding: 0.8em 0 0.8em 2em;
    line-height: 1.5;
  }
  
  .pageRecruit .recruitList .recruitList__item .buttonBox ul{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3em;
  }
  .pageRecruit .recruitList .recruitList__item .buttonBox ul li .button{
    font-size: 1.8rem;
    padding: 1em 5em;
    max-width: 300px;
    min-width: auto;
    width: 100%;
  }
  
  .pageRecruit .recruitList .recruitList__item .buttonBox ul li + li{
    margin-left: 2em;
  }
  
  /*詳細ページ*/
  .pageRecruit .form{margin-top: 4em; padding-bottom: 0;}
  .pageRecruit .form .titleBorderBottom{border-bottom: 1px solid #97a7b0; margin-bottom: 1em;}
  .pageRecruit .form .titleBorderBottom.bordernone{border-bottom: 0;}
  .pageRecruit .form .titleBorderBottom__title{
    font-size: 2.7rem;
    margin-bottom: 0.5em;
  }
  .pageRecruit .form .formLead{margin-bottom: 2em; font-size: 2.1rem;}
  .pageRecruit .form .recruitList__item dl.first{
    border-top: 1px solid #97a7b0;
  }
  .pageRecruit .form .recruitList__item dl.last{
    border-bottom: none;
  }
  .pageRecruit .form .recruitList__item dl{
    border-bottom: 1px solid #97a7b0;
  }
   .pageRecruit .form .recruitList__item dl dt{
    max-width: 165px;
    width: 30%;
    background: none;
    color: #324380;
    font-size: 1.7rem;
    padding: 1.6em 0;
    text-align: center;
  }
  .pageRecruit .form .recruitList__item > dl,
  .pageRecruit .form .recruitList__item > dt,
  .pageRecruit .form .recruitList__item > dd {box-sizing: border-box;}
  .pageRecruit .form .recruitList__item dl dd{border-left: 1px solid #97a7b0; padding: 1.9em 0 1.9em 2em; width: 70%;}
  .pageRecruit .form .recruitList__item dl + dl{margin-top: 0;}

  .pageRecruit .form table th{color: #324380;}
  .pageRecruit .form table th,.pageRecruit .form table td{font-size: 1.7rem;}
  .pageRecruit .form form th.required:after{margin-left: 1em;}
  .pageRecruit .form input[type="radio"] + span{border: 0;}
  .pageRecruit .form input[type="text"],
  .pageRecruit .form input[type="email"],
  .pageRecruit .form textarea {padding: 0.5em; border-radius: 5px;}
  .pageRecruit .form input[type="radio"]:checked + label, input[type="radio"]:checked + span{
    background: none;
    box-shadow: none;
  }
  
  .pageRecruit .form select{border: 1px solid #d2d3d3; padding: 0.35em 0.5em; width: 13.5em; border-radius: 5px}
  
  .pageRecruit .form .size-input-nameSS{width: 100px;}
  .pageRecruit .form .size-input-tel,
  .pageRecruit .form textarea{width: 60%}
  .pageRecruit .form .size-input-email,
  .pageRecruit .form .size-input-address{min-width: 475px;}
  .pageRecruit .form .borderHorizon th{width: 25%; min-width: 250px;}
  .pageRecruit .buttonBox {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pageRecruit .buttonBox .button{
    font-size: 1.8rem;
    padding: 1.5em 5em;
    min-width: 310px;
    width: 100%;
  }
  .pageRecruit .buttonBox li + li{margin-left: 2em;}
  .pageRecruit .form .birthday{
    position: relative;
    display: inline-block;
  }
    
    .pageRecruit .form .birthday.month,
    .pageRecruit .form .birthday.day{width: 100px;}

  .pageRecruit:not(.confirm) .form .birthday span.date {position: absolute; right: 1em; top: 0.2em; color: #324380;}

  .pageRecruit .form .signature{text-align: center;}
  
  /*確認ページ*/
  .pageRecruit.confirm .form .birthday{
    position: inherit;
    display: inline-block;
  }
  /*完了ページ*/
  .pageRecruit.complete .signature{margin-top: 2em; text-align: center;}
  .pageRecruit.complete .signature .tel{font-size: 2.0rem;}
  
    /*完了ページ 新店舗用*/
   .pageRecruit .contents.complete.newopen .formLead p{font-size: 2rem;}
   .pageRecruit .contents.complete.newopen .signature {font-size: 2rem;}
  
}
@media screen and (max-width: 767px) {
  .pageRecruit .contents.narrow{padding: 0 0;}
  .pageRecruit .titleBorderBottom{border-bottom: 1px solid #97a7b0; margin-bottom: 2em;}
  .pageRecruit .titleBorderBottom .titleBorderBottom__title{text-align: center; font-size: 1.9rem; margin-bottom: 0.8em; font-weight: 800; letter-spacing: 0;}
  
  .pageRecruit .searchBox{padding: 0 30px;}
  .pageRecruit .searchBox .titleBorderBottom{margin-bottom: 0.2em;}
  .pageRecruit .searchBox .titleBorderBottom .titleBorderBottom__title{font-size: 3rem; margin-bottom: 0.5em;}
  .pageRecruit .searchBox .searchItem{
    display: flex;
    flex-direction: column;
  }
  
  /*検索*/
  .pageRecruit .searchBox .searchTitle{font-size: 1.8rem;}
  .pageRecruit .searchBox .searchTitle .small{font-size: 1.3rem; }
  .pageRecruit .searchBox .searchSelect{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: 0 auto;
  }
  .pageRecruit .searchBox .searchSelect .search__store{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .pageRecruit .searchBox .searchSelect .search__store .title {
    font-size: 1.8rem;
    background: #eaedef;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    margin-bottom: 0.5em;
    display: inline-block;
  }
  .pageRecruit .searchBox .searchSelect label.checkbox {
    font-size: 1.6rem;
    position: relative;
    padding-left: 1.5em;
    width: 45%;
    white-space: nowrap;
    margin: 0.5em 0;
  }
  .pageRecruit .searchBox .searchItem.style .searchSelect label.checkbox{width: 100%;}
  .pageRecruit .searchBox .searchItem.time .searchSelect .search__store{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: left;}
  .pageRecruit .searchBox .searchItem.time .searchSelect .search__store label.checkbox{width: 30%;}
  .pageRecruit .searchBox .searchSelect .search__store:first-child label.checkbox{width: 100%;}
  .pageRecruit .searchBox .searchSelect label.checkbox input{
    height: 1em;
    width: 1em;
    padding-right: 0.3em;
    position: absolute;
    top: 0.3em;
    left: 0em;
    display: inline;
  }
  .pageRecruit .buttonBox.search{margin:3em 0 5em 0;}
   .pageRecruit .buttonBox.search .button{max-width: 90%; padding: 0.8em 0;}
  
  /*求人リスト*/
  .pageRecruit .recruitList{padding: 0 2em;}
  .pageRecruit .recruitList .alignR{text-align: center!important;}
  .pageRecruit .recruitList + .recruitList{margin-top: 3em;}
  .pageRecruit .recruitList .recruitList__item__name{
    color: #FFFFFF;
    font-size: 1.6rem;
    padding: 0.6em 0;
    position: relative;
    text-align: center;
    display: inline-block;
    z-index: 1;
    margin: 0 0;
    width: 95%;
  }
  .pageRecruit .recruitList .recruitList__item__name:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    z-index: -1;
    background: #324380;
    border-radius: 1em 1em 0 0;
  }
  .pageRecruit .recruitList .recruitList__item{border:2px solid #324380; padding: 1.5em 0.8em 1.5em 0.8em;}
  .pageRecruit .recruitList .titleBorderBottom__title{font-size: 1.9rem;}
  .pageRecruit .recruitList .recruitList__item dl{
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .pageRecruit .recruitList .recruitList__item dl dt{
    background: #eaedef;
    color: #324380;
    font-size: 1.7rem;
    padding: 0.5em 0;
    text-align: center;
    width: 100%;
    font-weight: 700;
  }
  
  .pageRecruit .recruitList .recruitList__item dl dd{
    font-size: 1.5rem;
    padding: 0.8em 0;
    width: 100%;
    text-align: center;
    line-height: 1.5;
  }
  .pageRecruit .recruitList .recruitList__item .buttonBox{
    width: 90%;
    margin: 1em auto 0;
  }
  .pageRecruit .recruitList .recruitList__item .buttonBox ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .pageRecruit .recruitList .recruitList__item .buttonBox ul li .button{
    font-size: 1.6rem;
    padding: 1em 0;
    min-width: 285px;
  }
  
  .pageRecruit .recruitList .recruitList__item .buttonBox ul li + li{
    margin-top: 1.5em;
  }
  .pageRecruit .recruitList .recruitList__item dl dd p{
    line-height: 1.5;
    margin-bottom: 0.5em;
  }
  
  /*詳細ページ*/
  .pageRecruit .form{margin-top: 4em; padding-bottom: 0;}
  .pageRecruit .form .titleBorderBottom:first-child{padding-top: 0;}
  .pageRecruit .form .titleBorderBottom{border-bottom: 1px solid #97a7b0; margin-bottom: 1em;}
  .pageRecruit .form .titleBorderBottom.bordernone{border-bottom: 0;}
  .pageRecruit .form .titleBorderBottom__title{
    font-size: 1.9rem;
    margin-bottom: 0.5em;
  }
  .pageRecruit .form .titleBorderBottom .titleBorderBottom__title{
    font-size: 3.0rem;
    font-weight: 400;
    margin-bottom: 0;
  }
  .pageRecruit .form .formLead{margin-bottom: 2em; text-align: center;}
  .pageRecruit .form .formLead p {font-size: 1.5rem;}
  .pageRecruit .form .recruitList__item dl.first{
    border-top: 1px solid #97a7b0;
  }
  .pageRecruit .form .recruitList__item dl.last{
    border-bottom: none;
  }
  .pageRecruit .form .recruitList__item dl{
    border-bottom: 1px solid #97a7b0;
  }
   .pageRecruit .form .recruitList__item dl dt{
    width: 100%;
    background: none;
    color: #324380;
    font-size: 1.5rem;
    padding: 0.8em 0 0.5em;
    text-align: left;
  }
  .pageRecruit .form .recruitList__item > dl,
  .pageRecruit .form .recruitList__item > dt,
  .pageRecruit .form .recruitList__item > dd {box-sizing: border-box;}
  .pageRecruit .form .recruitList__item dl dd{width: 100%; text-align: left; padding: 0 0 0.8em}
  .pageRecruit .form .recruitList__item dl + dl{margin-top: 0;}
  .pageRecruit .form .recruitList__item .titleBorderBottom .titleBorderBottom__title{
    font-size: 1.9rem;
    font-weight: 400;
    margin-bottom: 0;
  }

  .pageRecruit .form table th{color: #324380;}
  .pageRecruit .form table th,.pageRecruit .form table td{font-size: 1.7rem; width:100%;display:block; border: 0; padding: 0 0 0.5em;}
  .pageRecruit .form form th.required:after{margin-left: 1em;}
  .pageRecruit .form input[type="radio"] + span{border: 0;}
  .pageRecruit .form input[type="text"],
  .pageRecruit .form input[type="email"],
  .pageRecruit .form textarea {padding: 0.25em; border-radius: 5px; width: 100%;}
  .pageRecruit .form input[type="radio"]:checked + label, input[type="radio"]:checked + span{
    background: none;
    box-shadow: none;
  }
  
  .pageRecruit .form select{border: 1px solid #d2d3d3; padding: 0.35em 0.5em; width: 13.5em; border-radius: 5px}
  
  .pageRecruit .form .size-input-nameSS{width: 110px;}
  .pageRecruit .form .size-input-email,
  .pageRecruit .form .size-input-tel,
  .pageRecruit .form textarea{width: 100%}
  .pageRecruit .buttonBox.form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70%;
    margin: 0 auto 2em;
  }
  .pageRecruit .buttonBox.form .button{
    font-size: 1.8rem;
    padding: 0.8em 0em;
  }
  .pageRecruit .buttonBox.form  li{width: 100%;}
  .pageRecruit .buttonBox.form  li + li{margin-top: 1.5em;}
  .pageRecruit .form .birthday{
    position: relative;
    display: inline-block;
  }
  .pageRecruit .form .addressBox{flex-direction: column; margin-left: 0; align-items: flex-start;}
  .pageRecruit .form .addressBox + .addressBox{margin-top: 0.2em;}
  .pageRecruit .form .addressBox dt{text-align: left; width: 100%; padding-bottom: 0.2em;}
  .pageRecruit .form .birthday.year{width: 8em;}
  .pageRecruit .form .birthday.month,.pageRecruit .form .birthday.day{width: 100%;}
  .pageRecruit .form .birthday span.date {position: absolute; right: 0.5em; top: 0.4em; color: #324380;}
  
  /*確認ページ*/
  .pageRecruit.confirm .form .birthday{
    position: inherit;
    display: inline-block;
  }
  /*完了ページ*/
  .pageRecruit.complete .contents.narrow{padding: 0 15px;}
  .pageRecruit.complete .contents .signature{margin-top: 2em; text-align: center;}
  .pageRecruit.complete .contents .signature .tel{font-size: 1.8rem;}
  .pageRecruit.complete .contents .buttonBox{margin-top: 2em;}
    
   /*完了ページ 新店舗用*/
   .pageRecruit .contents.complete.newopen .formLead{font-size: 1.5rem}
    .pageRecruit .mw_wp_form .horizontal-item + .horizontal-item{margin-left: 0;}
}

/* ====================================================
　pagination
==================================================== */
/* .numberPagination ul {
    display: flex;
    flex-wrap: wrap;
}
.numberPagination li {text-align: center;}
.numberPagination li a,
.numberPagination li span {color: #B7BBBB; text-decoration: none;}

@media print, screen and (min-width: 768px) {
    .backunberButton {display: none;}
    .numberPagination {margin-top: 2.625em;}
    .numberPagination ul {margin-left: -1.375em; margin-right: -1.375em;}
    .numberPagination li {width: 5%; margin-bottom: 1em;}
    .numberPagination li a,
    .numberPagination li span {font-size: 2rem;}
    .numberPagination li a:hover {opacity: 0.6;}
}
@media screen and (max-width: 767px) {
    .backunberButton {margin-top: 2em; text-align: center;}
    .backunberButton button {padding-left: 1em;}
    .backunberButton img {height: 18.6667vw;}
    
    .numberPagination {display: none; margin-top: 1.6429em;}
    .numberPagination li {width: 20%; margin-bottom: 0.5em;}
    .numberPagination li a,
    .numberPagination li span {font-size: 1.5rem;}
} */

.pagination {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 1.6;
}
.pagination li {
    padding: 0px 10px;
}
.pagination a,
.pagination span {
    display: block;
    padding: 5px 12px;
    color: #354687;
}

.pagination span{
    background-color: #354687;
    color: #FFFFFF;
}

@media print, screen and (min-width: 768px) {
    .pagination {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 767px) {
    .pagination {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
  







/* ######################################################################################

　jobDetailBox

###################################################################################### */
.pageRecruit.confirm .jobDetailBox {display: none;}
.pageRecruit .jobDetailBox .job {display: none;}
.pageRecruit .jobDetailBox .job.active {display: block;}
@media print, screen and (min-width: 768px) {
    .pageRecruit .jobDetailBox {margin-top: 1em;}
    .pageRecruit .jobDetailBox .job .cationList {margin-top: 0.75em; font-size: 0.75em;}
}
@media screen and (max-width: 767px) {
    .pageRecruit .jobDetailBox {margin-top: 1em; padding: 0;}
    .pageRecruit .jobDetailBox .job .recruitList__item {padding: 1.5em;}
    .pageRecruit .jobDetailBox .job .cationList {margin-top: 0.75em; font-size: 0.75em;}
}
  



/* ######################################################################################

　お問い合わせ・新規出店用地の申込・地場生産者様の受付

###################################################################################### */


@media print, screen and (min-width: 768px) {
    .pageInquiry .baseColumn__inner,
    .pageCorp .baseColumn__inner{justify-content: center;}

    .pageInquiry .baseColumn__main,
    .pageCorp .baseColumn__main{max-width:1500px;}
    
    .pageInquiry .baseColumn__sub,
    .pageCorp .baseColumn__sub{max-width:333px;}
}

/*完了ページ*/
.complete .contents .signature,
.complete .contents .signature{margin-top: 2em; text-align: center;}
.complete .contents .buttonBox{margin-top: 5em;}
@media print, screen and (min-width: 768px) {
  .complete .contents.form .formLead .title{font-size: 3rem; margin-bottom: 2em;}
  .complete .contents.form .titleBorderBottom{margin-bottom: 5em;}
  .complete .contents.form .formLead p{text-align: left; font-size: 1.6rem;}
  .complete .contents .signature{font-size: 2rem;}
  .complete .contents .signature .tel{font-size: 3rem;}
  
}
@media screen and (max-width: 767px) {
  .complete .contents.form .formLead .title{font-size: 1.8rem; margin-bottom: 2em;}
  .complete .contents.form .titleBorderBottom{margin-bottom: 3em;}
  .complete .contents.form .titleBorderBottom:first-child{margin-bottom: 0;}
  .complete .contents.form .formLead p{text-align: left;}
  .complete .contents .signature .tel{font-size: 1.8rem;}
}


/* ######################################################################################

　エラーページ

###################################################################################### */
.pageError .errorTitle {margin: 0 auto;}
@media print, screen and (min-width: 768px) {
    .pageError .errorTitle {width: 17.7083vw;}
}
@media screen and (max-width: 767px) {
    .pageError .errorTitle {width: 69.8667vw; padding-top: 5.7143em;}
}

.pageError .errorMessage {
    border-top: 5px solid #324380;
    border-bottom: 5px solid #324380;
    text-align: center;
}
.pageError .buttonBox .button{
    box-shadow: 6px 3px 5px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 768px) {
    .pageError .errorMessage {margin-top: 5.3125em; padding-top: 6.5em; padding-bottom: 8.75em;}
    .pageError .errorMessage .title {margin-bottom: 23px; font-size: 2.7rem;}
    .pageError .errorMessage p {font-size: 1.8rem; line-height: 2.1111;}
    .pageError .buttonBox {margin-top: 6.5em;}
}
@media screen and (max-width: 767px) {
    .pageError .errorMessage {margin-top: 6.4286em; padding-top: 3em; padding-bottom: 3.7143em;}
    .pageError .errorMessage .title {margin-bottom: 0.4615em; font-size: 2.6rem; line-height: 1.3385;}
    .pageError .errorMessage p {font-size: 1.8rem; line-height: 1.7778;}
    .pageError .buttonBox {margin-top: 4.5em;}
}







/* ######################################################################################

「自然食品の勉強会」
開催決定！in舞子ビラ

###################################################################################### */
.pageEvent .titleBorderBottom.bordernone {border-bottom: 0;}
.pageEvent .leafImage{margin: 4em 0 5em;}

@media print, screen and (min-width: 768px) {
    .pageEvent .titleBorderBottom.bordernone .titleBorderBottom__title {
        font-size: 2.7rem;
        margin-bottom: 0.5em;
    } 
}
@media screen and (max-width: 767px) {
    .pageEvent .titleBorderBottom:not(.bordernone){
        border-bottom: 1px solid #97a7b0;
        margin-bottom: 2em;
        margin-left: -30px;
        margin-right: -30px;
    }
    .pageEvent .titleBorderBottom .titleBorderBottom__title{
        margin-bottom: 0.8em;
        text-align: center;
        font-size: 1.9rem;
        font-weight: 800;
        letter-spacing: 0;
    }
    .pageEvent .leafImage{
        margin-left: -30px;
        margin-right: -30px;
    }
}


/* recruitList */
@media print, screen and (min-width: 768px) {
    .pageEvent .recruitList + .recruitList{margin-top: 10em;}
    .pageEvent .recruitList .titleBorderBottom{margin-bottom: 2em;}
    .pageEvent .recruitList .titleBorderBottom__title{font-size: 2.3rem; letter-spacing: 0; font-weight: 800;}
    .pageEvent .recruitList__item{border:2px solid #324380; padding: 4em;}
    .pageEvent .recruitList__item > dl,
    .pageEvent .recruitList__item > dt,
    .pageEvent .recruitList__item > dd {box-sizing: border-box;}
    .pageEvent .recruitList__item dl{
        display: flex;
        justify-content: flex-start;
        border-bottom: 1px solid #97a7b0;
    }
    .pageEvent .form .recruitList__item dl + dl{margin-top: 0;}
    .pageEvent .form .recruitList__item dl.first{
        border-top: 1px solid #97a7b0;
    }
    .pageEvent .form .recruitList__item dl.last{
        border-bottom: none;
    }
        .pageEvent .form .recruitList__item dl dt{
        max-width: 165px;
        width: 30%;
        background: none;
        color: #324380;
        font-size: 1.7rem;
        padding: 1.6em 0;
        text-align: center;
    }
    .pageEvent .form .recruitList__item dl dd{
        border-left: 1px solid #97a7b0;
        padding: 1.9em 0 1.9em 2em;
        width: 70%;
    }
}
@media screen and (max-width: 767px) {
    .pageEvent .recruitList{padding: 0;}
    .pageEvent .recruitList + .recruitList{margin-top: 3em;}
    .pageEvent .recruitList .titleBorderBottom__title{
        font-size: 1.9rem;
        font-weight: 400;
        margin-bottom: 0;
    }
    .pageEvent .recruitList__item{border:2px solid #324380; padding: 1.5em 0.8em 1.5em 0.8em;}
    .pageEvent .recruitList__item > dl,
    .pageEvent .recruitList__item > dt,
    .pageEvent .recruitList__item > dd {box-sizing: border-box;}
    .pageEvent .recruitList__item dl{
        display: flex;
        flex-direction: column;
        width: 100%;
        border-bottom: 1px solid #97a7b0;
    }
    .pageEvent .recruitList__item dl + dl{margin-top: 0;}
    .pageEvent .recruitList__item dl.first{
    border-top: 1px solid #97a7b0;
    }
    .pageEvent .recruitList__item dl.last{
    border-bottom: none;
    }
    .pageEvent .recruitList__item dl dt{
        width: 100%;
        background: none;
        color: #324380;
        font-size: 1.5rem;
        padding: 0.8em 0 0.5em;
        text-align: left;
    }
        .pageEvent .recruitList__item dl dd{
        width: 100%;
        text-align: left;
        padding: 0 0 0.8em;
    }
}



/* addList */
@media print, screen and (min-width: 768px) {
    .pageEvent .contents.form .addList{display: flex;}
    .pageEvent .contents.form .addList li + li{margin-left: 1em;}
    .pageEvent .contents.form .addList li:nth-child(1),
    .pageEvent .contents.form .addList li:nth-child(3){width: 40%;}
    .pageEvent .contents.form .addList li:nth-child(2){width: 20%;}
    .pageEvent .contents.form .addList li{display: flex; text-wrap: nowrap; align-items: center;white-space: nowrap;}
    .pageEvent .contents.form .addList li input{max-width: 100%;}
}
@media screen and (max-width: 767px) {
}



/* フォーム */
@media print, screen and (min-width: 768px) {
    .pageEvent .contents.form input.size-input-nameSS{max-width: 5em;}

    /*確認ページ*/
    .pageEvent.confirm .form .birthday{
        position: inherit;
        display: inline-block;
    }
    /*完了ページ*/
    .pageEvent.complete .signature{margin-top: 2em; text-align: center;}
    .pageEvent.complete .signature .tel{font-size: 2.0rem;}

    /*完了ページ 新店舗用*/
    .pageEvent .contents.complete.newopen .formLead p{font-size: 2rem;}
    .pageEvent .contents.complete.newopen .signature {font-size: 2rem;}
}
@media screen and (max-width: 767px) {
    .pageEvent .contents.form .addressBox + .addressBox{margin-top: 1em;}
    .pageEvent .contents.form input.size-input-nameSS{width: 100%;}

    /*確認ページ*/
    .pageEvent.confirm .form .birthday{
        position: inherit;
        display: inline-block;
    }
    /*完了ページ*/
    .pageEvent.complete .contents.narrow{padding: 0 15px;}
    .pageEvent.complete .contents .signature{margin-top: 2em; text-align: center;}
    .pageEvent.complete .contents .signature .tel{font-size: 1.8rem;}
    .pageEvent.complete .contents .buttonBox{margin-top: 2em;}
        
    /*完了ページ 新店舗用*/
    .pageEvent .contents.complete.newopen .formLead{font-size: 1.5rem}
}