body {
/*	background: #CCFFCC; */
	background: #FFFFFF;
/*	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;
	font-size: 16px; */
	color: #002BA8; /*文字色*/ 

	font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
}

table {
	border-collapse: collapse; /*シンプルな一重線に*/
	margin-right: 0.5em;
}

th {
	background: #efefef;
	border: solid 1px #666666;
	padding: 0.5em;
	font-weight: normal;
}

td.border {
	padding: 0.5em;
	border: solid 1px #666666;
}

td.pink {
	background: #ffcce5;
	text-align: center;
	font-size: 105%;
}

td.blue {
	background: #cce5ff;
	text-align: center;
	font-size: 105%;
}

td.gray {
	background: #efefef;
}

ol {
	background: #f3fbff;
	border: 2px skyblue dashed;
	border-radius: 10px; /*角の丸み*/
	display: inline-block;
	margin: 0 0.5em 0 1.5em; /* 上右下左 */
	padding: 0.5em 0.5em 0.5em 2em; /* 上右下左 */
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 1em;
}

ol.none {
	background: none;
	border: none;
	margin: 0; /* 上右下左 */
}

p.margin0 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

p.indent102 {
	padding-left: 0.2em;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.indent103 {
	padding-left: 0.3em;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.indent1 {
	padding-left: 0.5em;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.indent2 {
	padding-left: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.indent3 {
	padding-left: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.indent0613 {
	padding-left: 2em;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.tume {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

p.info {
	border-bottom: 2px solid #196C0E;
/*	border-bottom: 2px solid #CCFFCC; */
/*	border-bottom: 2px solid #FF3C63; */
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	line-height: 1.3em;
}

p.info_title { /*お知らせ*/
/*	border-top: 3px solid #196C0E; */
	border-bottom: 3px solid #196C0E;
/*	border-top: 3px solid #CCFFCC; */
/*	border-bottom: 3px solid #CCFFCC; */
/*	border-top: 3px solid #FF3C63; */
/*	border-bottom: 3px solid #FF3C63; */
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

p.info_title2 { /*お知らせ*/
/*	border-top: 3px solid #196C0E; */
	border-bottom: 3px solid #196C0E;
/*	border-top: 3px solid #CCFFCC; */
/*	border-bottom: 3px solid #CCFFCC; */
/*	border-top: 3px solid #FF3C63; */
/*	border-bottom: 3px solid #FF3C63; */
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

p.info_titleten { /*お知らせ*/
/*	border-top: 3px dotted #196C0E; */
	border-bottom: 3px dotted #196C0E;
/*	border-top: 3px dotted #CCFFCC; */
/*	border-bottom: 3px dotted #CCFFCC; */
/*	border-top: 3px dotted #FF3C63; */
/*	border-bottom: 3px dotted #FF3C63; */
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.2em;
	margin-right: 0.2em;
}


h1 {
	font-size: 2em;
	text-align: center;
}

h2 {
	font-size: 1.5em;
	text-align: center;
}

h3 {
	font-size: 1em;
	text-align: center;
}

h4 {
	font-size: 1.3em;
	text-align: center;
}

.copy {
	font-family: sans-serif;
}

.box_maru_blue {
	padding: 0.5em 1em; /* 上下 左右 */
	margin: 0.5em 0 0 1em;
	color: #000000; /*文字色*/
	background: #ffffff;
	border: solid 5px #4169E1; /*線*/
	border-radius: 1.5em; /*角の丸み*/
	display: inline-block;
}

.box_maru {
	padding: 0.5em 1em; /* 上下 左右 */
	margin: 1em 0 0 1em;
	font-weight: 600;
	color: #000000; /*文字色*/
	background: #ffffff;
	border: solid 3px #666666; /*線*/
	border-radius: 1.5em; /*角の丸み*/
	display: inline-block;
}

.box_blue {
	padding: 0.5em 0.8em; /* 上下 左右 */
	margin: 1em 0 0 1em;
	font-weight: 600;
	color: #000000; /*文字色*/
	background: #ffffff;
	border: double 5px #66ccff; /*線*/
	display: inline-block;
}

.box_green {
	padding: 0.5em 1em; /* 上下 左右 */
	margin: 1em 0 0 1em;
	font-weight: 600;
	color: #000000; /*文字色*/
	background: #ffffff;
	border: solid 3px #008000; /*線*/
/*	border: solid 3px #99cc66; */ /*線*/
	display: inline-block;
}

.box_green_green {
	padding: 0.5em 1em; /* 上下 左右 */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: 600;
	font-size: 140%;
	color: #000000; /*文字色*/
	background: #ddffbc;
	border: double 4px #99cc66; /*線*/
	display: block;
}

.green_border {
	height: 0px;
	border: 3px solid;
	color: #439D23;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.green_border2 {
	border: 2px solid;
	color: #196C0E;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.1em;
	margin-right: 0.1em;
}

.green_border1 {
	border: 1px solid;
	color: #196C0E;
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 0.1em;
	margin-right: 0.1em;
}

.white_border {
	height: 0px;
	border: 3px solid;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.pink2_border {
	height: 0px;
	border: 3px solid;
	color: #FF3C63;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.moji_mds {
	/*font-size: 16px;*/
	font-size: 105%;
	font-weight: 600;
}

.moji_130 {
	font-size: 130%;
}

.moji_110 {
	font-size: 110%;
}

.moji_105 {
	font-size: 105%;
}

.moji_95 {
	font-size: 95%;
}

.moji_90 {
	font-size: 90%;
}

.moji_85 {
	font-size: 85%;
}

.moji_80 {
	font-size: 80%;
}

.moji_75 {
	font-size: 75%;
}

.moji_b {
	font-weight: 600;
}

.moji_b2 {
	font-weight: 550;
}

.moji_u {
	text-decoration: underline;
}

.moji_bu {
	font-weight: 600;
	text-decoration: underline;
}

.moji_red {
	color: #FF3333;
}

.moji_white {
	color: #FFFFFF;
}

.moji_white_sd {
	color: #FFFFFF;
	text-shadow: 1px 1px 3px #000080;
}

.moji_green1 {
	color: #52BF2B;
}

.moji_green1_sd {
/*	color: #FFFFFF; */
	color: #196C0E;
/*	text-shadow: 1px 1px 3px #52BF2B; */
}

.moji_green2 {
	color: #196C0E;
}

.moji_green0 {
	color: #F3FFF3;
}

.moji_dblue {
	color: #003366;
}

.moji_mblue {
	color: #3333CC;
}

.moji_rblue {
	color: #0033CC;
}

.moji_mail {
	font-weight: normal;
}

.nowrap {
	white-space: nowrap; /* 勝手に折り返さない */
}

.right {
	float: right;
}

.left {
	float: left;
}

.lh0 {
	line-height: 0
}

.lh3 {
	line-height: 0.3em;
}

.lh5 {
	line-height: 0.5em;
}

.lh8 {
	line-height: 0.8em;
}

.lh10 {
	line-height: 1em;
}

.lh12 {
	line-height: 1.2em;
}

.lh13 {
	line-height: 1.3em;
}

.lh15 {
	line-height: 1.5em;
}

.lh17 {
	line-height: 1.7em;
}

.lh20 {
	line-height: 2em;
}

.mg1 {
	margin: 0.1em 0 0 0.1em;
}

.mg2 {
	margin: 0.2em 0 0 0.2em;
}

.mg5 {
	margin: 0.5em;
}

.mg5_rbl {
	margin: 0 0.5em; /* 上下 左右 */
}

.mg10 {
	margin: 1em;
}

.mg10_rbl {
	margin: 0 1em; /* 上下 左右 */
}

#header {
/*	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif; */
	font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
}

#footer {
/*	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif; */
	font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
}

#menuarea {
	padding: 0 5px; /* 上下 左右 */
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
/*	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif; */
	font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
}

.btn-menu {
/*	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif; */
	font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
}

.koumoku {
/*	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif; */
	font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
}

#contents {
	background: #ffffff;
}

/*
a {
	color: #0000FF;
}
*/

a,a:visited{	/* リンク先訪問後も色を変えない */
    color: inherit;
}

.info a {
/*	color: #3300CC; */
	color: #0033CC; 
	font-weight: 600;
}

.al_right {
	text-align: right;
}

.al_center {
	text-align: center;
}

.al_left {
	text-align: left;
	align-items: left;
}

.inquiry {
	text-align: right;
	display: block;
}

.inquiry p {
	text-align: left;
	display: inline-block;
	margin-right: 100px;
}

.kango_kinmu {
	list-style: none;
}

.kangozyosyu_gyoumu {
	background: #f3fbff;
	border: 2px skyblue dashed;
	display: inline-block;
	margin: 0 0.5em 0 0.5em; /* 上右下左 */
	padding-left: 5px; /* 上右下左 */
}

.kangozyosyu_gyoumu ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 1em;
}

.menu {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	max-width: 990px;
}

.dish {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.3em;
	width: 134px;
	min-width: 134px;
	height: 38px;
/*	border: 1px solid #CCCCCC; */
	border: 1px solid #FF3C63;
	border-radius:10px;		/* 角丸 */
	margin: 2px;
}

.dish a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	color: #002184;
	text-decoration: none;
	text-shadow: 2px 3px 3px #6699FF;
	border-radius:10px;		/* 角丸 */
	width: 100%;
	height: 100%;
}

.dish.wide20 {
	width: 200px;
}

.dish.wide19 {
	width: 190px;
}

.dish.wide18 {
	width: 180px;
}

.dish.wide116 {
	width: 116px;
	min-width: 116px;
}

.dish.wide102 {
	width: 102px;
	min-width: 102px;
}

.dish.blue {
	background: #DFEFF9;
}

.dish.yellow {
	background: #FFF2CC;
}

.dish.pink1 {
	background: #FBDDE2;
}

.dish.pink2 {
	background: #F5ADB9;
}

.dish.pink22 {
	background: #FF87A0;
}

.dish.white {
	background: #FFFFFF;
}

.dish a:hover {
/*	background: #CCCCCC; */
/*	background: #FFF4FF; */
/*	color: #FF87A0; */
	background: #002184;
	color: #DFEFF9;
	text-shadow:none;
}

.submenu {
	display: flex;
	flex-direction: column;
/*	justify-content: center; */
/*	align-items: center; */
/*	text-align: center; */
	color: #002184;
	line-height: 1.5em;
	width: 290px;
	min-width: 290px;
/*	height: 38px; */
/*	border: 1px solid #CCCCCC; */
	border: 1px solid #FF3C63; /* ピンク */
/* 	border: 2px solid #196C0E; 緑 */
	border-radius:10px;		/* 角丸 */
	margin: 8px;
	padding: 10px;
}

a:link {
/*a:link { */
 color: #002184;
 text-decoration: none;
}

a:hover {
/*a:hover { */
 color: #FF3C63; /* ピンク */
 /* color: #196C0E; 緑 */
}

.footmenu {
	display: flex;
	flex-direction: column;
/*	justify-content: center; */
/*	align-items: center; */
/*	text-align: center; */
	color: #002184;
	line-height: 1.5em;
	width: 310px;
	min-width: 310px;
	margin: 0 0.3em 0 0.3em; /* 上右下左 */
	padding: 5px;
}

.button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.3em;
	width: 200px;
	min-width: 200px;
	height: 30px;
	border: 1px solid #FF3C63;
/*	border: 1px solid #4169E1; */
	border-radius:10px;		/* 角丸 */
	margin: 0.5px; /* 上右下左 */
}

.button a {
	display: flex;
	justify-content: center;
	align-items: center; 
	text-align: center;
	vertical-align: middle;
	color: #002184;
	text-decoration: none;
	text-shadow: 1px 2px 3px #6699FF;
	border-radius:10px;		/* 角丸 */
	width: 100%;
	height: 100%;
}

.button.d_green {
	background: #228b22;
}

.button.d_blue {
/*	background: #5D94E7; */
	background: #DFEFF9;
}

.button.d_purple {
/*	background: #6662A4; */
	background: #dda0dd;
}

.button.d_pink2 {
	background: #FF87A0;
}

.button a:hover {
/*	background: #4169E1; */
/*	background: #FFFFFF; */
/*	color: #FF87A0; */
	background: #002184;
	color: #DFEFF9;
	text-shadow:none;
}

.title_bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.3em;
	width: 98%;
	min-width: 98%;
	background: #5D94E7;
/*	background: #228b22; */
/*	border: 1px solid #4169E1; */
/*	border: 1px solid #008000; */
	border: 1px solid #FF3C63;
	border-radius:5px;		/* 角丸 */
/*	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;  */
	font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
	font-weight: 600;
	font-size: 110%;
	color: #FFFFFF;
	margin: 5px auto;
	padding: 0.5em 0 0.5em 0.8em; /* 上右下左 */
}

.title_bar2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.3em;
	width: 98%;
	min-width: 98%;
/*	background: #B4E9A1; */
	background: #98fb98;
/*	border: 1px solid #cccccc; */
/*	border: 1px solid #008000; */
	border: 1px solid #FF3C63;
	border-radius:5px; */		/* 角丸 */
/*	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;  */
	font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
	font-weight: 600;
	font-size: 105%;
	color: #000000;
	margin: 5px auto;
	padding: 0.3em 0 0.3em 0.8em; /* 上右下左 */
}

.title_bar a {
	color: #FFFFFF;
	text-decoration: none;
}

.title_bar2 a {
	color: #000000;
	text-decoration: none;
}

.title_bar2.blue {
	background: #DFEFF9;
}

.title_bar2.pink {
	background: #FFB7D8;
}

.concept { /*親div*/
	position: relative; /*相対配置*/
}

#guide img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.header img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.contents, .contents2 img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.concept img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

img.mailbox {
	vertical-align: middle;
}

.btmmenu {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	max-width: 990px;
}

.btmdish {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1.3em;
	margin: 2px;
}

.btmdish a {
	display: flex;
	flex-direction: column;
	align-items: center; 
	text-align: center;
	text-decoration: none;
	line-height: 1.3em;
	margin: 2px;
}

/*PCの設定　display990以上*/
@media screen and (min-width: 990px) {
/*	.pc_only{ display: block }	*/
	.sp_only {
		display: none
	}

	body {
		width: 990px;
		margin-right: auto;
		margin-left: auto;
	}

	#top {
/*		background: #FFE6EB; */
		background: #FFF4FF;
		width: 100%;
/*		border: 1px solid #cccccc; */
		border: 1px solid #FF3C63;
		margin: 2% auto;
	}

	#header {
		padding: 15px 15px 5px 15px; /* 上右下左 */
	}

	#footer {
		padding: 0px 15px 5px 15px; /* 上右下左 */
	}

	#contents {
		background: #ffffff;
		width: 90%;
		padding: 10px;
		border: 1px solid #cccccc;
		margin: 2% auto;
/*		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;  */
		font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
		line-height: 1.5em;
	}

	#contents2, #modoru {
/*		background: #ffffff; */
		width: 96%;
		padding: 10px;
		margin: 2% auto;
		padding: 0;
/*		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;  */
		font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
		line-height: 1.5em;
	}

	#guide {
		background: #ffffff;
		width: 80%;
		padding: 10px;
		border: 1px solid #cccccc;
		margin: 2% auto;
	}

	.concept p {
		position: absolute; /*絶対配置*/
		font-weight: 600; /*太字に*/
		top: 2em;
		left: 1.5em;
		margin: 0;
		padding: 0;
	}
}

/*スマートフォンの設定　display 989以下*/
@media screen and (max-width: 989px) {
	.pc_only {
		display: none
	}

	.sp_only {
		display: block
	}

	#menuarea {
		width: 100%;
		height: auto;
		margin-left: 0.5px;
		margin-right: 0.5px;
/*		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;  */
		font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
		font-weight: 600;
		font-size: 100%;
		padding: 0;
		display: block;
		position: relative;
	}

	header .sp_only {
		display: block;
		position: relative;
		background: #93FFAB;
		text-align: right;
	}

	#rectbox {
		width: 10%;
		height: 4%;
		float: left;
/*		background: #439D23; 渋い緑 */
		background: #FF3C63; /* 濃いピンク */
		position: relative;
		transition: 1s;
		cursor: pointer;
	}

		#rectbox:before {
			content: "";
			display: inline-block;
			padding-top: 100%;
		}

	.rect-menu {
		width: 90%;
		height: 4%;
/*		background: #93FFAB; 緑 */
		background: #FFD2E9; /* ピンク */
		font-size: 1.2rem;
		display: flex;
		position: relative;
		vertical-align: middle;
		text-align: left;
		align-items: center;
	}

		.rect-menu:before {
			content: "";
			display: inline-block;
			padding-top: 11.12%;
		}

	.inner_line {
		top: 0;
		left: 25%;
		width: 50%;
		height: 10%;
		background-color: #ffffff;
		transition: 1s;
		border: 1px solid gray;
		border-radius: 4px;
		margin: 1px auto;
		display: inline-block;
		position: absolute;
		transition: 1s;
		box-sizing: border-box;
	}

	#line1 {
		top: 15%;
	}

	#line2 {
		top: 40%;
	}

	#line3 {
		top: 65%;
	}

	.in {
		transform: translateX(100%);
		position: relative;
		width: 100%;
	}

	.line_1, .line_2, .line_3 {
		background: #000000;
	}

	.line_1 {
		transform: translateY(250%) rotate(45deg);
	}

	.line_2 {
		opacity: 0;
	}

	.line_3 {
		transform: translateY(-250%)rotate(-45deg);
	}

	header nav {
		position: absolute;
		overflow-x: hidden;
		transition: .5s;
		width: 0;
		left: -100%;
		float: none;
	}

		header nav .in.open-menu {
			width: 100%;
			height: auto;
		}

		header nav a {
			color: black;
			text-decoration: none;
			white-space: nowrap;
			display: block;
		}

	header .koumoku {
		padding: 0;
	}

		header .koumoku li {
			text-indent: 1.5em;
			padding-top: 0.3%;
			padding-bottom: 0.3%;
			list-style: none;
			border: 1px solid #439D23;
		}

	header .blue {
		background: #DFEFF9;
	}

	header .yellow {
		background: #FFF2CC;
	}

	header .pink {
		background: #FBDDE2;
	}

	header .pink2 {
		background: #F5ADB9;
	}

	header a {
		color: #000000;
	}

	.header img {
		width: auto;
		height: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		z-index: 1;
	}

	#contents {
/*		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;  */
		font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
		line-height: 1.3em;
	}

	#contents2 {
/*		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;  */
		font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
		line-height: 1.3em;
	}

	#address {
		font-size: 100%;
		margin-bottom: 3%;
	}

	#address span {
		display: inline-block;
	}

	.green_border {
		height: 0px;
		color: #439D23;
		margin-top: 0;
		margin-bottom: 0.5em;
	}

	.title_bar, .title_bar2 {
		width: 96%;
		min-width: 96%;
	}

	.concept p {
		display: block;
		position: absolute; /*絶対配置*/
		font-weight: 600; /*太字に*/
/*		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;  */
		font-family:"UD デジタル 教科書体 N-R", "UDDigiKyokasho N-R", "uddigikyokasho-pro", "游教科書体", "YuKyokasho Medium", "BIZ UDゴシック Regular", "Meiryo UI", "Hiragino Kaku Gothic ProN", "sans-serif", "ascii";
		top: 2em;
		font-size: 80%;
		margin: 0;
		padding: 0;
	}

	.concept img {
		width: auto;
		height: auto;
		display: inherit;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	.moji_mail {
		font-size: 85%;
	}

	.box_maru {
		font-size: 95%;
	}

	.box_blue {
		font-size: 95%;
	}

	.box_green {
		font-size: 95%;
	}

	.tbl_01_mob th, .tbl_01_mob td {
		font-size: 92%;
	}

	.tbl_02 {
		/*width: 90%;*/
		font-size: 90%;
	}

		.tbl_02 tr {
			display: block;
			float: left;
		}

			.tbl_02 tr td,
			.tbl_02 tr th {
				border-left: none;
				display: block;
			}

		.tbl_02 thead {
			display: block;
			float: left;
			/*width: 30%;*/
		}

			.tbl_02 thead tr {
				width: 100%;
			}

		.tbl_02 tbody {
			display: block;
			float: left;
			/*width: 70%;*/
		}

		.tbl_02 tr td + td {
			border-left: none;
		}

		.tbl_02 tbody td: last-child {
			border-bottom: solid 1px #666666;
		}

	.tbl_04 th, .tbl_04 td {
		display: block; /* ブロックレベル要素化する */
		border-top: 1px solid #666666; /* セルの境界線を実線で指定する */
	}

	.tbl_05 th, .tbl_05 td {
		border-top: none;
		display: table-cell; /* ブロックレベル要素化を無効化する */
		font-size: 85%;
		font-size: 85%;
	}

	.tbl_04_mob td {
		font-size: 92%;
	}
}

@media screen and (min-width: 701px) and (max-width: 989px) {
	.concept.pc_only {
		display: block
	}

	.concept.sp_only {
		display: none
	}

	body {
/*		background: #33CC66; */
		background: #FFF4FF;
	}

}

@media screen and (max-width: 700px) {
	.concept.pc_only {
		display: none
	}

	.concept.sp_only {
		display: block
	}

	body {
/*		background: #33CC66; */
		background: #FFF4FF;
	}

	#menuarea .menu.sp_only {
		font-size: 75%;
	}

	.menu {
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 0;
	}

	.footer {
		margin: 0;
		padding: 0px 0px 5px 0px; /* 上右下左 */
	}

	.footmenu {
		justify-content: left;
		align-items: left;
		text-align: left;
		width: 360px;
		min-width: 310px;
		margin: 0;
		padding: 0;
	}

	.moji_b.moji_105 {
		word-break: normal;
	}

	.moji_b.moji_95 {
		word-break: normal;
	}

	.moji_b.moji_90 {
		word-break: normal;
	}

	.lh20 {
		line-height: 1.5em;
	}

	.lh17 {
		line-height: 1.2em;
	}
}

@media screen and (max-width: 959px) and (orientation: landscape) {
	/* 横向きの場合のスタイル */
	#rectbox {
		width: 10%;
		height: 10%;
		float: left;
/*		background: #439D23; 渋い緑 */
		background: #FF3C63; /* 濃いピンク */
		position: relative;
		transition: 1s;
		cursor: pointer;
	}

	.rect-menu {
		width: 90%;
		height: 10%;
/*		background: #93FFAB; 緑 */
		background: #FFD2E9; /* ピンク */
		font-size: 1.2rem;
		display: flex;
		position: relative;
		vertical-align: middle;
		text-align: left;
		align-items: center;
	}
}



	.scroll_bar {
		height: 18%; 
		overflow: scroll;
	}