html {
	border: 0;
	font-size: 18px;
	line-height: 1.8em;
	color: #53342d;
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Yu Gothic', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: visible !important;
	overflow-y: visible !important;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background: url("images/bg_body.jpg");
	background-size: 128px auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, img {
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	list-style: none;
	list-style-position: inside;
	border: none;
}
#system_main {
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}
a {
	text-decoration: underline;
}
a, a img {
	color: #1aafe6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color: #38bff1;
	text-decoration: none;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
img {
	max-width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
/*--------------------------------------------
common
--------------------------------------------*/
header, #mainvnav, footer {
	width: 100%;
}
main {
	margin: 0 auto;
	padding-bottom: 5em;
	text-align: left;
	position: relative;
	display: block;
}
article section, .wrapper, #blogbox {
	max-width: 1000px;
	margin: 0 auto;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* table */
table {
	width: 100%;
}
table th, table td {
	padding: 0.8em 0.8em;
	border-bottom: 1px dashed #ded3b6;
}
table tr:last-of-type th, table tr:last-of-type td {
	border: none;
}
.table_area {
	background: url("images/bg_brush_p01.jpg");
	padding: 10px;
	border-radius: 10px;
}
.table_area table {
	padding: 20px;
	background: #fff;
}
/*--------------------------------------------
header
--------------------------------------------*/
header {
	position: relative;
	background-image: url("images/header_tree_left.png"), url("images/header_tree_right.png");
	background-position: left 15px, right 15px;
	background-repeat: no-repeat;
	background-size: 353px;
}
header:before {
	content: "";
	width: 100%;
	height: 10px;
	position: absolute;
	border-top: 3px dashed #c3d600;
	left: 0;
	top: 5px;
}
header .logo {
	position: relative;
	padding-top: 10px;
	margin-bottom: 10px;
}
header .logo h1 {
	max-width: 380px;
	margin: 10px auto 0;
	z-index: 2000;
	position: relative;
}
header .logo h1:hover img {
	transform: translateY(-3px);
	transition: 0.1s;
}
/* menu */
#mainnav {
	width: 100%;
	z-index: 100;
	position: relative;
	margin-bottom: 30px;
}
#mainnav ul {
	max-width: 1040px;
	text-align: center;
	margin: 0 auto;
	display: flex;
	-js-display: flex;
	justify-content: space-around;
	;
}
#mainnav ul li {
	width: 14%;
	margin: 0;
	padding: 0;
	position: relative;
}
#mainnav ul li a {
	display: block;
	width: 100%;
}
#mainnav ul li a:hover {
	transform: translateY(-3px);
	transition: 0.1s;
}
/*--------------------------------------------
main
--------------------------------------------*/
main .main_title {
	max-width: 1200px;
	-js-display: flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 1em;
}
/* h2 h3 */
.maintitle {
	width: 100%;
	-js-display: flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1em auto 40px;
}
.title img {
	height: 53px;
	margin: 0 40px;
	text-align: center;
}
.bg_lft, .bg_rgt {
	height: 89px;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.bg_lft {
	background-image: url(images/h2_bg_left.png);
	background-position: right center;
}
.bg_rgt {
	background-image: url(images/h2_bg_right.png);
	background-position: left center;
}
main article {
	margin-bottom: 60px;
}
main article section {
	margin-bottom: 40px;
}
main article:last-of-type, main article > section:last-of-type {
	margin-bottom: 0;
}
.fontL {
	font-size: 1.2em;
	color: #ff7421;
	font-weight: bold;
}
/* h2 */
.lower_title {
	background-image: url("images/bg_check.jpg");
	position: relative;
	padding: 40px 0;
	margin-bottom: 80px;
}
.lower_title:before, .lower_title:after {
	content: "";
	width: 100%;
	height: 36px;
	left: 0;
	position: absolute;
	background-size: 264px;
}
.lower_title:before {
	background-image: url("images/line_clover.png");
	top: -14px;
}
.lower_title:after {
	background-image: url("images/line_clover.png");
	bottom: -14px;
}
.lower_title h2 img {
	height: 49px;
}
main h4 {
	width: 100%;
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 1em;
	position: relative;
	z-index: 100;
	color: #eb6182;
	padding: 10px 0 10px 80px;
	text-align: left;
}
main h4:before {
	left: 0;
	top: 0;
	content: "";
	width: 75px;
	height: 43px;
	position: absolute;
	background-image: url(images/h4_flower_y.png);
	background-size: contain;
	background-repeat: no-repeat;
}
main h4:after {
	left: 0;
	bottom: -10px;
	content: "";
	width: 100%;
	height: 10px;
	border-radius: 5px;
	position: absolute;
	background-image: url(images/bg_paper_p02.png);
}
/* list */
ul.disc li:before {
	content: "●";
	color: #f2a22f;
	position: absolute;
	left: -1.2em;
	font-size: 0.9em;
}
ul.disc li {
	position: relative;
	margin-left: 1em;
}
ul.disc li:last-of-type, ol li:last-of-type {
	margin-bottom: 0 !important;
}
ol.list {
	margin-left: 30px;
}
ol.list li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 0.8em;
}
article p {
	margin-bottom: 1em;
}
article p:last-of-type {
	margin-bottom: 0;
}
/* btn */
main article section .btn {
	text-align: right;
	margin-top: 20px;
}
.photoframe {
	border-radius: 10px;
	background: url("images/bg_paper_y01.jpg");
	padding: 10px;
}
.photoframe img {
	border: 5px solid #fff;
	border-radius: 10px;
}
/* 白背景 */
.bg_white {
	background: rgba(255, 255, 255, 0.7);
	position: relative;
	padding: 40px 0;
}
.bg_white:before, .bg_white:after {
	content: "";
	width: 100%;
	height: 9px;
	position: absolute;
	left: 0;
	background-size: 1800px;
}
.bg_white:before {
	background-image: url("images/bg_paper_line_top.png");
	top: -9px;
}
.bg_white:after {
	background-image: url("images/bg_paper_line_bottom.png");
	bottom: -9px;
}
/*--------------------------------------------
index
--------------------------------------------*/
main.index {
	margin-top: 60px;
}
.slider_wrapper {
	z-index: 99;
	position: relative;
}
.slider_inbox {
	background-image: url("images/bg_check.jpg");
	position: relative;
	padding: 36px 0 56px;
}
.slider_inbox:before, .slider_inbox:after {
	content: "";
	width: 100%;
	height: 36px;
	left: 0;
	position: absolute;
	background-size: 264px;
}
.slider_inbox:before {
	background-image: url("images/line_clover.png");
	top: -14px;
}
.slider_inbox:after {
	background-image: url("images/line_clover.png");
	bottom: -14px;
}
.slick-slide {
	margin: 0 20px;
}
.slick-slide img {
	border-radius: 20px;
	border: 10px solid #fff;
	width: 100%;
}
.slider_inbox li {
	padding-top: 30px;
	position: relative;
}
.slider_inbox li:before {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	left: 50%;
	top: 10px;
	transform: translateX(-50%);
	width: 234px;
	height: 52px;
}
.slider_inbox li:nth-of-type(3n+1):before {
	background-image: url("images/slide_tape01.png");
}
.slider_inbox li:nth-of-type(3n+2):before {
	background-image: url("images/slide_tape02.png");
}
.slider_inbox li:nth-of-type(3n):before {
	background-image: url("images/slide_tape03.png");
}
/*main theme*/
#main_theme {
	background-image: url("images/aisatsu_bg.png");
	background-size: 1310px 268px;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.8;
	min-height: 268px;
	padding-top: 30px;
}
#main_theme strong {
	font-weight: bold;
	color: #ff7800;
	font-size: 1.2em;
}
/* news */
.news_list {
	background: url("images/bg_brush_p01.jpg");
	padding: 10px;
	border-radius: 10px;
}
.news_list ul {
	padding: 20px;
	background: #fff;
	height: calc((1.8em + 29px) * 5);
	line-height: 1.8;
	overflow-y: scroll;
}
.news_list ul li {
	border-bottom: 1px dashed #ded3b6;
	padding: 10px 0;
}
.news_list ul li:last-of-type {
	border: none;
}
/* naiyo */
#naiyo dt {
	padding: 0 0 4px 36px;
	position: relative;
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 15px;
}
#naiyo dt:before {
	content: "";
	width: 26px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 3px;
	background-repeat: no-repeat;
	background-size: contain;
}
#naiyo dt:nth-of-type(odd):before {
	background-image: url("images/icon_flower01.png");
}
#naiyo dt:nth-of-type(even):before {
	background-image: url("images/icon_flower02.png");
}
#naiyo dt:after {
	content: "";
	width: 100%;
	height: 4px;
	background-image: url("images/line_stripe.png");
	position: absolute;
	left: 0;
	bottom: 0;
}
#naiyo dd {
	margin-bottom: 2em;
}
/* gaiyo */
#gaiyo .table_area {
	background-image: url("images/bg_brush_g01.jpg");
}
#gaiyo .map iframe {
	border-radius: 10px;
}
/*--------------------------------------------
about
--------------------------------------------*/
/* hoshin */
#hoshin {
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.8;
}
#hoshin span {
	background: linear-gradient(transparent 60%, #fff2ac 0%);
}
/* rinen */
#rinen section {
	text-align: center;
}
/* mokuhyo */
#mokuhyo ul {
	width: 100%;
	-js-display: flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#mokuhyo li {
	width: 29%;
	margin: 1%
}
/* tokushoku joho */
#joho {
	margin-top: 80px;
}
#tokushoku .blogkiji, #joho .blogkiji {
	padding: 10px;
}
#tokushoku .blogmidashi, #joho .blogmidashi {
	font-weight: 500;
	font-size: 1.5em;
	line-height: 1.7;
	position: relative;
	border-radius: 10px 10px 0 0;
	background: #fff;
}
#tokushoku .blogmidashi:before, #joho .blogmidashi:before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	left: 20px;
	top: 10px;
	position: absolute;
}
#tokushoku .blogkiji {
	background: url("images/bg_brush_p01.jpg");
}
#tokushoku .blogmidashi {
	padding: 0.6em 0.5em 0.5em 72px;
}
#tokushoku .blogmidashi:before {
	background-image: url(images/about_tokushoku_icon.png);
	width: 32px;
	height: 50px;
}
#joho .blogkiji {
	background: url("images/bg_brush_o01.jpg");
}
#joho .blogmidashi {
	padding: 0.8em 0.5em 0.5em 72px;
}
#joho .blogmidashi:before {
	background-image: url(images/about_joho_icon.png);
	width: 43px;
	height: 49px;
}
#tokushoku .blogbox, #joho .blogbox {
	background: #fff;
}
/*--------------------------------------------
daily
--------------------------------------------*/
#program_table section .age01, #program_table section .age02 {
	position: relative;
	width: 49%;
	border-radius: 10px;
	padding: 10px;
}
#program_table section .age01 {
	background: url("images/bg_brush_p02.jpg");
}
#program_table section .age02 {
	background: url("images/bg_brush_y01.jpg");
}
#program_table section h3 {
	text-align: center;
	padding: 10px 0;
}
#program_table section h3 img {
	height: 35px;
}
#program_table section .daily_program {
	background: #fff;
	border-radius: 10px;
}
#program_table section .daily_program th {
	font-weight: bold;
	width: 5em;
	vertical-align: top;
}
#program_table section .daily_program td p {
	margin-bottom: 0.5em;
}
#program_table section .daily_program td img {
	width: 100%;
	border-radius: 10px;
}
#program_table section [class*="daily_icon"] {
	position: absolute;
}
#program_table section .daily_icon01 {
	right: 20px;
	top: 80px;
}
#program_table section .daily_icon02 {
	left: 20px;
	top: 20px;
}
#program_table section .daily_icon03 {
	right: 80px;
	top: 20px;
}
#program_table section .daily_icon04 {
	right: 20px;
	top: 80px;
}
#program_table section .daily_icon05 {
	left: 20px;
	top: 20px;
}
#program_table section .daily_icon06 {
	right: 80px;
	top: 20px;
}
/*--------------------------------------------
yearly
--------------------------------------------*/
#yearlybox [class*="season_"] {
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 30px;
}
#yearlybox [class*="season_"] h3 {
	background: #fff;
	border-radius: 10px 10px 0 0;
	padding: 20px;
}
#yearlybox [class*="season_"] h3 img {
	height: 100px;
}
#yearlybox [class*="season_"] dl {
	border-radius: 0 0 10px 10px;
	background: #fff;
	padding: 0 20px 20px;
}
#yearlybox [class*="season_"] dt {
	width: 38%;
	margin-right: 2%;
}
#yearlybox [class*="season_"] dt ul {
	-js-display: flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-left: 20px;
	font-size: 15px;
}
#yearlybox [class*="season_"] dt ul li {}
#yearlybox [class*="season_"] dt ul li:before {
	content: "●";
	color: #f2a22f;
	position: absolute;
	left: -1.2em;
	font-size: 0.9em;
}
#yearlybox [class*="season_"] dt ul li {
	position: relative;
	width: 47%;
}
#yearlybox [class*="season_"] dt ul li:last-of-type {
	margin-bottom: 0 !important;
}
#yearlybox [class*="season_"] dd {
	width: 60%;
}
#yearlybox [class*="season_"] dd ul {
	-js-display: flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
#yearlybox [class*="season_"] dd ul li {
	width: 49%;
}
#yearlybox [class*="season_"] dd ul li img {
	width: 100%;
	border-radius: 5px;
}
	#yearlybox .season_other dt ul {
		display: block;
	}
	#yearlybox .season_other dt ul  li {
		width: auto;
}
#yearlybox .season_spring {
	background: url("images/bg_brush_p01.jpg");
}
#yearlybox .season_summer {
	background: url("images/bg_brush_g03.jpg");
}
#yearlybox .season_autum {
	background: url("images/bg_brush_o01.jpg");
}
#yearlybox .season_winter {
	background: url("images/bg_brush_b01.jpg");
}
#yearlybox .season_other {
	background: url("images/bg_brush_pp01.jpg");
	margin-bottom: 0;
}
#yearlybox .season_other h3 img {
	height: 40px;
}
/*--------------------------------------------
recruit
--------------------------------------------*/
.recruit_button {
	text-align: center;
	margin-bottom: 60px;
}
.recruit_button img {
	max-width: 834px;
}
.recruit_button a:hover img {
	transform: translateY(-3px);
	transition: 0.1s;
}
.recruit .blogkiji {
	padding: 10px;
	background: url("images/bg_brush_g01.jpg");
	border-radius: 10px;
}
.recruit .blogkiji .blogmidashi {
	font-weight: 500;
	font-size: 1.5em;
	line-height: 1.7;
	position: relative;
	border-radius: 10px 10px 0 0;
	background: #fff;
	padding: 0.8em 0.5em 0.5em 72px;
}
.recruit .blogkiji .blogmidashi:before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	left: 20px;
	top: 10px;
	position: absolute;
	background-image: url(images/recruit_icon.png);
	width: 40px;
	height: 51px;
}
.recruit .blogbox {
	background: #fff;
	padding: 2rem 1rem 1rem;
	border-radius: 0 0 10px 10px;
}
/*--------------------------------------------
blog
--------------------------------------------*/
#blogside {
	width: 250px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-right: 30px;
	background: url("images/bg_brush_o02.jpg");
	padding: 10px;
}
#blogside h3 {
	text-align: center;
	margin: 10px 0;
}
#blogside h3 img {
	height: 32px;
}
#blogside ul {
	padding: 20px 10px 20px 10px;
	background: #fff;
	border-radius: 5px;
}
#blogside ul li {
	padding: 10px 0 0 32px;
	border-bottom: 1px dotted #ffd967;
	position: relative;
}
#blogside ul li:before {
	position: absolute;
	content: "";
	left: 0;
	top: 12px;
	width: 29px;
	height: 23px;
	background-image: url("images/blog_side_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
}
#blogside ul li:last-of-type {
	border: none;
}
#blogmain {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.blogkiji {
	border-radius: 10px;
	margin-bottom: 40px;
}
.blogkiji_box {
	background: #f7f7f7;
	border-radius: 10px;
	border-radius: 10px;
	position: relative;
	padding: 20px 0;
}
.blogkiji .blogmidashi {
	font-size: 1.3em;
	position: relative;
	padding: 5px 80px 20px 70px;
	color: #ff8a00;
}
.blogkiji .blogmidashi:after {
	content: "";
	width: 96%;
	height: 8px;
	border-radius: 5px;
	position: absolute;
	background-image: url("images/line_dashed.png");
	background-size: 138px;
	left: 2%;
	bottom: 0;
	background-repeat: repeat-x;
}
.blogkiji .blogmidashi:before {
	background-image: url("images/blog_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	content: "";
	width: 38px;
	height: 40px;
	position: absolute;
	left: 20px;
	top: 0;
}
.blogkiji .blogbox {
	padding: 1rem;
	border-radius: 0 0 10px 10px;
}
.blogkiji .bloghonbun {
	margin-bottom: 20px;
}
.blogkiji .photo {
	width: 100%;
	-js-display: flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.blogkiji .photo dl {
	width: 32%;
	margin: 10px 0;
}
.blogkiji .photo img {
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.blogkiji .photo dd {
	font-size: 0.8em;
	text-align: center;
	margin-top: 5px;
	color: #999;
	line-height: 1.7;
}
.blogkiji .blogdate {
	border-top: 1px dotted #ccc;
	padding-top: 5px;
	text-align: right;
	font-size: 0.9em;
	color: #999;
}
.pdf {
	margin-bottom: 10px;
}
.pdf a {
	display: inline-block;
	position: relative;
	margin: 0.5em 0;
	padding: 13px 20px 10px 60px;
	background: #fff6c5;
	border-radius: 5px;
	text-decoration: none;
	color: #eb9000;
}
.pdf a:hover {
	opacity: 0.8;
}
.pdf a:before {
	content: "";
	background: url(images/icon_pdf.png) no-repeat left top;
	background-size: contain;
	width: 40px;
	height: 48px;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%)
}

.url {
	margin-bottom: 10px;
}
.url a {
	display: inline-block;
	position: relative;
	margin: 0.5em 0;
	padding: 13px 20px 10px 60px;
	background: #fff6c5;
	border-radius: 5px;
	text-decoration: none;
	color: #eb9000;
}
.url a:hover {
	opacity: 0.8;
}
.url a:before {
	content: "";
	background: url(images/icon_link.png) no-repeat left top;
	background-size: contain;
	width: 40px;
	height: 48px;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%)
}
#blogmain #next {
	text-align: center;
}
.youtube {
	width: 100%;
	margin: 30px 0 20px;
	padding-top: 56.25%;
	position: relative;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------------------
footer
--------------------------------------------*/
footer {
	margin-top: 20px;
	position: relative;
	padding-top: 59px;
}
footer:before {
	content: "";
	width: 100%;
	height: 59px;
	background: url("images/footer_bg.png");
	background-size: 200px;
	position: absolute;
	left: 0;
	top: 0;
}
footer section {
	position: relative;
}
footer .copy {
	display: block;
	font-size: 0.8em;
	text-align: center;
	padding: 1em 0;
	color: #fff;
	background-image: url(images/bg_brush_g02.jpg);
	position: relative;
	font-size: 0.8em;
}
.copy:before, .copy:after {
	background-image: url(images/bg_footer_dashed.png);
	background-size: 18px;
	position: absolute;
	left: 0;
	content: "";
	width: 100%;
	height: 5px;
}
.copy:before {
	top: 2px;
}
.copy:after {
	bottom: 2px;
}
/* page_top */
#page_top {
	width: 234px;
	height: 171px;
	position: absolute;
	right: 10vw;
	top: -160px;
	z-index: 1000;
}
#page_top a img:hover {
	transform: translateY(-3px);
	transition: 0.1s;
}
@media screen and (min-width: 769px) and (max-width: 1099px) {
	.wrapper {
		padding: 0 20px 0;
	}
	header h1 {
		width: 400px;
	}
	main > h2 {
		margin: 0;
	}
}
@media print, screen and (min-width: 769px) {
	.hidePc {
		display: none !important;
	}
	/* PCのみ2カラム */
	#blogbox, #program_table section, #yearlybox [class*="season_"] dl {
		-js-display: flex;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
}
@media screen and (max-width:768px) {
	body {
		font-size: 14px;
		line-height: 1.8;
	}
	.hideSp {
		display: none !important;
	}
	.wrap {
		background: none;
	}
	table th {
		vertical-align: top;
	}
	header {
		background-size: 30%;
		background-position: left 10px, right 10px;
		margin-bottom: 10px;
	}
	header:before {
		height: 5px;
	}
	header:after {
		top: 5px;
		height: 5px;
	}
	header .logo {
		padding-top: 6px;
	}
	header .logo h1 {
		width: 80%;
		max-width: 240px;
		margin-bottom: 10px;
	}
	#mainnav {
		width: 98%;
		margin: 0 auto 2em;
		position: static;
		transform: none;
		background: none;
		padding-bottom: 0;
	}
	#mainnav ul {
		margin: 0 10px;
		flex-wrap: wrap;
		justify-content: center;
	}
	#mainnav ul li {
		width: 25%;
		text-align: center;
		border: none !important;
		box-sizing: border-box;
	}
	#mainnav ul li a {
		width: 100%;
		padding: 0;
		border-radius: 10px;
		height: auto;
		box-sizing: border-box;
	}
	.slider_inbox:before, .slider_inbox:after, .lower_title:before, .lower_title:after {
		height: 23px;
		background-size: 170px;
	}
	.lower_title {
		margin-top: 0;
		margin-bottom: 8vw;
		padding: 10px 0;
	}
	.lower_title_inbox {
		padding: 0;
	}
	.lower_title h2:before, .lower_title h2:after {
		display: none;
	}
	.lower_title h2 img {
		width: auto;
		height: 7vw;
		margin: 8px 0;
	}
	.slider_wrapper {
		margin-top: 0;
		margin-bottom: 40px;
	}
	.slider_inbox {
		padding: 20px 0;
	}
	.slick-initialized .slick-slide {
		margin: 0 5px;
	}
	.slick-slide img {
		border: 4px solid #fff;
		border-radius: 5px;
	}
	main {
		width: auto;
		border-radius: 0;
		margin: 0;
		background-position: left top, right top;
		background-size: 40px;
		padding-bottom: 3em;
	}
	main.index {
		margin-top: 30px;
	}
	.wrapper, #blogbox {
		padding: 10px;
		display: flex;
		flex-direction: column;
	}
	main article {
		margin-bottom: 6vw;
	}
	main article > section {
		margin: 0 10px 2em;
	}
	main .maintitle {
		margin: 0 0 20px;
		padding: 0;
	}
	main .title img {
		height: 7vw;
		margin: 0 10px;
	}
	main .bg_lft, main .bg_rgt {
		height: 7vw;
	}
	main article h2 {
		font-size: 1.5em;
		background-size: 1000px;
	}
	main article h3 {
		background-size: 80%;
		padding-top: 40px;
	}
	.scroll {
		overflow-x: scroll;
	}
	article section {
		padding: 0;
	}
	.wrapper {
		padding: 0 10px;
	}
	.slider_inbox {
		padding: 10px 0px 20px;
	}
	.slider_inbox li {
		padding-top: 20px;
	}
	.slider_inbox li:before {
		width: 120px;
		height: 30px;
		top: 5px;
	}
	.news_list ul {
		padding: 10px;
	}
	#main_theme {
		padding: 0 10px;
		background-position: left top;
		min-height: auto;
		background-size: cover;
		text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
	}
	#naiyo dd {
		margin-bottom: 1em;
	}
	#negai ul li {
		width: 33%;
	}
	#hoshin {
		font-size: 1em;
	}
	#rinen section {
		text-align: left;
	}
	#mokuhyo li {
		width: 48%;
	}
	#tokushoku, #joho {
		margin-top: 2em;
	}
	#tokushoku .blogmidashi, #joho .blogmidashi {
		font-size: 1.2em;
	}
	#tokushoku .blogmidashi {
		padding: 1em 0.5em 1em 50px;
	}
	#tokushoku .blogmidashi:before {
		width: 40px;
		height: 40px;
		left: 10px;
	}
	d #joho .blogmidashi:before {
		width: 40px;
		height: 40px;
		left: 10px;
	}
	#joho .blogmidashi {
		padding: 1em 0.5em 1em 60px;
	}
	#tokushoku .blogkiji {
		margin-bottom: 30px;
	}
	#tokushoku .blogkiji:last-of-type {
		margin-bottom: 0;
	}
	#program_table section .age01, #program_table section .age02 {
		width: auto;
	}
	#program_table section [class*="daily_icon"] {
		display: none;
	}
	#program_table section .age01 {
		margin-bottom: 20px;
	}
	#yearlybox [class*="season_"] h3 {
		padding: 10px;
		text-align: center;
	}
	#yearlybox [class*="season_"] h3 img {
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	#yearlybox .season_other h3 img {
		width: 70%;
		max-width: 220px;
	}
	#yearlybox [class*="season_"] dl {
		padding: 0 10px 10px;
	}
	#yearlybox [class*="season_"] dt, #yearlybox [class*="season_"] dd {
		width: auto;
	}
	#yearlybox [class*="season_"] dt {
		margin-bottom: 10px;
	}
	#yearlybox .season_other dt ul li {
		width: auto;
	}
	.recruit_button {
		margin-bottom: 2em;
	}
	.recruit_button img {
		width: 100%;
	}
	.recruit .blogkiji .blogmidashi:before {
		width: 40px;
		height: 40px;
		left: 10px;
	}
	.recruit .blogkiji .blogmidashi {
		padding: 1em 0.5em 1em 52px;
		font-size: 1.2em;
	}
	#blogside {
		width: 100%;
		margin: 20px 0 0;
		order: 1;
	}
	#blogside h3 {
		margin: 0 auto 10px;
	}
	#blogside h3 img {
		height: 7vw;
	}
	#blogmain {
		order: 0;
	}
	.blogkiji_box:before {
		display: none;
	}
	.blogkiji .blogmidashi {
		font-size: 1.2em;
		margin-bottom: 0;
	}
	.blogkiji .blogmidashi:before {
		width: 40px;
		height: 40px;
		left: 10px;
	}
	.blogkiji .blogmidashi {
		padding: 5px 10px 20px 60px;
	}
	.blogkiji .blogmidashi:after {
		background-size: 100px;
	}
	.blogkiji .blogkiji_box {
		padding: 10px 0;
	}
	#page_top {
		width: 140px;
		height: 80px;
		top: -100px;
	}
	footer {
		margin-top: 30px;
	}
	footer .copy {
		font-size: 10px;
		line-height: 1.7;
	}
	.table_area table {
		padding: 10px;
	}
}
@media screen and (max-width:480px) {
	main > h2 .title {
		height: auto;
		padding: 0;
		margin: 0 0.5em;
	}
	main > h2 .title img {
		max-height: 20px;
	}
}
@media print {
	body {
		width: 1305px;
	}
	footer {
		margin-top: 150px;
	}
}