@charset "utf-8";

#school {
}
#school h4{
 margin-bottom: 20px;
 padding-left: 10px;
}
#school dl {
 padding: 1% 2%;
}
#school dt{
 margin-bottom: 2%;
}
#school dd{
 margin-bottom: 3%;
}
#school table{
 border: 1px solid #ccc;
 margin: 0 1% 2em;
 width: 100%;
}

#school th,
#school td{
 border: 1px solid #ccc;
 border-collapse: collapse;
 text-align: center;
 padding: 0.5em;
}
/*インストラクター養成講座*/
#school #youseiKouza{
 margin-top: 2em;
 padding: .5em;
}
#school #youseiKouza .kouzaImg {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 margin: 2% 1%;
 width: 98%;
}
#school #youseiKouza dt{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 display: inline-block;
 padding: 5px 15px;
 text-align: center;
 background-color: #d15262;
}
#school #youseiKouza .curriculum {
 margin: 1em 0 2em;
}
#school #youseiKouza table.curriculum {
 width: 98%;
}
#school #youseiKouza .curriculum th{
 background: #feebed;
 width: 20%;
}
#school #youseiKouza .curriculum td{
 text-align: left;
 padding: 2%;
 width: 80%;
}
/*エリア別*/
#school #hokkaido,
#school #tohoku,
#school #kanto,
#school #kanto2,
#school #chubu,
#school #kinki,
#school #chugoku,
#school #shikoku,
#school #kyusyu{
 margin-bottom: 20px;
 padding-bottom: 10px;
}
/*エリア一覧*/
#school #areaList h2{
 border-bottom: 1px solid #888888;
 border-top: 1px solid #888888;
 margin: 1em 0;
 padding: 1em 0;
 text-align: center;
}
#school #areaList label {
 background: #efefef;
 display: block;
 padding: .5em;
 margin: 0;
 border: 1px solid #ccc;
}
#school #areaList label::before {
 content:"\f152\00a0";
 font-family: "FontAwesome";
}
#school #areaList label:hover {
 background: #dedede;
 cursor: pointer;
}
#school #areaList label::before:hover {
 content:"\f150\00a0";
 color: #666;
 font-family: "FontAwesome";
}
#school #areaList input[type="checkbox"].on-off{
 display: none;
}
#school #areaList #areaPullDown ul {
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 -o-transition: all 0.5s;
 transition: all 0.5s;
}
#school #areaList input[type="checkbox"].on-off + ul{
 height: 0;
 overflow: hidden;
}
#school #areaList input[type="checkbox"].on-off:checked + ul{
 height: auto;
 margin-top: .2em;
}
#school #areaList .hokkaido a,
#school #areaList .tohoku a,
#school #areaList .kanto a,
#school #areaList .chubu a,
#school #areaList .kinki a,
#school #areaList .chugoku a,
#school #areaList .shikoku a,
#school #areaList .kyusyu a{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 display:  block;
 margin: .1em;
 padding: .5em 0;
 text-align: center;
 text-decoration: none;
}
#school #areaInfo{
 margin: 0 1em;
}
#school #areaInfo section .row{
 margin-bottom: 1.5em;
}
#school #areaInfo{
 margin: 0 1em;
}
#school #areaInfo section .th1{
 width: 30%;
}
#school #areaInfo section .td{
 max-width: 70%;
}
#school #areaInfo #hokkaido dt,
#school #areaInfo #tohoku dt,
#school #areaInfo #kanto dt,
#school #areaInfo #kanto2 dt,
#school #areaInfo #chubu dt,
#school #areaInfo #kinki dt,
#school #areaInfo #chugoku dt,
#school #areaInfo #shikoku dt,
#school #areaInfo #kyusyu dt{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 display:  inline-block;
 padding: 5px 15px;
 text-align: center;
 text-decoration: none;
}
#school #areaInfo #hokkaido h2,
#school #areaInfo #tohoku h2,
#school #areaInfo #kanto h2,
#school #areaInfo #kanto2 h2,
#school #areaInfo #chubu h2,
#school #areaInfo #kinki h2,
#school #areaInfo #chugoku h2,
#school #areaInfo #shikoku h2,
#school #areaInfo #kyusyu h2{
	color: #fff;
 margin-bottom: .5em;
 padding: .3em .5em;
 }
/*北海道*/
#school #areaList .hokkaido a,
#school #areaInfo #hokkaido h2,
#school #areaInfo #hokkaido dt {
 background: rgba(170,206,196,1);
}
#school #areaInfo #hokkaido h4{
 border-left: 10px solid rgba(170,206,196,1);
}
#school #areaInfo #hokkaido th{
 background: rgba(170,206,196,.4);
}
#school #areaInfo #hokkaido .th1{
 background: rgba(170,206,196,.2);
}
/*東北*/
#school #areaList .tohoku a,
#school #areaInfo #tohoku h2,
#school #areaInfo #tohoku dt {
 background: rgba(245,222,99,1);
}
#school #areaInfo #tohoku h4{
 border-left: 10px solid rgba(245,222,99,1);
}
#school #areaInfo #tohoku th{
 background: rgba(245,222,99,.4);
}
#school #areaInfo #tohoku .th1{
 background: rgba(245,222,99,.2);
}
/*関東*/
#school #areaList .kanto a,
#school #areaInfo #kanto h2,
#school #areaInfo #kanto dt,
#school #areaInfo #kanto2 h2,
#school #areaInfo #kanto2 dt{
 background: rgba(120,176,196,1);
}
#school #areaInfo #kanto h4,
#school #areaInfo #kanto2 h4{
 border-left: 10px solid rgba(120,176,196,1);
}
#school #areaInfo #kanto th,
#school #areaInfo #kanto2 th{
 background: rgba(120,176,196,.4);
}
#school #areaInfo #kanto .th1,
#school #areaInfo #kanto2 .th1{
 background: rgba(120,176,196,.2);
}
/*中部*/
#school #areaList .chubu a,
#school #areaInfo #chubu h2,
#school #areaInfo #chubu dt{
 background: rgba(154,210,169,1);
}
#school #areaInfo #chubu h4{
 border-left: 10px solid rgba(154,210,169,1);
}
#school #areaInfo #chubu th{
 background: rgba(154,210,169,.4);
}
#school #areaInfo #chubu .th1{
 background: rgba(154,210,169,.2);
}
/*近畿*/
#school #areaList .kinki a,
#school #areaInfo #kinki h2,
#school #areaInfo #kinki dt{
 background: rgba(159,194,100,1);
}
#school #areaInfo #kinki h4{
 border-left: 10px solid rgba(159,194,100,1);
}
#school #areaInfo #kinki th{
 background: rgba(159,194,100,.4);
}
#school #areaInfo #kinki .th1{
 background: rgba(159,194,100,.2);
}
/*中国*/
#school #areaList .chugoku a,
#school #areaInfo #chugoku h2,
#school #areaInfo #chugoku dt{
 background: rgba(211,164,159,1);
}
#school #areaInfo #chugoku h4{
 border-left: 10px solid rgba(211,164,159,1);
}
#school #areaInfo #chugoku th{
 background: rgba(211,164,159,.4);
}
#school #areaInfo #chugoku .th1{
 background: rgba(211,164,159,.2);
}
/*四国*/
#school #areaList .shikoku a,
#school #areaInfo #shikoku h2,
#school #shikoku dt{
 background: rgba(221,173,88,1);
}
#school #areaInfo #shikoku h4{
 border-left: 10px solid rgba(221,173,88,1);
}
#school #areaInfo #shikoku th{
 background: rgba(221,173,88,.4);
}
#school #areaInfo #shikoku .th1{
 background: rgba(221,173,88,.2);
}
/*九州・沖縄*/
#school #areaList .kyusyu a,
#school #areaInfo #kyusyu h2,
#school #areaInfo #kyusyu dt{
 background: rgba(200,177,217,1);
}
#school #areaInfo #kyusyu h4{
 border-left: 10px solid rgba(200,177,217,1);
}
#school #areaInfo #kyusyu th{
 background: rgba(200,177,217,.4);
}
#school #areaInfo #kyusyu .th1{
 background: rgba(200,177,217,.2);
}
#school #areaInfo .back_areaMenu a {
	color: #ec428a;
 display: block;
	text-align: right;
	font-size: 80%;
 margin-top: .5em;
}
#school #areaInfo .back_areaMenu a::before {
 content:"\f0aa\00a0";
 font-family: "FontAwesome";
}
#school a.mailto {
 color: #333;
}

/***********************************************************/
/***********************************************************/
@media print, screen and (max-width: 767px) {	
}
/***********************************************************/
/***********************************************************/
@media print, screen and (min-width: 768px) {
/* tablet PC */
#school #youseiKouza{
 margin-top: 5em;
}
#school #youseiKouza .kouzaImg {
 position: absolute;
 right: 2%;
 margin: 0;
 width: 35%;
}
#school .pstonBlock {
 position: relative;
}
#school #areaInfo{
 margin: 0 1.5em;
}
#school #areaList label {
 display: none;
}
#school #areaList input[type="checkbox"].on-off + ul{
 height: auto;
}
}
/***********************************************************/
/***********************************************************/
@media screen and (min-width : 1024px) {
/* PC */
}