.link-button-cover{border-radius: calc(var(--content-width) * 0.05);}
.link-button p{left: 44%;}
.link-button .button-arrow{height: 60%; top: 20%; left: 88%;}

#header-area{height: calc(var(--content-width) * 0.88); z-index: 10; overflow: visible;}
.header-line{display: block; width: 100%; height: 100%;}
.header-button-block{flex-wrap: wrap; width: 84%; left: 8%; height: calc(var(--content-width) * 0.50); top: calc(var(--content-width) * 0.22);}
.header-button{width: 32%; height: 50%;}
.header-button-base p{top: calc(var(--content-width) * 0.22);}
.header-button-base .image{top: calc(var(--content-width) * 0.01); width: 72%; left: 14%;}
#header-area .logo{width: 50%; left: 25%; transform: translate(0,-105%);}
#header-area .recruit{bottom: 0; width: 30%; right: 0; z-index: 11;}
#header-area .document{top: 97%; width: 30%; right: 0; z-index: 11;}

#header-frame-area{height: calc(var(--content-width) * 0.80); background-size: 700%;}

#footer-area{height: calc(var(--content-width) * 0.60);}
#footer-area .rollback{width: 8%; left: 88%; top: 18%; transform: translate(-50%,-50%);}
#footer-area .instagram{width: 12%; left: 88%; top: 48%; transform: translate(-50%,-50%);}
#footer-area .link{width: 70%; left: 45%; top: 18%; text-align: center;}
#footer-area .profile{width: 70%; left: 45%; top: 50%; text-align: center;}

#main-visual-area{height: calc(var(--content-width) * 1.80);}
#main-visual-area .header-back{width: 100%; top: 0; z-index: 1;}
#main-visual-area .background{width: 100%; top: calc(var(--content-width) * 0.72); height: calc(var(--content-width) * 1.08); overflow: hidden;}
#main-visual3{object-position: 30% 50%;}
.slogan{left: 50%; width: 44%; top: 60%; opacity: 0;}
#main-visual-area .bottom{width: 100%; left: 0%; bottom: -5%;}

#news-area .news-image{width: 90%; left: 5%; top: calc(var(--content-width) * 0.01);}
#news-area .link-button{width: 44%; left: 28%; height: calc(var(--content-width) * 0.10); border-radius: calc(var(--content-width) * 0.05);}
#news-area .link-button p{font-size: calc(var(--font-base) * 0.8);}

.recent-article .image-relative{width: 50%; left: 25%; border-radius: calc(var(--content-width) * 0.03);}

.left{width: 18%; left: 6%; top: calc(var(--content-width) * 0.0);}
.right{width: 18%; left: 76%; top: calc(var(--content-width) * 0.0);}

#introduction-area .image-relative{width: 100%;}
#introduction-area p{letter-spacing: calc(var(--font-base) * 0.1)}
#introduction-area .subtitle{width: 90%; top: calc(var(--content-width) * 0.10);}
#introduction-area .title{width: 90%; top: calc(var(--content-width) * 0.18);}
#introduction-area .clover{width: 54%;}
#clover1{left: 4%; top: calc(var(--content-width) * 0.30);}
#clover2{left: 51%; top: calc(var(--content-width) * 0.37);}
#clover3.clover{width: 81%; left: -34%; top: calc(var(--content-width) * 0.67);}
#clover4{left: 44%; top: calc(var(--content-width) * 0.84);}
#introduction-area .left{width: 18%; left: 6%; top: calc(var(--content-width) * 0.19);}
#introduction-area .right{width: 18%; left: 76%; top: calc(var(--content-width) * 0.19);}
#introduction-area .title2{top: calc(var(--content-width) * 1.44);}
#introduction-area .merit-block{width: 48%; height: calc(var(--content-width) * 0.48); border-radius: calc(var(--content-width) * 0.02); background-color: white; transform: translate(-50%, 0);}
#introduction-area #merit-block1{top: calc(var(--content-width) * 1.60); left: 25%;}
#introduction-area #merit-block2{top: calc(var(--content-width) * 1.60); left: 75%;}
#introduction-area #merit-block3{top: calc(var(--content-width) * 2.10); left: 25%;}
#introduction-area #merit-block4{top: calc(var(--content-width) * 2.10); left: 75%;}
#introduction-area #merit-block5{top: calc(var(--content-width) * 2.60); left: 25%;}
#introduction-area #merit-block6{top: calc(var(--content-width) * 2.60); left: 75%;}
#introduction-area .merit-block .subtitle{width: 50%; left: 45%; top: calc(var(--content-width) * 0.10); font-size: calc(var(--font-base) * 1.2); transform: translate(0,-50%);}
#introduction-area .merit-block .paragraph{width: 90%; left: 6%; top: calc(var(--content-width) * 0.20); font-size: calc(var(--font-base) * 0.9);}
#introduction-area .merit-block .image{width: 40%; left: 2%; top: 2%; transform: translate(0,0);}

.photoframe1{width: 30%; left: 0%; top: calc(var(--content-width) * 0.02); z-index: 1;}
.photoframe2{width: 30%; left: 70%; top: calc(var(--content-width) * 0.02); z-index: 1;}
#life-area .left{display: none;}
#life-area .right{display: none;}
#life-area .daily{width: 98%; left: 1%;}

#annual-area table{width: 96%; left: 2%;}
#annual-area p.subtitle{padding-top: calc(var(--content-width) * 0.06);}
#annual-area td{background-color: lightyellow; text-align: center; vertical-align:top; height: calc(var(--content-width) * 0.34);}
#annual-area td.tall{height: calc(var(--content-width) * 0.34);}
#annual-area td .image-relative{width: 96%; left: 2%; height: calc(var(--content-width) * 0.28); margin-top: calc(var(--content-width) * 0.02); border-radius: calc(var(--content-width) * 0.03);}
#annual-area td .image-relative.wide{width: 96%; left: 2%; height: calc(var(--content-width) * 0.28);}
#annual-area .left{width: 18%; left: 16%; top: calc(var(--content-width) * 0.0);}
#annual-area .right{width: 18%; left: 66%; top: calc(var(--content-width) * 0.0);}

#apply-area{height: calc(var(--content-width) * 1.40);}
#apply-area .photo{width: 80%; left: 10%; top: calc(var(--content-width) * 0.20); height: calc(var(--content-width) * 0.60); border-radius: calc(var(--content-width) * 0.02); object-position: 65% 35%;}
#apply-area p.subtitle{width: 30%; left: 35%; text-align: center; letter-spacing: calc(var(--font-base) * 0.2); padding-top: calc(var(--content-width) * 0.06);}
#apply-area table{width: 80%; left: 10%; table-layout: fixed; margin-top: calc(var(--content-width) * 0.72);}
#apply-area .link-button{width: 44%; left: 28%; height: calc(var(--content-width) * 0.10); border-radius: calc(var(--content-width) * 0.05);}
#apply-area .link-button .link-button-cover{border-radius: calc(var(--content-width) * 0.05);}
#apply-area .left{width: 18%; left: 16%; top: calc(var(--content-width) * 0.0);}
#apply-area .right{width: 18%; left: 66%; top: calc(var(--content-width) * 0.0);}

#overview-area .area-content{width: 92%; left: 4%;}
#overview-area table{width: 100%; left: 0;}

#guidance-area .area-content{width: 92%; left: 4%;}
.left-image-right-paragraph{
	width: 100%; height: calc(var(--content-width) * 0.64);
}
.left-image-right-paragraph .image{width: 70%; left: 15%; height: calc(var(--content-width) * 0.40); border-radius: calc(var(--content-width) * 0.03);}
.left-image-right-paragraph .paragraph{width: 90%; left: 5%; top: calc(var(--content-width) * 0.46); transform: translate(0,0);}

#staff-area .area-content{width: 92%; left: 4%;}

.two-block-content{display: flex; position: relative; width: 100%; flex-wrap: wrap;}
.two-block-content>div{width: 90%; margin-left: 5%; margin-right: 5%; margin-top: calc(var(--content-width) * 0.10);}

#blog-title-area{margin-top: calc(var(--content-width) * 0.30); height: calc(var(--content-width) * 0.18);}
#blog-title-area .area-content{width: 92%; left: 4%;}

.area-content.blog .left-column{width: 90%; left: 5%; margin-right: 0;}
.area-content.blog .right-column{display: none;}

.area-content.dish .left-column{width: 90%; left: 5%;}

.blog-pager{width: 100%; height: calc(var(--content-width) * 0.08);}
.blog-pager p{top: 50%; text-align: center; transform: translate(-50%, -50%);}
.blog-pager .link-prev{left: 20%;}
.blog-pager .separator-prev{left: 35%;}
.blog-pager .link-top{left: 50%;}
.blog-pager .separator-next{left: 65%;}
.blog-pager .link-next{left: 80%;}

.blog-detail{width: 100%;}
.blog-detail .image-full{width: 100%; border-radius: calc(var(--content-width) * 0.03);}
.blog-detail .heading{
	width: 100%;
	border-left: solid calc(var(--font-base) * 0.2) rgb(241, 186, 84);
	border-bottom: solid calc(var(--font-base) * 0.2) rgb(241, 186, 84);
}
.blog-detail .heading p{padding-left: 4%;}

.blog-list{width: 100%;}
.blog-list .small-paragraph{font-size: calc(var(--font-base) * 0.8);}

#access-area .access-map{width: 55%; height: 100%;}
#access-area .access .paragraph{left: 60%; top: 50%; transform: translate(0,-50%);}

#food-area .area-content{width: 92%; left: 4%;}
#food-area .link-button{width: 44%; left: 28%; height: calc(var(--content-width) * 0.10); border-radius: calc(var(--content-width) * 0.05);}
#food-area .link-button p{font-size: calc(var(--font-base) * 0.8);}
.twoblock-visual .image{width: auto;}
.twoblock-visual-block1{left: 50%; transform: translate(-50%,0);}
.twoblock-visual-block2{left: 50%; transform: translate(-50%,0);}
.centered-visual{width: 100%; height: calc(var(--content-width) * 0.60);}
.centered-visual .image{width: auto; height: calc(var(--content-width) * 0.60); border-radius: calc(var(--content-width) * 0.02); left: 50%; transform: translate(-50%,0);}

#document-area .area-content{width: 92%; left: 4%;}

#entry-link-area .link-button{width: 50%; left: 25%; height: calc(var(--content-width) * 0.10); border-radius: calc(var(--content-width) * 0.05);}

#entry-form-area .area-content{width: 92%; left: 4%;}
#entry-form-area .left{width: 18%; left: 6%; top: calc(var(--content-width) * 0.0);}
#entry-form-area .right{width: 18%; left: 76%; top: calc(var(--content-width) * 0.0);}

#contact-area .area-content{width: 92%; left: 4%;}
#contact-area .left{width: 18%; left: 6%; top: calc(var(--content-width) * 0.0);}
#contact-area .right{width: 18%; left: 76%; top: calc(var(--content-width) * 0.0);}

#news-list-area table{
	width: 90%; left: 5%;
}
#year-switch{right: 5%; top: calc(var(--content-width) * 0.04);}

.news-detail-date{right: 5%; text-align: right;}

form .full-input{
	width: calc(var(--font-base) * 13.2);
	height: calc(var(--font-base) * 2);
	border: 0;
	padding: 0 calc(var(--font-base) * 1);
	font-size: calc(var(--font-base) * 0.9);
	font-family: "Kiwi Maru", sans-serif;
	font-weight: 500;
	font-style: normal;
}
form textarea{
	width: calc(var(--font-base) * 13.2);
	height: calc(var(--font-base) * 7);
	border: 0;
	padding: calc(var(--font-base) * 0.5) calc(var(--font-base) * 1);
	font-size: calc(var(--font-base) * 0.9);
	font-family: "Kiwi Maru", sans-serif;
	font-weight: 500;
	font-style: normal;
	background-color: white;
}
form button{
	width: calc(var(--content-width) * 0.40); left: calc(var(--content-width) * 0.30);
	height: calc(var(--content-width) * 0.08);
	border-radius: calc(var(--font-base) * 0.3);
	margin-top: calc(var(--content-width) * 0.04);
	margin-bottom: calc(var(--content-width) * 0.04);
}

.side-menu{background: rgb(255, 173, 50);}
.side-menu-ul .decorated-link{color: rgb(254, 255, 197);}