@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap');

/************************************************************

     Contents | General Settings

************************************************************/

#wrapper{
    position: relative;
}
.content{
    position: relative;
    margin: 100px 0 0 0;
    letter-spacing: 0.05rem;
}
.c-column{
    display: flex;
    flex-wrap: wrap;
    margin: 0 1.5%;
}
.c-column .__product a,
.c-column .__item a{
    display: block;
    text-align: center;
    padding: 0 0 84px 0;
}
.c-column .__item figure{
    border: 6px solid #333;
    background: #fff;
    padding: 1px 0;
    overflow: hidden;
}
.c-column .__1of4{
    position: relative;
    width: 22%;
    margin: 0 1.5%;
}
.c-column .__btn{
    display: inline-block;
    margin-top: 1.5rem;
    width: 80%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 0.9em;
    font-weight: 700;
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.c-column .__item .__btn{
    background: #07ae82;
}
.c-column .__item a:hover .__btn{
    background: #222;
}
.c-column .__product .__btn{
    background: #222;
}
.c-column .__product a:hover .__btn{
    background: #07ae82;
}
.__en{
    font-family: 'Poppins', sans-serif;
}
.c-column .__item h4,
.c-column .__product h4{
    color: #222;
    text-align: center;
    margin: 1.5em 0 .5em;
}
.c-column .__product p.__desc{
    font-size: 0.8em;
    color: #222;
    line-height: 1.8;
    text-align: left;
    letter-spacing: 0.1em;
}
.c-column .__product a:hover h4,
.c-column .__product a:hover p.__desc{
    opacity: 0.6;
}

/************************************************************

     Fadein

************************************************************/

.js-fadein{
    opacity:0;
    transition: all 1s;
}
.js-fadein.js-active{
    opacity:1;
}

/************************************************************

     Content Hero

************************************************************/

.c-hero{
    position: relative;
}
.c-hero .c-hero__pc{
    display: block;
    margin: 0 0 60px 0;
    padding: 0 30px;
}
.c-hero .c-hero__sp{
    margin: 0 0 6.4vw 0;
    display: none;
}

/************************************************************

     Contents Navigation

************************************************************/

.c-nav{
    position: relative;
    margin: 0 0 80px 0;
    width: 100%;
}
.c-nav .c-nav__head{
    margin: 0 0 48px 0;
}
.c-nav .c-nav__head h2{
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.1em;
    margin: 0 0 .75em;
}
.c-nav .c-nav__head p{
    text-align: center;
    font-size: 1.0em;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: 0.1em;
}
.c-nav .c-nav__body{
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}
.c-nav .c-nav__body .c-nav__column{
    display: flex;
    flex-wrap: wrap;
    margin: 0 1.5%;
}
.c-nav .c-nav__body .c-nav__column .__item{
    width: 47%;
    margin: 0 1.5%;
}
.c-nav .c-nav__body .c-nav__column .__item a{
    display: block;
    border: 12px solid #f8b500;
    padding: 1.2vw;
}

/************************************************************

    Content #01 | 

************************************************************/

.c-oneday{
    position: relative;
    margin: -80px 0 80px 0;
    padding: 100px 0 0 0;
}
.c-oneday .c-oneday__head{
    padding-top: 80px;
    margin: 0 3.0vw 80px;
    text-align: center;
    border-top: 8px solid #6666cc;
}
.c-oneday .c-oneday__head h2{
    display: inline-block;
    margin-bottom: 1.0em;
    width: 320px;
    height: 80px;
    background-image: url(../images/c_oneday_ttl.png);
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -9999px;
}
.c-oneday .c-oneday__head p{
    line-height: 2;
    letter-spacing: 0.1em;
}
.c-oneday .c-oneday__body{
    margin-bottom: 80px;
}
.c-oneday .c-oneday__body .c-oneday__item{
    margin-bottom: 240px;
}
.c-oneday .c-oneday__body .c-oneday__item .__nega{
    margin-bottom: -240px;
}
.c-oneday .c-oneday__body .__inner{
    background: #ffcc33;
    padding: 80px 0;
}
.c-oneday .c-oneday__body .__ttl{
    position: relative;
    margin-bottom: 80px;
}
.c-oneday .c-oneday__body .__ttl h3.__left{
    margin:0 0 0 4.8vw;
    font-size: 1.8em;
}
.c-oneday .c-oneday__body .__ttl p.__right{
    position: absolute;
    margin: 0;
    top: 0;
    right: 4.8vw;
    font-size: 0.85em;
    font-weight: 700;
}
.c-oneday .c-oneday__body .c-column{
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5%;
    z-index: 10;
}
.c-oneday__btn{
    margin-bottom: 80px;
    text-align: center;
}
.c-oneday__btn a{
    display: inline-block;
    margin-top: 1.5rem;
    width: 480px;
    height: 64px;
    background: #07ae82;
    text-align: center;
    line-height: 64px;
    color: #fff;
    font-size: 1.0em;
    font-weight: 700;
    border-radius: 60px;
}
.c-oneday__btn a:hover{
    background: #222;
}
.c-oneday__product{
    border: 12px solid #f8b500;
    margin: 0 4.8vw;
    padding: 4.8vw;
}
.c-oneday__product .__img{
    text-align: center;
    margin-bottom: 2rem;
}
.c-oneday__product .__img img{
    width: 75vw;
    max-width: 960px;
}
.c-oneday__product .__txt{
    text-align: center;
}
.c-oneday__product .__txt h2{
    font-size: 1.35em;
    margin-bottom: 1.0rem;
}
.c-oneday__product .__txt p{
    line-height: 1.8;
}
.c-oneday__product .__btn{
    margin-top: 2rem;
}
.c-oneday__product .__btn a{
    display: inline-block;
    width: 360px;
    height: 60px;
    background: #222;
    color: #fff;
    border-radius: 30px;
    line-height: 60px;
    font-weight: 700;
}
.c-oneday__product .__btn a:hover{
    background: #07ae82;
}

/************************************************************

    Content #02 | 

************************************************************/

.c-nurie{
    position: relative;
    margin: -80px 0 0 0;
    padding: 100px 0 0 0;
}
.c-nurie .c-nurie__head{
    padding-top: 80px;
    margin: 0 3.0vw 80px;
    text-align: center;
    border-top: 8px solid #6666cc;
}
.c-nurie .c-nurie__head h2{
    display: inline-block;
    margin-bottom: 1.0em;
    width: 180px;
    height: 52px;
    background-image: url(../images/c_nurie_ttl.png);
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -9999px;
}
.c-nurie .c-nurie__head p{
    line-height: 2;
    letter-spacing: 0.1em;
}
.c-nurie .c-nurie__body{
    margin-bottom: 80px;
}
.c-nurie .c-nurie__body .__inner{
    background: #ffcc33;
    padding: 80px 0;
}
.c-nurie .c-nurie__body .c-column{
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5%;
    z-index: 10;
}
.c-nurie .c-nurie__body .c-nurie__item{
    margin-bottom: 280px;
}
.c-nurie .c-nurie__body .c-nurie__item .__nega{
    margin-bottom: -280px;
}
.c-nurie__btn{
    margin-bottom: 80px;
    text-align: center;
}
.c-nurie__btn a{
    display: inline-block;
    margin-top: 1.5rem;
    width: 480px;
    height: 64px;
    background: #07ae82;
    text-align: center;
    line-height: 64px;
    color: #fff;
    font-size: 1.0em;
    font-weight: 700;
    border-radius: 60px;
}
.c-nurie__btn a:hover{
    background: #222;
}
.c-nurie .c-nurie__product{
    padding: 80px 0;
    background: #f8b500;
}
.c-nurie .c-nurie__product .__ttl{
    margin:0 0 60px 0;
}
.c-nurie .c-nurie__product .__ttl h3{
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 0.1em;
}
.c-nurie .c-nurie__product .c-column{
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1.5%;
    z-index: 10;
}