:root {
	--content-width: 60vw;
	--font-base: calc(var(--content-width) * 0.02);
	--margin-base: calc(var(--content-width) * 0.08);
	--offset-base: 2px;
}

body{
	background-image: url(img/orange_kids_background.png);
	background-repeat: repeat;
	background-size: 9%;
}

.sans{
	font-size: var(--font-base);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.sans-bold{
	font-size: var(--font-base);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.serif{
	font-size: var(--font-base);
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-style: normal;
}
.rounded{
	font-size: var(--font-base);
	font-family: "Kiwi Maru", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.kaisei{
	font-family: "Kaisei Opti", serif;
	font-weight: 500;
	font-style: normal;
}
.title{font-size: calc(var(--font-base) * 2.0);}
.subtitle{font-size: calc(var(--font-base) * 1.4);}
.paragraph{font-size: calc(var(--font-base) * 1.0);}

.decorated-link{color: rgb(160, 112, 8); cursor: pointer;}
th.decorated-link{color: gold;}

table{
	position: relative; table-layout: fixed;
	border-collapse: separate; border-spacing:  calc(var(--font-base) * 0.4);
	font-size: calc(var(--font-base) * 0.9);
}
table th{
	padding: calc(var(--font-base) * 0.8);
	background-color: rgb(255, 182, 46); color: white;
	border-radius: calc(var(--font-base) * 0.5);
}
table td{
	padding: calc(var(--font-base) * 0.8);
	background-color: rgb(187, 228, 149);
	border-radius: calc(var(--font-base) * 0.5);
}
table tr:nth-child(2n) th {
	background-color: rgb(255, 208, 77);
}
table tr:nth-child(2n+1) td {
	background-color: rgb(169, 223, 119);
}

form table{width: 88%; left: 6%;}
form table tr{width: 100%;}
form table th{width: 30%;}
form table th.required:after{content: " ※";}
form .half-input{
	width: calc(var(--font-base) * 10);
	height: calc(var(--font-base) * 2);
	border: 0;
	margin-right: calc(var(--font-base) * 1);
	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 .full-input{
	width: calc(var(--font-base) * 23.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) * 23.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 .date-input{
	width: calc(var(--font-base) * 4);
	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;
	margin-right: calc(var(--font-base) * 0.5);
}
form .uploader{
	padding: 0 calc(var(--font-base) * 1);
	font-family: "Kiwi Maru", sans-serif;
	font-weight: 500;
	font-style: normal;
}
form button{
	width: calc(var(--content-width) * 0.20); left: calc(var(--content-width) * 0.40);
	height: calc(var(--content-width) * 0.05);
	background: linear-gradient(135deg, rgb(235, 147, 47), rgb(201, 107, 0));
	border-radius: calc(var(--font-base) * 0.4);
	margin-top: calc(var(--content-width) * 0.04);
	margin-bottom: calc(var(--content-width) * 0.04);
}
.contact-button-cover{
	width: calc(100% - var(--offset-base) * 4); height: calc(100% - var(--offset-base) * 4);
	left: calc(var(--offset-base) * 2); top: calc(var(--offset-base) * 2);
	background-color: rgb(255,232,194);
	border-radius: calc(var(--font-base) * 0.4);
	transition: 0.4s;
}
.form-button-cover{
	width: calc(100% - var(--offset-base) * 4); height: calc(100% - var(--offset-base) * 4);
	left: calc(var(--offset-base) * 2); top: calc(var(--offset-base) * 2);
	background-color: rgb(255,232,194);
	border-radius: calc(var(--font-base) * 0.4);
	transition: 0.4s;
}
form button:hover .contact-button-cover{opacity: 0;}
form button:hover .form-button-cover{opacity: 0;}
form button p{
	display: block; position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%,-50%);
	color: rgb(235, 128, 10);
}
form button:hover p{color: white;}

.whiteblock{background-color: rgba(255, 254, 247, 0.8);}

.link-button{background: linear-gradient(135deg, rgb(235, 147, 47), rgb(201, 107, 0));}
.link-button-cover{background-color: rgb(255,232,194); border-radius: calc(var(--content-width) * 0.03);}
.link-button p{transition: 0.4s; color: rgb(235, 128, 10); left: 44%;}
.link-button:hover p{color: white;}
.link-button .button-arrow{height: 60%; top: 20%; left: 88%; transform: translate(-50%,0); opacity: 1; transition: 0.4s;}
.link-button:hover .button-arrow.noselect{opacity: 0;}

#header-area{
	position: absolute; z-index: 1;
	height: calc(var(--content-width) * 0.24);
}
.header-line{width: 100%; height: calc(var(--content-width) * 0.14); position: relative; z-index: 10;}
.header-button-block{
	width: 72%; left: 14%; height: 100%;
}
.header-button-block{top: calc(var(--content-width) * 0.01); height: calc(var(--content-width) * 0.12);}
.header-button{
	background-color: transparent;
	font-size: calc(var(--font-base) * 0.7); letter-spacing: calc(var(--font-base) * 0.1);
	margin: 0 0.5%;
	transition: 0.4s;
}
.header-button-base{height: calc(var(--content-width) * 0.12); color: white;}
.header-button-base p{top: calc(var(--content-width) * 0.10);}
.header-button-base .image{top: calc(var(--content-width) * 0.01); width: 56%; left: 22%;}
.header-button:hover .image{transform-origin: center; animation: tremble ease-in-out 2s infinite;}
#header-area .logo{top: calc(var(--content-width) * 0.005); width: 24%; left: 38%;}
#header-area .recruit{bottom: calc(var(--content-width) * 0.08); width: 12%; right: 0; z-index: 11;}
#header-area .document{bottom: 0; width: 12%; right: 0; z-index: 11;}

#header-frame-area{
	height: calc(var(--content-width) * 0.16);
	background-image: url(img/orange_kids_header.jpg);
	background-size: 100%;
	background-position: cover;
}

#footer-area{height: calc(var(--content-width) * 0.32); background-color: rgb(241, 186, 84);}
#footer-area .rollback{width: 4%; left: 88%; top: 40%; transform: translate(-50%,-50%);}
#footer-area .instagram{width: 4%; left: 70%; top: 48%; transform: translate(-50%,-50%);}
#footer-area .link{left: 50%; top: 22%; transform: translate(-50%,-50%); font-size:  calc(var(--font-base) * 0.8); z-index: 1;}
#footer-area .profile{left: 50%; top: 48%; transform: translate(-50%,-50%); z-index: 1;}
#footer-area span{margin-left: calc(var(--content-width) * 0.015); margin-right: calc(var(--content-width) * 0.015);}
#footer-area a{transition: 0.4s;}
#footer-area a:hover{color: rgb(235, 128, 10);}

#main-visual-area{height: calc(var(--content-width) * 1.08); overflow: visible;}
#main-visual-area .background{width: 100%; height: 100%; overflow: hidden;}
#main-visual1{transform-origin: center; animation: main-visual1 linear 24s infinite;}
#main-visual2{transform-origin: center; animation: main-visual2 linear 24s infinite;}
#main-visual3{transform-origin: center; animation: main-visual3 linear 24s infinite;}
#main-visual4{transform-origin: center; animation: main-visual4 linear 24s infinite;}
#main-visual-area .dark-screen{background-color: rgba(0,0,0,0.18);}
#main-visual-area .bottom{width: 100%; bottom: -14%;}
.slogan{left: 50%; width: 21%; top: 40%; opacity: 0;}
.loaded .slogan{animation: fadeInStamp 1.5s forwards; animation-delay: 1.5s;}

#news-area .news-image{width: 60%; left: 20%; top: calc(var(--content-width) * 0.01);}
#news-area .link-button{width: 30%; left: 63%; height: calc(var(--content-width) * 0.06); border-radius: calc(var(--content-width) * 0.03);}
#news-area .link-button p{font-size: calc(var(--font-base) * 0.8);}

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

.left{width: 10%; left: 24%; top: calc(var(--content-width) * 0.0);}
.right{width: 10%; left: 66%; 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{top: calc(var(--content-width) * 0.11);}
#introduction-area .title{top: calc(var(--content-width) * 0.13);}
#introduction-area .clover{width: 36%;}
#clover1{left: 19%; top: calc(var(--content-width) * 0.20);}
#clover2{left: 50%; top: calc(var(--content-width) * 0.295);}
#clover3.clover{width: 54%; left: -6%; top: calc(var(--content-width) * 0.61);}
#clover4{left: 45%; top: calc(var(--content-width) * 0.81);}
#introduction-area .left{width: 10%; left: 20%; top: calc(var(--content-width) * 0.09);}
#introduction-area .right{width: 10%; left: 70%; top: calc(var(--content-width) * 0.09);}
#introduction-area .title2{top: calc(var(--content-width) * 1.56);}
#introduction-area .merit-block{width: 28%; height: calc(var(--content-width) * 0.32); 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.68); left: 20%;}
#introduction-area #merit-block2{top: calc(var(--content-width) * 1.68); left: 50%;}
#introduction-area #merit-block3{top: calc(var(--content-width) * 1.68); left: 80%;}
#introduction-area #merit-block4{top: calc(var(--content-width) * 2.04); left: 20%;}
#introduction-area #merit-block5{top: calc(var(--content-width) * 2.04); left: 50%;}
#introduction-area #merit-block6{top: calc(var(--content-width) * 2.04); left: 80%;}
#introduction-area .merit-block .subtitle{width: 60%; left: 38%; top: calc(var(--content-width) * 0.05); font-size: calc(var(--font-base) * 1.2);}
#introduction-area .merit-block .paragraph{width: 58%; left: 38%; top: calc(var(--content-width) * 0.11); font-size: calc(var(--font-base) * 0.9);}
#introduction-area .merit-block .image{width: 36%; left: 2%; top: 50%; transform: translate(0,-50%);}

.photoframe1{width: 18%; left: 9%; top: calc(var(--content-width) * 0.02); transform-origin: 50% 10%; transform: rotate(5deg); z-index: 1; opacity: 0; animation: tremble ease-in-out 2s infinite ,fade-in 1s forwards;}
.photoframe2{width: 18%; left: 74%; top: calc(var(--content-width) * 0.10); transform-origin: 50% 10%; transform: rotate(-5deg); z-index: 1; opacity: 0; animation: tremble ease-in-out 2s infinite ,fade-in 1s forwards; animation-delay: 1s;}
#life-area table{width: 90%; left: 5%;}
#life-area table tr{width: 100%;}
#life-area table th.time{width: 24%;}
#life-area table td{text-align: center; padding-top: calc(var(--content-width) * 0.03); padding-bottom: calc(var(--content-width) * 0.03);}
#life-area table td span{margin-right: calc(var(--content-width) * 0.02);}
#life-area .left{width: 10%; left: 28%; top: calc(var(--content-width) * 0.02);}
#life-area .right{width: 10%; left: 62%; top: calc(var(--content-width) * 0.02);}
#life-area .daily{width: 90%; left: 5%;}

#annual-area table{table-layout: fixed;}
#annual-area table{width: 90%; left: 5%;}
#annual-area table tr{width: 100%;}
#annual-area th.lime{background-color: limegreen;}
#annual-area th.april{background-color: lightcoral;}
#annual-area th.may{background-color: dodgerblue;}
#annual-area th.june{background-color: mediumpurple;}
#annual-area th.july{background-color: limegreen;}
#annual-area th.august{background-color: orangered;}
#annual-area th.september{background-color: gold;}
#annual-area th.october{background-color: chocolate;}
#annual-area th.november{background-color: olive;}
#annual-area th.december{background-color: slategray;}
#annual-area th.january{background-color: orange;}
#annual-area th.february{background-color: deepskyblue;}
#annual-area th.march{background-color: palevioletred;}
#annual-area td{background-color: lightyellow; text-align: center; vertical-align:top; height: calc(var(--content-width) * 0.22);}
#annual-area td.tall{height: calc(var(--content-width) * 0.30);}
#annual-area td .image-relative{width: 96%; left: 2%; height: calc(var(--content-width) * 0.18); margin-top: calc(var(--content-width) * 0.02); border-radius: calc(var(--content-width) * 0.03);}
#annual-area td .image-relative.wide{width: 90%; left: 5%; height: calc(var(--content-width) * 0.25);}

#apply-area{height: calc(var(--content-width) * 0.54);}
#apply-area .photo{width: 50%; height: 100%; border-radius: calc(var(--content-width) * 0.02); object-position: 65% 50%;}
#apply-area p.subtitle{width: 20%; left: 68%; text-align: center; letter-spacing: calc(var(--font-base) * 0.2); padding-top: calc(var(--content-width) * 0.06);}
#apply-area table{width: 44%; left: 56%; table-layout: fixed;}
#apply-area table td.center{text-align: center;}
#apply-area .link-button{width: 30%; left: 63%; height: calc(var(--content-width) * 0.06); border-radius: calc(var(--content-width) * 0.03);}
#apply-area .link-button .link-button-cover{border-radius: calc(var(--content-width) * 0.03);}
#apply-area .link-button .button-arrow{height: 60%; top: 20%; left: 88%; transform: translate(-50%,0); opacity: 1; transition: 0.4s;}
#apply-area .link-button p{left: 44%;}
#apply-area .link-button:hover  .button-arrow.noselect{opacity: 0;}
#apply-area .left{width: 10%; left: 60%; top: calc(var(--content-width) * 0.03);}
#apply-area .right{width: 10%; left: 86%; top: calc(var(--content-width) * 0.03);}

#overview-area .image-relative{width: 100%; border-radius: calc(var(--content-width) * 0.03);}
#overview-area table{width: 80%; left: 10%;}
#overview-area table tr{width: 100%;}
#overview-area table th{width: 24%;}

#access-area .area-paragraph{left: 8%; width: 80%;}
#access-area .access{width: 90%; left: 5%; height: calc(var(--content-width) * 0.36);}
#access-area .access-map{width: 60%; height: 100%;}
#access-area .access .paragraph{left: 65%; top: 50%; transform: translate(0,-50%);}

#guidance-area .heading{
	width: 96%;
	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);
}
.left-image-right-paragraph{
	width: 100%; height: calc(var(--content-width) * 0.28);
}
.left-image-right-paragraph .image{width: 45%; height: 100%; border-radius: calc(var(--content-width) * 0.03);}
.left-image-right-paragraph .paragraph{width: 50%; left: 50%; top: 50%; transform: translate(0,-50%);}

.two-block-content{display: flex; position: relative; width: 100%;}
.two-block-content>div{width: 50%; margin-right: 4%;}

.staff-tree{width: 140%; left: -20%; height: calc(var(--content-width) * 1.40);}
.staff-tree-image{opacity: 0.7;}
.staff-orange{width: calc(var(--content-width) * 0.24); height: calc(var(--content-width) * 0.24); transform: translate(-50%, -50%);}
.staff-photo{width: calc(var(--content-width) * 0.16); height: calc(var(--content-width) * 0.12); top: 60%; left: 50%; transform: translate(-50%,-50%); border-radius: calc(var(--content-width) * 0.05);}
.staff-orange p{width: 100%; top: 90%;}
#staff-orange1{top: calc(var(--content-width) * 0.20); left: 45%;}
#staff-orange2{top: calc(var(--content-width) * 0.25); left: 65%;}
#staff-orange3{top: calc(var(--content-width) * 0.40); left: 25%;}
#staff-orange4{top: calc(var(--content-width) * 0.50); left: 42%;}
#staff-orange5{top: calc(var(--content-width) * 0.55); left: 62%;}
#staff-orange6{top: calc(var(--content-width) * 0.45); left: 80%;}
#staff-orange7{top: calc(var(--content-width) * 0.68); left: 15%;}
#staff-orange8{top: calc(var(--content-width) * 0.75); left: 34%;}
#staff-orange9{top: calc(var(--content-width) * 0.80); left: 54%;}
#staff-orange10{top: calc(var(--content-width) * 0.75); left: 75%;}

#blog-title-area{height: calc(var(--content-width) * 0.12);}

.area-content.blog{display: flex; position: relative;}
.area-content.blog .left-column{width: 65%; margin-right: 5%;}
.area-content.blog .right-column{width: 30%;}

.area-content.dish{display: flex; position: relative;}
.area-content.dish .left-column{width: 60%; left: 20%;}
.area-content.dish .right-column{display: none;}

.blog-pager{width: 100%; height: calc(var(--content-width) * 0.08);}
.blog-pager p{top: 50%; text-align: center; transform: translate(-50%, -50%); white-space:nowrap;}
.blog-pager .link-prev{left: 25%;}
.blog-pager .separator-prev{left: 37%;}
.blog-pager .link-top{left: 50%;}
.blog-pager .separator-next{left: 63%;}
.blog-pager .link-next{left: 75%;}

.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 .margin-bottom-inblock{margin-bottom: calc(var(--margin-base) * 0.5);}
.blog-list .small-paragraph{font-size: calc(var(--font-base) * 0.8);}

#fee-area table{width: 100%; table-layout: fixed; font-size: calc(var(--font-base) * 0.7);}

#food-area .recent-article .image-relative{width: 60%; left: 20%; border-radius: calc(var(--content-width) * 0.03);}
#food-area .link-button{width: 30%; left: 63%; height: calc(var(--content-width) * 0.06); border-radius: calc(var(--content-width) * 0.03);}
#food-area .link-button p{font-size: calc(var(--font-base) * 0.8);}

#food-area .heading{
	width: 76%;
	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);
}
.twoblock-visual{width: 100%; height: calc(var(--content-width) * 0.40);}
.twoblock-visual .image{width: auto; height: calc(var(--content-width) * 0.40); border-radius: calc(var(--content-width) * 0.02);}
.twoblock-visual-block1{left: 28%; transform: translate(-50%,0);}
.twoblock-visual-block2{left: 72%; transform: translate(-50%,0);}
.centered-visual{width: 100%; height: calc(var(--content-width) * 0.40);}
.centered-visual .image{width: auto; height: calc(var(--content-width) * 0.40); border-radius: calc(var(--content-width) * 0.02); left: 50%; transform: translate(-50%,0);}

#entry-form-area .left{width: 10%; left: 18%; top: calc(var(--content-width) * 0.0);}
#entry-form-area .right{width: 10%; left: 72%; top: calc(var(--content-width) * 0.0);}

#contact-area .left{width: 10%; left: 21%; top: calc(var(--content-width) * 0.0);}
#contact-area .right{width: 10%; left: 69%; top: calc(var(--content-width) * 0.0);}

#form-complete-area .link-button{width: 10%; left: 45%; height: calc(var(--content-width) * 0.05); border-radius: calc(var(--content-width) * 0.03);}
#form-complete-area .link-button p{left: 50%;}

#recruit-overview-area .link-button{width: 30%; left: 35%; height: calc(var(--content-width) * 0.06); border-radius: calc(var(--content-width) * 0.03);}

#instagram-area .image-relative{width: 12%;}

#detail-area table{width: 90%; left: 5%;}
#detail-area table tr{width: 100%;}
#detail-area table th{width: 20%;}

#entry-link-area .link-button{width: 30%; left: 35%; height: calc(var(--content-width) * 0.06); border-radius: calc(var(--content-width) * 0.03);}

#login-area table{width: 88%; left: 6%;}
#login-area table tr{width: 100%;}
#login-area table th{width: 30%;}

.in-page-link{right: 2%;}
#news-edit-list-area .block-news-list{
	width: 100%; height: calc(var(--content-width) * 0.16);
	border-bottom: 1px solid dimgray;
}
#news-edit-list-area .block-news-list .image{width: 20%; height: 90%; left: 20%; top: 5%;}
#news-edit-list-area .block-news-list .image-full{width: 20%; height: 90%; left: 20%; top: 5%;}
#news-edit-list-area .news-list-date{left: 10%; top: 50%; transform: translate(-50%,-50%);}
#news-edit-list-area .news-list-title{width: 40%; left: 60%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
#news-edit-list-area button{
	width: 10%; left: 85%;
	height: calc(var(--content-width) * 0.05); top: 50%;
	transform: translate(0,-50%);
	background-color: white;
	transition: background-color 0.4s, color 0.4s;
}
#news-edit-list-area button.button-new-post{
	width: 20%; left: 50%; transform: translate(-50%,0);
}

#dish-edit-list-area .block-news-list{
	width: 100%; height: calc(var(--content-width) * 0.16);
	border-bottom: 1px solid dimgray;
}
#dish-edit-list-area .block-news-list .image{width: 20%; height: 90%; left: 10%; top: 5%;}
#dish-edit-list-area .block-news-list .image-full{width: 20%; height: 90%; left: 10%; top: 5%;}
#dish-edit-list-area .news-list-date{width: 40%; left: 60%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
#dish-edit-list-area button{
	width: 10%; left: 85%;
	height: calc(var(--content-width) * 0.05); top: 50%;
	transform: translate(0,-50%);
	background-color: white;
	transition: background-color 0.4s, color 0.4s;
}
#dish-edit-list-area button.button-new-post{
	width: 20%; left: 50%; transform: translate(-50%,0);
}

#news-edit-area table{
	width: 100%;
}
#news-edit-area table tr{
	width: 100%;
}
#news-edit-area table th{
	width: 20%;
}
#news-edit-area table td{
	background-color: khaki;
}
#news-edit-area .date-input{
	width: calc(var(--font-base) * 4);
	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;
	margin-right: calc(var(--font-base) * 0.5);
}
#news-edit-area .full-input{
	width: calc(var(--font-base) * 23.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;
}
#news-edit-area .uploader{
	padding: 0 calc(var(--font-base) * 1);
	font-family: "Kiwi Maru", sans-serif;
	font-weight: 500;
	font-style: normal;
}
#news-edit-area textarea{
	width: calc(var(--font-base) * 23.2);
	height: calc(var(--font-base) * 14);
	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;
}
#news-edit-area button{
	width: 15%; left: 50%;
	height: calc(var(--content-width) * 0.05);
	transform: translate(-50%,0);
	background-color: white;
	transition: background-color 0.4s, color 0.4s;
}

#schedule-edit-area table{
	width: 80%; left: 10%;
}
#schedule-edit-area table tr{
	width: 100%;
}
#schedule-edit-area table th{
	width: 20%;
}

#news-complete-area button{
	width: 15%; left: 50%;
	height: calc(var(--content-width) * 0.05);
	transform: translate(-50%,0);
	background-color: white;
	transition: background-color 0.4s, color 0.4s;
}