@charset "utf-8";

/**-- texts ------------**/
h1 {font-size: 1.5em; font-weight:normal;}
h2 {font-size: 1.4em; font-weight:normal;}
h3 {font-size: 1.3em; font-weight:normal;}
h4 {font-size: 1.2em; font-weight:normal;}
h5 {font-size: 1.2em; font-weight:normal;}
h5 span{font-size: 0.88em; margin:8px; color:#888888;}
h6 {font-size: 1.2em; font-weight:normal;}
h6 i{color:#888888; padding:0 8px 0 0;}
h6 span{font-size: 2em; font-weight:bolder;}

/* text --------------------------------------------*/
.texts {font-size: 0.88em;}
.textlg {font-size: 1.3em;}
.textlgg {font-size: 1.8em;}
.textbs {font-weight: bolder; font-size:1.2em;}
.textb {font-weight: bolder;}
.textmaincolor {color:#182578; font-weight:normal;}
.textblue {color:#036eb8;}
.textgreen {color:#006a2e;}
.textred {color:#d90000;}
.textreds {color:#d90000; font-size:0.8em;}
.textredb {color:#d90000; font-size:1.3em;/* font-weight: bold;*/}
.topprice {color:#d90000; font-size:1.3em;/* font-weight: bold;*/}
.tel {font-size:1.3em; font-weight:normal;}
.text00 {color:#00913a; font-size:1.3em; font-weight:normal;}
.text01 {color:#182578; font-size:1.2em; font-weight:normal;}
.text02 {color:#328D66; font-size:1.2em; font-weight:normal;}
.text03 {color:#036eb8; font-size:1.2em; font-weight:normal;}
.text04 {color:#367c7a; font-size:1.2em; font-weight:normal;}
.text05 {color:#89be6d; font-size:1.2em; font-weight:normal;}
.text02lg {color:#328D66; font-size:1.5em; font-weight: bold;}
.text02lgg {color:#328D66; font-size:1.8em; font-weight: bold;}
/* ------------------------------------------------------------*/
.eria-c_l{text-align:center;}
.eria-c{text-align:center;}
.eria-r{text-align:right;}
.eria-l{text-align:left;}
.eria-tab{text-align:left; margin:0 18px; padding:0 22px;}
.eria-sp{margin:33px auto; padding:0 0 0 0; line-height:1.8;}
/*- hr.style -----------------------------------------------------*/
hr.style-00 {border-top: 1px dashed #888888;  margin:22px auto;}
hr.style-01 {border-top: 1px solid #888888; margin:22px auto;}
hr.style-02 {margin:22px auto;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
    background-image:    -moz-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
    background-image:     -ms-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
    background-image:      -o-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
}
hr.style-03 {border-top: 1px dashed #3d85b8; margin:48px auto;}
hr.style-04 {border-top: 1px solid #328D66; margin:55px auto;}
hr.style-05 {border-top: 1px solid #888888; margin:55px auto;}

/* ------------------------------------------------------------*/
dl {margin:auto; clear:both;}
dt {float:left; margin:auto; padding:0; clear:both;}
dd {margin:auto; padding:0 0 0 0;}

/* ------------------------------------------------------------*/
ul.list{list-style:none; margin:8px 0 18px 0; padding:0;}
ul.list li{margin:8px; padding:0; list-style: none; font-size:1.08em;}
ul.list li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.list i{margin:0 8px 0 0; font-size:1.1em;}
ul.list span{}

ul.sitemap{list-style:none; margin:8px 0 18px 0; padding:0;}
ul.sitemap li{margin:8px; padding:0; list-style: none; font-size:1em;}
ul.sitemap li.sub{margin:8px 0 0 30px; padding:0; list-style: none; font-size:1em;}
ul.sitemap li:before {margin:0 4px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f101";}
ul.sitemap i{margin:0 8px 0 0; font-size:1.1em;}
ul.sitemap span{}

ul.news{list-style:none; margin:100px 0 18px 0; border-top: dashed #888888 1px; border-bottom: dashed #888888 1px; padding: 0.5em 0 0.5em 1.5em;}
ul.news li{margin:8px; padding:0; list-style: none; font-size:1.08em;}
ul.news li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.news i{margin:0 8px 0 0; font-size:1.1em;}
ul.news span{display: block;}

ul.list-footer-r_con {list-style:none; margin:8px auto; padding:0;}
ul.list-footer-r_con li{margin:4px; padding:0; list-style: none; font-size:1.08em;}
ul.list-footer-r_con li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.list-footer-r_con i{margin:4px; font-size:2em;}
ul.list-footer-r_con span{}

ul.listfont1{list-style:none; margin:8px 18px 0; padding:0;}
ul.listfont1 li{margin:10px; padding:0; list-style: none; font-size:1em;}
ul.listfont1 li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1em;}
ul.listfont1 i{margin:0 8px 0 0; font-size:1em; color:#333333; }
ul.listfont1 span{}

ul.listawesome {list-style:none; margin:8px 0 18px 0; padding:0;}
ul.listawesome li{margin:8px; padding:0; list-style: none; font-size:1.08em;}
ul.listawesome li:before {color:#888888; margin:0 4px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f101"; font-size:1.2em;}
ul.listawesome li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.listawesome i{}
ul.listawesome span{}


ul.listawesome-red {list-style:none; margin:0 0 18px 0; padding:0;}
ul.listawesome-red li{margin:0; padding:0; list-style: none; font-size:1em; color:#ff0000;}
ul.listawesome-red li.sub{margin:0 0 0 38px; padding:0; list-style: none; font-size:1em;}
ul.listawesome-red li.sub:before {color:#ff0000; margin:0 4px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f101"; font-size:1.2em;}
ul.listawesome-red i{font-size:1.2em; padding:0 8px;}
ul.listawesome-red span{}

ul.listdesign_00{list-style:none; margin:8px auto 0; padding:0;}
ul.listdesign_00 li{font-size:1.1em; color:#333333; margin:8px 0 0; padding:0; list-style: none;}
ul.listdesign_00 li i{color:#3d85b8; font-size:1.2em; padding:0 8px 0 0;}
ul.listdesign_00 li.sub{font-size:1.1em; color:#333333; margin:8px 30px; padding:0; list-style: none;}
ul.listdesign_00 li.sub i{color:#3d85b8; font-size:1.2em; padding:0 8px 0 0;}
ul.listdesign_00 li span{font-size:0.8em; margin:0 8px 0; padding:0;}

ul.listdesign_01{list-style:none; margin:4px auto 0; padding:0;}
ul.listdesign_01 li{font-size:1.3em; color:#036eb8; margin:8px 0 0; padding:0; list-style: none;}
ul.listdesign_01 li i{color:#036eb8; font-size:1.2em; padding:0 8px 0 0;}
ul.listdesign_01 li.sub{font-size:1.3em; color:#036eb8; margin:0 30px 18px; padding:0; list-style: none;}
ul.listdesign_01 li.sub i{color:#333333; font-size:1.2em; padding:0 8px 0 0;}
ul.listdesign_01 li span{font-size:0.8em; margin:0 8px 0; padding:0;}

ul.listdesign_02{list-style:none; margin:0 auto 0; padding:0;}
ul.listdesign_02 li{font-size:1.1em; color:#036eb8; margin:0; padding:0; list-style: none;}
ul.listdesign_02 li i{color:#036eb8; font-size:1.2em; padding:0 8px 0 0;}
ul.listdesign_02 li.sub{font-size:1.2em; color:#036eb8; margin:0; padding:0; list-style: none;}
ul.listdesign_02 li.sub i{color:#333333; font-size:1.2em; padding:0;}
ul.listdesign_02 li span{font-size:1.2em; margin:0 8px 0; padding:0;}

/* ovlight_2-banner 2カラム------------------------------------------------------------*/
.ovlight_2-banner{margin: 0 auto 18px; padding:0px;/* text-align: center;*/}
.ovlight_2-banner ul{margin: 0; padding: 0; list-style: none;}
.ovlight_2-banner ul:after{content: ""; display: block; clear: both}
.ovlight_2-banner li:nth-child(1) {float: left; margin:0; padding:0 1% 0 0; width: 50%;}
.ovlight_2-banner li:nth-child(2) {float: right; margin:0; padding:0 0 0 1%; width: 50%;}

/* ovlight_3-banner 3カラム------------------------------------------------------------*/
.ovlight_3-banner{margin: 0 auto 18px; padding:0px;/* text-align: center;*/}
.ovlight_3-banner ul{margin: 0; padding: 0; list-style: none;}
.ovlight_3-banner ul:after{content: ""; display: block; clear: both}
.ovlight_3-banner li:nth-child(1) {float: left; margin:0; padding:0 1% 0 0; width: 33.3%;}
.ovlight_3-banner li:nth-child(2) {float: left; margin:0; padding:0 0.5% 0; width: 33.3%;}
.ovlight_3-banner li:nth-child(3) {float: left; margin:0; padding:0 0 0 1%; width: 33.3%;}

/* ovlight_5-banner 5カラム------------------------------------------------------------*/
.ovlight_5-banner{margin: 0 auto; padding:0px;/* text-align: center;*/}
.ovlight_5-banner ul{margin: 0; padding: 0; list-style: none;}
.ovlight_5-banner ul:after{content: ""; display: block; clear: both}
.ovlight_5-banner li:nth-child(1) {float: left; margin:0; padding:0 0.5% 0; width: 20%;}
.ovlight_5-banner li:nth-child(2) {float: left; margin:0; padding:0 0.5% 0; width: 20%;}
.ovlight_5-banner li:nth-child(3) {float: left; margin:0; padding:0 0.5% 0; width: 20%;}
.ovlight_5-banner li:nth-child(4) {float: left; margin:0; padding:0 0.5% 0; width: 20%;}
.ovlight_5-banner li:nth-child(5) {float: left; margin:0; padding:0 0.5% 0; width: 20%;}

/* ovlight-img2 2カラム------------------------------------------------------------*/
.ovlight-img2{margin: 0 auto 48px; padding:0px;}
.ovlight-img2 p{margin:0; padding:0.25%;/*text-align: center;*/}
.ovlight-img2 ul{margin: 0 auto 8px; padding: 0; list-style: none; text-align: center;}
.ovlight-img2 li a{display: block; }
.ovlight-img2 ul:after{content: ""; display: block; clear: both}
.ovlight-img2 li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2 li:nth-child(2) {float: right; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2 img{max-width: 100%; height: auto; padding:0;}

/* ovlight-img2-1cal 2カラム------------------------------------------------------------*/
.ovlight-img2-1cal{margin: 0 auto 48px; padding:0px;}
.ovlight-img2-1cal p{margin:0; padding:0.25%;/*text-align: center;*/}
.ovlight-img2-1cal ul{margin: 0 auto 8px; padding: 0; list-style: none; text-align: center;}
.ovlight-img2-1cal li a{display: block; }
.ovlight-img2-1cal ul:after{content: ""; display: block; clear: both}
.ovlight-img2-1cal li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2-1cal li:nth-child(2) {float: right; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2-1cal img{max-width: 100%; height: auto; padding:0;}

/* ovlight-img2border 2カラム------------------------------------------------------------*/
.ovlight-img2border{margin: 0 auto 48px; padding:0px;}
.ovlight-img2border p{text-align: center;}
.ovlight-img2border ul{margin: 0 auto 8px; padding: 0; list-style: none; text-align: center;}
.ovlight-img2border li a{display: block; }
.ovlight-img2border ul:after{content: ""; display: block; clear: both}
.ovlight-img2border li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2border li:nth-child(2) {float: right; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2border img{max-width: 100%; height: auto; padding:0; border: solid 1px #cccccc;}

/* ovlight-img4 4カラム------------------------------------------------------------*/
.ovlight-img4{margin: 0 auto 48px; padding:0px;}
.ovlight-img4 p{text-align: center;}
.ovlight-img4 ul{margin: 0 auto 8px; padding: 0; list-style: none; text-align: center;}
.ovlight-img4 li a{display: block; }
.ovlight-img4 ul:after{content: ""; display: block; clear: both}
.ovlight-img4 li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight-img4 li:nth-child(2) {float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight-img4 li:nth-child(3) {float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight-img4 li:nth-child(4) {float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight-img4 img{max-width: 100%; height: auto; padding:0;}

/* ovlight_2-text 2カラム------------------------------------------------------------*/
.ovlight_2-text{margin: 0 auto 0; padding:0px;/* text-align: center;*/}
.ovlight_2-text ul{margin: 0; padding: 0; list-style: none;}
.ovlight_2-text ul:after{content: ""; display: block; clear: both}
.ovlight_2-text li:nth-child(1) {float: left; margin:0; padding:0.5% 1% 0.5% 0; width: 50%;}
.ovlight_2-text li:nth-child(2) {float: right; margin:0; padding:0.5% 0 0.5% 1%; width: 50%;}

/* ovlight_3-text 3カラム------------------------------------------------------------*/
.ovlight_3-text{margin: 0 auto 8px; padding:0px;/* text-align: center;*/}
.ovlight_3-text ul{margin: 0; padding: 0; list-style: none;}
.ovlight_3-text ul:after{content: ""; display: block; clear: both}
/*.ovlight_3-text li{float: left; margin:0; padding:0.5%; width: 33.3%;}*/
.ovlight_3-text li:nth-child(1) {float: left; margin:0; padding:0.5% 1% 0.5% 0; width: 33.3%;}
.ovlight_3-text li:nth-child(2) {float: left; margin:0; padding:0.5% 1% 0.5%; width: 33.3%;}
.ovlight_3-text li:nth-child(3) {float: left; margin:0; padding:0.5% 0 0.5% 1%; width: 33.3%;}

/* ovlight_4-text 4カラム------------------------------------------------------------*/
.ovlight_4-text{margin: 0 auto 8px; padding:0px;/* text-align: center;*/}
.ovlight_4-text ul{margin: 0; padding: 0; list-style: none;}
.ovlight_4-text ul:after{content: ""; display: block; clear: both}
.ovlight_4-text li{float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight_4-text p{text-align:center;}
.ovlight_4-text p span{display: block; font-size: 0.8em;}

/* menu-img3row 3カラム------------------------------------------------------------*/
.menu-img3row{margin: 0 auto; padding:0px;}
.menu-img3row p{}
.menu-img3row ul{margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.menu-img3row li a{display: block; }
.menu-img3row ul:after{content: ""; display: block; clear: both}
.menu-img3row li{float: left; margin:0; padding:0.25%; width: 33.3%;}
.menu-img3row img{max-width: 100%; height: auto; padding:0;}
/* menu-img3row1column 3カラム------------------------------------------------------------*/
.menu-img3row1column{margin: 0 auto; padding:0px;}
.menu-img3row1column p{}
.menu-img3row1column ul{margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.menu-img3row1column li a{display: block; }
.menu-img3row1column ul:after{content: ""; display: block; clear: both}
.menu-img3row1column li{float: left; margin:0; padding:0.25%; width: 33.3%;}
.menu-img3row1column img{max-width: 100%; height: auto; padding:0;}

/* menu-img4row 4カラム------------------------------------------------------------*/
.menu-img4row{margin: 0 auto; padding:0px;}
.menu-img4row p{}
.menu-img4row ul{margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.menu-img4row li a{display: block; }
.menu-img4row ul:after{content: ""; display: block; clear: both}
.menu-img4row li{float: left; margin:0; padding:0.25%; width: 25%;}
.menu-img4row img{max-width: 100%; height: auto; padding:0;}

/* menu-img4rowgallery 4カラム------------------------------------------------------------*/
.menu-img4rowgallery{margin: 0 auto; padding:0px;}
.menu-img4rowgallery p{}
.menu-img4rowgallery ul{margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.menu-img4rowgallery li a{display: block; }
.menu-img4rowgallery ul:after{content: ""; display: block; clear: both}
.menu-img4rowgallery li{float: left; margin:0; padding:0.25%; width: 25%;}
.menu-img4rowgallery img{width: 100%; /*height: auto;*/ padding:0;
  height: 140px;
  object-fit: cover;
}

/* img-left --------------------------------------------*/
.img-left{padding:0; margin:22px auto; /*border:solid 1px #cccccc;*/}
.img-left img{float: left; margin: 0 33px 0 0; vertical-align: top;/* border-radius:4px;*/}
.img-left p{margin: 4px auto; padding:0;}
.img-left:after{content: ""; display: block; clear: both;}
.img-left{*zoom: 1;}
/* img-right --------------------------------------------*/
.img-right{padding:0; margin:22px auto; /*border:solid 1px #cccccc;*/}
.img-right img{float: right; margin: 0 0 0 33px; vertical-align: top;/* border-radius:4px;*/}
.img-right p{margin: 4px auto; padding:0;}
.img-right:after{content: ""; display: block; clear: both;}
.img-right{*zoom: 1;}

/* img-report --------------------------------------------*/
.img-report{margin:0 auto 25px; padding:8px; border:solid 1px #cccccc; background:#ffffff; border-radius: 4px;}
.img-report img{float: left; margin: 0 18px 0 0; vertical-align: top; max-width: 318px; height: auto; border:solid 1px #cccccc;/* border-radius:4px;*/}
.img-report p{margin: 0 auto 2px; padding:0;}
.img-report:after{content: ""; display: block; clear: both;}
.img-report{*zoom: 1;}

/* img-report-bottom --------------------------------------------*/
.img-report-bottom{margin:0 auto 0; padding:0 0 18px;}
.img-report-bottom img{float: left; margin: 0 18px 0 0; vertical-align: top; max-width: 318px; height: auto; border:solid 1px #cccccc;/* border-radius:4px;*/}
.img-report-bottom p{margin: 0 auto 2px; padding:0;}
.img-report-bottom:after{content: ""; display: block; clear: both;}
.img-report-bottom{*zoom: 1;}

/* lightboximg 4カラム------------------------------------------------------------*/
.lightboximg{margin: 18px auto; padding:0px;}
.lightboximg ul{margin: 0; padding: 0; list-style: none}
.lightboximg li a{display: block; padding: 8px;}
.lightboximg ul:after{content: ""; display: block; clear: both}
.lightboximg li{float: left; width: 25%}
.lightboximg img{max-width: 100%; height: auto;
/*border: none*/
border: solid 1px #f5f5f5;
padding:0px;
background-color:#f5f5f5;
border-radius: 8px;
box-shadow: 1px 1px 2px #888888;
}

/* img-overlap --------------------------------------------*/
.img-overlap {position: relative; margin:22px auto;}
.img-overlap img {max-width: 100%; height: auto; }
.img-overlap_left-t{position: absolute;/*左中テキスト*/ color: #333333; font-weight: normal; font-size: 1.08em; top:0; left:2%;}

/* div_box --------------------------------------------*/
.div_box-banner{width: 100%; margin:8px auto; padding:4px; border:solid 1px #cccccc; background-color: #ffffff; text-align: center;}
.div_box000{width: 100%; margin:0 auto 18px; padding:10px; border:solid 1px #cccccc; border-radius: 4px; background-color: #ffffff;}
.div_box001{width: 100%; margin:0 auto 18px; padding:10px; border:solid 2px #ffffff; border-radius: 4px; /*background-color: #ffffff;*/}
.div_box002{width: 100%; margin:0 auto 18px; padding:10px; border:solid 1px #cccccc; background-color: #ffffff; text-align: center;}

/* arrow_box ------------------------------------------------------------*/
.arrow_box001 {position: relative; text-align:center; background: #eed296; margin:48px auto; padding:4px; color:#333333; font-size:1.5em; font-weight:normal;}
.arrow_box001:after {top: 100%; left: 50%; border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #eed296;
border-width: 20px;
margin-left: -20px;}

/**--table_info ---------------------------------------------**/
.table_info{width: 100%; margin:22px auto; border-collapse: collapse; border-bottom: 1px solid #cccccc;}
.table_info td{text-align: left; font-weight: normal; padding:8px; border: 1px solid #cccccc; background-color: #ffffff;}
.table_info th{text-align: left; font-weight: normal; padding:8px; border: 1px solid #cccccc; background-color: #f2f2f2;}
.table_info td.nor {white-space: nowrap; font-weight: normal;}
.table_info th.nor {white-space: nowrap; font-weight: normal;}
.table_info thead th{padding:8px; border-bottom: 1px solid #cccccc;}

.table_info p{margin:8px auto 8px; padding:4px; border:1px solid #cccccc;}
.table_info ul{list-style:none; margin:0; padding:0;}
.table_info ul li{margin:3px 0; padding:0; list-style: none; font-size:1em;}
.table_info ul li span{margin:2px 0 3px 22px; padding:0; list-style: none; font-size:0.88em;}
.table_info li.sub{margin:4px 0 18px; padding:0; list-style: none; font-size:0.8em;}
.table_info i{margin:0 8px 0 0; font-size:1.1em; color:#d24d79; }
.table_info span{}
/**--table_design-calカレンダー用---------------------------------------------**/
.table_design-cal{width: 100%; margin:0px auto 8px; border-collapse: collapse;}
.table_design-cal tr{line-height: 1.1;}
.table_design-cal td,
.table_design-cal th{white-space: nowrap; text-align: center; font-weight: normal; border: 1px solid #cccccc;}
.table_design-cal td.nor {white-space: nowrap; background-color: #ffffff; color:#333333; padding:8px 0; }
.table_design-cal th.nor {white-space: nowrap; background-color: #f5f3e4; color:#333333; padding:8px 0;}
.table_design-cal thead th{padding:2px; border: 1px solid #ffffff;}

/* --- map google -----------------------------------------------*/
/* google-maps -----------------------------------------------------*/
.google-maps {width: 100%; position: relative; padding-top: 56.25%; border: 1px solid #cccccc;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#maps {width: 100vw; margin: 0 auto 38px; padding:0; height: 480px;}


/**-- social-icon_w ------------------------------------------------------**/
.social-icon_w {display: block; float: right; margin: 0 20px 0 0; padding: 0; color: #ffffff;}
.social-icon_w a {/*display: block; float: right;*/ margin: 0 2px; padding: 0; color: #ffffff;}
.social-icon_w i {width: 50px; height: 50px; margin: 0; border: 1px solid #ffffff; border-radius: 50%; line-height: 50px; text-align: center;}
.social-icon_w i:before { padding: 0; line-height: 50px; }
.social-icon_w a:hover i {color: #333333; background: #ffffff; }


/* course-list ------------------------------------------------------------*/
.course-list{display: flex; justify-content: space-around; flex-wrap: wrap; align-items: stretch; margin:0 auto;}
.course-list menu{/*width:31.3%;*/ background: #ffffff; position: relative; 
box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
margin:1%; padding:20px 10px 40px 10px;
border-radius: 5px;
border:solid 1px #cccccc;}
.course-list menu:nth-of-type(1) {width:31.3%;}
.course-list menu:nth-of-type(2) {width:31.3%;}
.course-list menu:nth-of-type(3) {width:31.3%;}
.course-list menu:nth-of-type(4) {width:48%;}
.course-list menu:nth-of-type(5) {width:48%;}

.course-list menu h5{font-size: 1.1em; margin: 8px auto; padding:0; line-height:1.2; text-align: center; color:#333333;}
.course-list menu h5:first-letter {margin-right: .1em; font-size: 1.3em;}
.course-list menu h5 span{font-size:0.8em; margin:0 8px 0; padding:0; color:#333333;}
.course-list menu p{font-size: 0.88em; text-align: left; margin: 8px auto; padding: 0;}
.course-list menu.img{display: block; width:auto; padding: 0;}
.course-list menu:nth-of-type(1) h5{border-bottom: 3px solid #a5cd53;}
.course-list menu:nth-of-type(2) h5{border-bottom: 3px solid #6662aa;}
.course-list menu:nth-of-type(3) h5{border-bottom: 3px solid #00913a;}
.course-list menu:nth-of-type(4) h5{border-bottom: 3px solid #d38d48;}
.course-list menu:nth-of-type(5) h5{border-bottom: 3px solid #a5cd53;}
.course-list menu a.button {position: absolute; padding:2px 8px; bottom: 10px; display: block; width: auto;
background: #ecebeb; border:solid 1px #cccccc;
color: #333333;
text-decoration: none;
font-size: 0.8em;
text-align: center;
right: 0px;
line-height: 30px;
transform: translateX( -20px);}
.course-list menu a.button:hover {background: #f6ee7a;}