@charset "utf-8";

.mv_line{position:absolute;top:38.5%;width:100%;height:2px;background-color:rgba(0,76,56,0.3); z-index: 1;}
#brand #section1_brand {padding-top: 12rem;position:relative;padding-bottom: 0;}
#brand #section1_brand .cont{background: url('/images/menu/sec1_bg.jpg') no-repeat center / cover; padding: 42.5rem 0;position: relative; border-radius: 10rem;}
.rule{font-size: 7rem; color: var(--color-green); margin-left: -49rem;top: 13rem;}
.pride_food{transform: translateX(-50%);top: 25rem;z-index: 2;width: 100%; text-align: center;}
.cool_lists{top: 9rem;margin-left: -580px;width: 995px;height: 74rem;z-index: 2;}
.cool_list{position: absolute;width: 320px;height: 320px;border-radius: 50%;border: 2px solid var(--color-green);box-sizing: border-box;cursor: pointer;overflow: hidden;}
.cool_list:nth-child(1){bottom: 12rem;left: 5rem;background-image: url('/images/menu/sec1_01.jpg')}
.cool_list:nth-child(2){top: 0;right: 0;background-image: url('/images/menu/sec1_02.jpg')}
.cool_list:nth-child(3){bottom: 0;right: 0;background-image: url('/images/menu/sec1_03.jpg')}
.cool_twrap{opacity: 1;width: 100%;height: 100%;border-radius: 50%;background-color: #f6f1e0;box-sizing: border-box;transition: all 0.5s}

.cool_list .list_title{background-color: var(--color-green);}
.cool_list .list_title{font-size: 3rem;line-height: 1.2;height: 50%;
    width: 100%;padding-top: 3.5rem;display: flex;
    flex-direction: column;
    justify-content: center;}
.cool_list .list_title em{font-weight: 700}
.cool_list .list_text{margin-top: 3rem;}
.cool_list .line{position: relative;display: inline-block;color: #fff;}
.text_flow{position: relative;top: 1rem;}
.text_flow .swiper-slide{width: auto;}

@keyframes width { 
	0% { width: 0; } 
	100% { width: 100%;} 
}
@media (hover: hover){
	.cool_list:hover .cool_twrap{opacity: 0;}
}

@media all and (max-width:1280px) {	
}
@media all and (max-width:1080px) {
	.mv_line{display: none;}
	.menu_slide {margin-top: 5rem;}
	.menu_slide .cool_list{position: relative;width: 74.6666vw; height:74.6666vw;}
	.menu_slide .cool_lists{position: relative;width: 100%;margin-left: 0; top: 0; left: 0;}
	.menu_slide .cool_list:nth-child(1){bottom: 0; left: 0;}
	.menu_slide .swiper-slide{width: 74.6666vw !important;margin: 0 2.6666vw;}
	.rule{position: relative; font-size: 5rem;left:0; top: 0;margin-left: 0;margin-bottom: 3rem; text-align: center;}
	.cool_lists{ height:auto;}
	.cool_list .list_text{font-size: 4vw;}
	.pride_food img{width: 80%;}
	.text_flow {top: -5rem;}
	#brand #section1_brand {padding-top:9rem;}
	#brand #section1_brand .cont{padding: 10rem 0; display: flex; flex-direction: column;
	justify-content: space-evenly;border-radius: 5rem;margin: 0 3%;}
	.pride_food{position: relative; transform: none; text-align: center; top: 0; left: 0;}
	.text_flow .swiper-slide img{height: 8rem;}

}