@charset "UTF-8";
#pageCourse{
	text-align: left;
}
/* =====================================================================

wrap-card

====================================================================== */
.wrap-card{
 font-size: 0;
}
.mod-card{
 margin-bottom: 20px;
}

.mod-card{
 position: relative;
 min-height: 150px;
}
.mod-card-box{
 position: absolute;
 bottom: 0;
 right: 0;
 left: 0;
background: rgba(15,113,28,0.75);
 color: #fff;
 padding: 1em;
 text-align: center;
 transition-duration:.7s;
}
.mod-card-box h3{
 font-size: 1.8rem;
 padding: 0.8em 0.5em;
}
.mod-card-box h3:after{
  font-family: 'FontAwesome';
	content: "　\f138";
}

.course-01{
 background:url(../image/bg_course_01.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.course-02{
 background:url(../image/bg_course_02.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.course-03{
 background:url(../image/bg_course_03.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.course-04{
 background:url(../image/bg_course_04.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.course-05{
 background:url(../image/bg_course_05.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.course-06{
 background:url(../image/bg_course_06.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.course-07{
 background:url(../image/bg_course_07.jpg) 50% 50% no-repeat;
 background-size: cover;
}
/*講習*/
.class-01{
 background:url(../image/bg_class_01.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.class-02{
 background:url(../image/bg_class_02.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.class-03{
 background:url(../image/bg_class_03.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.class-04{
 background:url(../image/bg_class_04.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.class-05{
 background:url(../image/bg_class_05.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.class-06{
 background:url(../image/bg_class_06.jpg) 50% 50% no-repeat;
 background-size: cover;
}
.class-07{
 background:url(../image/bg_class_07.jpg) 50% 50% no-repeat;
 background-size: cover;
}
@media only screen and (min-width: 576px) {
 .wrap-card a{
  width: 50%;
  display: inline-block;
  padding: 0 10px;
 }
}
@media print, screen and (min-width: 768px) {
.mod-card{
min-height: 200px;
}
 .wrap-card a{
  width: 33.333333%;
 }
}
@media print, screen and (min-width: 992px) {
.mod-card:hover .mod-card-box{
	background: rgba(15,113,28,1.0);
}
}

@media print, screen and (min-width: 1200px) {
.mod-card{
min-height: 250px;
}
.mod-card-box h3{
 font-size: 2.0rem;
 }
}

/*-----------------------------------------
nav-course
------------------------------------------ */
.nav-course{
	text-align: left;
	margin-left: -10px;
	margin-right: -10px;
	margin: 20px 0 40px;
}
.nav-course ul{
	font-size: 0;
	padding: 0 5px;
	width: 100%;
}
.nav-course ul li{
	display:inline-block;
	width: 50%;
	padding: 0 5px;
	margin-bottom: 10px;
}
.nav-course ul li a{
	display: block;
	text-align: center;
	background: #0f711c;
	color: #fff;
	border-radius: 4em;
	font-size: 1.4rem;
	padding: 0.5em 0.5em;
	text-decoration: none;
}
.nav-course ul li.is-current a{
 background: #13a648;
}

.nav-course ul a:after{
  font-family: 'FontAwesome';
	content: "　\f138";
}
@media print, screen and (min-width: 768px) {
.nav-course ul li{
	width: 25%;
}
}
@media print, screen and (min-width: 992px) {
.nav-course ul li a{
	font-size: 1.6rem;
	padding: 0.8em 0.5em;
}
.nav-course ul li a:hover{
 background: #13a648;
}
}
/*-----------------------------------------
.sec-course-dt
------------------------------------------ */
.sec-course-dt{
	text-align: center;
}
.course_wrap{
	background: url(../image/bg_for_students.png)50% 50%;
	margin: 30px 0;
	padding: 20px 0;
}

.list-coursetype-info{
 text-align: center;
 margin-bottom: 0.8em;
}
.list-coursetype-info li+li{
 padding-top: 0.2em;
}
@media print, screen and (min-width: 768px) {
 .list-coursetype-info li{
  display: inline-block;
  padding: 0.2em 1em;
 }
}

.wrap-bg-txt{
	background: #fff;
	margin: 10px 0;
	padding: 20px;
}
@media print, screen and (min-width: 992px) {
.course_wrap{
	padding: 30px 0;
}
.wrap-bg-txt{
	margin: 0;
}
}
.wrap-bg-txt+.ttl-style-02{
 margin-top: 30px;
}
@media print, screen and (min-width: 992px) {
.wrap-bg-txt+.ttl-style-02{
 margin-top: 50px;
}
}
@media print, screen and (min-width: 768px) {
.btn-price-dt{
 max-width: 300px;
 margin: 20px auto;
 font-size: 1.6rem;
}
}
/*-----------------------------------------
.tbl-course
------------------------------------------ */
.tbl-course{
	width: 100%;
	text-align: left;
	background: #fff;
	margin-bottom: 30px;
}
.tbl-course th, .tbl-course td{
	padding: 0.5em 0.3em;
	border: 1px solid #3f3f3f;
}
.tbl-course th{
	font-weight: 500;
	background: #eaeaea;
	atext-shadow: 1px 1px 1px #fff;
	white-space: nowrap;
}
.tbl-course th.th-style-01{
	background: #0F711C;
	color: #fff;
}
.tbl-course th.th-style-02{
	background: #EAEAEA;
}
@media print, screen and (min-width: 992px) {
.tbl-course th, .tbl-course td{
	font-size: 1.6rem;
	line-height: 1.53333;
	padding: 0.8em 1.3em;

}
}
/*----------------------------------------
list-course-item
--------------------------------------------*/
.list-course-item{
	text-align: left;
	margin: 0 0 0 23px;
	padding: 0;
}
.list-course-item > li{
	margin: 0 0 0.8em;
	padding: 0;
	font-size: 1.4rem;
}
.list-course-item > li span{
	display: block;
	font-weight: 600;
	font-size: 1.1em;
}
@media print, screen and (min-width: 992px) {
.list-course-item > li{
	font-size: 1.6rem;
}
	.list-course-item > li span{
	font-size: 1em;
}
}
/*-----------------------------------------
.tbl-course-time
------------------------------------------ */
.tbl-course-time{
	width: 100%;
	text-align: left;
	background: #fff;
	margin-bottom: 30px;
}
.tbl-course-time th, .tbl-course-time td{
	padding: 0.5em 0.3em;
	border: 1px solid #3f3f3f;
}
.tbl-course-time th{
	font-weight: 500;
	background: #eaeaea;
	atext-shadow: 1px 1px 1px #fff;
	white-space: nowrap;
}
.tbl-course-time th.th-style-01{
	background: #0F711C;
	color: #fff;
}
.tbl-course-time th.th-style-02{
	background: #EAEAEA;
}
@media print, screen and (min-width: 992px) {
.tbl-course-time th, .tbl-course-time td{
	font-size: 1.6rem;
	line-height: 1.53333;
 	padding: 0.8em 1.3em;

}
}

/*-------------------------------------
list-course-time
-------------------------------------*/
.list-course-time{
 text-align: left;
 margin-top: -20px;
}
@media print, screen and (min-width: 992px) {
 .list-course-time li{
  font-size: 1.6rem;
  line-height: 1.5753;
 }
}

/*-------------------------------------
flow
-------------------------------------*/
.sec-flow{
 text-align: left;
}
/*-------------------------------------
ttl-flow
-------------------------------------*/
.ttl-flow{
 background: #ebf8ed;
 font-size: 1.6rem;
 text-align: left;
 margin-bottom: 0.75em;
}
.ttl-flow span{
 display: inline-block;
 background: #0f711c;
 color: #fff;
 font-weight: 500;
 padding: 0.5em 0.8em;
 font-family: 'Allerta Stencil', sans-serif;
 margin-right: 0.8em;
 font-size: 1.2em;
}
.ttl-flow.last-step{
 background: #ffffda;
}
.ttl-flow.last-step span{
 background: #FFFF00;
 color: #000;
}
@media print, screen and (min-width: 992px) {
 .ttl-flow{
  font-size: 1.8rem;
 }
}

.hr-flow{
 border: none;
 margin: 30px 0;
}
@media print, screen and (min-width: 992px) {
.hr-flow{
 margin: 50px 0;
}
}

.wrap-flow-dt > div{
  border: 1px solid #060;
 margin-bottom: 10px;
}
.wrap-flow-dt dl{
 padding: 1em;
 text-align: center;
}
.wrap-flow-dt dl dt{
 color: #0f711c;
 font-size: 1.6rem;
 font-weight: 600;
}
.wrap-flow-dt dl dt img{
 display: block;
}
.wrap-flow-dt dl dd{
 font-size: 1.4rem;
 line-height: 1.3333;
}
@media print, screen and (min-width: 768px) {
 .wrap-flow-dt{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
  .wrap-flow-dt > div{
   width: 50%;
   border: none;
 }
 .wrap-flow-dt dl{
  border: 1px solid #0f711c;
  margin: 0 20px;
  height: 100%;
 }

 .wrap-flow-dt dl dt{
  margin-bottom: 5px;
}

}
/* =====================================================================

class

====================================================================== */
#pageClass{
 text-align: left;
}
@media print, screen and (min-width: 992px) {
#pageClass .sec-cmn{
 padding: 60px 0;
}
}

#class02 .l-col-wrap, #class04 .l-col-wrap, #class06 .l-col-wrap{
   -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}

.l-2col-child img{
 margin-bottom: 20px;
}
@media print, screen and (min-width: 992px) {
.l-2col-child img{
 margin-bottom: 0;
}
}