@charset "UTF-8";
/*----------------------------------------------------
    TopPage
----------------------------------------------------*/
/* Jumbotron
---------------------------*/
#jumbotron {
    background-image: url("../images/home/jumbotron_bg.jpg");
}
#jumbotron .inner{
    position: relative;
    padding: 9% 0 10%;
    background-image: url("../images/home/jumbotron_img.png");
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
}
#jumbotron h2{
    width: 50%;
    max-width: 805px;
    margin-left: 3%;
}
#jumbotron .btn_link a{
    left: 2%;
    bottom: 4%;
    position: absolute;
    font-size: 16px;
    width: 320px;
}
@media screen and (min-width:992px) and (max-width:1199px) {
    #jumbotron .btn_link a{
        font-size: 14px;
        width: 290px;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    #jumbotron .inner{
        padding: 9% 0 11%;
        background-size: cover;
    }
    #jumbotron h2{
        width: 46%;
        margin-left: 3%;
    }
    #jumbotron .btn_link a{
        font-size: 12px;
        width: 250px;
    }
}
@media screen and (max-width:767px) {
    #jumbotron .inner{
        background-image: url("../images/home/jumbotron_img_sp.png");
        padding: 6% 0 56%;
        background-size: 100%;
        margin-bottom: 16%;
    }
    #jumbotron h2{
        width: 86%;
        margin-right: auto;
        margin-left: auto;
    }
    #jumbotron .btn_link a{
        width: 90%;
        margin-bottom: -20%;
        left: 5%;
        font-size: 12px;
    }
}

/* Sec01
---------------------------*/
#sec01{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #fff;
}
#sec01 .flame_wrap .inner{
    padding: 6% 5% 4%;
    text-align: center;
}
#sec01 .flame_wrap h2{
    font-size: 42px;
    color: #dc9ec0;
    margin-bottom: 2rem;
}
#sec01 .flame_wrap p{
    margin-bottom: 2rem;
}
@media screen and (min-width:768px) and (max-width:991px) {
    #sec01 .flame_wrap h2{
        font-size: 36px;
    }
}
@media screen and (max-width:767px) {
    #sec01{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    #sec01 .flame_wrap .inner{
        padding: 14% 5% 4%;
    }
    #sec01 .flame_wrap h2{
        font-size: 24px;
    }
}
/* Sec02
---------------------------*/
#sec02{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
#sec02 .ttl_main_01 h2{
    margin-bottom: 2rem;
}
#sec02 .menu_wrap{
    background-color: #fff;
    box-shadow: 0 0 8px #ccc;
}
#sec02 .menu_wrap a{
    display: block;
    padding-bottom: 6%;
    margin-bottom: 1rem;
}
#sec02 .menu_wrap.margintop{
    margin-top: 3rem;
}
#sec02 .menu_wrap h3{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 28px;
    text-align: center;
    margin-top: -10%;
    clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    background-color: #fff;
    padding: 3% 5%;
    margin-bottom: 3%;
}
#sec02 .menu_wrap h3 span{
    display: block;
    font-size: 57%;
}
#sec02 .menu_wrap p{
    line-height: 1.2;
    padding: 0 8% 2%;
    font-size: 16px;
}
#sec02 .menu_wrap .btn_block{
    background-color: #e7e6e7;
    color: #000;
    text-align: center;
    padding: 3%;
    margin: 0 8%;
}
#sec02 .btn_link a{
    width: 100%;
    padding: 5% 5% 5% 5%;
    margin-top: 1rem;
}
@media screen and (min-width:992px) and (max-width:1199px) {
    #sec02 .menu_wrap h3{
        font-size: 24px;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    #sec02 .menu_wrap h3{
        font-size: 18px;
    }
    #sec02 .menu_wrap p{
        font-size: 12px;
    }
    #sec02 .menu_wrap .btn_block{
        font-size: 12px;
    }
}
@media screen and (max-width:767px) {
    #sec02 .menu_wrap h3{
        font-size: 24px;
    }
    #sec02{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    #sec02 .menu_wrap p{
        font-size: 14px;
    }
    #sec02 .menu_wrap.margintop{
        margin-top: 0;
    }
}
@media screen and (min-width:360px) and (max-width:767px) {
    #sec02 .menu_wrap h3{
        margin-top: -6%;
        clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    }
}

/* Sec03
---------------------------*/
#sec03{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: url("../images/home/sec03_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
#sec03::before{
    content: '';
    background: #e8c2ce;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: .8;
}
#sec03 .container {
    position: relative;
    z-index: 1;
}
#sec03 .ttl_main_01 h2{
    margin-bottom: 3rem;
}
#sec03 p{
    margin-bottom: 3rem;
    line-height: 2;
}
#sec03 img{
    width: 94%;
}
@media screen and (min-width:768px) and (max-width:991px) {
    #sec03 img{
        width: 100%;
    }
}
@media screen and (max-width:767px) {
    #sec03{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    #sec03 img{
        width: 100%;
        margin-bottom: 2rem;
    }
    #sec03 .ttl_main_01 h2{
        margin-bottom: 2rem;
    }
    #sec03 p{
        margin-bottom: 2rem;
    }
}
/* Sec04
---------------------------*/
#sec04{
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center;
    background-color: #fff;
}
#sec04 h2{
    margin-bottom: 1rem;
}
#sec04 h3{
    font-size: 32px;
    color: #6c4851;
}
@media screen and (min-width:768px) and (max-width:991px) {
    #sec04{
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
    #sec04 h2 img{
        width: 80%;
    }
    #sec04 h3{
        font-size: 26px;
    }
}
@media screen and (max-width:767px) {
    #sec04{
        padding-top: 2rem;
        padding-bottom: 3rem;
    }
    #sec04 h3{
        font-size: 16px;
    }
}
/* Sec05
---------------------------*/
#sec05{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media screen and (max-width:767px) {
    #sec05{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    #sec05 .ttl_main_01 h2{
        text-align: center;
        margin-bottom: 1rem;
    }
}
/* Sec06
---------------------------*/
#sec06{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
#sec06 .ttl_main_01 h2{
    text-align: center;
    margin-bottom: 2rem;
}
#sec06 .instagram_feed div{
    margin-bottom: 2rem;
}
#sec06 .instagram_feed img{
    width: 100%;
}
#sec06 .btn_block{
    text-align: center;
}
#sec06 .btn_block img{
    width: 255px;
}
@media screen and (min-width:768px) and (max-width:991px) {
    #sec06{
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
}
@media screen and (max-width:767px) {
    #sec06{
        padding-top: 2rem;
        padding-bottom: 3rem;
    }
    #sec06 .instagram_feed div{
        margin-bottom: 1rem;
    }
}
/* Sec07
---------------------------*/
#sec07{
    padding-top: 9rem;
    padding-bottom: 9rem;
    text-align: center;
    background-image: url("../images/home/sec07_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#sec07 h2{
    margin-bottom: 3rem;
}
#sec07 p{
    margin-bottom: 3rem;
}
@media screen and (min-width:768px) and (max-width:991px) {
    #sec07{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}
@media screen and (max-width:767px) {
    #sec07{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    #sec07 h2{
        margin-bottom: 2rem;
    }
    #sec07 p{
        margin-bottom: 2rem;
    }
}
/* Sec08
---------------------------*/
#sec08{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: url("../images/home/sec08_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#sec08 h2{
    margin-bottom: 3rem;
}
#sec08 p{
    margin-bottom: 3rem;
}
#sec08 .shop_area {
    background-color: #fff;
    padding: 2rem;
    margin-bottom: 2rem;
}
#sec08 .img_block {
    margin-bottom: 1rem;
}
#sec08 h3 {
    margin-bottom: 1rem;
    font-size: 32px;
    padding-bottom: 1rem;
    border-bottom: 1px solid #6c4851;
}
#sec08 .btn_link {
    margin-top: 1rem;
}
@media screen and (min-width:768px) and (max-width:991px) {
    #sec08{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    #sec08 h3 {
        font-size: 24px;
        margin-bottom: 0.6rem;
        padding-bottom: 0.6rem;
    }
    #sec08 .shop_area {
        padding: 1.6rem;
    }
}
@media screen and (max-width:767px) {
    #sec08{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    #sec08 h2{
        margin-bottom: 2rem;
    }
    #sec08 p{
        margin-bottom: 2rem;
    }
    #sec08 h3 {
        font-size: 24px;
        margin-bottom: 0.6rem;
        padding-bottom: 0.6rem;
    }
    #sec08 .shop_area {
        padding: 1.6rem;
    }
    #sec08 .btn_link {
        margin-top: 0;
    }
}