@charset "UTF-8";
/* ==========================================================
Name:
    base.css

Description:
    サイト全体に共通する設定を記述する

Contents:
    base settings
    base blocks
    ========================================================== */
/* ==========================================================
*
*   base settings
*
========================================================== */
/*  html, body
--------------------------------------------- */
/* line 29, src/_sass/base.scss */
html,
body {
    font-family: "新丸ゴ M", sans-serif;
    color: #3f220e;
    font-size: 14px;
    line-height: 1.5;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}

/* line 38, src/_sass/base.scss */
body {
    min-width: 960px;
}

/*  <a> tag
--------------------------------------------- */
/* line 46, src/_sass/base.scss */
a {
    color: inherit;
    text-decoration: none;
}

/*  <img> tag
--------------------------------------------- */
/* line 53, src/_sass/base.scss */
img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: bottom;
}

/* line 60, src/_sass/base.scss */
img[src$=".svg"] {
    width: 100%;
}

/*  <hr> tag as anchor target
--------------------------------------------- */
/* line 66, src/_sass/base.scss */
hr[id^="anchor-"] {
    display: block;
    margin-top: -61px;
    padding-top: 53px;
    width: auto;
    height: 0;
    border: 0;
    background: 0;
}

/* ==========================================================
*
*   base blocks
*
========================================================== */
/* ---------------------------------------------
*   main
--------------------------------------------- */
/* line 84, src/_sass/base.scss */
.main {
    padding-top: 81px;
}

/* ---------------------------------------------
*   header
--------------------------------------------- */
/* line 91, src/_sass/base.scss */
.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    min-width: 960px;
    width: 100%;
    background-color: #fff;
    border-bottom: 5px solid #53A229;
    opacity: 0.9;
}

/* line 101, src/_sass/base.scss */
.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    padding: 15px 0 17px;
    width: 940px;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* line 110, src/_sass/base.scss */
.header__logo {
    width: 141px;
}

.header__logo > a {
    display: block;
}

/*  header-nav
--------------------------------------------- */
/* line 119, src/_sass/base.scss */
.header-nav__list {
    margin-top: 5px;
}

/* line 124, src/_sass/base.scss */
.header-nav__list-item {
    display: inline-block;
    margin-right: 18px;
    text-align: center;
}

/* line 129, src/_sass/base.scss */
.header-nav__list-item--top {
    width: 120px;
}

/* line 133, src/_sass/base.scss */
.header-nav__list-item--introduction {
    width: 175px;
}

/* line 137, src/_sass/base.scss */
.header-nav__list-item--3r {
    width: 113px;
}

/* line 141, src/_sass/base.scss */
.header-nav__list-item--event {
    width: 100px;
}

/* line 145, src/_sass/base.scss */
.header-nav__list-item:last-child {
    margin-right: 0;
}

/* line 150, src/_sass/base.scss */
.header-nav__link {
    display: block;
    box-sizing: border-box;
    padding: 3px 0;
    color: #4d525a;
    font-weight: 500;
    font-size: 0.92857rem;
    transition: .8s;
}

/* line 160, src/_sass/base.scss */
.header-nav__link:before {
    display: inline-block;
    margin-right: 3px;
    width: 19px;
    height: 16px;
    background: url(../img/icon_pad_nav.png) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    vertical-align: text-bottom;
    font-size: 0.92857rem;
}

/* line 172, src/_sass/base.scss */
.header-nav__link:hover {
    border-radius: 25px;
    background-color: #EAEFEF;
}

/* ---------------------------------------------
*   keyvisual
--------------------------------------------- */
/* line 182, src/_sass/base.scss */
.keyvisual {
    width: 100%;
}

/* line 185, src/_sass/base.scss */
.keyvisual__container {
    position: relative;
    margin: 0 auto;
    padding-top: 760px;
    min-width: 960px;
    background: url(../img/keyvisual.png) bottom center no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .8s;
}

/* line 196, src/_sass/base.scss */
.keyvisual__heading {
    position: absolute;
    top: 62px;
    right: 0;
    left: 0;
    width: 439px;
    text-align: center;
    opacity: 0;
    margin: 0 auto;
    transition: all .8s;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

/* line 213, src/_sass/base.scss */
.keyvisual__logo {
    display: block;
    overflow: hidden;
    padding-top: 90px;
    height: 0;
    background: url(../img/logo_keyvisual.png) 0 0 no-repeat;
    background-size: 100% auto;
}

/* line 223, src/_sass/base.scss */
.keyvisual__text {
    font-weight: bold;
    font-size: 1.555rem;
}

.keyvisual__signboard {
    position: absolute;
    right: 50%;
    bottom: 30px;
    display: block;
    margin-right: -383px;
    box-sizing: border-box;
    /* width: 346px; サイズは画像に合わせています。 */
    /* height: 270px; サイズは画像に合わせています。 */
    /* background: url(../img/logo_signboard.png) 0 0 no-repeat; */
    /* background-size: 100% auto; */
    /* font-size: 1.07143rem; */
    /* font-family: '新丸ゴ M JIS2004'; */
}

.keyvisual__img {
    display: block;
    transition: opacity 300ms;
}

.keyvisual__img:hover {
    opacity: 0.8;
}

.keyvisual__diary {
    position: absolute;
    top: 78px;
    right: 0;
    left: 0;
}

.keyvisual__diary-list {
    text-align: center;
    display: block;
    width: 273px;
    background-color: #E2D5AA;
    margin-right: auto;
    margin-bottom: 3px;
    margin-left: auto;
}

.keyvisual__diary-list:hover {
    background-color: #C6A368;
}

.keyvisual__diary-list--disabled:hover {
    background-color: #E2D5AA;
}

.keyvisual__diary-list .links-invalid {
    letter-spacing: -.03rem;
}

.keyvisual__diary-list-link {
    display: block;
    padding: 5px 0;
    text-align: center;
    color: #3f220e;
    font-family: '新丸ゴ M JIS2004';
    transition: opacity 300ms;
}

.keyvisual__diary-list:hover .keyvisual__diary-list-link {
    color: #fff;
}

.keyvisual__diary-list:hover .links-invalid.keyvisual__diary-list-link {
    color: #3f220e;
}

/* ---------------------------------------------
*   section common
--------------------------------------------- */
/* line 234, src/_sass/base.scss */
.section {
    min-width: 960px;
}

/* line 237, src/_sass/base.scss */
.section-contents__heading {
    position: relative;
    margin-top: 60px;
    margin-right: auto;
    margin-bottom: 57px;
    margin-left: auto;
    width: 780px;
    text-align: center;
    opacity: 0;
    transition: .9s;
}

/* line 255, src/_sass/base.scss */
.section__upper--mopvie {
    margin-bottom: 57px;
}

/* line 259, src/_sass/base.scss */
.section__upper--event {
    margin-bottom: 53px;
}

/* line 264, src/_sass/base.scss */
.section-contents__title {
    padding-bottom: 7px;
    margin-bottom: 13px;
    background: url(../img/icon_border_green.png) center bottom no-repeat;
    font-size: 2.71429rem;
}

.section-contents__title-green {
    color: #50a235;
}

.section-contents__title-small {
    position: relative;
    top: -5px;
    font-size: 1.92857rem;
}

/* line 271, src/_sass/base.scss */
.section-contents__title:before, .section-contents__title:after {
    position: absolute;
    display: inline-block;
    width: 76px;
    height: 62px;
    background: url(../img/icon_pad_content.png) 0 0 no-repeat;
    background-size: cover;
    content: "";
    transform: translateY(-50%);
}

/* line 283, src/_sass/base.scss */
.section-contents__title:before {
    top: 35px;
    left: -82px;
}

/* line 288, src/_sass/base.scss */
.section-contents__title:after {
    top: 35px;
    right: -82px;
}

/* line 298, src/_sass/base.scss */
.section-contents__text {
    line-height: 1.8;
    letter-spacing: -0.04em;
    font-size: 1.35714rem;
}

.section-contents__text-green {
    color: #55a329;
}

/* ---------------------------------------------
*   first-section
--------------------------------------------- */
/* line 307, src/_sass/base.scss */
.first-section {
    box-sizing: border-box;
    padding: 55px 0 64px;
    width: 100%;
    background-color: #f3a8ae;
}

/* line 313, src/_sass/base.scss */
.first-section__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    opacity: 0;
    transition: .8s;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* line 319, src/_sass/base.scss */
.first-section__character {
    width: 566px;
}

/* line 324, src/_sass/base.scss */
.first-section__balloon {
    box-sizing: border-box;
    margin-top: 38px;
    margin-right: 28px;
    padding: 73px 63px 0 64px;
    height: 208px;
    background: url(../img/img_balloon1.png) 0 0 no-repeat;
    background-size: 100% auto;
    font-size: 1.28571rem;
}

/* ---------------------------------------------
*   second-section
--------------------------------------------- */
/* line 341, src/_sass/base.scss */
.second-section {
    box-sizing: border-box;
    padding: 17px 0 83px;
    width: 100%;
    background-color: #f1d030;
}

/* line 347, src/_sass/base.scss */
.second-section__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    opacity: 0;
    transition: .8s;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* line 353, src/_sass/base.scss */
.second-section__character {
    width: 566px;
    margin-right: 47px;
}

/* line 357, src/_sass/base.scss */
.second-section__balloon {
    position: relative;
    box-sizing: border-box;
    margin-top: 175px;
    padding: 72px 71px 51px 60px;
    height: 204px;
    background: url(../img/img_balloon2.png) center no-repeat;
    background-size: 100% auto;
    font-size: 1.28571rem;
}

.second-section__balloon:after {
    position: absolute;
    top: -120px;
    left: -42px;
    display: inline-block;
    width: 169px;
    height: 169px;
    background: url(../img/icon_content2.png) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
}

/* ---------------------------------------------
*   third-section
--------------------------------------------- */
/* line 373, src/_sass/base.scss */
.third-section {
    box-sizing: border-box;
    padding: 28px 0 66px;
    width: 100%;
    background-color: #9faeff;
}

/* line 379, src/_sass/base.scss */
.third-section__lower {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    margin: 0 auto;
    width: 810px;
    opacity: 0;
    transition: .8s;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* line 388, src/_sass/base.scss */
.third-section__effect {
    position: absolute;
    top: 105px;
    left: 85px;
    display: block;
    color: #fff;
    font-size: 1.71429rem;
    transform: rotate(-30deg);
}

/* line 405, src/_sass/base.scss */
.third-section__character {
    position: relative;
    width: 505px;
}

/* line 410, src/_sass/base.scss */
.third-section__balloon {
    box-sizing: border-box;
    margin-top: 80px;
    margin-right: -13px;
    padding: 65px 57px 65px 58px;
    height: 201px;
    background: url(../img/img_balloon3.png) center no-repeat;
    background-size: 100% auto;
    font-size: 1.28571rem;
}

.fourth-section__balloon {
    position: absolute;
    top: 14px;
    right: 25px;
    box-sizing: border-box;
    padding: 57px 41px 0 42px;
    height: 133px;
    background: url(../img/img_balloon4.png) center no-repeat;
    background-size: 100% auto;
    font-size: 1.28571rem;
}

/* ---------------------------------------------
*   movie-section
--------------------------------------------- */
/* line 427, src/_sass/base.scss */
.movie-section {
    box-sizing: border-box;
    padding: 35px 0 55px;
    width: 100%;
    background-color: #9FD655;
}

/* line 433, src/_sass/base.scss */
.movie-section__lower {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 945px;
    opacity: 0;
    transition: .8s;
}

/* line 23, src/_sass/partial/_util.scss */
.movie-section__lower:after {
    display: block;
    clear: both;
    content: "";
}

/* line 442, src/_sass/base.scss */
.movie-section__character {
    position: relative;
    z-index: 1;
    float: left;
    margin-top: 162px;
    margin-left: 75px;
    width: 272px;
}

/* line 464, src/_sass/base.scss */
.movie-section__frame {
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-top: 13px;
    padding: 56px;
    width: 593px;
    height: 396px;
    background-image: url(../img/img_movie_frame.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* line 477, src/_sass/base.scss */
.movie-section__youtube {
    position: relative;
    padding-top: 283px;
    width: 100%;
}

/* line 482, src/_sass/base.scss */
.movie-section__youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------
*   event-section
--------------------------------------------- */
/* line 495, src/_sass/base.scss */
.event-section {
    box-sizing: border-box;
    padding: 48px 0 85px;
    width: 100%;
    background-color: #ffac00;
}

/* line 501, src/_sass/base.scss */
.event-section__lower {
    position: relative;
    z-index: -0;
    margin-right: auto;
    margin-bottom: 68px;
    margin-left: auto;
    width: 1000px;
    height: 482px;
    background: url(../img/img_text_box.png) -8px 6px no-repeat;
    opacity: 0;
    transition: .8s;
}

/* line 514, src/_sass/base.scss */
.event-section__inner {
    box-sizing: border-box;
    padding: 50px 38px 0px 65px;
}

/* line 23, src/_sass/partial/_util.scss */
.event-section__inner:after {
    display: block;
    clear: both;
    content: "";
}

/* line 520, src/_sass/base.scss */
.event-section__box {
    float: left;
    width: 630px;
}

/* line 525, src/_sass/base.scss */
.event-section__lower-heading {
    margin-bottom: 20px;
    color: #55a42a;
    font-weight: 500;
    font-size: 2.07143rem;
}

/* line 532, src/_sass/base.scss */
.event-section__lower-text {
    color: #696A69;
    font-weight: 400;
    font-size: 1.14286rem;
    line-height: 1.8;
}

/* line 539, src/_sass/base.scss */
.event-section__lower-small {
    display: block;
    padding-top: 30px;
    color: #4F504F;
    font-weight: 200;
    font-size: 0.85714rem;
}

/* line 547, src/_sass/base.scss */
.event-section__img {
    position: relative;
    float: left;
    margin-top: 15px;
    width: 214px;
}

/* line 553, src/_sass/base.scss */
.event-section__img:before {
    position: absolute;
    bottom: -10px;
    left: -10px;
    z-index: -1;
    display: block;
    width: 250px;
    height: 55px;
    border-radius: 50%;
    background: -moz-radial-gradient(center, ellipse cover, #d6d6d1 25%, #fff 70%);
    background: -webkit-radial-gradient(center, ellipse cover, #d6d6d1 25%, #fff 70%);
    background: radial-gradient(ellipse at center, #d6d6d1 25%, #fff 70%);
    content: "";
}

/* ---------------------------------------------
*   section-3r
--------------------------------------------- */
.section-3r {
    padding-top: 60px;
    padding-bottom: 90px;
    background-color: #9FD655;
}

.section-3r__inner {
    margin-right: auto;
    margin-left: auto;
    width: 940px;
}

.section-3r__heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 36px;
    margin-bottom: 70px;
    background: url(../img/icon_border_white.png) center bottom no-repeat;
    opacity: 0;
    transition: .9s;
}

.section-3r__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.section-3r__logo-item {}

.section-3r__logo-text {
    position: absolute;
    top: 23px;
    left: 188px;
    box-sizing: border-box;
    padding: 43px 46px 0 43px;
    height: 117px;
    background: url(../img/img_3rballoon.png) center no-repeat;
    background-size: 100% auto;
    font-size: 1.57143rem;
}

.section-3r__logo-text-green {
    color: #50a235;
}

.section-3r__title {
    display: block;
    overflow: hidden;
    margin-top: 5px;
    margin-left: auto;
    padding-top: 139px;
    width: 344px;
    height: 0;
    background: url(../img/title_3r.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.section-3r__contents {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    opacity: 0;
    transition: .9s;
}

.section-3r__contents:last-of-type {
    margin-bottom: 0;
}

.section-3r__contents:nth-of-type(even) {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.section-3r__contents--1 {}

.section-3r__contents--2 .section-3r__frame-inner > img {
    right: 29px;
    top: -3px;
}

.section-3r__contents--3 .section-3r__frame-inner--regulation {
    margin-top: 20px;
}

.section-3r__frame {
    background-color: #fff;
    border: 4px solid #50A235;
    border-radius: 15px;
    padding-top: 27px;
    padding-right: 13px;
    padding-left: 30px;
    width: 760px;
    height: 305px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.section-3r__frame-inner {}

.section-3r__frame-inner > img {
    position: relative;
    width: 100%;
}

.section-3r__frame-title-frame {
    margin-top: 5px;
    background-size: 100% 100%;
    background: url(../img/icon_border_brown.png) left bottom no-repeat;
    padding-bottom: 18px;
    margin-bottom: 13px;
}

.section-3r__frame-title {
    height: 0;
    overflow: hidden;
}

.section-3r__frame-title--1 {
    width: 341px;
    padding-top: 39px;
    background: url(../img/title_reduce.png) 0 0 no-repeat;
}
.section-3r__frame-title--2 {
    width: 279px;
    padding-top: 38px;
    background: url(../img/title_reuse.png) 0 0 no-repeat;
}
.section-3r__frame-title--3 {
   width: 346px;
   padding-top: 45px;
   background: url(../img/title_recycle.png) 0 0 no-repeat;
}

.section-3r__frame-caption {
    font-size: 1.5rem;
    margin-bottom: 14px;
}

.section-3r__frame-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.section-3r__frame-detail-title {
    position: relative;
    width: 110px;
    height: 110px;
    box-sizing: border-box;
    border: 3px solid #50A235;
    border-radius: 50%;
    background-color: #E7F1C7;
    margin-right: 12px;
}

.section-3r__frame-detail-title-inner {
    position: absolute;
    top: 51%;
    right: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.section-3r__frame-detail-list {}

.section-3r__frame-detail-list-item {
    padding-left: 1.3em;
    text-indent: -1.3em;
    font-size: 1.21143rem;
    line-height: 1.7;
    letter-spacing: -.065rem;
    white-space: nowrap;
}

.section-3r__frame-detail-list-item-green {
    color: #50a235;
}

.section-3r__icon {
    position: relative;
    margin-top: 17px;
}

.section-3r__icon-text {
    box-sizing: border-box;
    padding: 41px 27px 0 41px;
    height: 121px;
    background: url(../img/img_balloon3r.png) center no-repeat;
    background-size: 100% auto;
    font-size: 1.21429rem;
    margin-bottom: 13px;
}

.section-3r__icon-text--position {
    padding: 41px 37px 0 31px;
}

.section-3r__icon-image {
    text-align: center;
}

/* ---------------------------------------------
*   underlayer-contents
--------------------------------------------- */
.underlayer-contents {
    padding-top: 81px;
}

.underlayer-contents-main {
    padding-top: 55px;
    padding-bottom: 37px;
    background-repeat: repeat;
    background-position: center 0;
}

.underlayer-contents-main--ichikawa {
    background-image: url(../img/event_20180603/bg_ichikawa.png);
}

.underlayer-contents-main--fujisawa {
    background-image: url(../img/event_20170805/bg_fujisawa.png);
}
.underlayer-contents-main--chitanan {
    background-image: url(../img/event_20230825/bg_chitanan.png);
}


.underlayer-contents-main__container {}

.underlayer-contents-main__head {
    opacity: 0;
    transition: .9s;
}

.underlayer-contents-main__logo {
    text-align: center;
    margin-bottom: 28px;
}

.underlayer-contents-main__title {
    line-height: 1.2;
    text-align: center;
    font-size: 3.42857rem;
}

.underlayer-contents-main__body {
    width: 1115px;
    text-align: center;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    opacity: 0;
    transition: .9s;
}

/* ---------------------------------------------
*   underlayer-event
--------------------------------------------- */
.underlayer-event {
    padding-top: 113px;
    height: 560px;
    box-sizing: border-box;
}

.underlayer-event--ichikawa {
    background-color: #f3a8ae;
}

.underlayer-event--fujisawa {
    background-color: #eea467;
}

.underlayer-event--chitanan {
    background-color: #72CD38;
}

.underlayer-event__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 940px;
    margin-right: auto;
    margin-left: auto;
}

.underlayer-event__contents {
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
    width: 615px;
    border-bottom: 2px solid #fff;
    opacity: 0;
    transition: .7s;
}

.underlayer-event__title {
    border-bottom: 2px solid #fff;
    font-size: 20px;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.underlayer-event__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 18px;
}

.underlayer-event__list:last-of-type {
    margin-bottom: 0;
}

.underlayer-event__list-data {
    text-align: center;
    width: 120px;
    padding: 18px 0;
    font-size: 20px;
}

.underlayer-event--ichikawa .underlayer-event__list-data--bg {
    background-color: #f8dee1;
}

.underlayer-event--fujisawa .underlayer-event__list-data--bg {
    background-color: #fcdcc5;
}

.underlayer-event--chitanan .underlayer-event__list-data--bg {
    background-color: #C8ECB2;
}

.underlayer-event__list-list {
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
}

.underlayer-event__list-list a {
    display: block;
    padding: 18px 0 18px 20px;
    transition: opacity 300ms;
}

.underlayer-event--fujisawa .underlayer-event__list-list a:hover {
    background-color: #fcdcc5;
}

.underlayer-event--ichikawa .underlayer-event__list-list a:hover {
    background-color: #f8dee1;
}

.underlayer-event--chitanan .underlayer-event__list-list a:hover {
    background-color: #C8ECB2;
}

.underlayer-event__image {
    position: absolute;
    top: -60px;
    right: -68px;
    opacity: 0;
    transition: .9s;
}

.underlayer-event--fujisawa .underlayer-event__image {
    width: 383px;
}

.underlayer-event--ichikawa .underlayer-event__image {
    width: 352px;
}

.underlayer-event--chitanan .underlayer-event__image {
    width: 360px;
}

/* ---------------------------------------------
*   links-invalid
--------------------------------------------- */
.links-invalid {
    pointer-events: none;
    opacity: .5;
    transition: opacity .4s;
}

.links-invalid--num {
    pointer-events: none;
    color: rgba(159, 144, 135, 1);
}

.keyvisual__diary-list.keyvisual__diary-list--disabled .links-invalid {
    pointer-events: none;
    opacity: .5;
    transition: opacity .4s;
}

/* ---------------------------------------------
*   slider-section
--------------------------------------------- */
/* line 573, src/_sass/base.scss */
.slider-section {
    opacity: 0;
    transition: .8s;
    margin-bottom: 40px;
}

.slider-section__link:focus {
    outline: 0;
    border: none;
}

/* line 577, src/_sass/base.scss */
.slider-section__list-item {
    width: 270px;
    height: 205px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 580, src/_sass/base.scss */
.slider-section__list-item img {
    border: 5px solid #fff;
    -webkit-box-shadow: 3px 3px 10px 0px #262624;
    box-shadow: 3px 3px 10px 0px #262624;
}

/* ---------------------------------------------
*   slider-contents
--------------------------------------------- */
.slider-contents {}

.slider-contents__title {
    line-height: 1.2;
    text-align: center;
    font-size: 1.28571rem;
    margin-bottom: 30px;
    opacity: 0;
    transition: .9s;
}

.slider-contents__link {
    text-align: center;
    font-size: 1.28571rem;
    opacity: 0;
    transition: .9s;
}

.slider-contents__link-list {
    color: #4655ff;
    text-decoration: underline;
}

.slider-contents__link-list:hover {
    text-decoration: none;
}

/* ---------------------------------------------
*   bx-wrapper
--------------------------------------------- */
/* line 590, src/_sass/base.scss */
.bx-wrapper {
    margin-bottom: 0;
    border: none;
    background: none;
    box-shadow: none;
    margin-right: auto;
    margin-left: auto;
}

/* ---------------------------------------------
*   footer
--------------------------------------------- */
/* line 600, src/_sass/base.scss */
.footer {
    width: 100%;
    padding: 52px 0 58px 0;
    font-family: 'Noto Sans Japanese', serif;
}

/* line 604, src/_sass/base.scss */
.footer__container {
    margin-right: auto;
    margin-left: auto;
    width: 940px;
}

/*  footer-upper
--------------------------------------------- */
/* line 614, src/_sass/base.scss */
.footer-upper__inner {
    margin-bottom: 15px;
    padding-bottom: 18px;
    border-bottom: 1px solid #bbc9ca;
}

/* line 620, src/_sass/base.scss */
.footer-upper__head {
    box-sizing: border-box;
    margin-bottom: 21px;
    color: #50a235;
    letter-spacing: 0.02em;
    font-size: 1rem;
}

/* line 628, src/_sass/base.scss */
.footer-upper__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 940px;
    width: 940px;

    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

/* line 641, src/_sass/base.scss */
.footer-upper__lead {
    margin-right: 22px;
    width: 130px;
    border-right: 2px solid #bbc9ca;
}

/* line 646, src/_sass/base.scss */
.footer-upper__lead-text {
    color: #333;
    font-size: 0.78571rem;
}

/* line 649, src/_sass/base.scss */
.footer-upper__lead-text:before {
    display: inline-block;
    margin-right: 14px;
    width: 65px;
    height: 38px;
    background: url(../img/logo_footer_gp.png) 0 0 no-repeat;
    background-size: cover;
    content: "";
    vertical-align: middle;
}

/* line 662, src/_sass/base.scss */
.footer-upper__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 500px;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* line 665, src/_sass/base.scss */
.footer-upper__link-text {
    display: block;
    color: #333;
    font-size: 0.78571rem;
}

/* line 669, src/_sass/base.scss */
.footer-upper__link-text:hover {
    text-decoration: underline;
}

/* line 674, src/_sass/base.scss */
.footer-upper__link-list {
    margin-bottom: 1px;
}

/* line 681, src/_sass/base.scss */
.footer-upper__logo {
    display: block;
    overflow: hidden;
    margin-top: 5px;
    margin-left: auto;
    padding-top: 36px;
    width: 170px;
    height: 0;
    background: url(../img/logo_footer_kawasaki.png) 0 0 no-repeat;
    background-size: 100% 100%;
    transition: opacity 300ms;
}

/* line 106, src/_sass/partial/_util.scss */
.footer-upper__logo:hover {
    opacity: 0.8;
}

/*  footer-lower
--------------------------------------------- */
/* line 697, src/_sass/base.scss */
.footer-lower {
    text-align: right;
    color: #333;
    font-size: 0.78571rem;
}

/* ---------------------------------------------
*   Fadein
--------------------------------------------- */
/* line 705, src/_sass/base.scss */
.fadein {
    opacity: 1;
}

/* ---------------------------------------------
*   Fadein Up
--------------------------------------------- */
/* line 712, src/_sass/base.scss */
.fadeinup {
    opacity: 1.0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* ==========================================================
*
*   hide
*
========================================================== */
@media screen and (min-width: 739px) {
    /* line 724, src/_sass/base.scss */
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 738px) {
    /* line 729, src/_sass/base.scss */
    .sp-hide {
        display: none !important;
    }
}