@charset "UTF-8";
/* CSS Document */

body{ margin: 0;}

.sp{display: none;}

.pc{display: inherit;}


/*動き*/
.kv_fadein {opacity: 0;transform: translateY(20px);}
.kv_fadein.animate {animation: kv_fadein 1s ease forwards;}

@keyframes kv_fadein {to {opacity: 1;transform: translateY(0);}}
/**/
/* 新しく追加するふわふわアニメーション */
.kv_fadein.fuwafuwa {
    animation: fuwafuwa 3s ease-in-out infinite alternate;
    opacity: 1;
}

@keyframes fuwafuwa {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    30% {
        transform: translate(0, 0) rotate(2deg);
    }
    70% {
        transform: translate(0, 0) rotate(0deg);
    }
    100% {
        transform: translate(0, 0) rotate(2deg);
  }
}
/**/

.fadein_element {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 1s, visibility 1s, transform 1s;
}

.fadein_element_is_fadein {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    left: 0;
    right: 0;
}

/* slidein_shu_right */
.slidein_shu_right{
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    position: relative;
}
.slidein_shu_right_move {
    animation: slidein_shu_right_move 3s 1;
    opacity: 1;
    visibility: visible;
}

@keyframes slidein_shu_right_move {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  60% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* slidein_shu_down */
.slidein_shu_down{
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    position: relative;
}
.slidein_shu_down_move {
    animation: slidein_shu_down_move 3s 1;
    opacity: 1;
    visibility: visible;
}

@keyframes slidein_shu_down_move {
  0% {
    opacity: 0;
    transform: translateY(1000px);
  }
  60% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes kurukuru{
  0%{ transform:rotateY(0);}
  100%{ transform:rotateY(360deg); }
}

/**/
/**/

#endbox{
    display: none;
}

/*共通*/
section#top{ width: 100%;background: #e6e4f1;font-family:"Meiryo", "M PLUS 1p", sans-serif;color: #754c24;font-weight: 500;line-height: 1.8;letter-spacing: 1px;box-sizing: border-box;}

.asterisk{
    text-indent: -1em;
    margin-left: 1em;
}

.asterisk::before{
    content: '※';
}

.t-c{
    text-align: center;
}
#top section{box-sizing: border-box}
#top section .inner{max-width: 1200px;width: 100%;margin: 0 auto;box-sizing: border-box;}
#top a{display: block;width: 100%;height: 100%;}
#top img {margin-top: 0px;max-width: 100%;height: auto;vertical-align:bottom;}
.section_wrapper{max-width: 1200px;width: 90%;margin: 0 auto;box-sizing: border-box;}
.section_title{max-width: 980px;margin: 40px auto 40px;width: 100%;box-sizing: border-box;}

.top_title{max-width: 980px;width: 100%; margin: 60px auto 60px;box-sizing: border-box;}

/*nav*/
#top #nav{;width: 100%;background-repeat: no-repeat;padding: 0 32px;box-sizing: border-box;}
.haikei2{background-image: url("../img/haikei2.jpg");background-position: center center;background-size:5000px 3800px;width: 100%;background-repeat: no-repeat;box-sizing: border-box;}
.haikei1{background-image: url("../img/kv2.png");background-position:bottom center;background-size:cover;width: 100%;background-repeat: no-repeat;padding-bottom: 100px;box-sizing: border-box;}
.haikei3{background-image: url("../img/drink2.svg");background-position: bottom center;background-size:contain;width: 100%;background-repeat: no-repeat;box-sizing: border-box;}
@media screen and (max-width:1500px){
.haikei3{background-size:2000px 1051px;}
}

.haikei4{background-image: url("../img/haikei3.jpg");background-position: center center;background-size:cover;width: 100%;background-repeat: no-repeat;box-sizing: border-box;}
#nav ul{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    background: #fff;
    max-width: 1300px;
    width: 100%;
    border-radius: 12px;
    padding: 16px 0px;
    align-items: center;
}
#nav ul li{
    box-sizing: border-box;
    width: calc(100% / 8);
    display: flex;
    border-left: 1px solid #c6add2;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
}
#nav ul li:first-child{
    border-left: 0px solid #c6add2;
}

#nav ul li:hover a{
    opacity: 0.6;
}
@media screen and (max-width:840px){
#nav ul{flex-wrap: wrap;justify-content: center;padding: 12px 0px;}
#nav ul li{
    width: calc(100% / 8);
    display: flex;
    border-left: 1px solid #c6add2;
    padding: 8px 0px;
    justify-content: center;
    align-items: center;
}
}

@media screen and (max-width:768px){
.haikei1{background-image: url("../img/kv2.png");background-position:top center;background-size:1710px 200px;width: 100%;background-repeat: no-repeat;padding-bottom: 0px;}
#nav ul{flex-wrap: wrap;justify-content: center;padding: 12px;}
#nav ul li{
    width: 50%;
    display: flex;
    border-left: 1px solid #c6add2;
    border-bottom: 1px solid #c6add2;
    padding: 20px 8px;
    justify-content: center;
    align-items: center;
}
#nav ul li a{flex-grow: 1;}
#nav ul li:nth-child(2n+1){
    border-left: 0px solid #c6add2;
}
#nav ul li:nth-last-child(2),
#nav ul li:last-child{
    border-bottom: 0px solid #c6add2;
}
}

/*mv kv*/
#top section#kv{padding: 0;box-sizing: border-box;}

/*about*/
section#about{ max-width: 1140px;width: 100%;margin: 60px auto 0px;box-sizing: border-box;}

/*entry*/
section#entry,
section#entry2{max-width: 1140px;width: 100%;margin: 60px auto 0px;box-sizing: border-box;}

.entry_box{
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 300px 30px 180px 30px;
    position: relative;
    background: url(../img/topimg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
}
.entry_box2{
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 300px 30px 180px 30px;
    position: relative;
    background: url(../img/topimg6.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
}
#entry .entry_text,
#entry2 .entry_text{
    text-align: center;
    font-size: 20px;
    line-height: 1.75;
    box-sizing: border-box;
}

.btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto;
    width: 100%;
    max-width: 770px;
    box-sizing: border-box;
}

.btn li{
    width: 48.179%;
    max-width: 400px;
    border-radius: 45px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 1px;
    position: relative;
    font-weight: 600;
    height: 70px;
    padding-top: 4px;
    box-sizing: border-box;
}
.btn li:first-child{
    background: #D70A1D;
    border: 3px solid #90040B;
    box-shadow: 0 8px 0 #90040B;
}
.btn li:last-child{
    background: #0A51D7;
    border: 3px solid #003293;
    box-shadow: 0 8px 0 #003293;
}
.btn li:hover{
    top: 8px;
    box-shadow: none;
}
.btn li a{
    padding: 10px 5px;
}
.btn li span{
    display: block;
    font-size: 12px;
    padding-bottom: 4px;
}
btn li::after{
    content: '';
    background: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
}

#entry .asterisk,
#entry2 .asterisk{
    font-size: 12px;
    font-weight: 500;
    margin: 0px auto;
    width: 100%;
    max-width: 740px;
    line-height:22px;
    box-sizing: border-box;
}

/*present*/
#present{overflow: hidden;box-sizing: border-box;}

.present_box{max-width: 1040px;width: 100%;margin: auto auto 50px auto;box-sizing: border-box;}

.present_pt{max-width: 366px;width: 100%;margin: auto auto 10px auto;box-sizing: border-box;}

.present_box2{max-width:1000px;width: 100%;margin: 0 auto;padding: 210px 0px 80px 0px;background: url(../img/topimg4.png);background-repeat: no-repeat;background-size: contain;box-sizing: border-box;}
.present_box3{max-width:560px;width: 100%;margin: 0 auto;padding: 0px;box-sizing: border-box;}
.present_box4{overflow: hidden; width: 100%;margin:-20px auto 0;max-width:560px;padding: 0px 40px 40px 40px;background-image: url(../img/rep03.svg),url(../img/rep02.svg);background-repeat: no-repeat,repeat-y;background-position: bottom center,top center;background-size: contain;box-sizing: border-box;}

.present_6pt_img{ max-width: 730px;width: 95%;margin: 40px auto 30px auto;}

.present_box ul{background: #F2F2F2;padding: 20px 25px;max-width: 730px;width: 95%;margin: 0 auto;font-size: 14px;font-weight: 500;box-sizing: border-box;}

.attention{
    background: #fff;
    margin-top: 70px;
    text-align: center;
    padding: 30px 0;
    box-sizing: border-box;
}

.attention_inner{
    width: 89.03%;
    margin: 0 auto;
    box-sizing: border-box;
}

.attention p:first-child{
    font-size: 27px;
    border-bottom: 1px solid #5F2E0B;
    color: #552906;
    font-weight: 900;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.attention p:nth-child(2){
    color: #D70A1D;
    text-decoration: underline;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.8;
    margin-bottom: 20px;
}

.attention p:nth-child(3){
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.attention p.asterisk{
    font-size: 14px;
    font-weight: 500;
    margin-top: 30px;
}

/*bg*/
.bg1{
    padding: 60px 0px;
    margin: 0;
    background: #f2e2ee;
    box-sizing: border-box;
}

/*product*/
#product h3{font-size: 20px;line-height: 1.6;padding: 0px;text-align: center;box-sizing: border-box;}
#product h3 em{font-size: 16px;line-height: 1.6;padding: 0px;text-align: center;font-style: normal;box-sizing: border-box;}

.product_box{padding: 60px;max-width: 1140px;margin: 0 auto;border: 8px solid #9070af;border-radius: 40px;background-color: #fff;margin-top: 40px;box-sizing: border-box;}
.product_box .prod{width: 100%;max-width: 560px;display: flex;margin: 0 auto;flex-wrap: wrap;justify-content: space-between;text-align: center;box-sizing: border-box;}

.product_box div ul{width: 40%;margin-bottom: 30px;box-sizing: border-box;}
.product_box p{font-size: 14px;line-height: 1.6;color: #754c24;text-align:justify;}

.product_asterisk{text-align: left;font-size: 14px;color: #454545;line-height: 1.7;flex: auto;margin-top: 30px;box-sizing: border-box;}

/*application*/
section#application{
    padding-top: 30px;
    padding-bottom: 80px;
    box-sizing: border-box;
}
p.tx1{font-size: 23px;line-height: 1.8;box-sizing: border-box;}
.application_text{
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.step_box{
    background: #fff;
    text-align: center;
    border-radius: 40px;background-color: #fff;
    margin: 80px auto 40px;
    padding: 60px 24px 20px;max-width: 1140px;
    z-index: 0;
    position: relative;
    box-sizing: border-box;
}
.step_box2{
    background: #fff;
    text-align: center;
    border-radius: 40px;background-color: #fff;
    margin: 100px auto 20px;
    padding: 60px;max-width: 1140px;
    box-sizing: border-box;
}
.step_box .rara1{position: absolute;left:8%;top: -40px;z-index: 1;width: 130px;box-sizing: border-box;}
.step_box .kiki1{position: absolute;right:8%;top: -40px;z-index: 1;width: 130px;box-sizing: border-box;}
.step_box .font_ki{width: 100%;max-width: 290px;margin: -80px auto 40px;box-sizing: border-box;}
.step_box2 .font_ki{width: 100%;max-width: 290px;margin: -140px auto 40px;box-sizing: border-box;}

.step_inner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: justify;
    align-items: center;
    box-sizing: border-box;
}
.col30{width: 30%;box-sizing: border-box;}
.col70{width: 70%;padding: 40px 0px 40px 60px;box-sizing: border-box;}
.col70 h3{font-size: 26px;padding-bottom: 16px;box-sizing: border-box;}
p.tx2{font-size: 18px;padding-bottom: 16px;color: #4d4d4d;font-weight: 500;box-sizing: border-box;}
p.tx3{font-size: 14px;color: #4d4d4d;font-weight: 400;box-sizing: border-box;}
p.tx3 span{font-size: 14px;color: #ed1c24;font-weight: 400;box-sizing: border-box;}


.title_box{
    background: #fff;
    text-align: center;
    border-radius: 40px;background-color: #fff;
    margin: 40px auto 40px;
    padding: 0px;max-width: 1140px;
    border: 6px solid #9070af;
    box-sizing: border-box;
}
.title_box h4.title{background-color: #9070af;border-radius: 30px 30px 0px 0px;padding: 24px;color: #fff;font-size: 28px;letter-spacing:2px;box-sizing: border-box;}
.title_box .t_inn{display: flex;flex-wrap: wrap;justify-content: space-between;text-align: justify;align-items: stretch;padding: 40px 60px 40px;box-sizing: border-box;}
.title_box .t_inn .col1{width: 100%;}.title_box .t_inn .col40{width: 40%;}.title_box .t_inn .col60{width: 60%;padding: 16px 0px 24px 48px;box-sizing: border-box;}
.title_box em.sp-hide {font-style: normal;}
/*application*/
#drink{width: 100%;padding-top: 30px;padding-bottom: 80px;box-sizing: border-box;}
.drink_t{max-width: 480px;width: 100%;margin: 0 auto;box-sizing: border-box;}
.drink_t2{max-width: 880px;width: 100%;margin: 0 auto;box-sizing: border-box;}
.drink_t3{max-width: 1400px;width: 100%;margin: 0 auto;padding: 80px 15% 240px;position: relative;box-sizing: border-box;}
.drink_t3 .kiki2{width: 25%;left: 0%; top:40%;position: absolute;z-index: 1;box-sizing: border-box;}
.drink_t3 .rara2{width: 25%;right: 0%; top:20%;position: absolute;z-index: 2;box-sizing: border-box;}
/*notes*/
#notes{
    background: #fff;
    border-radius: 13px;
    width: 100%;
    margin: 10px auto auto auto;
    position: relative;
    text-align: left;
    color: #333333;
    border: 2px solid #1873B5;
    font-weight: 500;
    box-sizing: border-box;
}

#notes .notes_box_title{
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    background: #1873B5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 1em;
    box-sizing: border-box;
}

#notes .notes_inner{
    width: 89.03%;
    margin: 0 auto;
    padding: 30px 0;
    box-sizing: border-box;
}

#notes .notes_inner .t-c{
    font-size: 16px;
    line-height: 1.625;
    box-sizing: border-box;
}

#notes .notes_inner .receipt{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
    box-sizing: border-box;
}

#notes .notes_inner .receipt li:first-child{
    width: 48.31%;
    box-sizing: border-box;
}

#notes .notes_inner .receipt li:last-child{
    width: 46.62%;
    box-sizing: border-box;
}

#notes .notes_inner .receipt li:last-child span{
    width: 89.12%;
    display: block;
    margin-bottom: 18px;
    box-sizing: border-box;
}

#notes .notes_inner .receipt_2,
#notes .notes_inner .receipt_3{
    margin-top: 50px;
    box-sizing: border-box;
}

#notes .notes_inner .receipt_2 .notes_inner_title,
#notes .notes_inner .receipt_3 .notes_inner_title{
    border-bottom: 1px solid #454545;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: 0;
    line-height: 1;
    font-weight: 700;
    box-sizing: border-box;
}

#notes .notes_inner .receipt_2 ul{
    font-size: 16px;
    line-height: 1.75;
    box-sizing: border-box;
}

#notes .notes_inner .receipt_2 .disc::before{
    content: '・';
    box-sizing: border-box;
}

#notes .notes_inner .receipt_2 .disc{
    text-indent: -1em;
    margin-left: 1em;
    box-sizing: border-box;
}

#notes .notes_inner .receipt_2 .asterisk{
    color: #F00000;
    box-sizing: border-box;
}

#notes .notes_inner .receipt_3 ul{
    display: flex;
    justify-content: space-between;
}

#notes .notes_inner .receipt_3 ul li{
    width:  15.6%;
    box-sizing: border-box;
}

/*faq*/
section#faq{
    padding-bottom: 0;
    box-sizing: border-box;
}

#faq p{
    text-align: center;
    font-size: 20px;
    line-height: 1.75;
    box-sizing: border-box;
}

.accordion_header,
.accordion_content{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 30px;
    width: 100%;
    max-width: 430px;
    text-align:center;
    margin: 0 auto;
    box-sizing: border-box;
}

.accordion_header {
    cursor: pointer;
    background-color: #9070af;
    border: 5px solid #bba1cb;
    color: #fff;
    position: relative;
    border-radius: 8px;
    font-size: 22px;
    font-weight: 500;
    text-align:center;
    box-sizing: border-box;
}

.accordion_content {display: none;max-width: 1140px;width: 100%;}

.accordion_content div.kiyaku{
    background-color: #fff;border-radius: 40px;margin-top: 20px;
    height: 480px;
    overflow-y: scroll;
    overflow-x: hidden;
    word-break: break-all;
    box-sizing: border-box;
}


.accordion_header:nth-child(n+1) {
    margin-top: 30px;
}

.accordion_header::before{
    position: absolute;
    content: '▼';
    top: 16px;
    right: 30px;
    width: 20px;
    color:#fff;
    transform: rotate(0deg);
    transition: all .3s ease-in-out;
}

.accordion_header.open::before {
    transform: rotate(180deg);
}

.accordion_header.open::after {
    opacity:0;
}

/*terms*/
section#terms{
    padding-bottom: 50px;
    box-sizing: border-box;
}

.terms_box{
    box-sizing: border-box;
    height: 330px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 25px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    background: #fff;
    word-break: break-all;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.7;
    font-weight: 500;
}

.notes_asterisk::before{
    content: '※';
}

.notes_asterisk{
    text-indent: -1em;
    margin-left: 1em;
}

.notes_asterisk_2::before{
    content: '※';
}

.notes_asterisk_2{
    text-indent: -1.1em;
    margin-left: 2em;
}

.maru::before{
    content: '●'
}

.maru{
    text-indent: -1em;
    margin-left: 1em;
}

.terms_box a{
    text-decoration: underline;
    font-weight: normal;
    color: #109DE1;
    display: inline!important;
}

.notes_disc{
/*    list-style: disc;*/
/*    margin-left: 30px;*/
    text-indent: -1em;
    margin-left: 1em;
}

.notes_disc::before{
    content: '・';
}


/*お問い合わせ*/
section#contact{
    padding: 0;
    font-weight: 500;
    box-sizing: border-box;
}

.contact{
    max-width: 860px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    background: #fff;
    text-align: center;
    border-radius: 40px;
    border: 4px solid #9070af;
    box-sizing: border-box;
}
.contact li:first-child{
    width: 92.28%;
    font-size: 24px;
    background: #9070af;
    color: #fff;
    padding: 16px;
    border-radius: 60px;
    line-height: 1.6;
    margin:0 auto 24px auto;
    font-weight: 500;
    box-sizing: border-box;
}

.contact li:nth-child(2){
    line-height: 1.6;
    font-size: 20px;
    font-weight: 500;
    color: #454545;
    box-sizing: border-box;
}

.contact li:nth-child(3){
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: 0.03em;
    color: #9070af;
    box-sizing: border-box;
}
.contact li:nth-child(3) em{font-size: 26px;font-style: normal;}
.contact li:nth-child(4){
    box-sizing: border-box;
    font-size: 16px;
    margin-bottom: 10px;
}

.contact li.asterisk{
    line-height: 1.5;
    font-size: 14px;
}
.copy{max-width: 370px;width: 100%;padding: 40px 16px;margin: 0 auto;box-sizing: border-box;}

@media screen and (max-width:767px){
    section#about{margin: 40px auto 0px;}
    .top_title{width: 90%;}
    .section_title{margin: 0px auto 40px;width: 90%;}
    .entry_box{
    padding: 70% 30px 42% 30px;
    position: relative;
    background: url(../img/sp/topimg2_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    }
    @media screen and (max-width:600px){.entry_box{padding: 70% 30px 22% 30px;}}
    .pc{display: none!important;}

    .sp{display: inherit;}
    /*entry*/
    section#entry{padding: 0 0 20px 0; margin: 0px auto 0px;}
    section#entry2{padding: 0 0 20px 0; margin: 40px auto 0px;}

    #entry .section_title,#entry2 .section_title{max-width: 264px;margin: auto auto 15px auto;}

    #entry .entry_text,#entry2 .entry_text{font-size: 14px;}
    .btn{display: block;max-width: 400px;margin: 20px auto;}
    .btn li{width: 100%;font-size: 16px;padding-top: 0px;height: 60px;}
    
    .btn li:first-child{margin-bottom: 16px;}

    .btn li:first-child{box-shadow: 0 5px 0 #90040B;}

    .btn li:last-child{box-shadow: 0 5px 0 #003293;}

    .btn li:hover{top: 5px;box-shadow: none;}
    
    .btn li span{font-size: 11px;padding-bottom: 2px;}

    .btn li::after{
        content: '';
        background: url(../img/arrow.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 16px;
        height: 16px;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        position: absolute;
    }

    #entry .asterisk,#entry2 .asterisk{font-size: 12px;line-height: 1.6;}

    /*present*/
    #present{overflow: hidden;}
    .present_box{width: 90%;margin: auto auto 0px auto;}
    .present_box2{width: 100%;margin: 0 auto;padding: 380px 0px 60px 0px;background: url(../img/sp/topimg4_sp.png);background-repeat: no-repeat;background-size: contain;}
    @media screen and (max-width:600px){.present_box2{padding: 300px 0px 60px 0px;}}
    @media screen and (max-width:500px){.present_box2{padding: 240px 0px 60px 0px;}}
    @media screen and (max-width:400px){.present_box2{padding: 220px 0px 60px 0px;}}
    .present_box3{;width: 90%;margin: 0 auto;padding: 0px;}
    .present_box4{width: 90%;margin:-20px auto 0;padding: 0px 20px 20px 20px;background-image: url(../img/rep03.svg),url(../img/rep02.svg);background-repeat: no-repeat,repeat-y;background-position: bottom center,top center;background-size: contain,contain;box-sizing: border-box;}
    
    #product h3{font-size: 15px;line-height: 1.6;padding: 0px;text-align: center;width: 90%;margin: 0 auto;}
    #product h3 em{font-size: 13px;line-height: 1.6;padding: 0px;text-align: center;font-style: normal;}
    
    .product_box{padding: 40px 24px;width: 90%; margin: 0 auto;border: 4px solid #9070af;border-radius: 40px;background-color: #fff;margin-top: 40px;}
    .product_box .prod{width: 90%;display: flex;margin: 0 auto;flex-wrap: wrap;justify-content: space-between;text-align: center;}
    .product_box p{font-size: 13px;}
    
    .step_box{margin: 60px auto 40px;padding: 40px 24px 20px;width: 90%;}
    .step_box2{width: 90%;margin: 100px auto 20px;padding: 40px 24px 20px;}
    .step_box .font_ki{margin: -60px auto 40px;}
    .step_box2 .font_ki{margin: -120px auto 40px;}
    
    .step_inner{
    width: 100%;}
    .col30{width: 100%;}
    .col70{width: 100%;padding: 24px 0px 24px 0px;}
    .col70 h3{font-size: 20px;padding-bottom: 16px;text-align: center;}
    p.tx2{font-size: 13px;padding-bottom: 16px;color: #4d4d4d;font-weight: 500;}
    p.tx3{font-size: 12px;}
    p.tx3 span{font-size: 12px;}
    p.tx1{font-size: 16px;}
    
    .title_box{ width: 90%;margin: 40px auto 40px;padding: 0px;border: 3px solid #9070af;}
    .title_box h4.title{padding: 24px;font-size: 16px;letter-spacing:1px;}
    .title_box .t_inn{display: flex;flex-wrap: wrap;justify-content: space-between;text-align: justify;align-items: stretch;padding: 24px;}
    .title_box .t_inn .col1{width: 100%;}.title_box .t_inn .col40{width: 100%;}.title_box .t_inn .col60{width: 100%;padding: 16px 0px 24px 0px;}
    .title_box em.sp-hide {display: none; font-style: normal;}
    
    .accordion_content{}
    .accordion_header{width: 85%;}
    .accordion_content {display: none;width: 100%;}
    
    .entry_box2{
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 80% 30px 40% 30px;
    background: url(../img/sp/topimg6_sp.png);
    background-repeat: no-repeat;
    background-size: contain;}
    @media screen and (max-width:600px){.entry_box2{padding: 75% 30px 20% 30px;}}
    #drink{width: 100%;padding-top: 0px;padding-bottom: 80px;}
    .drink_t{max-width: 480px;width: 90%;margin: 0 auto;}
    .drink_t2{max-width: 880px;width: 90%;margin: 0 auto;}
    .drink_t3{max-width: 1400px;width: 100%;margin: 0 auto;padding: 40px 0 0px;position: relative;}
    .drink_t3 .kiki2{width: 25%;left: 0%; top:40%;position: absolute;z-index: 1;}
    .drink_t3 .rara2{width: 25%;right: 0%; top:20%;position: absolute;z-index: 2;}
    .haikei3{background-image: url("none");}
    /*お問い合わせ*/
    section#contact{padding: 0;}
    .contact{width: 89.1%;padding: 20px 20px 10px 20px;}

    .contact li:first-child{width: 100%;font-size: 14px;padding: 11px 1em 14px;line-height: 1.6;}

    .contact li:nth-child(2){font-size: 16px;line-height: 1.6;}

    .contact li:nth-child(3){font-size: 23px;}

    .contact li:nth-child(3) em{font-size: 18px;font-style: normal;}
    .contact li:nth-child(4){font-size: 12px;text-align: justify;}

    .contact li.asterisk{font-size: 12px;line-height: 1.75;text-align: left;letter-spacing: 0;
    }
}