/* CSS Document */

@charset "utf-8";

.h01 {
	font-size:42px;
	margin-bottom: 0.4em;
}

.h01_c {
	font-family:serif;
	font-size: 42px;
	position: relative;
	display: block;
	margin-bottom: 5%;
	text-align: center;
	font-weight: normal;
	line-height: 1.0em;
}
.h01_c:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #000;
}
.h01_c small{ display:block; font-size:14px;}

.h02 {
	font-size: 34px;
	margin-bottom: 0.4em;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #CCC;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.h02_c {
	font-size: 24px;
	text-align:center;
	margin-bottom: 0.4em;
	padding-bottom: 0.2em;
}
.h03 {}


h3 small {
	display: block;
	font-size: 14px;
	font-weight: normal;
	}


.h04 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 1em;
	padding-bottom: 0.4em;
	border-bottom: 1px dotted #CCC;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.h05 {
	position: relative;
	padding: 0 10px;
	font-size: 20px;
	margin-bottom: 0.4em;
}

ul.ulasdf {}
dl.dlcourse {}
dl.dlcourse dt {
	float: left;
	width: 140px;
}
dl.dlcourse dt:after {
	content:"：";}
dl.dlcourse dd {
	padding-left: 140px;
	padding-bottom: 10px;
}
.asdf {
	border-bottom: 1px dotted #ccc;
}

/* アイコン */
ul.ulicon {
	display: flex;
	flex-wrap: wrap;}
ul.ulicon li {
	width:85px;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.icon-img {
	border: 1px solid #CCC;
	width: 85px;
	padding: 10px;
}

/*------------------------------------------------*/

.width800 {
	max-width: 800px;
	margin-left:auto;
	margin-right:auto;
}



/*----------------------------------------------分割--*/
.row {display: flex;flex-wrap: wrap;}
.row > * {flex-grow: 0;flex-shrink: 0;}

.row-re {display: flex;flex-wrap: wrap-reverse;}
.row-re > * {flex-grow: 0;flex-shrink: 0;}

.col-20,.col-25,.col-30,.col-33,.col-40,.col-50,.col-60,.col-70,.col-75,.col-80 {padding-right: 1%;padding-left: 1%;}
.col-20 {width: 20%;}
.col-25 {width: 25%;}
.col-30 {width: 30%;}
.col-33 {width: 33.33333%;}
.col-40 {width: 40%;}
.col-50 {width: 50%;}
.col-60 {width: 60%;}
.col-70 {width: 70%;}
.col-75 {width: 75%;}
.col-80 {width: 80%;}


.txt_c {
	text-align: center;
}


/* -----------------------------------------------------------------teble-- */
.tbl01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 2px solid #CCC;
	margin-bottom: 5%;
}
.tbl01 th {
	padding: 10px 20px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: rgba(140,162,81,0.2);
	white-space: nowrap;
	color: #718341;
}
.tbl01 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}
.tbl02 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 2px solid #CCC;
}
.tbl02 th {
	padding: 10px 20px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	white-space: nowrap;
}
.tbl02 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}

.tblcom {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
}
.tblcom th {
	text-align: left;
	vertical-align: middle;
	background-color: #f2f2f2;
	width:30%;
}
.tblcom .thfirst {
	border-top: 4px solid #E30000;
}
.tblcom .tdfirst {
	border-top: 4px solid #ccc;
}
.tblcom td {
	vertical-align: top;
}
.tblcom th,.tblcom td {
	padding: 30px 20px;
	border-bottom: 1px dotted #CCC;
}

/*------------------------------ul.list--*/
ul.ullist {
	overflow:hidden;}
ul.ullist li {
	margin-bottom: 3em;
}

ul.ullist01 {
	overflow: hidden;
	padding-left: 20px;
}
ul.ullist01 li {
	margin-bottom: 0.7em;
	text-indent: -8px;
}
ul.ullist01 li:before {
	content: "●";
	color: #8ca251;
	font-weight: 900;
	font-size: 12px;
	position: relative;
	left: -5px;
	top:-1px;
}

ul.ulcontact {
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}
ul.ulcontact li {
	text-align:center;
}
.btn01{
	display: inline-block;
	padding: 0.5em 2em 0.2em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	cursor: pointer;
	overflow: hidden;
	color: #fff;
	box-shadow: 0px 8px 0px 0px #003366;
	font-size: 18px;
	font-weight: bold;
	background-color: #006699;
	border-style: none;
	text-decoration: none;
}
 a.btn01 {text-decoration:none;}
.btn01:hover,
.btn01:active,
.btn01:focus{
     -webkit-transform: translate(0, 3px);
	-moz-transform: translate(0, 3px);
	transform: translate(0, 3px);
	box-shadow:none;
}
/*----------------------------------------------装飾--*/

.spp_updt10 {padding-top: 10%;padding-bottom: 10%;}
.spp_updt5 {padding-top: 5%;padding-bottom: 5%;}
.spp_updt2 {padding-top: 2%;padding-bottom: 2%;}
.spp_dt10 {padding-bottom: 10%;}
.spp_dt5 {padding-bottom: 5%;}
.spp_dt2 {padding-bottom: 2%;}
.spp_dt00 {padding-bottom: 0px;}
.spm_updt10 {margin-top: 10%;margin-bottom: 10%;}
.spm_updt5 {margin-top: 5%;margin-bottom: 5%;}
.spm_updt2 {margin-top: 2%;margin-bottom: 2%;}
.spm_dt10 {margin-bottom: 10%;}

.spm_dt10 {margin-bottom: 10%;}
.spm_dt5 {margin-bottom: 5%;}
.spm_dt3 {margin-bottom: 3%;}
.spm_dt2 {margin-bottom: 2%;}

.spm_left1 {margin-left:1%;}
.spm_left2 {margin-left:2%;}
.spm_left3 {margin-left:3%;}
.spm_left5 {margin-left:5%;}

.spm_lr1 {margin-right: 1%;margin-left: 1%;}
.spm_lr2 {margin-right: 2%;margin-left: 2%;}
.spm_lr3 {margin-right: 3%;margin-left: 3%;}
.spm_lr5 {margin-right: 5%;margin-left: 5%;}

.spp_lr1 {padding-right: 1%;padding-left: 1%;}
.spp_lr2 {padding-right: 2%;padding-left: 2%;}
.spp_lr3 {padding-right: 3%;padding-left: 3%;}
.spp_lr5 {padding-right: 5%;padding-left: 5%;}



.arghtR {text-align: center;}
.arghtR a {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	color: #fff;
	background-color: #d90000;
	white-space: nowrap;
	transition-duration: 0.3s;
	display: inline-block;
	width:250px;
	text-decoration: none;
}
.arghtR a:hover{
	background-color: #f26c72;
	color: #fff;
	text-decoration: none;
}
.arghtR a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	font-size: 18px;
	margin-top: -1px;
	margin-right: 8px;
}

@media screen and (max-width: 768px) {
.h01 {
	font-size:30px;
	margin-bottom: 0.5em;
}

.h01_c {
	font-size: 30px;
	margin-bottom: 10%;
}
.h01_c:before {}
.h01_c small{ display:block; font-size:12px;}
.h02 {font-size: 26px;}
.h04 {font-size: 18px;}

.arghtR a {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 16px;
}
.arghtR a:hover{}
.arghtR a:before{font-size: 14px;}

	.tblcom {
	width: 100%;
	border: 0px solid #fff;
	}
	.tblcom th,.tblcom td {
	display: table;
	width: 100%;
	margin-top: 20px;
	}
	.tblcom .thfirst,.tblcom .tdfirst {
	border-top: 0px none;
}
	.tblcom td {
	margin-left: 0px;
}
	.tblcom tr {
	border-bottom: 5px solid #FFF;
	}

}


@media (max-width: 519px) {
  ul[class*='box-'] > li{
	  width: 100%;/*縺吶∋縺ｦ繧抵ｼ大�縺ｫ*/
  }
ul.ulbn02 li{width:98%;}
.bk519-50 {width:50%;}
.bk519 {display:block;width:100%;}
.del519 {display:none;}

.flot_c{text-align: center; margin-left:auto; margin-right:auto;margin-bottom: 12px;}
.flot_l,.flot_r {margin-bottom: 12px;float: none;text-align: center;width: 100%;}
/*-------------------------------------*/

.col-20 {width: 100%;}
.col-25 {width: 100%;}
.col-30 {width: 100%;}
.col-33 {width: 100%;}
.col-40 {width: 100%;}
.col-49 {width: 100%;}
.col-50 {width: 100%;}
.col-60 {width: 100%;}
.col-70 {width: 100%;}
.col-75 {width: 100%;}
.col-80 {width: 100%;}


ul.box-01 li {width: 100%;}
ul.box-02 li {width: 100%;}
ul.box-03 li {width: 100%;}
ul.box-04 li {width: 100%;}
ul.box-05 li {width: 100%;}
ul.box-06 li {width: 100%;}
ul.box-07 li {width: 100%;}
ul.box-08 li {width: 100%;}

}