@charset "UTF-8";

.contents_kitchen .area_title h1{max-width: 780px;margin: 0 auto 30px;}
.contents_kitchen .area_title figure{margin-top: 50px;text-align: center;}

.area_store_data .wrapper{padding-top: 20px;padding-right: 20px;padding-left: 20px;padding-bottom: 47px;}
.area_store_data .wrapper dl{display: flex;align-items: center;margin-bottom: 23px;border-top: 1.5px solid #DD7C1B;border-bottom: 1.5px solid #DD7C1B;font-size: 0.875rem;}
.area_store_data .wrapper dl dt{font-weight: bold;color: #DD7C1B;padding: 7px 10px;width:95px;}
.area_store_data .wrapper dl dd{padding-left: 20px;width: calc(100% - 95px);}
.area_store_data .wrapper .area_map{position: relative;padding-top: 75%;width: 100%;height: 0;overflow: hidden;}
.area_store_data .wrapper .area_map iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.area_about{position: relative;background: url(../img/bg_about.png) no-repeat left top;-webkit-background-size:100% auto;background-size:100% auto;}
.area_about .wrapper{padding-right: 13px;padding-left: 13px;padding-bottom: 105px;}
.area_about h2{max-width:780px;margin:0 auto  60px;text-align:center;}
.area_about h2 img{width:65%;animation: fuwafuwa 3s ease-in-out infinite;}

.area_about .wrapper .list li{position: relative;}
.area_about .wrapper .list li .box{position: relative;background: #DD7C1B;-webkit-border-radius: 10px;border-radius: 10px;padding: 10px 40px 15px;}
.area_about .wrapper .list li h3{text-align:center;}

.area_about .wrapper .list li:nth-of-type(1){padding-bottom: 124px;}
.area_about .wrapper .list li:nth-of-type(2){padding-bottom: 114px;}

.area_about .wrapper .list li:nth-of-type(1)::after,
.area_about .wrapper .list li:nth-of-type(1) .box::before,
.area_about .wrapper .list li:nth-of-type(1) .box::after,
.area_about .wrapper .list li:nth-of-type(2) .box::before,
.area_about .wrapper .list li:nth-of-type(2) .box::after,
.area_about .wrapper .list li:nth-of-type(3) .box::before,
.area_about .wrapper .list li:nth-of-type(3) .box::after,
.area_about .wrapper .list li:nth-of-type(3)::after{content: "";display: block;background: none no-repeat 50% 0%;background-size: contain;position: absolute;animation: fuwafuwa 3s ease-in-out infinite;}

.area_about .wrapper .list li:nth-of-type(1)::after{width: 49px;height: 49px;background-image: url(../img/parts_03.png);left: 2px;bottom: 40px;animation-delay:0.5s;}
.area_about .wrapper .list li:nth-of-type(1) .box::before{width: 45px;height: 44px;background-image: url(../img/parts_01.png);right: 18px;top: 14px;animation-delay:1s;}
.area_about .wrapper .list li:nth-of-type(1) .box::after{width: 45px;height: 48px;background-image: url(../img/parts_02.png);right: 2px;bottom: -25px;animation-delay:1.5s;}
.area_about .wrapper .list li:nth-of-type(2) .box::before{width: 40px;height: 51px;background-image: url(../img/parts_04.png);right: 22px;top: -27px;animation-delay:2s;}
.area_about .wrapper .list li:nth-of-type(2) .box::after{width: 52px;height: 53px;background-image: url(../img/parts_05.png);left: -13px;bottom: -8px;animation-delay:2.5s;}
.area_about .wrapper .list li:nth-of-type(3) .box::before{width: 59px;height: 51px;background-image: url(../img/parts_06.png);left: 1px;top: -22px;}
.area_about .wrapper .list li:nth-of-type(3) .box::after{width: 34px;height: 55px;background-image: url(../img/parts_07.png);right: 3px;bottom: -27px;animation-delay:0.5s;}
.area_about .wrapper .list li:nth-of-type(3)::after{width: 51px;height: 55px;background-image: url(../img/parts_08.png);left: -0px;bottom: -32px;animation-delay:1s;}

.area_about .wrapper .list li:nth-of-type(1) h3{margin: 4px auto 18px;}
.area_about .wrapper .list li:nth-of-type(2) h3{margin: 20px auto 32px;}
.area_about .wrapper .list li:nth-of-type(3) h3{margin: 8px auto 18px;}

.area_about .wrapper .list li:nth-of-type(1) h3 img{height: 45px;}
.area_about .wrapper .list li:nth-of-type(2) h3 img{height: 18px;}
.area_about .wrapper .list li:nth-of-type(3) h3 img{height: 44px;}

.area_about .wrapper .list li .box figure img{-webkit-border-radius: 10px;border-radius: 10px;}
.area_about .wrapper .list li p.text{background: #FFF;border: 2px solid #DD7C1B;-webkit-border-radius: 10px;border-radius: 10px;position: absolute;
min-width: 253px;max-width: 506px;width: 75%;font-size: 0.9375rem;left: 50%;transform: translateX(-50%);padding: 10px 15px;margin-top: -25px;}

.area_about .wrapper .list li figure{display:block;text-align:center;}

.area_kitchen{padding-top: 8%;position: relative;background: #F8E68C;}
.area_kitchen::before{content: "";width: 100%;height: 0;background: url(../img/bg_kitchen.svg) no-repeat;background-size: cover;background-position: top;position: absolute;left: 0;right: 0;top: 0;padding-top: 8%;}
.area_kitchen .wrapper{padding-top: 35px;padding-bottom: 75px;}
.area_kitchen .wrapper .list{position: relative;padding-right: 11px;padding-left: 11px;display: grid;gap: 58px 0;}
.area_kitchen h2{background: url(../img/title_kitchen.png) no-repeat center top;background-size: contain;position: relative;text-indent:100%;white-space:nowrap;overflow:hidden;margin: 0 auto 40px;max-width: 360px;height: 60px;
animation: fuwafuwa 3s ease-in-out infinite 2.5s;}
.area_kitchen .wrapper .list li{position: relative;}

.area_kitchen .wrapper .list li::before{content: "";display: block;width: 3px;height: calc(100% + 20px);position: absolute;left: -12px;top: -20px;}
.area_kitchen .wrapper .list li:nth-of-type(1)::before{background: #D8A619;}
.area_kitchen .wrapper .list li:nth-of-type(2)::before{background: #DD7C1B;}
.area_kitchen .wrapper .list li:nth-of-type(3)::before{background: #C15833;}

.area_kitchen .wrapper .list li::after{content: "";display: block;width: 32px;height: 3px;position: absolute;left: -12px;top: -20px;}
.area_kitchen .wrapper .list li:nth-of-type(1)::after{background: #D8A619;}
.area_kitchen .wrapper .list li:nth-of-type(2)::after{background: #DD7C1B;}
.area_kitchen .wrapper .list li:nth-of-type(3)::after{background: #C15833;}

.area_kitchen .wrapper .list li .box::before{content: "";display: block;width: 14px;height: 14px;-webkit-border-radius: 100vh;border-radius: 100vh;position: absolute;left: 18px;top: -26px;}
.area_kitchen .wrapper .list li:nth-of-type(1) .box::before{background: #D8A619;}
.area_kitchen .wrapper .list li:nth-of-type(2) .box::before{background: #DD7C1B;}
.area_kitchen .wrapper .list li:nth-of-type(3) .box::before{background: #C15833;}


.area_kitchen .wrapper .list li .box{background: #FFF;-webkit-border-radius: 10px;border-radius: 10px;border: 3.5px solid;padding: 10px;}
.area_kitchen .wrapper .list li .box figure{margin-bottom: 18px;display:block;text-align:center;}
.area_kitchen .wrapper .list li .box figure img{-webkit-border-radius: 10px;border-radius: 10px;}
.area_kitchen .wrapper .list li:nth-of-type(1) .box{border-color: #D8A619;}
.area_kitchen .wrapper .list li:nth-of-type(2) .box{border-color: #DD7C1B;}
.area_kitchen .wrapper .list li:nth-of-type(3) .box{border-color: #C15833;}
.area_kitchen .wrapper .list li h3{margin-bottom: 15px;text-align:center;}
.area_kitchen .wrapper .list li h3 img{height: 18px;}

.area_kitchen .wrapper .list li p.text{padding: 0 15px;}

.area_voice{background: #F8E68C;}
.area_voice .wrapper{padding-bottom: 70px;}
.area_voice h2{margin: 0 auto 20px;text-align:center;}
.area_voice h2 img{height:27px;}
.area_voice .list li .box{display: flex;gap: 0 20px;}
.area_voice .list li .box figure{max-width: 274px;min-width: 137px;width: 50%;}
.area_voice .list li .box figure img{-webkit-border-radius: 10px;border-radius: 10px;}
.area_voice .list li .box h3{font-weight: bold;font-size: 1rem;letter-spacing: 0.15rem;margin-bottom: 5px;}
.area_voice .list li .box h3 span{display: block;font-size: 0.9375rem;}
.area_voice .list li .box .text{font-size: 0.9375rem;}

.come_btn.recruit{margin-top: 65px;}

@media screen and (min-width:768px) {
	.contents_kitchen .area_title figure{max-width: 800px;margin: 50px auto 0;}
	.area_store_data .wrapper dl dt{padding:20px 10px;}
	.area_about .wrapper .list li img,
	.area_kitchen .wrapper .list li .box figure img{max-width:85%;}
	
	.area_about .wrapper .list li:nth-of-type(1) h3 img{height: 60px;}
	.area_about .wrapper .list li:nth-of-type(2) h3 img{height: 28px;}
	.area_about .wrapper .list li:nth-of-type(3) h3 img{height: 58px;}

	.area_kitchen .wrapper .list li h3 img{height:22px;}
	
	.area_about .wrapper .list li:nth-of-type(1)::after {width: 74px;height: 74px;background-image: url(../img/parts_03.png);left: 3px;bottom: 80px;}
	.area_about .wrapper .list li:nth-of-type(1) .box::before {width: 68px;height: 66px;background-image: url(../img/parts_01.png);right: 27px;top: 21px;}
	.area_about .wrapper .list li:nth-of-type(1) .box::after {width: 68px;height: 72px;background-image: url(../img/parts_02.png);right: 3pxbottom: -38px;}
	.area_about .wrapper .list li:nth-of-type(2) .box::before {width: 60px;height: 77px;background-image: url(../img/parts_04.png);right: 33px;top: -41px;}
	.area_about .wrapper .list li:nth-of-type(2) .box::after {width: 78px;height: 80px;background-image: url(../img/parts_05.png);left: -20px;bottom: -12px;}
	.area_about .wrapper .list li:nth-of-type(3) .box::before {width: 89px;height: 77px;background-image: url(../img/parts_06.png);left: 2px;top: -33px;}
	.area_about .wrapper .list li:nth-of-type(3) .box::after {width: 51px;height: 83px;background-image: url(../img/parts_07.png);right: 5px;bottom: -41px;}
	.area_about .wrapper .list li:nth-of-type(3)::after {width: 77px;height: 83px;background-image: url(../img/parts_08.png);left: 0px;bottom: -48px;}
	
	.area_voice h2{margin-bottom:30px;}
	.area_voice h2 img{height:32px;}
	
	.area_about .wrapper .list li:nth-of-type(1){padding-bottom: 138px;}
	.area_about .wrapper .list li:nth-of-type(2){padding-bottom: 171px;}

}

@media screen and (max-width:767px) {
    
}

@media screen and (max-width:480px) {

}

@keyframes fuwafuwa {
  0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}