@charset "utf-8";
.PC { display: block;}
.SP { display: none;}
#fv{ position: relative; min-height: 800px;}
#fv .fv_img_4{width: 100%; height: 100%;}
#fv .fv_1{height: auto; width: 100%;position: relative; }
#fv .fv_box{width: 100%; height: auto;padding: 66.7% 0 0;}
#fv .fv_box .fv_bg_box{position: absolute; width: 100%; height: 100%; opacity: 0; transition: 0.5s; top: 0px; z-index: 1;}
#fv .fv_box .fv_bg_box.thumb-hover{opacity: 1; transition: 0.5s; z-index: 2;}
#fv .fv_box .fv_bg_box img{width: 100%; height: auto;aspect-ratio: 550 / 367;}
#fv .fv_box .fv_bg_box .s_item{ pointer-events: none;}
#fv .fv_box .fv_bg_box.thumb-hover .s_item{ pointer-events: auto;}
#fv .hover-box{position: absolute; z-index: 10; width: 778px; height: auto; bottom: 41px; transform: translateX(-50%); left: 50%; }
#fv .hover-box .swiper-wrapper{display: flex; align-items: flex-end;}
#fv .hover-box .slicki_box{width: auto;overflow: hidden;border-radius: 20px; transition: 0.5s;}
#fv .hover-box .slicki_box .s_item{background: #fff; width: 156px; height: 196px; display: block; position: relative; padding: 133px 20px 13px; overflow: hidden;border-radius: 20px;z-index: 3;}
#fv .hover-box .slicki_box.slicki_box_1 .s_item{padding: 145px 23px 26px;}
#fv .hover-box .slicki_box .s_item:before{content: ""; width: 440px; height:150px; display: block; border-radius: 440px/150px; background: #3AA743; position: absolute;left: 50%; transform: translate(-50%,100%); bottom: 0px; transition: transform .3s,opacity .3s; opacity: 0;}
#fv .hover-box .slicki_box.thumb-hover{margin: 0 0 26px;transition: 0.5s;}
#fv .hover-box .slicki_box.thumb-hover .s_item:before{transform: translate(-50%,50%); transition: transform .3s,opacity .3s; opacity: 1;}
#fv .hover-box .slicki_box:not(:last-child){margin-right: 51px;}
#fv .hover-box .slicki_box .s_item img{position: absolute; left: 50%; transform: translateX(-50%);z-index: 10;}
#fv .hover-box .slicki_box .s_item img.fv_icn_1{top: 0px; }
#fv .hover-box .slicki_box .s_item img.fv_icn_2{top: 21px;}
#fv .hover-box .slicki_box .s_item img.fv_icn_3{top: 32px;}
#fv .hover-box .slicki_box .s_item img.fv_icn_4{top: 38px;}
#fv .hover-box .slicki_box span{font-family: 'NotoSansJP-Bold'; display: block; line-height: 140%; text-align: center; color: #3AA743;transition: 0.5s; position: relative; z-index: 10;}
#fv .hover-box .slicki_box.thumb-hover span{color: #fff;transition: 0.5s;}


.link_icn{display: block; text-align: center; width: 100%; height: auto; background: #008337; padding: 17px 0; margin: 25px 0 0; min-width: 1100px; z-index: 10; position: relative;}
h3{font-size: 36px; color: #309B2C; text-align: center; font-family: "m-plus-rounded-1c", sans-serif;font-weight: 700;font-style: normal;}

/*--------------------------.bg_box--------------------------*/
.bg_box{position: relative;}

/*--------------------------#concept--------------------------*/
#concept{background: url(../images/cloud_01.png) no-repeat left 205px, url(../images/cloud_02.png) no-repeat right 13px, url(../images/bg_7_pattern.jpg) repeat left top; background-size: 136px, 152px, 25px;  width: 100%; height: auto; position: relative;}
#concept .concept_bg_1{background:url(../images/bg_10.png) no-repeat center top; background-size: cover; padding: 133px 0 58px;}
#concept::before{position: absolute; left: 0px; top: 290px; content: ""; width: 233px; height: 656px; background: url(../images/leaf_1.png); background-size: 233px; z-index: 1;}
#concept::after{position: absolute; right: 0px; bottom: -76px; content: ""; width: 178px; height: 621px; background: url(../images/leaf_2.png); background-size: 178px; z-index: 1;}
#concept .content{position: relative;}
#concept .flex_box{display: flex; justify-content: center; align-items: flex-start; position: relative; z-index: 1;}
#concept .flex_box img.text_logo_1{ margin: 342px 23px 0 42px; }
#concept .flex_box img.text_logo_2{margin: 164px 0 0 23px; }
#concept .content h3{text-align: center; padding: 0 0 18px;}
#concept .content h3 img{display: inline-block;}
#concept .content .box .img{text-align: center; padding: 0 0 31px;}
#concept .content .box .img img{display: inline-block;}
#concept .content .box h4{text-align: center; font-size: 20px; line-height: 160%; font-family: 'NotoSansJP-Bold'; padding: 0 0 33px;}
#concept .content .box h4 span.green{color: #008337;}
#concept .content .box h4 span.yellow_green{color: #4FDB3E;}
#concept .content .box p.text{text-align: center;line-height: 180%; padding: 0 0 33px;letter-spacing: 0.05em; font-feature-settings: "palt";}

#concept .link_box{width: 390px; margin: 0 auto; padding: 20px 0 0;}
#concept .link_box img.leaf{display: inline-block; margin: 0 10px 0 0;}
#concept .link_box .icn_box{display: flex;align-items: center;align-items: center;justify-content: center}
#concept .link_box .icn_box{ display: flex;}
#concept .link_box .icn_box:not(:last-child){padding: 0 0 20px;}
#concept .link_box .icn_box img.icn{margin: 0 0 5px auto;display: block;}
#concept .link_box .icn_box a{display: flex; align-items: flex-end; justify-content: space-between;border-bottom: 1px dashed #309B2C; width: 320px;height: auto;font-family: 'NotoSansJP-Bold'; font-size: 16px; padding: 0 0 5px;}
#concept .link_box .icn_box a:after { content: ""; display: inline-block; width: 23px; height: 23px; background: url(../images/icn_3.png) no-repeat center / 100%;; }
#concept .link_box .icn_box p{text-align: center; }

/*--------------------------#brand--------------------------*/
#brand{ background: #DBE873 ;position: relative;}
#brand::before{position: absolute; left: 0px; top: -48px; content: ""; width: 86px; height: 735px; background: url(../images/leaf_3.png); background-size: 86px;}
#brand::after{position: absolute; right: 0px; bottom: -226px; content: ""; width: 162px; height: 822px; background: url(../images/leaf_4.png); background-size: 162px;}
#brand .brand_bg{ padding: 83px 0 0; position: relative;z-index: 1;}
#brand h3{margin: 0 auto 0 0; padding: 0 0 47px; display: inline-block; position: relative;z-index: 1;}
#brand .menu_box{margin: 0 0 0 auto; width: 287px;height: auto; position: relative;z-index: 1;}
#brand .menu_box h4{border: 3px solid #00BB4C;background: #fff; color: #00BB4C; width: 287px;height: auto; text-align: center; font-size: 14px; line-height: 180%;font-family: 'NotoSansJP-Bold'; padding: 16px 0 10px; border-radius: 5px; margin: 0 0 24px;}
#brand .brand_box{padding: 0 100px; position: relative;}
#brand .brand_box:before{background: url(../images/bg_6.png) no-repeat center center; background-size: 1100px;width: 1100px; height: 1083px; content: ""; display: block; position: absolute; top: -56px; left: -10px;}
#brand .menu_box h4 span{font-size: 20px;}
#brand .menu_box ul li{padding: 0 0 24px;}
#brand .menu_box ul li p{line-height: 160%;letter-spacing: 0.05em; font-feature-settings: "palt"; }
#brand .menu_box ul li p.tt{font-size: 14px; }
#brand .menu_box ul li h5{background: #309B2C; color: #fff;text-align: center;padding: 5px 0; margin: 0 0 5px; border-radius: 2px;}
#brand .menu_box ul li p.price{font-size: 14px; padding: 20px 0 0;letter-spacing: 0.05em;font-feature-settings: "palt"; }
#brand .menu_box ul li p.price span{font-family: 'NotoSansJP-Bold';letter-spacing: 0.05em; font-feature-settings: "palt";  }
#brand .menu_box ul li p.price .bold_tt .big{font-size: 24px;}
#brand .text_box_bg{background:url(../images/bg_11.jpg) no-repeat center bottom ; background-size: cover; padding: 0 0 36px;}
#brand .text_box{display: flex; align-items: flex-end; padding: 50px 100px 0;}
#brand .text_box p{font-family: 'NotoSansJP-Bold';color: #fff; line-height: 160%;letter-spacing: 0.05em; font-feature-settings: "palt"; }
#brand .text_box .sale{ font-size: 15px;}
#brand .text_box .text{ font-size: 14px; width: 287px; margin: 0 0 0 auto;}

/*--------------------------.purchase_box--------------------------*/
.purchase_box.link{padding: 80px 0;}

/*--------------------------movie--------------------------*/

#movie { padding: 100px 0; background: url(../images/bg_10.png) no-repeat center 100px / 100%, url(../images/bg_7_pattern.jpg) repeat left top / 25px;}
#movie h3 { color: #fff; margin-bottom: 45px;}
#movie .movie_wapper { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; margin-bottom: 50px;}
#movie .movie_wapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#movie img.leaf{display: inline-block; margin: 0 10px 0 0;}
#movie .icn_box{display: flex;align-items: center;align-items: center;justify-content: center}
#movie .icn_box img.icn{margin: 0 0 5px auto;display: block;}
#movie .icn_box a{display: flex; align-items: flex-end; justify-content: space-between;border-bottom: 1px dashed #309B2C; width: 320px;height: auto;font-family: 'NotoSansJP-Bold'; font-size: 16px; padding: 0 0 5px;}
#movie .icn_box a:after { content: ""; display: inline-block; width: 23px; height: 23px; background: url(../images/icn_3.png) no-repeat center / 100%;; }


/*--------------------------#make--------------------------*/
#make img.tea_img{width: 1000%; height: auto;}
#make .recipe_box{padding: 80px 0 0;}
#make .recipe_box h3{padding: 0 0 45px;text-shadow: 0px 0px 5px #D8EF00;}
#make .recipe_box .flex{display: flex; width: 900px; margin: 0 auto;}
#make .recipe_box .flex .btn{background: #cde8cf; border-radius: 15px 15px 0 0; display: flex; align-items: center; justify-content: center; width: 290px; height: auto; padding: 5px 0; text-align: center;}
#make .recipe_box .flex .btn img{margin: 0 6px 0 0;}
#make .recipe_box .flex .btn.green{background: url(../images/bg_sp_5.jpg) center top; background-size: 100%;}
#make .recipe_box .flex .btn:not(:last-child){margin: 0 15px 0 0;}
#make .recipe_box .flex .btn h4{font-size: 20px; color: #309B2C;font-family: "m-plus-rounded-1c", sans-serif;font-weight: 700;font-style: normal; }
#make .recipe_box .flex .btn.green h4{color: #fff;}
#make .recipe_box .grren_bg .data_box{display: none; background: url(../images/bg_4.jpg) no-repeat top center; background-size: cover; padding: 0 0 26px; min-height: 437px; height: 100%;}
#make .recipe_box .grren_bg .data_box.appearance{display: block;}
#make .recipe_box .grren_bg .data_box .flex_box{display: flex; width: 758px; margin: 0 auto;padding: 71px 0 45px;}
#make .recipe_box .grren_bg .data_box .flex_box .box{width: 220px; height: auto;position: relative;}
#make .recipe_box .grren_bg .data_box .flex_box .box h5{font-size: 20px; color: #fff;font-family: "m-plus-rounded-1c", sans-serif;font-weight: 700;font-style: normal; margin: 0 0 10px;}
#make .recipe_box .grren_bg .data_box .flex_box .box img{margin: 0 0 10px;}
#make .recipe_box .grren_bg .data_box .flex_box .box p{font-size: 16px; line-height: 140%;font-family: 'NotoSansJP-Bold';color: #fff; }
#make .recipe_box .grren_bg .data_box .flex_box .box:not(:last-child):before{content: ""; display: block; position: absolute; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #CBD221; top: 40%; right: 15px; z-index: 1;}
#make .recipe_box .grren_bg .data_box .flex_box .box:not(:last-child){padding: 0 50px 0 0; width: 270px;}
#make .recipe_box .grren_bg .data_box p.center_tt{text-align: center;color: #fff;font-family: 'NotoSansJP-Bold';  color: #fff; }


/*--------------------------#question--------------------------*/
#question{ background: url(../images/cloud_01.png) no-repeat left 205px, url(../images/cloud_02.png) no-repeat right 13px, url(../images/bg_7_pattern.jpg) repeat left top; background-size: 136px, 152px, 25px; padding: 91px 0 98px;position: relative;}
#question .question_box{}

#question::before{position: absolute; left: 0px; bottom: -246px; content: ""; width: 162px; height: 666px; background: url(../images/leaf_5.png); background-size: 162px;}
#question::after{position: absolute; right: 0px; bottom: -591px; content: ""; width: 202px; height: 621px; background: url(../images/leaf_6.png); background-size: 202px;}

#question .question_box h3{color: #008337;text-shadow: 0px 0px 5px #ffff; padding: 0 0 40px;}
#question .question_box ul{width: 736px; margin: 0 auto; position: relative;z-index: 1;}
#question .question_box ul li{display: flex;align-items: flex-start;}
#question .question_box ul li:not(:last-child){margin: 0 0 20px;}
#question .question_box ul li img{margin: 15px 20px 0 0 ;}
#question .question_box ul li .box_btn{background: #fff; border-radius: 15px; padding: 30px 40px 30px 32px; width: 100%;}
#question .question_box ul li .box_btn .query_q{ font-size: 20px; }
#question .question_box ul li .box_btn .text{ font-family: "m-plus-rounded-1c", sans-serif;font-weight: 700;font-style: normal;}


#question .question_box ul li .box_btn .query{color: #309B2C; display: flex;width: calc(100% - 25px); padding: 0 0 5px;color: #309B2C; width: 100%; display: flex;align-items: center; line-height: 100%;background: url(../images/bg_8.png) repeat center bottom; background-size: 28px;position: relative;}
#question .question_box ul li .box_btn .query_q{font-family: "m-plus-rounded-1c", sans-serif;font-weight: 700;font-style: normal;color: #309B2C; font-size: 20px; display: inline-block; padding: 0px 10px 0 0;}
#question .question_box ul li .box_btn .query .sub{display: inline-block; margin: 0 0 0 auto;font-family: "m-plus-rounded-1c", sans-serif;font-weight: 700;font-style: normal;position: absolute; right: 0px;}

#question .question_box ul li .box_btn .flex{display: flex;align-items: baseline;}
#question .question_box ul li .box_btn.active query{background: none; }

#question .question_box ul li .box_btn .query .close { display: none;}
#question .question_box ul li .box_btn .query .check { display: block;}

#question .question_box ul li .box_btn .accordion{display: none;padding: 20px 0 0;}
#question .question_box ul li .box_btn .answer{color: #000;line-height: 180%; letter-spacing: 0em; font-feature-settings: "palt"; background: url(../images/bg_8.png) repeat center bottom; background-size: 28px; font-family: "m-plus-rounded-1c", sans-serif;font-weight: 700;font-style: normal;}


@media only screen and (max-width: 768px){
	.PC { display: none;}
	.SP { display: block;}


	#fv{ position: relative; width: auto;padding: 0; min-height: auto;}
	#fv .fv_bg_sp_2{position: absolute; bottom: 0px; left: 0px; width: 100%; height:100%;z-index: 1;}
	
	
	#fv .fv_box{width: 100%; height: auto;padding: 75% 0;}
	#fv .fv_box .fv_bg_box img{width: 100%; height: auto;aspect-ratio: 360 / 521;}
	#fv .hover-box{width: 100%; height: auto; bottom: 6%; margin: 0 auto; overflow: hidden; padding-left: 30px;}
	#fv .hover-box .slicki_box{width: 116px; padding:0;}
	#fv .hover-box .button-next,
	#fv .hover-box .button-prev{border: 1px solid #000; border-radius: 100%; width: 40px; height: 40px; background: #fff; z-index: 9999 !important; cursor: pointer; pointer-events: auto !important; position: absolute;transform: translateY(-50%); top: 50%;}
	
	#fv .hover-box .button-next::before,
	#fv .hover-box .button-prev::before{content: ""; position: absolute; top: 50%; width: 12px; height: 12px; border-bottom: 2px solid #000; border-right: 2px solid #000; opacity: 1;}
	
	#fv .hover-box .button-prev::before{ transform: translate(-50%,-50%) rotateZ(135deg); left: 60%;}
	#fv .hover-box .button-next::before{ transform: translate(-50%,-50%) rotateZ(-45deg); left: 40%;}
	#fv .hover-box .button-prev{ left: 2%;}
	#fv .hover-box .button-next{ right: 2%;}
/* 	#fv .hover-box .slicki_box{margin: 0 !important;} */
/* 	#fv .hover-box .slicki_box.thumb-hover{margin: 0 0 16px !important;} */

	#fv .hover-box .slicki_box .s_item{ width: 100px; height: 128px; padding:85px 5px 6px; }
	#fv .hover-box .slicki_box .s_item::before {  width: 220px;  height: 110px;  border-radius:220px/110px;}
	#fv .hover-box .slicki_box.slicki_box_1 .s_item{padding: 92px 5px 5px;}
/* 	#fv .hover-box .slicki_box:not(:last-child){padding:0 9px;} */
	
	#fv .hover-box .slicki_box .s_item img.fv_icn_1{top: 0px; width: 88%; height: auto; }
	#fv .hover-box .slicki_box .s_item img.fv_icn_2{top: 18px; width: 70%; height: auto;}
	#fv .hover-box .slicki_box .s_item img.fv_icn_3{top: 18px; width: 40%; height: auto;}
	#fv .hover-box .slicki_box .s_item img.fv_icn_4{top: 25px; width: 70%; height: auto;}
	#fv .hover-box .slicki_box span{font-size: 12px;}
	.link_icn{padding: 17px 0; margin: 0 0 0;min-width: auto;}
	h3{font-size: 22px; }
	
	/*--------------------------.bg_box--------------------------*/https://hbv1003oysgx.smartrelease.jp/
	.bg_box{position: relative;}
	
	
	/*--------------------------#concept--------------------------*/
	#concept{background: url(../images/cloud_01.png) no-repeat left 105px, url(../images/cloud_02.png) no-repeat right 10px, url(../images/bg_7_pattern.jpg) repeat left top; background-size: 80px, 89px, 25px;}
	#concept .concept_bg_1{ padding: 67px 0 50px; background: url(../images/bg_10.png) no-repeat center bottom; background-size: cover;}
	#concept::before{ top: 25%; width: 28%; height: auto; background: url(../images/leaf_1.png) no-repeat center bottom; background-size: cover; padding: 80% 0 0;}
	#concept::after{ bottom: -5%; width: 23%; height: auto; background: url(../images/leaf_2.png) no-repeat top; background-size: 100%; padding: 80% 0 0;;}
	#concept .content h3{padding: 0 0 18px; width: 60%; height: auto; margin: 0 auto; }
	#concept .content .box .img{padding: 0 0 20px; width: 100%; height: auto;}
	#concept .content .box h4{ font-size: 14px;  padding: 0 0 15px;}
	#concept .content .box p.text{padding: 0 0 15px; font-size: 13px;}
	#concept .flex_box img.text_logo_1{ margin: 50% 5% 0 0%; width: 8%; height: auto;}
	#concept .flex_box img.text_logo_2{margin: 40% 0% 0 4%; width: 11%; height: auto; }
	
	#concept .link_box{width: 280px; margin: 0 auto; padding: 20px 0 0; position: relative;z-index: 1;}
	#concept .link_box img.leaf{display: inline-block; margin: 0 10px 0 0; width: 20px;}
	#concept .link_box .icn_box { justify-content: center;}
	#concept .link_box .icn_box:nth-child(1){padding: 0 0 10px;}
	#concept .link_box .icn_box img.icn{margin: 0 0 5px auto;width: 16px; height: auto;}
	#concept .link_box .icn_box a{width: 80%;line-height: 160%;font-size: 13px;align-items: center; padding: 0px;}
	#concept .link_box .icn_box a:after { width: 18px; height: 18px; }

	
	/*--------------------------#brand--------------------------*/
	#brand{  position: relative;}
	#brand::before{ top: -3%; width: 18%; height: auto; background: url(../images/leaf_3.png) no-repeat top; background-size: 100%; padding: 80% 0 0;}
	#brand::after{ bottom: -11%; width: 20%; height: auto; background: url(../images/leaf_4.png) no-repeat top; background-size: 100%; padding: 100% 0 2%;}
	#brand .bg_sp_6{ padding: 40px 0;text-align: center;}
	#brand .bg_sp_6 img{width: 80%; height: auto; margin: 0 auto; display: block;}
	#brand .bg_sp_6 .sale{padding: 20px 0 0; line-height: 160%;letter-spacing: 0.05em; font-feature-settings: "palt"; color: #000;}
	#brand .brand_bg{background: none; padding: 41px 0 0; }
	#brand h3{padding: 0 0 23px; width: 60%; height: auto; margin: 0 auto;}
	#brand .menu_box{margin: 0 0 0 auto; width: auto;height: auto;}
	#brand .brand_box:before{display: none
		; background-size: 1100px;width: 0px; height: 0px; top: 0px; left: 0px;}
	#brand .menu_box h4{ width: auto;height: auto; font-size: 11px; padding: 10px 0 5px; margin: 0 0 12px;}
	#brand .brand_box{padding: 0;}
	#brand .menu_box h4 span{font-size: 17px;}
	#brand .menu_box ul li{padding: 0 0 22px;}
	#brand .menu_box ul li p.tt{font-size: 11px; }
	#brand .menu_box ul li h5{padding: 5px 0; margin: 0 0 5px; font-size: 13px;}
	#brand .menu_box ul li p.price{font-size: 11px; padding: 20px 0 0;}
	#brand .menu_box ul li p.price .bold_tt .big{font-size: 18px;}
	#brand .text_box{ flex-direction: column; padding:20% 0 40px;}
	#brand .text_box .sale{ font-size: 12px; margin: 0 0 20px;}
	#brand .text_box .text{ font-size: 11px; width: auto; }
	
	/*--------------------------.purchase_box--------------------------*/
	.purchase_box.link{padding: 40px 0; width: 90%; margin: 0 auto;}
	
	
	/*--------------------------movie--------------------------*/

	#movie { padding: 50px 0;background: url(../images/bg_10.png) no-repeat center 100px / 100%, url(../images/bg_7_pattern.jpg) repeat left top / 25px;}
	#movie img.leaf{display: inline-block; margin: 0 10px 0 0; width: 20px;}
	#movie { justify-content: center;}
	#movie .icn_box img.icn{margin: 0 0 5px auto;width: 16px; height: auto;}
	#movie .icn_box a{width: 80%;line-height: 160%;font-size: 13px;align-items: center; padding: 0px;}
	#movie .icn_box a:after { width: 18px; height: 18px; }

	/*--------------------------#make--------------------------*/
	#make img.tea_img{width: 100%; height: auto;}
	#make .recipe_box{padding: 40px 0 0;}
	#make .recipe_box h3{padding: 0 0 22px;}
	#make .recipe_box .flex{display: flex; justify-content: center; width: auto; margin: 0 auto;}
	#make .recipe_box .flex .btn{width: 30%; height: auto; padding: 5px 0; flex-direction: column}
	#make .recipe_box .flex .btn img{margin: 0 0 3px; width: 20px; height: auto;}
	#make .recipe_box .flex .btn:not(:last-child){margin: 0 10px 0 0;}
	#make .recipe_box .flex .btn h4{font-size: 12px; }
	#make .recipe_box .grren_bg .data_box{display: none; background: url(../images/bg_4.jpg) repeat-y top center; background-size: 100%; padding: 0 0 50px;    min-height: auto;}
	#make .recipe_box .grren_bg .data_box.appearance{display: block;}
	#make .recipe_box .grren_bg .data_box .flex_box{display: flex; flex-direction: column; width: 90%; margin: 0 auto;padding: 35px 0 22px;}
	#make .recipe_box .grren_bg .data_box .flex_box .box{width: auto; height: auto;position: relative;}
	#make .recipe_box .grren_bg .data_box .flex_box .box h5{font-size: 20px; margin: 0 0 10px;}
	#make .recipe_box .grren_bg .data_box .flex_box .box img{margin: 0 0 10px; width: 100%; height: auto;}
	#make .recipe_box .grren_bg .data_box .flex_box .box p{font-size: 13px; }
	#make .recipe_box .grren_bg .data_box .flex_box .box:not(:last-child):before{ border-left: 15px solid transparent; border-right: 15px solid transparent;  border-top: 15px solid #CBD221; border-bottom: none; top: auto; bottom: 10px; right: 50%; z-index: 1; transform: translateX(50%);}
	#make .recipe_box .grren_bg .data_box p.center_tt {font-size: 13px;}
	#make .recipe_box .grren_bg .data_box .flex_box .box:not(:last-child){padding: 0 0 40px; width: auto;}
	
	
	/*--------------------------#question--------------------------*/
	#question{background: url(../images/cloud_01.png) no-repeat left 225px, url(../images/cloud_02.png) no-repeat right 10px, url(../images/bg_7_pattern.jpg) repeat left top; background-size: 80px, 89px, 25px; padding: 50px 0;}
	
	
	#question::before{ bottom: -190px; width: 24%; height: auto; background: url(../images/leaf_5.png) no-repeat top; background-size: 100%; padding: 99% 0 0;}
	#question::after{ bottom: -300px; width: 34%; height: auto; background: url(../images/leaf_6.png) no-repeat top; background-size: 100%; padding: 100% 0 10%;}
	
	#question .question_box h3{ padding: 0 0 20px;}
	#question .question_box ul{width: auto; margin: 0 auto;}
	#question .question_box ul li{display: flex;align-items: flex-start;}
	#question .question_box ul li:not(:last-child){margin: 0 0 20px;}
	#question .question_box ul li img{margin: 7px 10px 0 0; width: 15%; height: auto;}
	#question .question_box ul li .box_btn{padding: 15px 20px 15px 16px; }
	#question .question_box ul li .box_btn .query_q{ font-size:16px; }
	
	
	#question .question_box ul li .box_btn .query{ padding: 0; background: url(../images/bg_8.png) repeat center bottom; background-size: 23px; line-height: 180%; font-size: 13px;align-items: flex-start;}
	#question .question_box ul li .box_btn .query_q{font-size: 15px; padding: 4px 5px 0 0;}
	#question .question_box ul li .box_btn .query .sub{ margin: 5px 0 0 auto;  width: 50px; height: auto;}
	
	#question .question_box ul li .box_btn .accordion{padding: 10px 0 0;}
	#question .question_box ul li .box_btn .answer{ background: url(../images/bg_8.png) repeat center bottom; background-size: 23px;font-size: 13px; width: 93%;}

	
}