@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
body {
    font-family: 'Lato', 'Noto Sans Japanese', sans-serif;
}

.sticky {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 0!important;
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

@media screen and (max-width: 979px) {
    #container,
    .topStyle #container,
    .chFixed #container {
        padding-top: 0;
    }

    #wrapper .driver-fix-stacking {
        z-index: 98!important;
    }

    .wrapperPageTitle {
        display: -webkit-box;
		display: -webkit-flex;
  		display: -ms-flexbox;
		display: flex;
        justify-content: center;
        margin: 35px auto 0 auto;
        position: relative;
    }

    .blockWrapperPageTitle {
        display: inline-block;
    }

    .wrapperPageTitle img.magazine,
    .wrapperPageTitle img.activity,
    .wrapperPageTitle img.recipe,
    .wrapperPageTitle img.menu {
        display: inline-block;
        width: 52px;
        height: 44px;
    }

    .innerWrapperPageTitle {
        display: inline-block;
        padding-left: 20px;
    }

    .pageTitleEn {
        font-family: 'Lato', sans-serif;
        font-size: 21px;
        font-weight: 700;
        letter-spacing: .06em;
        line-height: 1.0;
        text-align: center;
        margin-bottom: 8px;
        min-width: 200px;
    }

    .pageTitleJa {
        font-family: 'Noto Sans Japanese', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.0;
        text-align: center;
        background-color: #ECECEC;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
        -webkit-background-size: 7px 7px;
        background-size: 7px 7px;
        border-radius: 2px;
        padding: 3px 0;
    }

    .wrapperPageSubText {
        font-family: 'Noto Sans Japanese', sans-serif;
        font-size: 14px;
        margin: 30px 30px 40px;
    }

    .wrapperPageSubText p {
        font-weight: 400;
    }

    .sectionTitle p {
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.0;
        text-align: center;
        margin-bottom: 15px;
    }

    .sectionTitle h2 {
        font-family: 'Lato', 'Noto Sans Japanese', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.0;
        text-align: center;
    }
}

@media screen and (min-width: 980px) {
    #wrapper::before {
        content: none;
    }

    #container,
    .topStyle #container {
        padding: 0;
    }

    .chFixed #container {
		padding-top: 0;
	}

    #content {
        position: relative;
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
    }

    .chFixed #container {
		padding-top: 0;
	}

    #content {
        position: relative;
    }

    .wrapperPageTitle {
        display: -webkit-box;
		display: -webkit-flex;
  		display: -ms-flexbox;
		display: flex;
        justify-content: center;
        margin-top: 60px;
    }

    .wrapperPageTitle img.magazine,
    .wrapperPageTitle img.activity,
    .wrapperPageTitle img.recipe,
    .wrapperPageTitle img.menu {
        display: inline-block;
        width: 84px;
        height: 70px;
    }

    .innerWrapperPageTitle {
        display: inline-block;
        padding-left: 30px;
    }

    .pageTitleEn {
        font-family: 'Lato', sans-serif;
        font-size: 33px;
        font-weight: 700;
        letter-spacing: .06em;
        line-height: 1.0;
        text-align: center;
        margin-bottom: 14px;
        min-width: 320px;
    }

    .pageTitleJa {
        font-family: 'Noto Sans Japanese', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.0;
        text-align: center;
        background-color: #ECECEC;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
        -webkit-background-size: 7px 7px;
        border-radius: 4px;
        padding: 5px 0;
    }

    .wrapperPageSubText {
        font-family: 'Noto Sans Japanese', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.5;
        margin: 0 auto;
        padding: 30px;
        padding-bottom: 80px;
        width: 585px;
    }

    .wrapperPageSubText p {
        font-weight: 400;
    }

    .sectionTitle p {
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.0;
        text-align: center;
        margin-bottom: 25px;
    }

    .sectionTitle h2 {
        font-family: 'Noto Sans Japanese', sans-serif;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.0;
        text-align: center;
    }
}