@charset "UTF-8";
:root {
	--c0:#fff;
	--c1:#0088b3;
	--c2:#009EB3;
	--c3:#c5e5e9;
	--c4:#eeeeee;
	--c5:#83AFB4;
}
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, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin:0;padding:0;border:0;outline: 0;font-style:normal;font-size:16px;font-weight:normal;text-decoration:none;list-style: outside;position:relative;zoom:1;vertical-align:bottom}
html {scroll-behavior: smooth;}
body {
	font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	/*font-family: "Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;*/
	height: 100%;
	width: 100%;
	text-align:left;
	line-height: 1.7;
	color:#333;
	background:#fff;
	border-top: solid 1em var(--c2);
	-webkit-text-size-adjust: 100%;}
input, textarea, select {
	font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.4;
	max-width: 100%;
	box-sizing: border-box;
	background-color: #f7f7f7;
	border-color: #777;
	border-style: solid;
	border-width: 1px;
	font-size: 1em;
}
/**************************************** remember to highlight inserts somehow! **********/
table {
	border-collapse: collapse;
	border-spacing: 0;}
td,th {
	vertical-align:middle;}
/**************************************** clearfix **********/
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;}
/**************************************** html tag style **********/
a {
	color:#009EB3;
	text-decoration:underline;
	transition: all 0.2s;}
a:hover {
	color:#333;}
/**************************************** global style **********/
.block {display: block;}
.flex {display: flex;flex-wrap: wrap;}
.align_start {align-content: start;}
.justify-center {justify-content: center;}
.flex-row {flex-direction: row;}
.gap1em {gap:1em;}
.gap1em > .w1-2 {width:calc(50% - 0.5em);}
.gap1em > .w1-4 {width:calc(25% - 0.75em);}
.gap2em {gap:2em;}
.gap2em > .w1-2 {width:calc(50% - 1em);}
.cq_inline {container-type: inline-size;}
.inline-block {display: inline-block;}
.hide {display: none;}
.left {float:left;}
.right {float:right;}
.center {
	display:block;
	margin-right:auto!important;
	margin-left:auto!important;}
.absolute {position: absolute;}
.ab_centerY {top:50%;transform: translateY(-50%);}
.ab_centerX {left:50%;transform: translateX(-50%);}
.text-center {
	text-align:center;}
img.left {
	float:left;
	display:block;
	margin-top:0.5em;
	margin-right:1.5em;}
img.right {
	float:right;
	display:block;
	margin-top:0.5em;
	margin-left:1.5em;}
.strike {text-decoration: line-through;font-size: inherit;}
.margin-top10 {margin-top:1em!important;}
.margin-top20 {margin-top:2em!important;}
.margin-top30 {margin-top:3em!important;}
.margin-top05em {margin-top: 0.5em!important;}
.margin-top1em {margin-top: 1em!important;}
.margin-top2em {margin-top: 2em!important;}
.margin-top3em {margin-top: 3em!important;}
.margin-top4em {margin-top: 4em!important;}
.margin-top5em {margin-top: 5em!important;}
.margin-bottom5 {margin-bottom:0.5em!important;}
.margin-bottom10 {margin-bottom:1em!important;}
.margin-bottom20 {margin-bottom:2em!important;}
.margin-bottom30 {margin-bottom:3em!important;}
.margin-bottom40 {margin-bottom:4em!important;}
.margin-bottom50 {margin-bottom:5em!important;}
.margin-bottom05em {margin-bottom: 0.5em!important;}
.margin-bottom1em {margin-bottom: 1em!important;}
.margin-bottom2em {margin-bottom: 2em!important;}
.margin-bottom3em {margin-bottom: 3em!important;}
.margin-bottom4em {margin-bottom: 4em!important;}
.margin-bottom5em {margin-bottom: 5em!important;}
.margin-inline-05em {margin-inline: -0.5em!important;}
.margin-inline-1em {margin-inline: -1em!important;}
.margin-inline-center {margin-inline: auto!important;}
.margin-block04em {margin-block: 0.4em!important;}
.margin-left10 {margin-left:1em!important;}
.margin-left20 {margin-left:2em!important;}
.margin-left25 {margin-left:2em!important;}
.margin-left30 {margin-left:3em!important;}
.margin-left05em {margin-left: 0.5em!important;}
.margin-left1em {margin-left: 1em!important;}
.margin-left2em {margin-left: 2em!important;}
.margin-left3em {margin-left: 3em!important;}
.margin-left4em {margin-left: 4em!important;}
.margin-left5em {margin-left: 5em!important;}
.margin-right10 {margin-right:1em!important;}
.margin-right20 {margin-right:2em!important;}
.margin-right30 {margin-right:3em!important;}
.margin-right05em {margin-right: 0.5em!important;}
.margin-right1em {margin-right: 1em!important;}
.margin-right2em {margin-right: 2em!important;}
.margin-right3em {margin-right: 3em!important;}
.margin-right4em {margin-right: 4em!important;}
.margin-right5em {margin-right: 5em!important;}
.padding-top10 {padding-top:1em!important;}
.padding-top20 {padding-top:2em!important;}
.padding-top30 {padding-top:3em!important;}
.padding-top40 {padding-top:4em!important;}
.padding-top05em {padding-top: 0.5em!important;}
.padding-top1em {padding-top: 1em!important;}
.padding-top2em {padding-top: 2em!important;}
.padding-top3em {padding-top: 3em!important;}
.padding-top4em {padding-top: 4em!important;}
.padding-top5em {padding-top: 5em!important;}
.padding-bottom5 {padding-bottom:0.5em!important;}
.padding-bottom10 {padding-bottom:1em!important;}
.padding-bottom20 {padding-bottom:2em!important;}
.padding-bottom30 {padding-bottom:3em!important;}
.padding-bottom40 {padding-bottom:4em!important;}
.padding-bottom50 {padding-bottom:5em!important;}
.padding-bottom05em {padding-bottom: 0.5em!important;}
.padding-bottom1em {padding-bottom: 1em!important;}
.padding-bottom2em {padding-bottom: 2em!important;}
.padding-bottom3em {padding-bottom: 3em!important;}
.padding-bottom4em {padding-bottom: 4em!important;}
.padding-bottom5em {padding-bottom: 5em!important;}
.padding-left5 {padding-left:0.5em!important;}
.padding-left10 {padding-left:1em!important;}
.padding-left20 {padding-left:2em!important;}
.padding-left30 {padding-left:3em!important;}
.padding-left05em {padding-left: 0.5em!important;}
.padding-left1em {padding-left: 1em!important;}
.padding-left2em {padding-left: 2em!important;}
.padding-left3em {padding-left: 3em!important;}
.padding-left4em {padding-left: 4em!important;}
.padding-left5em {padding-left: 5em!important;}
.padding-right5 {padding-right:0.5em!important;}
.padding-right10 {padding-right:1em!important;}
.padding-right20 {padding-right:2em!important;}
.padding-right30 {padding-right:3em!important;}
.padding-right05em {padding-right: 0.5em!important;}
.padding-right1em {padding-right: 1em!important;}
.padding-right2em {padding-right: 2em!important;}
.padding-right3em {padding-right: 3em!important;}
.padding-right4em {padding-right: 4em!important;}
.padding-right5em {padding-right: 5em!important;}
.pbox05em {padding: 0.5em!important;}
.pbox1em {padding: 1em!important;}
.pbox2em {padding: 2em!important;}
.pbox5 {padding: 0.5em!important;}
.pbox10 {padding: 1em!important;}
.padding-block02em {padding-block: 0.2em!important;}
.padding-inline1em {padding-inline: 1em!important;}
.padding-inline05em {padding-inline: 0.5em!important;}
.wrapper {
	/*width:940px;/*96%*/
	/* max-width:1200px; */
	min-width:280px;
	padding:0 1em;
	margin:0 auto 0 auto;
	/*background:; url('../images/logo.png') no-repeat center center;*/
	border:#ddd solid;
	border-width:0;}
.wrapper2 {
	/*width:100%;/*96%*/
	max-width:1300px;
	min-width:260px;
	padding: 3em 0 0 0;
	margin:0 auto 0 auto;
	border:#808080 solid;
	border-width:0;
	border-radius:0 0 10px 10px;
	overflow: hidden;}
.wrapper3 {
	/*width:940px;/*96%*/
	max-width:1300px;
	min-width:260px;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	/*background:; url('../images/logo.png') no-repeat center center;*/
	border:#ddd solid;
	border-width:0;}
.wrapper4 {
	/*width:940px;/*96%*/
	max-width:1200px;
	min-width:280px;
	padding:0 10px;
	margin:0 auto 0 auto;
	/* background:;url('../images/logo.png') no-repeat center center;*/
	border:#ddd solid;
	border-width:0;}
.wrapper5 {
	/*width:940px;/*96%*/
	max-width:100%;
	min-width:280px;

	padding:0 1% 0 1%;
	margin:0 auto 0 auto;
	background:#eee;/* url('../images/logo.png') no-repeat center center;*/
	border:#ddd solid;
	border-width:0;}
img {
	max-width:100%;
	height:auto;}
.radius5 {border-radius:5px;}
.radius10 {border-radius:10px;}
.radius03em {border-radius:0.3em;}
.radius05em {border-radius:0.5em;}
.radius1em {border-radius:1em;}

.box-shadow1 {box-shadow: 1px 1px 5px #ddd;}
.box-shadow2 {box-shadow: 1px 1px 3px #999;}
.hover1 {
	transition: all 0.1s linear;
}
.hover1:hover {
	opacity: 0.8;
	transform: translateY(1px);
	transition: all 0.1s linear;
}
.max2100 {max-width:2100px;}
.max1600 {max-width:1600px;}
.max1300 {max-width:1300px;}
.max1200 {max-width:1200px;}
.max1000 {max-width:1000px;}
.max800 {max-width:800px;}

.height100 {height: 100%;}


.bg1 {background-color: #FFFCF0;}
.bg2 {background-color: #e8f7f9;}
.bg3 {background-color: var(--c2);}
.bg4 {background-color: var(--c3);}
.bg5 {background-color: var(--c4);}
.bg6 {background-color: #0004;}
/**************************************** grid style **********/
.row {
	width:100%;
	overflow:hidden;
	margin-bottom:0.5em;}
.grid30,.grid70,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {

	/* background:; */
	margin:0 0 0px 20px;
	padding-bottom:0px;
	height:100%;
	float:left;}
.grid30 {width:214px;}
.grid70 {
	max-width:914px;/*706*/
	min-width:240px;}
div>.grid30:first-child,div>.grid70:first-child,div>.grid3:first-child,div>.grid4:first-child,div>.grid5:first-child,div>.grid6:first-child,div>.grid7:first-child,div>.grid8:first-child,div>.grid9:first-child,div>.grid10:first-child,div>.grid11:first-child,div>.grid12:first-child{
	margin-left:0px;}
/**************************************** width ****************/
.width100 {width: 100%;float:left;}
.width50 {width: 50%;float:left;}
.width33 {width: 33.3%;float:left;}
.width25 {width: 25%;float:left;}
.w1-1, .w5-6, .w4-5, .w3-4, .w2-3, .w3-5, .w1-2, .w2-5, .w3-8, .w1-3, .w1-4, .w1-5, .w1-6, .w1-7, .w1-8, .w1-9, .w1-10, .w1-11, .w1-12 {
	box-sizing: border-box;
	/* display: inline-block; */
	vertical-align: top;
	padding: 0;
	/* float: ; */
	/* font-size: ; */
	margin: 0 ;
	/* height: ; */
	/* background: ; */
}
.w1-1 {width: 100%;}
.w5-6 {width: 83.3333333%;}
.w4-5 {width: 80%;}
.w3-4 {width: 75%;}
.w2-3 {width: 66.6666666%;}
.w3-5 {width: 60%;}
.w1-2 {width: 50%;}
.w2-5 {width: 40%;}
.w3-8 {width: 37.5%;}
.w1-3 {width: 33.3333333%;}
.w1-4 {width: 25%;}
.w1-5 {width: 20%;}
.w1-6 {width: 16.6666666%;}
.w1-7 {width: 14.285%;}
.w1-8 {width: 12.5%;}
.w1-9 {width: 11.1111111%;}
.w1-10 {width: 10%;}
.w1-11 {width: 9.090%;}
.w1-12 {width: 8.3333333%;}
/**************************************** local style **********/
.line-height12 {line-height: 1.2;}
.line-height14 {line-height: 1.4;}
.line-height16 {line-height: 1.6;}
#head-bar {
	z-index:100;
	position:fixed;
	top:0;
	width:100%;
	/* height:24px; */
	font-size:10px;
	color:#ddd;
	padding:5px 0;
	margin:0 0 0 0;}
#head-bar2 {
	z-index:10;
	position:fixed;
	top:0;
	width:100%;
	/* height:3em; */
	font-size:10px;
	color:#ddd;
	background:#009EB3;
	padding:5px 0;
	margin:0 0 0 0;}
#logo, #logo img {
	display:block;
	position:absolute;
	top:4px;
	left:0px;
	z-index:100;
	float:left;
	width:16%;
	min-width:100px;}
#index-logo {
	display:block;
	position:absolute;
	text-align:right;
	z-index:99;
	top:3%;
	right:-1%;
	width:100%;
	min-width:160px;}
#index-logo img {
	max-width:50%;}
#nav {
	max-width:1300px;
	min-width:260px;
	border-radius:0px;
	padding:2em 0 0 0;
	margin:0 auto;
	color:#444;
	}
#menu {
	text-align:left;}
#menu>li{
	display:inline-block;
	/* *display: inline; */
	/* *zoom: 1; */
	width: 13.8%}
#menu>li>a{
	display:block;
	border-radius:7px 7px 0 0;
	text-decoration:none;
	/* text-shadow: 1px 1px 1px #ddd; */
	text-align: center;
	padding:8px 0;
	color:#444;
	font-size:0.9em;
	font-weight:500;
	background:#ddd;
}
#menu>li>a:hover {
	transition-property: background-color;
	transition-duration: 0.3s;
	top:0px;
	background:#B3DDE2;}
#menu>li>a.selected {
	color:#444;
	font-weight: 700;
	/* text-shadow: 1px 1px 1px #ddd; */
	background:#fff;}
#footer {
	margin:0 0 0 0;
	color:#fff;
	padding:1em;
	font-size:1em;
	width:calc(100% - 2em);
	background-color: var(--c2);
	background-image: url(/images/sakana.svg);
	background-repeat: no-repeat;
	background-size: 130px;
	background-position-x: 100%;
	background-position-y: 80%;
	background-blend-mode:soft-light;
	animation: 50s linear 0s infinite sakana-x,0.7s alternate 0s infinite ease-in-out sakana-y;
	}
@keyframes sakana-x {
	0% {
		background-position-x: calc(100% + 130px);
	}
	100% {
		background-position-x: calc(0% - 130px);
	}
}
@keyframes sakana-y {
	0% {
		background-position-y: 80%;
		background-size: 130px;
	}
	100% {
		background-position-y: 81%;
		background-size: 126px;
	}
}
#footer a {
	color:#ccc;}
.copy {
	font-size:12px;}
#slide {
	margin:0 0 10px 0;}
.heading1 {
	color:#009EB3;
	font-size:1.9em;
	font-weight:bold;
	padding:4px 0 4px 0;
	border-bottom:solid 3px #009EB3;
	line-height:1.3;
	/* text-shadow: 1px 1px 2px #ccc; */}
.heading1 a {
	color:#009EB3;
	font-size:30px;
	font-weight:bold;
	padding:4px 0 4px 0;
	text-decoration:none;
	border-bottom:solid 0px #009EB3;
	line-height:1.3;
	text-shadow: 1px 1px 2px #ccc;}
.heading2 {
	color: var(--c2);
	font-size:1.3em;
	line-height: 1.4;
	font-weight:600;}
.heading3 {
	color:#fff;
	font-size:1.3em;
	font-weight:500;
	background: var(--c2);
	border-bottom:0px solid #ddd;
	padding:0.2em 0.9em 0.3em;
	text-shadow: 0px 0px 0px #bbb;
	border-radius: 0.3em;
	}
.heading3 a {
	color:#fff;
	font-size:1.3em;;
	font-weight:500;
	text-decoration:none;
	text-shadow: 0px 0px 0px #bbb;}
.heading4 {
	color:#009EB3;
	font-size:15px;
	font-weight:bold;
	padding:4px 0 4px 0;
	text-shadow: 0px 0px 0px #ccc;}
.heading5 {
	color:#009EB3;
	font-weight:bold;
	text-shadow: 0px 0px 0px #ccc;}
.heading6 {
	color:#555;
	font-size:15px;
	font-weight:bold;
	padding:4px 0 4px 0;
	text-shadow: 1px 1px 1px #fff;}
.heading7 {
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 0.2em 0.5em;
	margin: 2em 0 0.7em 0;
	border: 0 solid #009EB3;
	border-width: 0 0 2px 0.5em;}
.heading8 {
	color:#009EB3;
	font-size:22px;
	font-weight:bold;
	padding:4px 0 0 0;
	/* text-shadow: 1px 1px 2px #ccc; */}
.heading9 {
	color:#fff;
	font-size:1.3em;
	font-weight:500;
	background: var(--c2);
	border-bottom:0px solid #ddd;
	padding:0.2em 0.6em 0.3em;
	text-shadow: 0px 0px 0px #bbb;
	}

.heading11 {
	color:var(--c2);
	font-size:1.9em;
	font-weight:700;
	/* border-bottom:2px solid var(--c2); */
	/* border-top:2px solid var(--c2); */
	padding:0.2em 0 0.3em;
	margin: 0 0 0.7em 0;
	text-shadow: 2px 2px 0px #fff;
	line-height: 1.4;
}
.underline1 {
	border-bottom:1px #ccc solid;}
.underline2 {
	border-bottom:1px #97BFC4 solid;}
.underline3 {
	border-bottom:1px #ddd solid;}
.table1 {
	width:100%;
	background:#fff;
	border-collapse:separate;
	border:0 solid #ddd;
	border-width: 1px 0 0 0;
	table-layout: fixed;}
.table1 th {
	text-align:center;
	background:#f7f7f7;
	font-weight:bold;}
.table1 td {
	text-align:center;}
.table1 td,.table1 th {
	padding:0.7em 0;
	font-size: 12px;
	border-right:solid 0 #ddd;
	border-bottom:solid 1px #ddd;}
.table1 a {
	font-size:13px;
	color:#868F24;
	font-weight:bold;}
.table1 a:hover {
	color:#996150;}
.table2 {
	width:100%;
	background:#fff;
	border-collapse:separate;
	border:1px solid #ddd;
	border-width: 1px 0 0 0;}
.table2 th {
	text-align:left;
	background:#f1fbfc;
	font-weight:bold;}
.table2 td {
	text-align:left;}
.table2 td,.table2 th {
	padding:0.5em 0.4em;
	font-size:12px;
	border-right:solid 0 #ddd;
	border-bottom:solid 1px #ddd;}
.table3 {
	border-top: solid 1px #ddd;
}
.table3 th, .table3 td {
	border-bottom: solid 1px #ddd;
	line-height: 1.3;
	vertical-align: top;
	padding: 0.8em 0.1em;
}
.table3 th {
	font-weight: bold;
	text-align: right;
	padding-right: 1em;
}
.table6 td,
.table6 td a {
	font-size:12px;}
.table6 tr {
	border-bottom:1px solid #ddd;}
.table7 {width: 100%;}
.table7 td, .table7 th {padding: 0.3em 0;}
.table7 tr {
	border-bottom: 1px solid #ddd;}
.table8 {width: 100%;}
.table8 td, .table8 th {padding: 0.2em 0.2em;font-size: 0.9em;}
.table8 tr {
	border-bottom: 1px solid #ddd;
}
.table8 tr:nth-child(2n) {
	/* border-bottom: 1px solid #ccc; */
	background-color: #f4f4f4;
}
.table8 th {font-weight: 700;}
.table9 {width: 100%;}
.table9 td, .table9 th {padding: 0.7em 0.2em;font-size: 0.9em;}
.table9 tr {border-bottom: 1px solid #ddd;}
.table9 tr:first-child {border-top: 1px solid #ddd;}
.table9 tr:nth-child(2n+1) {
	/* border-bottom: 1px solid #ccc; */
	background-color: #f4f4f4;
}
.table9 th {font-weight: 700;text-align: center;}
.box15em {padding: 1.5em;}
.box1em {padding: 1em;}
.box2em {padding: 2em;}
.box2 {
	/* border:1px solid #ccc; */
	border-radius:5px;
	padding:1em;
	background: #f1fbfc;
	}
.box3 {
	/* border:2px solid #ddd; */
	border-radius:1em;
	padding:1.5em;
	background:#f4f4f4;
	}
.indent-box {
	padding:0 0 0 1.2em;
	text-indent:-1.0em;}
.color0 {color:var(--c0);}
.color1 {color:#d00;}
.color2 {color:#555;}
.color3 {color:#009EB3;}
.color4 {color:#74AB4B;}
.bold {font-weight: bold;}
.border1 {border: 3px solid #eee;}
.border2 {border: 3px solid #82BEAD;}
.border3 {border: 3px solid #74AB4B;}
.border4 {border: 4px solid var(--c2);}

.kome {
	margin: 0 0 0.5em 1em;
	text-indent: -1em;
}
.kome::before {
	content: "※ ";
}
/**************************************** sangakutaro **********/
.catch-photo {
	/* border-radius:5px; */
	width: 100%;
	height: auto;}
.catch-word {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;}
.photo-slide {
	width:100%;
	margin:0 0 0 0;
	background-color: #fff;}
.photo-slide div {
	float:left;
	/* width:10%; */
	margin:0 0 0 0;}
.photo-slide a {
	display:block;
	/* padding: 0.2em; */
	overflow:hidden;
	margin:auto auto;
	border:1px solid #fff;
	border-radius:0%;
	transition-property: width,top,left;
	transition-duration: 0.1s,0.3s,0.3s;}
.photo-slide a img {
	width:100%;
	height:auto;
	border-radius:0%;/*64px*/}
.photo-slide a:hover {
	z-index:1000;
	background:#D0E3ED;}
.course-ichiran {
	margin:0 0 0 -5px;
	width:calc(100% + 20px);
	display: flex;
	flex-wrap: wrap;
}
.course-ichiran a {
	line-height:1.2;
	text-decoration:none;
	box-sizing: border-box;
	border-radius:0.5em;
	/*! float:; */
	width:calc(33% - 10px);/*285px*/
	/*height:;72px*/
	padding:0;
	/* border:solid 1px #ddd; */
	margin:5px;
	background:#f4f4f4;
	transition: all 0.2s;
	/*! background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e7e7e7), color-stop(0.00, #f7f7f7)); */
	/*! background: -webkit-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%); */
	/*! background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%); */
	/*! background: -o-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%); */
	/*! background: -ms-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%); */
	/*! background: linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%); */
	/*! filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFf7f7f7', endColorstr='#FFe7e7e7'); */
	/*!  */}
.course-ichiran a:hover {
	background:#FFFCF0;}
.course-ichiran a img {
	float:left;
	border-radius:7px;
	border:solid 1px #ddd;
	margin:0 0 0 0;}
.course-ichiran a div {
	position:absolute;
	float:left;
	margin:0 10px 0 80px;
	overflow:hidden;}
.course-ichiran a h4 {
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	margin:10px 0 0.1em 0;
	/* text-shadow: 1px 1px 2px #fff; */}
.course-ichiran a span {
	font-size:11px;
	line-height:1.5;
	color:#666;
	font-weight:normal;
	width:auto;
	vertical-align:middle;
	margin:5px 0px 0 0;}
.course-ichiran2 {
	width: calc(100% + 1em);
	left: -0.5em;}
.course-ichiran2 a {
	box-sizing: border-box;
	text-decoration: none;
	border-radius: 5px;
	/*float:left;*/
	width: calc(50% - 1em);
	margin: 0 0.5em 1em 0.5em;
	transition-property: border-color,background-color;
	transition-duration: 0.5s;
	/*max-width:285px;/*232*/
	border: solid 2px #eee;
	padding: 1.5em;
	background: #f4f4f4;
	}
.course-ichiran2 a:hover {
	background:#fff;
	border:solid 2px #007FFF;}
.course-ichiran2-img {
	float:left;
	max-width:40%;
	border-radius:12px;
	border:solid 1px #ddd;
	margin-right:1.5em;}
/* .course-ichiran2-inbox {
	overflow:hidden;
	margin:;
} */
.course-ichiran2 a h4 {
	font-size:18px;
	font-weight:bold;
	margin:0;
	line-height: 1.4;
	text-shadow: 1px 1px 2px #fff;}
.course-ichiran2 a span {
	/*float:left;*/
	color:#666;
	font-weight:normal;
	/*width:200px;*/
	margin:5px 0px 0 5px;}

	.course-ichiran3 {
		margin:0 0 0 0;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		gap:0.5em;
	}
	.course-ichiran3 a {
		display: flex;
		align-items: center;
		line-height:1.2;
		color: #000;
		text-decoration:none;
		box-sizing: border-box;
		border-radius:0.5em;
		width:calc((100% / 4) - (1.5em / 4));
		padding:0.0em;
		border:solid 3px #fff;
		background:#fff;
		transition: all 0.2s;
		overflow: hidden;
		box-shadow: 5px 5px 1px #82aeb3;
		}
	.course-ichiran3 a:hover {
		filter:brightness(0.95);
		transform: translateY(1px);}
	.course-ichiran3 a img {
		/* float:left; */
		width:6em;
		height: auto;
		margin:0 0 0 0;}
	.course-ichiran3 a div {
		/* position:absolute; */
		/* float:left; */
		margin:0 0 0 0.5em;
		/* overflow:hidden; */
	}
	.course-ichiran3 a h4 {
		font-size:1em;
		font-weight:500;
		vertical-align:middle;
		margin:0 0 0.3em 0;
		/* text-shadow: 1px 1px 2px #fff; */}
	.course-ichiran3 a span {
		font-size:0.8em;
		line-height:1.3;
		color:#666;
		font-weight:normal;
		width:auto;
		vertical-align:middle;
		margin:5px 0px 0 0;}

.pankuzu {
	margin-bottom: 1em;
}
.pankuzu span {
	font-size:13px;
	padding-left:18px;
	font-weight:bold;
	color:var(--c1);
	background:url('../images/appbar.control.play12.png') 3px 3px no-repeat;}
.pankuzu span a {
	font-size:13px;
	color:var(--c1);
	text-decoration:none;}
.pankuzu span a:hover {
	color:var(--c1);
	text-decoration:underline;}
#navi-button {
	cursor:pointer;
	margin-top:0!important;}
#sub-navi {
	z-index:100;
	position:fixed;
	top:0px;
	width:100%;}
#sub-navi2 {
	display:none;
	font-size:10px;
	color:#ddd;
	padding:0 0;
	background:#009EB3;
	margin:3px 0 0 0;
	border:solid #97BFC4;
	border-width:0 0 0 0;}
#sub-navi2 ul {
	padding:0 0 0 30px;}
#sub-navi2 li {
	overflow:hidden;
	border-top:1px #54C4D3 solid;}
#sub-navi2 li a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:0px 10px;}
#sub-navi2 li a:hover {
	background:#607993;}
#sub-navi3 {
	position:absolute;
	right:0;
	padding-right:10px;}
#sub-navi4 li {
	display:inline-block;
	padding:0 0 0 0;
	border-left: solid 1px rgba(255,255,255,0.5);}
#sub-navi4 li a {
	color:#fff;
	font-weight:bold;
	padding-right: 1em;
	padding-left: 1.1em;
	text-decoration:none;}
#sub-navi4 li:last-child {
	border-right: solid 1px rgba(255,255,255,0.5);}
#sub-navi4 li a:hover {
	text-decoration:underline;}
#page-top {
	position: fixed;
	background:var(--c2);
	color:var(--c2);
	z-index:100;
	bottom: 2em;
	text-align:center;
	border-radius:50%;
	right: 0.7em;
	opacity: 0.5;
	/* box-shadow: 0px 0px 2px #fff; */
	border: solid 1px #fff;
}
#page-top a {
	color:var(--c2);
	text-decoration:none;
	display:block;
	width:2em;
	height:2em;
	padding:0.7em;
	font-size: 0.7em;}
.staff-photo {
	/* max-width:40%; */
	/* border:0px solid #ddd; */
	/* padding:10px; */
	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 240px;
	aspect-ratio: 1 / 1;
	border-radius: 0.3em;
	object-fit: cover;
	background:#fff;}
.small {
	font-size:12px;}
.small a {
	font-size:12px;}
.small2 {
	font-size:16px;}
.toggle {
	cursor:pointer;
	transition-property: transform;
	transition-duration: 0.2s;}
.toggle img {
	margin-right:8px;}
.icon02 {
	background-image:url(../images/icon02.png);
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:left 50%;}
.icon03 {
	background-image:url(../images/icon03.png);
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:left 50%;}
.icon04 {
	background-image:url(../images/icon08.png);
	padding-left:36px;
	background-repeat:no-repeat;
	background-position:left 26%;}
.icon06 {
	background-image:url(../images/icon06.png);
	padding-left:18px;
	background-repeat:no-repeat;
	background-position:left 50%;}
.rotate img {
	transition-property: transform;
	transition-duration: 0.5s;
	transform: rotate(180deg);}
.calendar {
	float:left;
	width:49%;
	margin-right:1%;
	margin-top:2em;
	border-collapse:separate;
	table-layout: fixed;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;}
.calendar caption {
	text-align:left;
	font-size:1.5em;
	z-index:20;
	color:#009EB3;
	position:absolute;
	top:-1.5em;}
.calendar th, .calendar td {
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;}
.calendar th {
	font-weight:bold;
	background-color:#009EB3;
	color:#fff;}
.calendar td {
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	height:2.0em;}
.calendar td.off {
	background-color:#fafafa;}
.calendar td.sat {
	background-color:#eee;}
.calendar td.sun {
	background-color:#eee;}
.calendar td span {
	display:block;
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	width:100%;
	text-align:right;
	color:#8CCFD8;
	font-weight:bold;}
.calendar td b {
	font-size:10px;
	width:100%;
	text-align:center;
	color:#FF0000;
	font-weight:bold;}
.tairyoku {
	width:120px;
	background:#ddd;
	height:24px;}
.tairyoku-bar {
	float:left;
	height:100%;
	background:#009EB3;}
.tairyoku img {
	position:absolute;
	width:100%;
	top:0;
	left:0;}
/* .index-schedule {
	width:100%;
	border-collapse:separate;
	table-layout: fixed;
	border:solid #eee;
	border-width:1px 0 0 1px;}
.index-schedule td, .index-schedule th {
	border:solid #eee;
	padding:2px;
	border-width:0 1px 1px 0;}
.index-schedule td:first-child {
	text-align:center;
	width:5.5em;
	border:solid #fff;
	border-width:0 1px 1px 0;
	background:#eee;}
.index-schedule td span{
	display:block;
	float:left;
	font-size:0.9em;
	font-weight:bold;
	background:#4DBBCA;
	color:#000;
	margin:0 3px 1px 1px;
	padding:0 0.5em;
	border:solid 1px #eee;
	border-radius:0.7em;}
.index-schedule td span.c01{
	background:#B9DAF7;}
.index-schedule td span.c02{
	background:#FFEF8C;}
.index-schedule td span.c03{
	background:#FFD0BF;} */
	.index-schedule {
		width:100%;
		border-collapse:separate;
		table-layout: fixed;
		border:solid #ddd;
		border-width:0;}
	.index-schedule tr:nth-child(2n+1) {
		background-color: #eee;
	}
	.index-schedule td, .index-schedule th {
		border:solid #eee;
		padding:0.4em 0.1em;
		border-width:0;}
	.index-schedule td:first-child {
		text-align:center;
		width:5.5em;
		font-weight: 500;
		font-size: 0.8em;
		border:solid #fff;
		border-width:0;}
	.index-schedule td span{
		display:block;
		float:left;
		font-size:0.9em;
		font-weight:700;
		background:#fff;
		color:#fff;
		margin:0 3px 1px 1px;
		padding:0 0.5em 0.1em;
		border:solid 1px #eee;
		border-radius:0.3em;}
	.index-schedule td span.c01{
		background:#0083f3;
		border:solid 1px #0083f3;}
	.index-schedule td span.c02{
		background:#eb9a00;
		border:solid 1px #eb9a00;}
	.index-schedule td span.c03{
		color:#ff4600;
		border:solid 1px #d3866a;}
	.index-schedule td span::first-letter{
		letter-spacing: 0.3em;
		font-weight: 900;
	}
#load-schedule > div > div {
	max-height: 20em;
    overflow: auto;
    border: solid 1px #ddd;
}
.ol1 {
	list-style-type:decimal;}
.ol1 li {
	list-style-type:decimal;
	margin:0.1em 0 0.2em 1.5em;}
.ol2 {
	list-style-position: outside;
}
.ol2 li {
	list-style-type:decimal;
	margin: 0 0 0.5em 1.2em;
}
.ul1 li {
	list-style-type: square;
	margin-left: 1.5em;
}
.ul2 li {
	list-style-type: square;
	margin-left: 1.2em;
	margin-bottom: 0.5em;
}
.ul3 li {
	float: left;
	list-style-type: square;
	list-style-position: inside;
	font-size: 0.8em;
	margin-right: 1em;
	margin-bottom: 0.1em;
}
.ul3 li a {
	font-size: inherit;
}
.ul4 li, .ul4 li a {
	font-size: inherit;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 2em;
}
.ul5 > li {
	list-style-type: none;
	margin-bottom: 0.5em;}
.banner {
	width:110%;
	margin-top: 3em;}
.banner img {
	display:inline-block;
	width:22.4%;/*22.4,17.7*/
	height:auto;
	margin-bottom:3px;}
#toiawase-box {
	border-radius:1em;
	border: solid 4px #63C9D7;
	background:#FFFCF0;
	padding:1.5em;
	margin-bottom: 3em;}

.m-width25 {
	max-width:25%;}
.kounin-guide-logo {
	display:block;
	position:absolute;
	z-index:100;
	width:50px;
	top:0.4em;
	left:0.2em;
}
.kounin-guide-logo img {
	/* border: solid 1px #aaa; */
	box-shadow: 0px 0px 3px #777;
	border-radius: 50%;
}

.hideafter201909 {display: none;}
.hideafter202401 {display: none;}

/* ↓tab切り替え */
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: White;
	cursor: pointer;
    background: LightGray;
    margin-left: 5px;
	padding: 0.5em 1em;
	border-radius: 7px 7px 0 0;
    order:-1;
}
.tab-content {
    width: 100%;
    display: none;
}
.tab-switch:checked+.tab-label {
    background: #82BEAD;
}
.tab-switch:checked+.tab-label+.tab-content {
    /* display: block; */
    display: flex;
}
.tab-switch {
    display: none;
}
.side_icon {
	position: fixed;
	right: 1.1em;
	bottom: 5em;
	width: 1.7em;
	z-index: 100;
}
.side_icon a {
	display: block;
	margin-bottom: 1em;
	opacity: 0.6;
	filter: drop-shadow(1px 1px 0 #fff);
}
.oshirase {
	margin: 0 0 0.5em 0;
	border-bottom: solid 1px #ddd;
	padding: 0 0 0.5em 0;
	.oshirase_title {
		font-weight: 700;
		line-height: 1.4;
	}
	.oshirase_title a {
		font-weight: 700;
		line-height: 1.4;
	}
	.oshirase_date {
		font-size: 0.8em;
		opacity: 0.7;
		line-height: 1.3;
	}
	.oshirase_tag {
		display: inline-block;
		font-size: 0.9em;
		font-weight: 700;
		border-radius: 0.5em;
		padding: 0.3em 0.7em 0.4em;
		color: #fff;
		background-color: var(--c1);
		margin: 0 0.3em 0.3em 0;
	}
}
.wave_1rbg {
	background-image: url(/images/wave_1r.svg),url(/images/logo12.webp);
	background-repeat: repeat-x,no-repeat;
	background-size: 100%,min(400px, 60%);
	background-position-x: 0,103%;
	background-position-y: 0,100%;
	background-blend-mode:normal,normal;
}
.wave_2r {
	background-image: url(../images/wave_2r.svg);
	background-repeat: repeat-x;
	background-size: 100%;
}
.wave_3 {
	background-image: url(../images/wave_3.svg);
	background-repeat: repeat-x;
	background-size: 100%;
}
.wave_1a::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: -1em;
	width: calc(100% + 1em);
	height: 4em;
	background-image: url(/images/wave_3.svg);
	background-repeat: repeat-x;
	background-size: 25%;
	background-position-x: 0;
	background-position-y: calc(100% + 1px);
	animation: wave3a 10s linear infinite;
}
.wave_3a::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: -1em;
	width: calc(100% + 1em);
	height: 4em;
	background-image: url(../images/wave_3.svg);
	background-repeat: repeat-x;
	background-size: 25%;
	background-position-x: 0;
	background-position-y: calc(100% + 0.5px);
	animation: wave3a 10s linear infinite;
}
@keyframes wave3a {
	0% {
		background-position-x: 0;
	}
	100% {
		background-position-x: 100%;
	}
}
.button1 {
	text-align: center;
	font-size: 1.1em!important;
	font-weight: 700!important;
	color: #fff!important;
	background: var(--c1)!important;
	padding: 0.7em 1em!important;
	border-radius: 0.5em!important;
	cursor: pointer;
	border-width: 0;
	width: max(30%,10em);
	text-shadow: none;
}
.button2 {
	font-size: 1.1em!important;
	font-weight: 400!important;
	color: #fff!important;
	background: var(--c5)!important;
	padding: 0.7em 2em!important;
	border-radius: 0.5em!important;
	cursor: pointer;
	border-width: 0;
	width: max(30%,10em);
	text-shadow: none;
}
.button3 {
	background: #d88f08;
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: 0.5em 3em 0.5em 2.5em;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 0.3em;
	transition: all 0.1s;
	box-shadow: 2px 2px 3px #00000044;
}
.button3:hover {
	color: #fff;
	background-color: #d88f08cc;
}
.button3::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.button3_2 {
	background: #999;
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: 0.5em 3em 0.5em 3em;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 0.3em;
	transition: all 0.1s;
	box-shadow: 2px 2px 3px #00000044;
}
.font12 {font-size: 12px!important;}
.font10 {font-size: 10px!important;}
.font14 {font-size: 14px!important;}
.font16 {font-size: 16px!important;}
.font18 {font-size: 18px!important;}
.font20 {font-size: 20px!important;}
.font22 {font-size: 22px!important;}
.font24 {font-size: 24px!important;}
.font26 {font-size: 26px!important;}
.font28 {font-size: 28px!important;}
.font30 {font-size: 30px!important;}
.f08em {font-size: 0.8em;}
.f09em {font-size: 0.9em;}
.f11em {font-size: 1.1em;}
.f12em {font-size: 1.2em;}
.f13em {font-size: 1.3em;}
.f14em {font-size: 1.4em;}
.f15em {font-size: 1.5em;}
.filter_shadow1 {
	filter:drop-shadow(0 0 3px #000);
}

.popup2x {transition: all 0.05s ease-out;}
.popup2x:hover {
	position: relative;
	z-index: 80;
	transform: scale(2);
}
.hakase {
	width:min(40%,170px);
	position:absolute;
	right:0;
	bottom:0;
	opacity: 0.1;
	animation: 1s ease-out 0s infinite hakase;
}
@keyframes hakase {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(2deg);
		bottom: 5px;
	}
	100% {
		transform: rotate(0deg);
	}
}

/*********************** mailformpro ****************************/

table#mfp_confirm_table tr th {
	font-weight: bold;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
	box-sizing: border-box;
	font-size: 1em;}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
	margin-left: 0;
	margin-right: 0;
}
@media screen and (max-width: 800px) {
	table#mfp_confirm_table tr td {
		border-top: 0;
		padding-left: 1em;
	}
}

/*********************** swiper ****************************/
.swiper_comment {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	background-color: #0004;
	padding: 0.5em;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.4;
	filter: drop-shadow(1px 1px 0px #000);
	text-shadow:
		0px 0px 2px #000,
		0px 0px 2px #000;
	text-align: center;
}
.swiper-button-next:after, .swiper-button-prev:after {
	color: #fff;
	text-shadow:
	1px 2px 1px #000,
	1px -1px 1px #000,
	-1px 2px 1px #000,
	-1px -1px 1px #000;
}
/*********************** ハンバーガーメニュー ****************************/
.moushikomi_link_button {
	position: fixed;
	right: 0.5em;
	top: 0em;
	font-weight: 700;
	font-size: 0.9em;
	padding: 0.5em 1em 0.5em 1em;
	color: #fff;
	background-color: var(--c2);
	z-index: 100;
	text-decoration: none;
	border: solid 0px #fff;
	border-width: 0 2px 2px 2px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
	border-radius: 0 0 0.7em 0.7em;
	transition: all 0.1s linear;
	filter: saturate(1);
}
.moushikomi_link_button:hover {
	filter: saturate(1.5);
	color: #fff;
	padding: 0.5em 1em 0.5em 1em;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.7);
	box-shadow: 1px 1px 6px rgba(0,0,0,0.7);
}
#ham-menu {
	background-color: #fff; /*メニュー背景色*/
	opacity: 1;
	box-sizing: border-box;
	height: 100%;
	padding: 1em 0 0 0; /*メニュー内左右上下余白*/
	position: fixed;
	right: -260px; /*メニュー横幅 width と合わせる*/
	top: 0;
	transition: transform 0.1s ease-out 0s; /*0.3s はアニメーションにかかる時間*/
	width: 260px; /*メニュー横幅*/
	z-index: 9999;
	font-size: 16px;
	overflow: auto;}
#ham-menu ul {
	margin-left: 0;
	padding-left: 0;
}
#ham-menu ul ul {
	padding-left: 1em;
}
#ham-menu li {
	list-style-type: none;}
#ham-menu li a {
	display: block;
	font-size: 13px;
	padding: 0.3em 0.8em;
	border-bottom: 1px solid var(--c4);
	color: #444;
	font-weight: bold;
	text-decoration: none;}
#ham-menu li li a {
	font-weight: normal;
	padding: 0.1em 0.8em;}
#ham-menu li a:hover {
	color: #444;
	background: #f4f4f4;}
#ham-menu li a.selected {
	background: var(--c2);
	color: #fff;}
#menu-background {
	background-color: #000; /*黒背景*/
	display: block;
	height: 100%;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
	width: 100%;
	z-index: -100;}

#menu-icon {
	cursor: pointer;
	text-align: center;
	transition: all 0.3s linear 0s;
	z-index: 9999;
	position: fixed;
	z-index:100;
	top:2.2em;
	border-radius:5px;
	/* text-shadow:
	1px 1px 1px rgba(255, 255, 255, 0.5),
	1px -1px 1px rgba(255, 255, 255, 0.5),
	-1px 1px 1px rgba(255, 255, 255, 0.5),
	-1px -1px 1px rgba(255, 255, 255, 0.5); */
	filter: drop-shadow(1px 1px 0px #fff) drop-shadow(-1px 1px 0px #fff) drop-shadow(1px -1px 0px #fff) drop-shadow(-1px -1px 0px #fff);
	right: 0.4em;
	color:var(--c2);
	text-decoration:none;
	line-height:0.2;
	opacity: 1;
	padding:0;
	font-size: 24px;}
#menu-icon img {
	/* filter: drop-shadow(1px 1px 0px #fff) drop-shadow(-1px 1px 0px #fff) drop-shadow(1px -1px 0px #fff) drop-shadow(-1px -1px 0px #fff); */
	/* border-radius: 0 0 0.5em 0.5em; */
	/* padding: 0.6em 0.6em 0.6em 0.6em; */
	width: 1.8em;
	/* background-color: var(--c2); */
	/* box-shadow: 0px 0px 2px #fff; */
	/* border: solid 1px #fff; */
	
	/* border-width: 0 1px 1px 1px; */
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	/* box-shadow: 1px 1px 1px rgba(0,0,0,0.4); */
}
#menu-cb {
	display: none!important; /*チェックボックス本体は消しておく*/}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
	transform: translate(-260px); /*メニュー本体横幅 width と合わせる*/}
#menu-cb:checked ~ #menu-icon {
	display: none;}
#menu-cb:checked ~ #menu-background {
	opacity: 0.5;
	z-index: 9999;}
/* ↓wp */
.size-medium{
	max-width:50%;}
.size-thumbnail{
	max-width:25%;}
.post {
	padding-bottom:5em;}
.post p {
	padding-bottom:1em;}
.post em {
	font-style:italic;}
.entry-meta {
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:1em;}
.entry-footer {
	padding:0.5em 0;
	border:solid #ddd;
	border-width:1px 0;}
.post blockquote {
	padding:1em;
	margin-bottom:1em;
	border:solid #eee 1px;}
.post del {
	text-decoration: line-through;}
.post pre {
	padding:1em;
	border:solid #eee 1px;
	overflow:auto;}
.post ol li {
	margin:0 0 0 2em;
	list-style:decimal;}
.post ul li {
	margin:0 0 0 2em;
	list-style:disc;}
#secondary ul li {
	padding:0 0 0 0.5em;
	float:left;
	list-style:disc;
	list-style-position:inside;
	border-bottom:solid #f4f4f4 1px;}
#secondary .widget-title {
	margin:0 0 0.4em 0;
	background:#009EB3;
	color:#fff;
	padding:0.2em 0.6em;
	font-weight:bold;}
#secondary .widget {
	clear:both;
	margin:0 0 1em 0;}
/* ↑wp */
/******************* l *******************/
@media screen and (max-width: 1600px) {
	.course-ichiran3 a {
		width:calc((100% / 3) - (1em / 3));
		}
}
/******************* m *******************/
@media screen and (max-width: 1100px) {
	.course-ichiran {
		width:calc(100% + 10px);}
	.course-ichiran a {
		width:calc(50% - 10px);}
	/* .mobile-hidden {
		display:;} */
	#menu>li {
		width: 24%;}
	#menu>li>a{
		display:block;
		border-radius:7px;
		text-decoration:none;
		/* text-shadow: 1px 1px 1px #ddd; */
		padding:0.3em 0;
		margin-bottom:2px;
		color:#444;
		font-size:0.9em;
		font-weight:500;
		background:#e7e7e7;
		text-align: center;}
	.course-ichiran2 a {
		width:99%;}
	.course-ichiran2 a img {
		width:160px;}
	.course-ichiran3 {
		width:100%;}
	.course-ichiran3 a {
		/* font-size: 0.8em; */
		width:calc(50% - 0.25em);}
	.course-ichiran3 a img {
		width: 4em;
	}
	.grid30, .grid70 {
		width:100%;
		max-width:100%;
		margin-left:0;}
	.m-show {display: block;}
	.m-width100 {width: 100%;}
	.m-width50 {width: 50%;}
	.m-width33 {width: 33%;}
	.m-width25 {width: 25%;}
	.m-flex-column {flex-direction: column;}
	.m-flex-column-reverse {flex-direction:column-reverse;}
	.m-padding-inline0 {padding-inline: 0!important;}
	.m-pbox0 {padding: 0!important;}
	.m1-1 {width: 100%!important;}
	.m3-4 {width: 75%;}
	.m2-3 {width: 66.6666666%;}
	.m1-2 {width: 50%;}
	.m3-8 {width: 37.5%;}
	.m1-3 {width: 33.3333333%;}
	.m1-4 {width: 25%;}
	.m1-5 {width: 20%;}
	.m1-6 {width: 16.6666666%;}
	.m1-7 {width: 14.285%;}
	.m1-8 {width: 12.5%;}
	.m1-9 {width: 11.1111111%;}
	.m1-10 {width: 10%;}
	.m1-11 {width: 9.090%;}
	.m1-12 {width: 8.3333333%;}
}

/******************* s *******************/
@media screen and (max-width: 640px) {
	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, img, ins,
	kbd, q, s, samp, small, strike, sub, sup, tt,
	var, dl, dt, dd, ol, ul, li, fieldset, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td  {
	font-size:14px;}
	#menu>li {
		width: 100%;}
	#nav {display: none;}
	.course-ichiran a {
		width:calc(100% - 5px);}
	
	.course-ichiran3 a {
		width:100%;}
	.grid70 {
		display:block;
		position:relative;
		overflow:auto;}
	.heading1 {
		font-size:20px;}
	.heading1 a {
		font-size:20px;}
	.heading3 {
		font-size:16px;}
	.heading3 a {
		font-size:16px;}
	.heading8 {
			font-size:20px;}
	.calendar {
		width:98%;}
	.banner img {
		display:inline-block;
		width:44%;}
	#index-logo img {
		margin-top:50px;}
	.box2em {padding: 1em;}

	.font12 {font-size: 12px!important;}
	.font10 {font-size: 10px!important;}
	.font14 {font-size: 14px!important;}
	.font16 {font-size: 16px!important;}
	.font18 {font-size: 16px!important;}
	.font20 {font-size: 16px!important;}
	.font22 {font-size: 16px!important;}
	.font24 {font-size: 16px!important;}
	.font26 {font-size: 16px!important;}
	.font28 {font-size: 16px!important;}
	.font30 {font-size: 16px!important;}
	.xs-width50 {
		max-width:50%;}
	.s-text-center {text-align: center;}
	.s-show {display: block!important;}
	.s-width100 {width: 100%;}
	.s-width50 {width: 50%;}
	.s-width33 {width: 33%;}
	.s-width25 {width: 25%;}
	.s-box1em {padding: 1em;}
	.s1-1 {width: 100%;}
	.s3-4 {width: 75%;}
	.s2-3 {width: 66.6666666%;}
	.s1-2 {width: 50%;}
	.s3-8 {width: 37.5%;}
	.s1-3 {width: 33.3333333%;}
	.s1-4 {width: 25%;}
	.s1-5 {width: 20%;}
	.s1-6 {width: 16.6666666%;}
	.s1-7 {width: 14.285%;}
	.s1-8 {width: 12.5%;}
	.s1-9 {width: 11.1111111%;}
	.s1-10 {width: 10%;}
	.s1-11 {width: 9.090%;}
	.s1-12 {width: 8.3333333%;}
	/* .photo-slide div {width:16.6%;} */
	.s-flex-column {flex-direction: column;}
	.s-flex-column-reverse {flex-direction: column-reverse;}
	.s-pbox05em {padding: 0.5em!important;}
	.s-pbox0 {padding: 0!important;}
}