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

common

-----------------*/
h2 { position: relative; font-size: 4em; line-height:5.5rem; font-weight: 700; letter-spacing: initial; text-align: center; margin-bottom: 100px; }

.contact_area { position: relative; overflow: hidden; }
.contact_area .inner { max-width: 1200px; width: 90%; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.contact_area::before { content: ""; width: 100%; height: 410px; /*background: url(../images/contact_bg.jpg) center / 100% auto;*/ display: block; background-attachment: fixed; background-size: cover; }
.contact_area .btn_wrap { display: flex; justify-content: space-between; margin-top: 50px; }
.contact_area p.ttl { font-size: 4em; line-height: 4.5rem; }
.contact_area p { text-align: center; font-size: 2.2em; margin-bottom: 20px; }
.contact_area p:not(.ttl)::before { content: ''; display: inline-block; background: url("../images/bg_line.png") no-repeat; background-size: contain; width: 16px; height: 16px; margin-right: 10px; }
.contact_area p:not(.ttl)::after { content: ''; display: inline-block; background: url("../images/bg_line.png") no-repeat; background-size: contain; width: 16px; height: 16px; margin-left: 10px; transform: scale(-1, 1); }
.contact_area .btn_wrap > div { display: flex; /*justify-content: space-between;*/ flex-direction: column; }
.contact_area .btn_wrap .tel_btn a.btn { font-size: 2.3em; }

/*right*/
.contact_leaf img.c_l01 { position: absolute; right: -50px; top: 50px; max-width: 190px; width: 100%; }
.contact_leaf img.c_l02 { position: absolute; right: -10px; top: 200px; max-width: 100px; width: 100%; }
.contact_leaf img.c_l03 { position: absolute; right: 100px; bottom: 100px; max-width: 160px; width: 100%; }
.contact_leaf img.c_l04 { position: absolute; right: 300px; bottom: 50px; max-width: 62px; width: 100%; }

/*left*/
.contact_leaf img.c_l05 { position: absolute; left: 160px; bottom: 160px; max-width: 125px; width: 100%; }
.contact_leaf img.c_l06 { position: absolute; left: 180px; bottom: 110px; max-width: 60px; width: 100%; }
.contact_leaf img.c_l07 { position: absolute; left: -50px; bottom:30px; max-width: 180px; width: 100%; }

/*見出し葉っぱ*/
.h_wrap.h_leaf h2::before { content: ''; display: inline-block; background: url("../images/icon_leaf02.png") no-repeat; background-size: contain; width: 44px; height: 41px; margin-right: 10px; vertical-align: sub; }
.h_wrap.h_leaf h2::after { content: ''; display: inline-block; background: url("../images/icon_leaf02.png") no-repeat; background-size: contain; width: 44px; height: 41px; margin-right: 10px; transform: scale(-1, 1); vertical-align: sub; }

/*----------------

main

-----------------*/
#Kv .wrapper { position: relative;padding: 0 5vw; top: 150px; padding-bottom: 150px; margin: 0 auto; }
#Kv .sub { position: absolute; bottom: 220px; max-width: 550px; width: 100%; box-shadow: 0 30px 60px -50px #ffac5b; }
#Kv .sub img { border-radius: 30px; }
#Kv .copy { position: absolute; top: 50px; left: 3%; display: flex; flex-direction: row-reverse; align-items: flex-start; }
#Kv img.copy01 { max-width: 78px; margin-left: 20px; }
#Kv img.copy02 { max-width: 98px; }

#Kv .copy_teaser { position: absolute; top: 50px; left: 3%; }
#Kv .teaser_kv img { border-radius: 30px; }
#Kv img.copy_matome { max-width: 200px; width: 100%; }

/*
#Kv .wrapper .bnr{position: absolute; bottom: 150px; right: 3%;}
#Kv .wrapper .bnr img{width: min(500px,50vw);}
@media screen and (max-width: 768px){
	#Kv .wrapper .bnr{bottom: 100px;}
}
@media screen and (max-width: 414px){
	#Kv .wrapper .bnr{bottom: 70px;}
}
*/


/*スライド*/
.slider { position: relative; box-shadow: 0 30px 60px -50px #b8d200; }
.slider_wrap .slick-slide { overflow: hidden; }
.slider_wrap .slick-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; }
.dots .slick-dots { text-align: center; }
.dots .slick-dots li { display: inline-block; }
.dots .slick-dots button { display: block; width: 10px; height: 10px; margin: 6px; font-size: 0; padding: 0; border: 0; outline: none; cursor: pointer; background: #bcbcbc; border-radius: 50%; }
.dots .slick-dots .slick-active button { background: #61A032; }

/*スライド cssのみ https://1-notes.com/css-replace-images-automatically-animation/*/
.slide_css { position: relative; box-shadow: 0 30px 60px -50px #b8d200; width: 100%; height: 620px; overflow: hidden; border-radius: 30px; display: flex; justify-content: center; align-items: center; }
.slide_css img { position: absolute; width: 100%; height: auto; opacity: 0; animation :slideshow 30s ease infinite; scale: 1.2; }
.slide_css img:nth-of-type(1){ animation-delay: 0s; }
.slide_css img:nth-child(2){ animation-delay: 6s; }
.slide_css img:nth-child(3){ animation-delay: 12s; }
.slide_css img:nth-child(4){ animation-delay: 18s; }
.slide_css img:last-child{ animation-delay: 24s; }

@keyframes slideshow {
	0%{ opacity: 0;}
	15%{ opacity: 1;}
	25%{ opacity: 1;}
	30%{ opacity: 0;}
	100%{ opacity: 0;}
}

/**/
.video_frame_wrap{ width:min(720px,90%); margin:100px auto 0; }
.video_frame{ width:100%; position: relative;overflow: hidden;padding-bottom: 56.25%; }
.video_frame iframe{ position:absolute;top:0;left:0;width:100%;height:100%;border:none; }

.video_frame_wrap.flex{
	width: 90%;
	gap: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.video_frame_wrap.flex > *{
	width:720px;
	max-width: 100%;
}
.video_frame_wrap .bnr{width: 1000px; display: flex; justify-content: center;}
.video_frame_wrap .bnr img{width:100%;}

#Open { max-width: 1000px; width: 50%; margin:0 auto; }

#Charm { margin-bottom: 100px; margin-top: 80px; }
#Charm h2 img { max-width: 85px; width: 100%; }
#Charm h3 { font-size: 3em; line-height: 3.5rem; margin-bottom: 20px; text-align: center; }
#Charm .charm_wrap { display: flex; justify-content: space-between; }
#Charm .item::before { content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#Charm .item:first-child::before { background: url("../images/point_01.png")no-repeat; background-size: contain; width: 47px; height: 38px; }
#Charm .item:nth-child(2)::before { background: url("../images/point_02.png")no-repeat; background-size: contain; width: 56px; height: 38px; }
#Charm .item:nth-child(3)::before { background: url("../images/point_03.png")no-repeat; background-size: contain; width: 56px; height: 38px; }
#Charm .item::after { content: ''; display: block; background: url("../images/point_bg.png")no-repeat; width: 112px; height: 108px; background-size: contain; position: absolute; top: -35px; right: -30px; z-index: -1; }
#Charm .item { position: relative; width: calc(94%/ 3); border-radius: 10px; background: linear-gradient(90deg, rgba(247,243,247,1) 0%, rgba(247,243,236,1) 100%); padding: 5%; box-sizing: border-box; box-shadow: 0 30px 60px -50px #937d1d; display:flex; flex-direction: column; }
#Charm .item p { margin-bottom: 20px; }
#Charm .item figure { margin-top: auto; }


#Lineup { padding: 100px 0; }
#Lineup h2 { margin-bottom: 50px; }
#Lineup h2 span { display: block; font-size: 3rem;}
#Lineup .bg_area { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,243,232,1) 100%); position: relative; z-index: -2; padding-bottom: 100px; }
#Lineup .intro { max-width: 1000px; width: 100%; margin: 0 auto 100px; }
#Lineup article:not(:last-child) { margin-bottom: 100px;}
#Lineup h3 { position: relative; display: inline-block; font-size: 3.6em; color:#a9b505; }
#Lineup h3::before { content: ''; display: inline-block; background: url("../images/icon_flower.png") no-repeat; background-size: contain; width: 44px; height: 41px; position: absolute; right: -30px; top: -20px; z-index: -1; }
#Lineup h3::after { position: absolute; content: ''; border-bottom: 2px solid #b3c100; width: 100%; top: 40px; left: 0; }
#Lineup .head { display: flex; justify-content: space-between; margin-bottom: 50px; }
#Lineup .head h3 { z-index: 1; margin-right: 4%; max-width: 14em; } 
#Lineup .head p { font-size: 2.8em; line-height: 4.9rem; width: calc(100% - 15em); }
#Lineup ul.item_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
#Lineup ul.item_wrap li::before { position: absolute; width: 86px; height: 86px; left: -10px; top: -30px; }
#Lineup .plate_thumb{ width:min(1000px,100%); margin:0 auto 100px; }

#Lineup .plate ul.item_wrap li:first-child::before { content: ''; background: url("../images/reihai_01.png")no-repeat; background-size: contain; }
#Lineup .plate ul.item_wrap li:nth-child(2)::before { content: ''; background: url("../images/reihai_02.png")no-repeat; background-size: contain; }
#Lineup .plate ul.item_wrap li:nth-child(3)::before { content: ''; background: url("../images/reihai_03.png")no-repeat; background-size: contain; }
#Lineup .plate ul.item_wrap li:nth-child(4)::before { content: ''; background: url("../images/reihai_04.png")no-repeat; background-size: contain; }
#Lineup .plate ul.item_wrap li:nth-child(5)::before { content: ''; background: url("../images/reihai_06.png")no-repeat; background-size: contain; }

#Lineup .plate_DX ul.item_wrap li:first-child::before { content: ''; background: url("../images/reihai_02.png")no-repeat; background-size: contain; }
#Lineup .plate_DX ul.item_wrap li:nth-child(2)::before { content: ''; background: url("../images/reihai_04.png")no-repeat; background-size: contain; }
#Lineup .plate_DX ul.item_wrap li:nth-child(3)::before { content: ''; background: url("../images/reihai_06.png")no-repeat; background-size: contain; }

#Lineup .boseki ul.item_wrap li:first-child::before { content: ''; background: url("../images/reihai_02.png")no-repeat; background-size: contain; }
#Lineup .boseki ul.item_wrap li:nth-child(2)::before { content: ''; background: url("../images/reihai_04.png")no-repeat; background-size: contain; }
#Lineup .boseki ul.item_wrap li:nth-child(3)::before { content: ''; background: url("../images/reihai_06.png")no-repeat; background-size: contain; }
#Lineup .boseki ul.item_wrap li:nth-child(4)::before { content: ''; background: url("../images/reihai_08.png")no-repeat; background-size: contain; }

#Lineup article.together ul.item_wrap li{ width:min(700px,100%); margin:0 auto; box-shadow:0 30px 60px -50px #86b216; }
#Lineup article.together ul.item_wrap li p.price{ text-align:center; }

#Lineup article.plate ul.item_wrap li { position: relative; width: calc(95% / 5); display: flex; flex-direction: column; align-items: center; }
#Lineup article.plate ul.item_wrap li img { border: 5px solid #fff; border-radius: 50%; box-sizing: border-box; margin-bottom: 20px; }
#Lineup ul.item_wrap li p.price{ font-size: 4.5em; }
#Lineup ul.item_wrap li p.price span { font-size: 2.4rem; }
#Lineup article.plate ul.item_wrap li p.price span.mini { /*display: block;*/ font-size: 1.4rem; }
#Lineup article.plate_DX ul.item_wrap li { position: relative; width: calc(95% / 3); display: flex; flex-direction: column; align-items: center; box-shadow: 0 30px 60px -50px #86b216; }
#Lineup article.together ul.item_wrap li p.price , #Lineup article.plate_DX ul.item_wrap li p.price , #Lineup article.boseki ul.item_wrap li p.price{ width: 100%; background: url("../images/price_bg.jpg")no-repeat; background-size: cover; text-align: center; font-size: 4.5em; line-height: 1.5rem; border-radius: 0 0 30px 30px; padding: 20px 10px; box-sizing: border-box; }
#Lineup article.together ul.item_wrap li p.price span.mini , #Lineup article.plate_DX ul.item_wrap li p.price span.mini , #Lineup article.boseki ul.item_wrap li p.price span.mini { display: inline-block; font-size: 1.4rem; }
#Lineup article.boseki ul.item_wrap li { position: relative; width: calc(95% / 4); display: flex; flex-direction: column; align-items: center; box-shadow: 0 30px 60px -50px #86b216; }
#Lineup .illust { margin-top: 100px; text-align: center; }
#Lineup .illust img { max-width: 470px; width: 100%; }
#Lineup .price_contents { position: relative; background:#f2fed1; border-radius: 10px; z-index: 1; padding: 50px 0; margin-bottom: 50px; }
#Lineup .price_contents::before { position: absolute; content: ''; background: url("../images/hiyou_bg.png") no-repeat; background-size: contain; right: 0; bottom: 0; width: 70%; height: 100%; background-position: bottom right; z-index: -1; }
#Lineup .price_contents .h_wrap { text-align: center; }
#Lineup .price_contents h4 , #Lineup .mihon_contents h4 { position: relative; font-size: 3em; margin: 0 auto 40px; display: inline-block; color: #3a3a3a; z-index: 1; }
#Lineup .price_contents h4::before , #Lineup .mihon_contents h4::before { content: ''; position: absolute; background: url("../images/icon_leaf.png") no-repeat; background-size: contain; top: -30px; right: -30px; width:56px; height:64px; z-index: -1; }
#Lineup .price_contents ul { display: flex; justify-content: center; flex-wrap: wrap; max-width: 1100px; width: 80%; margin: 0 auto; gap: 10px; }
#Lineup .price_contents li { background: #4b3a45; color: #fff; font-size: 2.4em; border-radius: 3px; padding: 10px 20px; box-sizing: border-box; margin-bottom: 20px; }
#Lineup .price_contents li span { font-size: 1.8rem; }
#Lineup .mihon_contents { display: flex; align-items: center; justify-content: center; border: 3px solid #b8d200; background: #fff; border-radius: 10px; padding: 50px; }
#Lineup .mihon_contents p.ttl { font-size: 2.5em; margin-bottom: 30px; }
#Lineup .mihon_contents p.ttl + p { font-weight: 400; }
#Lineup .mihon_contents .mihon_img { position: relative; max-width: 250px; width: 100%; z-index: 1; margin-left: 30px; }
#Lineup .mihon_contents .mihon_img::after { content: ''; background: url("../images/mihon_bg.png")no-repeat; background-size: contain; width: 140%; height: 140%; background-position: center; z-index: -1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

#Recommend { position: relative; background: #f7e8d5; min-height: 640px; display: flex; align-items: center; padding: 100px 0; z-index: -2; }
#Recommend::before { position: absolute; content: ''; display: block; background: url("../images/osusume01.png")no-repeat; background-size: contain; width: 17%; height: 100%; bottom: 0; right: 100px; background-position: bottom; }
#Recommend::after { position: absolute; content: ''; display: block; background: url("../images/osusume02.png")no-repeat; background-size: contain; width: 17%; height: 100%; bottom: 0; left: 100px; background-position: bottom; }
#Recommend .h_wrap { text-align: center; }
#Recommend .h_wrap h2 { position: relative; font-size: 3em; margin: 0 auto 40px; display: inline-block; color: #3a3a3a; z-index: 1; }
#Recommend ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
#Recommend ul li { width: calc(90% / 4); height: 200px; font-size: 2.1em; line-height: 3.5rem; text-align: center; color: #792625; background: #fff; border-radius: 15px; padding: 15px 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; box-shadow: 0px 0px 10px 5px #723b3b7a; }
#Recommend .huwahuwa { position: absolute; top: 50px; right: 100px; z-index: -1; }
#Recommend .huwahuwa02 { position: absolute; top: 200px; left: 0; z-index: -1; }
#Recommend .huwahuwa03 { position: absolute; bottom: 100px; right: 0; z-index: -1; }
/*ふわふわ*/
.animation{ animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-duration: 1.5s; width:180px; }
.keyframe { animation-name: fuwafuwa; transform: scale(0.65,0.65); }
@keyframes fuwafuwa {
  100% { transform: scale(1,1); }
}

#Point { position: relative; padding: 120px 0; overflow: hidden; }
#Point::before { content: ''; display: block; background: url("../images/recommend_arrow.svg") no-repeat; background-size: contain; width: 378px; height: 105px; position: absolute; top: 50px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#Point .contents_wrapper { position: relative; }
#Point .contents_wrapper::after { position: absolute; content: ''; display: inline-block; background: url("../images/kumo_01.png")no-repeat; width: 760px; height: 355px; background-size: contain; right: -250px; top: 0; z-index: -1; }
#Point h2 span { font-size: 5rem; }
#Point .head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
#Point .head figure { display: block; max-width: 380px; width: 90%; }
#Point .head figure img { border-radius: 10px; }
#Point .head p { max-width: 750px; width: 90%; font-size: 2.8em; line-height: 6rem; margin-left: 30px; }
#Point .head span { color: #ee6758; }
#Point .reason .arrow { max-width: 90px; width: 100%; margin: 0 auto 20px; }
#Point .reason .reason_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: -1; }
#Point .reason .item { display: flex; flex-direction: column; width: calc(95% /2); margin-bottom: 100px; }
#Point .reason .item h3 { position: relative; font-size: 3em; margin-bottom: 50px; }
#Point .reason .item h3::before { content: ''; display: inline-block; width: 151px; height: 75px; vertical-align: -25px; margin-right: 20px; }
#Point .reason .item:first-child { position: relative; }
#Point .reason .item:first-child::before { position: absolute; content: ''; display: inline-block; background: url("../images/kumo_02.png")no-repeat; width: 760px; height: 355px; background-size: contain; left: -280px; top: -180px; z-index: -1;}
#Point .reason .item:nth-child(4) { position: relative; }
#Point .reason .item:nth-child(4)::before { position: absolute; content: ''; display: inline-block; background: url("../images/kumo_03.png")no-repeat; width: 760px; height: 355px; background-size: contain; right: -500px; top: -10px; z-index: -1;}
#Point .reason .item:nth-child(7) { position: relative; }
#Point .reason .item:nth-child(7)::before { position: absolute; content: ''; display: inline-block; background: url("../images/kumo_04.png")no-repeat; width: 760px; height: 355px; background-size: contain; left: -400px; top: -100px; z-index: -1;}

#Point .reason .item:first-child h3::before { background: url("../images/osusume_01.png")no-repeat; background-size: contain; }
#Point .reason .item:nth-child(2) h3::before { background: url("../images/osusume_02.png")no-repeat; background-size: contain; }
#Point .reason .item:nth-child(3) h3::before { background: url("../images/osusume_03.png")no-repeat; background-size: contain; }
#Point .reason .item:nth-child(4) h3::before { background: url("../images/osusume_04.png")no-repeat; background-size: contain; }
#Point .reason .item:nth-child(5) h3::before { background: url("../images/osusume_05.png")no-repeat; background-size: contain; }
#Point .reason .item:nth-child(6) h3::before { background: url("../images/osusume_06.png")no-repeat; background-size: contain; }
#Point .reason .item:nth-child(7) h3::before { background: url("../images/osusume_07.png")no-repeat; background-size: contain; }
#Point .reason .item:nth-child(8) h3::before { background: url("../images/osusume_08.png")no-repeat; background-size: contain; }
#Point .reason .item figure { margin-top: auto; }
#Point .reason .item figure img { border-radius: 10px; }
#Point .reason .item p { font-weight: 400; margin-bottom: 30px; }

#Access { background: #f7f3ec; padding: 100px 0; }
#Access h2 { margin-bottom: 60px; }
#Access article:not(:last-of-type) { margin-bottom: 100px; }
#Access .info { display: flex; align-items: flex-start; justify-content: space-between; }
#Access .info:not(:last-child) { margin-bottom: 50px; }
#Access article dl { display: flex; flex-wrap: wrap; font-size: 1.6em; line-height: 2.8rem; }
#Access dl dt { width: 100px; font-weight: 700; }
#Access dl dt:not(:last-child) , #Access dl dd:not(:last-child) { margin-bottom: 10px; }
#Access dl dd { width: calc(100% - 100px); }
#Access article:first-child figure { max-width: 566px; margin-left: 30px; }
#Access article:nth-child(2) figure { max-width: 566px; margin-right: 30px; }
#Access figure img { border-radius: 10px; }
#Access .gmap iframe { width: 100%; height: 395px; }
#Access .txt_wrap { width: 48%; }
#Access .txt_wrap h3 { font-size: 3em; margin-bottom: 30px; }
#Access .txt_wrap p { font-weight: 400; }
#Access .greeting { margin-bottom: 50px; }

#Flow { padding: 100px 0; }
#Flow .flow > li { display: flex; justify-content: space-between; }
#Flow .flow > li:not(:last-child) { margin-bottom: 50px; }
#Flow .flow > li .icon { width: 100px; height: 100px; border-radius: 50%; font-size: 1.3em; color: #fff; background:linear-gradient(135deg, #a3d720 40%, #82b00e 100%); display: block; position: relative; top: 0; left: 0;display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: 'Zen Kaku Gothic New', sans-serif; }
#Flow .flow > li:not(:last-child) .icon::after { position: absolute; content: ''; bottom:-90px; display: block; width: 2px; height: 100px; background:#82b00e; z-index: -1; }
#Flow .flow > li .icon img { max-width: 40px; margin-top: 2px; }
#Flow .flow > li dl { width: calc(100% - 150px); }
#Flow .flow > li dl::before, #Flow .flow > li dl::after { content: ""; display: block; position: absolute; top: 15px; }
#Flow .flow > li dl dt { font-size: 3em; font-weight: 600; margin-bottom: 20px; }
#Flow .flow > li dl dd { font-size: 1.6em; line-height: 2.8rem; }


#Faq { background: #f7f3ec; padding: 100px 0; }
#Faq h2 { margin-bottom: 60px; }
#Faq .box > p { font-weight: 400; }
#Faq .accordion-area li:not(:last-child){ margin-bottom: 20px; }
#Faq .title { position: relative; cursor: pointer; font-weight: 600; font-size:2em; padding: 20px 60px; transition: all .5s ease; background: #fff; }
#Faq .title span img { max-width: 30px; width: 100%; margin-right: 10px; vertical-align: -8px; }
#Faq .title::before, #Faq .title::after{ position: absolute; content:''; width: 25px; height: 2px; background-color:#9ad950; transition: all .1s ease; }
#Faq .title::before { top:48%; right: 20px; transform: rotate(0deg); }
#Faq .title::after{ top:48%; right:  20px; transform: rotate(90deg); }
#Faq .title.close::before{ transform: rotate(45deg); }
#Faq .title.close::after{ transform: rotate(-45deg); }
#Faq .box { display: none; background: #fff; padding: 0px 60px 20px; }
#Faq .title > span { position: absolute; left: 20px; background: url("../images/icon_q.png")no-repeat; display: inline-block; background-size: contain; width: 30px; height: 30px; }

#Contact { padding: 150px 0; }
#Contact ul { font-size: 1.5em; line-height: 2.5rem; margin-bottom: 30px; }
#Contact ul li:not(:last-child) { margin-bottom: 10px; }
#Contact p.must { font-size: 1.4em; font-weight: 400; margin-bottom: 30px; }
#Contact p { text-align: center; }
/*
@media screen and (max-height: 900px) {
	#Kv .sub { bottom: 0; }
}
@media screen and (max-width: 1366px) {
	.slider { width: 70%; }
	#Kv .sub { width: 30%; bottom: 50px; }
}
*/

@media (max-width: 1600px) and (max-height: 900px) {
/*	.slider { width: 70%; }*/
	#Kv .copy { top: 50px; }
/*	#Kv .wrapper { height: 100vh; }*/
	#Kv .sub { width: 25%; }

}

@media (max-width: 1366px) and (max-height: 768px) {
	#Kv img.copy01 { max-width: 48px; }
	#Kv img.copy02 { max-width: 68px; }
	#Kv .sub { bottom: 210px; width: 30%; }
}

@media screen and (max-width: 1112px) {
/*	.slider { width: 80%; }*/
	.contact_area::before { height: 500px; background-attachment: initial; background-size: cover; }
	.contact_area .btn_wrap { flex-direction: column; margin-top: 30px; }
	.contact_area .btn_wrap > .tel_btn { margin-bottom: 30px; }
	.contact_area p { margin-bottom: 10px; }
/*	#Kv { height: 100vh; }*/
	#Kv img.copy01 { max-width: 48px; margin-left: 10px; }
/*	#Kv .copy { left: 10vw; }*/
	#Kv .sub { width: 35%; }
/*	#Kv .wrapper { height: 100vh; padding: 0 5vw; }*/
	#Charm .item { padding: 5% 3% 3%; }
	#Charm .item::after { width: 82px; height: 78px; right: -10px; }
	#Lineup .head { flex-direction: column; }
	#Lineup .head p { width: 100%; }
	#Lineup .head h3 { max-width: initial; margin-right: 0; margin-bottom: 20px; }
	#Lineup ul.item_wrap li::before { width: 66px; height: 66px; top: -20px; }
	#Lineup h3::before { right: 0; }
	#Point .reason .item h3::before { width: 80px; height: 53px; }
	#Access article:nth-child(2) figure { width: 45%; }
	#Recommend { min-height: 250px; }
	#Recommend ul li { height: 150px; font-size: 1.6em; line-height: 2.5rem; }
	
	.slide_css { height: 530px; }
}
@media screen and (max-width: 1024px) {
	#Point .reason .item h3 { font-size: 2.5em; margin-bottom: 0; }
	.slide_css { height: 490px; }
}

@media screen and (max-width: 960px) {
/*	#Kv { height: 60vh; }*/
/*	#Kv .sub { width: 45%; right: 5vw; bottom: 130px; }*/
/*	#Kv .wrapper { height: 55vh; top: 100px; }*/
/*	#Kv .copy { top: initial; }*/
	#Kv img.copy01 { max-width: 45px; margin-left: 8px; }
	#Kv img.copy02 { max-width: 60px; }
	#Open { margin-top: 100px; width: 80%; }
	#Charm .item { width: 100%; padding: 12% 8% 8%; }
	#Charm .item:not(:last-child) { margin-bottom: 50px; }
	#Charm .charm_wrap { flex-direction: column; }
	#Access .info { flex-direction: column; }
	#Access article dl { margin-bottom: 20px; }
	#Access article:first-child figure { max-width: initial; width: 80%; margin: 0 auto; }
	#Access .txt_wrap { width: 100%; }
	#Access article:nth-child(2) figure { max-width: inherit; width: 80%; margin: 0 auto 50px; }
	#Access .info span.sp { display: block; font-size: 1.3rem; color: #599b2b; }
	#Access .info span.sp::after { content: '▶'; display: inline-block; font-size: 1rem; vertical-align: 2px; margin-left: 4px; }
	#Lineup .plate_DX ul.item_wrap { flex-direction: column; }
	#Lineup article.plate_DX ul.item_wrap li { width: 100%; }
	#Lineup article.plate_DX ul.item_wrap li:not(:last-child) { margin-bottom: 50px; }
	#Lineup article.boseki ul.item_wrap li { width: 48%; margin-bottom: 50px; }
	#Lineup article.boseki ul.item_wrap li:nth-child(n + 3) { margin-bottom: 0; }
	#Recommend ul li { width: calc(90% / 2); }
	#Recommend::before { right: 30px; }
	#Recommend::after { left: 30px; }
	#Point .head { flex-direction: column; }
	#Point .head p { width: 100%; margin-left: 0; }
	#Point .head figure { margin-bottom: 20px; }
	#Point .reason .item { width: 100%; }
	#Point .reason .item:last-child { margin-bottom: 0; }
	.contact_area .btn_wrap > .tel_btn { margin-bottom: 20px; }
	.slide_css { height: 400px; }
}
@media screen and (max-width: 768px) {
	.slide_css { height: 360px; }
	#Kv .wrapper { padding-bottom: 100px; }
	#Kv img.copy_matome { width: 70%; }
	#Charm { margin-top: 100px; }
}

@media screen and (max-width: 600px) {
	h2 { font-size: 3em; margin-bottom: 50px; }
/*	.slider { width: 100%; }*/
/*	#Kv .wrapper { height: 30vh; }*/
/*	#Kv .copy { bottom: 0; }*/
	#Kv .copy { left: 3%; top: 10px; }
	#Kv img.copy01 { max-width: 38px; }
	#Kv img.copy02 { max-width: 58px; }
	#Kv img.copy_matome { width: 40%; }
	#Open { margin-top: 70px; }
	#Charm h3 , #Lineup h3 { font-size: 2.5em; }
	.contact_area p.ttl { font-size: 3em; }
	#Lineup .head p { font-size: 2em; line-height: 2.8rem; }
	#Lineup .head h3 { margin-bottom: 35px; } 
	#Lineup article.plate ul.item_wrap li { width: 48%; margin-bottom: 50px; }
	#Lineup article.plate ul.item_wrap li:last-child { margin-bottom: 0; }
	#Lineup .price_contents h4, #Lineup .mihon_contents h4 { font-size: 2.2em; margin: 0 auto 20px; }
	#Lineup .price_contents li { font-size: 1.8em; margin-bottom: 10px; }
	#Lineup .mihon_contents { flex-direction: column; }
	#Lineup .mihon_contents p.ttl { font-size: 2em; margin-bottom: 20px; }
	#Lineup .mihon_contents .mihon_img::after { background-position: center; width: 100%; height: 100%; }
	#Recommend ul li { height: 160px; font-size: 1.8em; line-height: 2.8rem; margin-bottom: 20px; }
	#Recommend::before { right: 10px; }
	#Recommend::after { left: 10px; }
	#Recommend::before , #Recommend::after { width: 110px; height: 90px; }
	#Point , #Access , #Flow , #Faq , #Lineup , #Contact , #Recommend { padding: 80px 0; }
	#Point::before { width: 175px; height: 105px; }
	#Point .head p { font-size: 2em; line-height: 3.5rem; }
	#Point .reason .item h3 { font-size: 2.5em; margin-bottom: 20px; }
	#Point .reason .item h3::before { width: 70px; height: 50px; }
	#Point .reason .item { margin-bottom: 50px; }
	#Point .reason .item:last-child { margin-bottom: 0; }
	#Access h2 { margin-bottom: 30px; }
	#Point h2 span { font-size: 4.2rem; }
	#Access .txt_wrap h3 { font-size: 2.5em; margin-bottom: 20px; }
	#Flow .flow > li dl dt { font-size: 2em; margin-bottom: 10px; }
	#Flow .flow > li dl { width: calc(100% - 130px); }
	#Charm .item::after { right: 20px; }
	#Access .gmap { display: none; }
	.contact_leaf img.c_l01 { width: 28%; }
	.contact_leaf img.c_l02 { width: 10%; }
	.contact_leaf img.c_l07 { width: 25%; }
	.contact_leaf img.c_l03 , .contact_leaf img.c_l04 , .contact_leaf img.c_l05, .contact_leaf img.c_l06 { display: none; }
	#Recommend .h_wrap h2 { line-height: 4.5rem; }
	.h_wrap.h_leaf h2::before , .h_wrap.h_leaf h2::after { content: none; }
	#Access article:not(:last-of-type) { margin-bottom: 80px; }
	#Faq .box { padding: 0px 50px 20px; }
}

@media screen and (max-width: 414px) {
	h2 { font-size: 2.5em; line-height: 3rem; margin-bottom: 50px; }
	#Kv img.copy01 { max-width: 28px; }
	#Kv img.copy02 { max-width: 38px; }
	.contact_area p.ttl { font-size: 2.2em; line-height: 3.8rem; }
	.contact_area p { font-size: 1.6em; }
	#Lineup h2 span { font-size: 2rem; }
	#Lineup .intro { margin-bottom: 50px; }
	#Lineup .head p { font-size: 1.8em; line-height: 2.8rem; }
	#Lineup article.plate ul.item_wrap li img { margin-bottom: 5px; }
	#Lineup ul.item_wrap li::before { width: 56px; height: 56px; top: -10px; }
	#Lineup article.plate ul.item_wrap li { margin-bottom: 30px; }
	#Lineup ul.item_wrap li p.price , #Lineup article.plate_DX ul.item_wrap li p.price, #Lineup article.boseki ul.item_wrap li p.price { font-size: 3.5em; }
	#Lineup ul.item_wrap li p.price span { font-size: 2rem; }
	#Lineup article.plate ul.item_wrap li p.price span.mini { font-size: 1.2rem; }
	#Lineup article:not(:last-child) { margin-bottom: 60px; }
	#Lineup .head { margin-bottom: 30px; }
	#Lineup .bg_area { padding-bottom: 80px; }
	#Lineup .illust { margin-top: 80px; }
	#Lineup .price_contents li { font-size: 1.6em; margin-bottom: 0; }
	#Lineup .price_contents li span { font-size: 1.2rem; }
	#Lineup .mihon_contents { padding: 35px; }
	#Lineup .mihon_contents .mihon_img { margin-left: 0; }
	#Lineup .mihon_contents p.ttl + p { margin-bottom: 30px; }
	#Recommend ul li { height: 130px; font-size: 1.5em; line-height: 2.5rem; margin-bottom: 10px; }
	#Point h2 { font-size: 2.5em; line-height: 3.5rem; margin-bottom: 30px; }
	#Point h2 span { font-size: 3rem; }
	#Point .contents_wrapper::after { right: -390px; }
	#Point .head p { font-size: 1.6em; line-height: 3rem; }
	#Point .reason .item h3::before { width: 60px; height: 49px; margin-right: 10px; }
	#Point .reason .item h3 { font-size: 2em; margin-bottom: 0px; }
	#Point .reason .item p { margin-bottom: 20px; }
	#Flow .flow > li .icon { width: 70px; height: 70px; font-size: 1em; }
	#Flow .flow > li .icon img { max-width: 20px; margin-top: 3px; }
	#Flow .flow > li dl { width: calc(100% - 80px); }
	#Flow .flow > li:not(:last-child) { margin-bottom: 30px; }
	#Flow .flow > li:not(:last-child) .icon::after { bottom: -200px; height: 200px; }
	#Flow .flow > li dl dt { font-size: 1.8em; }
	#Flow .flow > li dl dd { font-size: 1.4em; line-height: 2.5rem; }
	#Flow .flow > li:nth-last-child(2) .icon::after { content: none; }
	#Faq h2 { margin-bottom: 30px; }
	#Faq .title { font-size: 1.5em; line-height: 2rem; padding: 20px 60px 20px 50px; }
	#Faq .title > span { width: 20px; height: 20px; }
	#Faq .box > p { font-size: 1.5em; line-height: 2.5rem; }
	#Charm h2 { line-height: 4rem; }
	#Charm h2 img { width: 18%; margin-right: 10px; }
	#Access .txt_wrap h3 { font-size: 2.2em; margin-bottom: 10px; }
	#Charm h3, #Lineup h3 { font-size: 2.2em; }
	.slide_css { height: 180px; }
	#Kv .wrapper { top: 100px; padding-bottom: 70px; }
	#Charm { margin-top: 80px; }
}
	
@media screen and (max-width: 360px) {
/*	#Kv .wrapper { height: 25vh; }*/
	#Charm h3, #Lineup h3 { font-size: 2.2em; }
	#Lineup .price_contents li span { font-size: 1.1rem; }
	.contact_area p.ttl { font-size: 2em; line-height: 3.4rem; }
	.contact_area p { font-size: 1.4em; margin-bottom: 5px; }
	#Recommend ul li { font-size: 1.3em; line-height: 2rem; }
	#Flow .flow > li:nth-last-child(2) .icon::after { bottom: -175px; }
	.slide_css { height: 160px; }
}