@charset "utf-8";

/*インストラクター養成講座*/
#avanceWrap #avance{
 margin-top: 2em;
 padding: 1.5em;
}
#avanceWrap #avance h4{
 margin-bottom: 20px;
 padding-left: 10px;
}
#avanceWrap #avancedl {
 padding: 1% 2%;
}
#avanceWrap #avance dt{
 background-color: #d15262;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 display: inline-block;
 margin-bottom: 2%;
 padding: 5px 15px;
 text-align: center;
}
#avanceWrap #avance dd{
 margin-bottom: 3%;
}
#avanceWrap #avance dd ol{
 counter-reset: number;
 list-style: none;
 padding: 0 1.5em;
}
#avanceWrap #avance dd ol li {
 line-height: 2;
 margin-bottom: 1em;
 position: relative;
 text-indent: -2.5em;
 margin-left: 1em;
}
#avanceWrap #avance dd ol li:last-child {
 margin-bottom: 0;
}
#avanceWrap #avance dd ol li::before {
 background: rgba(209,82,98,.7);
 border-radius: 50%;
 color:#fff;
 counter-increment: number;
 content: counter(number);
 display: inline-block;
 font-family: 'Cinzel', serif;
 margin-right: .3em;
 text-align: center;
 text-indent: 0;
 height: 2em;
 width: 2em;
 }
#avanceWrap #avance table{
 border: 1px solid #ccc;
 margin: 0 1% 2em;
 width: 98%;
}
#avanceWrap #avance th,
#avanceWrap #avance td{
 border: 1px solid #ccc;
 border-collapse: collapse;
 text-align: center;
 padding: 2% 0;
}
#avanceWrap #avance .kouzaImg {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 margin: 2% 1%;
 width: 98%;
}
#avanceWrap #avance .curriculum {
 margin: 1em 0 2em;
}
#avanceWrap #avance table.curriculum {
 width: 98%;
}
#avanceWrap #avance .curriculum th{
 background: #feebed;
 width: 20%;
}
#avanceWrap #avance .curriculum td{
 text-align: left;
 padding: 2%;
 width: 80%;
}
/*エリア別*/
#avanceWrap #avance #hokkaido,
#avanceWrap #avance #tohoku,
#avanceWrap #avance #kanto,
#avanceWrap #avance #chubu,
#avanceWrap #avance #kinki,
#avanceWrap #avance #chugoku,
#avanceWrap #avance #shikoku,
#avanceWrap #avance #kyusyu{
 margin-bottom: 20px;
 padding-bottom: 10px;
}
/*エリア一覧*/
#avanceWrap #avance #areaList h2{
 border-bottom: 1px solid #888888;
 border-top: 1px solid #888888;
 margin: 1em 0;
 padding: 1em 0;
 text-align: center;
}
#avanceWrap #avance #areaList label {
 background: #efefef;
 display: block;
 padding: .5em;
 margin: 0;
 border: 1px solid #ccc;
}
#avanceWrap #avance #areaList label::before {
 content:"\f152\00a0";
 font-family: "FontAwesome";
}
#avanceWrap #avance #areaList label:hover {
 background: #dedede;
 cursor: pointer;
}
#avanceWrap #avance #areaList label::before:hover {
 content:"\f150\00a0";
 color: #666;
 font-family: "FontAwesome";
}
#avanceWrap #avance #areaList input[type="checkbox"].on-off{
 display: none;
}
#avanceWrap #avance #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;
}
#avanceWrap #areaList input[type="checkbox"].on-off + ul{
 height: 0;
 overflow: hidden;
}
#avanceWrap #avance #areaList input[type="checkbox"].on-off:checked + ul{
 height: auto;
 margin-top: .2em;
}
#avanceWrap #avance #areaList .hokkaido a,
#avanceWrap #avance #areaList .tohoku a,
#avanceWrap #avance #areaList .kanto a,
#avanceWrap #avance #areaList .chubu a,
#avanceWrap #avance #areaList .kinki a,
#avanceWrap #avance #areaList .chugoku a,
#avanceWrap #avance #areaList .shikoku a,
#avanceWrap #avance #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;
}
#avanceWrap #areaInfo{
 margin: 0 1em;
}
#avanceWrap #areaInfo section .row{
 margin-bottom: 1.5em;
}
#avanceWrap #areaInfo section .th1{
 width: 30%;
}
#avanceWrap #areaInfo #hokkaido dt,
#avanceWrap #areaInfo #tohoku dt,
#avanceWrap #areaInfo #kanto dt,
#avanceWrap #areaInfo #chubu dt,
#avanceWrap #areaInfo #kinki dt,
#avanceWrap #areaInfo #chugoku dt,
#avanceWrap #areaInfo #shikoku dt,
#avanceWrap #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;
}
#avanceWrap #areaInfo #hokkaido h2,
#avanceWrap #areaInfo #tohoku h2,
#avanceWrap #areaInfo #kanto h2,
#avanceWrap #areaInfo #chubu h2,
#avanceWrap #areaInfo #kinki h2,
#avanceWrap #areaInfo #chugoku h2,
#avanceWrap #areaInfo #shikoku h2,
#avanceWrap #areaInfo #kyusyu h2{
	color: #fff;
 margin-bottom: .5em;
 padding: .3em .5em;
 }
/*北海道*/
#avanceWrap #areaList .hokkaido a,
#avanceWrap #areaInfo #hokkaido h2,
#avanceWrap #areaInfo #hokkaido dt {
 background: rgba(170,206,196,1);
}
#avanceWrap #areaInfo #hokkaido h4{
 border-left: 10px solid rgba(170,206,196,1);
}
#avanceWrap #areaInfo #hokkaido th{
 background: rgba(170,206,196,.4);
}
#avanceWrap #areaInfo #hokkaido .th1{
 background: rgba(170,206,196,.2);
}
/*東北*/
#avanceWrap #areaList .tohoku a,
#avanceWrap #areaInfo #tohoku h2,
#avanceWrap #areaInfo #tohoku dt {
 background: rgba(245,222,99,1);
}
#avanceWrap #areaInfo #tohoku h4{
 border-left: 10px solid rgba(245,222,99,1);
}
#avanceWrap #areaInfo #tohoku th{
 background: rgba(245,222,99,.4);
}
#avanceWrap #areaInfo #tohoku .th1{
 background: rgba(245,222,99,.2);
}
/*関東*/
#avanceWrap #areaList .kanto a,
#avanceWrap #areaInfo #kanto h2,
#avanceWrap #areaInfo #kanto dt{
 background: rgba(120,176,196,1);
}
#avanceWrap #areaInfo #kanto h4{
 border-left: 10px solid rgba(120,176,196,1);
}
#avanceWrap #areaInfo #kanto th{
 background: rgba(120,176,196,.4);
}
#avanceWrap #areaInfo #kanto .th1{
 background: rgba(120,176,196,.2);
}
/*中部*/
#avanceWrap #areaList .chubu a,
#avanceWrap #areaInfo #chubu h2,
#avanceWrap #areaInfo #chubu dt{
 background: rgba(154,210,169,1);
}
#avanceWrap #areaInfo #chubu h4{
 border-left: 10px solid rgba(154,210,169,1);
}
#avanceWrap #areaInfo #chubu th{
 background: rgba(154,210,169,.4);
}
#avanceWrap #areaInfo #chubu .th1{
 background: rgba(154,210,169,.2);
}
/*近畿*/
#avanceWrap #areaList .kinki a,
#avanceWrap #areaInfo #kinki h2,
#avanceWrap #areaInfo #kinki dt{
 background: rgba(159,194,100,1);
}
#avanceWrap #areaInfo #kinki h4{
 border-left: 10px solid rgba(159,194,100,1);
}
#avanceWrap #areaInfo #kinki th{
 background: rgba(159,194,100,.4);
}
#avanceWrap #areaInfo #kinki .th1{
 background: rgba(159,194,100,.2);
}
/*中国*/
#avanceWrap #areaList .chugoku a,
#avanceWrap #areaInfo #chugoku h2,
#avanceWrap #areaInfo #chugoku dt{
 background: rgba(211,164,159,1);
}
#avanceWrap #areaInfo #chugoku h4{
 border-left: 10px solid rgba(211,164,159,1);
}
#avanceWrap #areaInfo #chugoku th{
 background: rgba(211,164,159,.4);
}
#avanceWrap #areaInfo #chugoku .th1{
 background: rgba(211,164,159,.2);
}
/*四国*/
#avanceWrap #areaList .shikoku a,
#avanceWrap #areaInfo #shikoku h2,
#avanceWrap #shikoku dt{
 background: rgba(221,173,88,1);
}
#avanceWrap #areaInfo #shikoku h4{
 border-left: 10px solid rgba(221,173,88,1);
}
#avanceWrap #areaInfo #shikoku th{
 background: rgba(221,173,88,.4);
}
#avanceWrap #areaInfo #shikoku .th1{
 background: rgba(221,173,88,.2);
}
/*九州・沖縄*/
#avanceWrap #areaList .kyusyu a,
#avanceWrap #areaInfo #kyusyu h2,
#avanceWrap #areaInfo #kyusyu dt{
 background: rgba(200,177,217,1);
}
#avanceWrap #areaInfo #kyusyu h4{
 border-left: 10px solid rgba(200,177,217,1);
}
#avanceWrap #areaInfo #kyusyu th{
 background: rgba(200,177,217,.4);
}
#avanceWrap #areaInfo #kyusyu .th1{
 background: rgba(200,177,217,.2);
}
#avanceWrap #areaInfo .back_areaMenu a {
	color: #ec428a;
 display: block;
	text-align: right;
	font-size: 80%;
 margin-top: .5em;
}
#avanceWrap #areaInfo .back_areaMenu a::before {
 content:"\f0aa\00a0";
 font-family: "FontAwesome";
}
#avanceWrap a.mailto {
 color: #333;
}
#avanceWrap #avance div {
 border: 1px solid #dedede;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #4d4032;
 display: block;
 margin: 20px 10px 50px;
 text-decoration: none;
 margin-bottom: 2.5em;
 padding: 1.5em;
}
#avanceWrap #avance div h2{
 border-left: 10px solid #d15262;
 margin-bottom: 1em;
 padding-left: 10px;
}
#avanceWrap #avanceCl,
#avanceWrap #avanceSalon {
 border: 1px solid #dedede;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #4d4032;
 display: block;
 margin: 20px 10px 50px;
 text-decoration: none;
 margin-bottom: 2.5em;
 padding: 1.5em;
}
#avanceWrap .moshikomi {
 border: 1px solid #ded6d8;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #4d4032;
 display: block;
 padding: 1em;
 margin: 2em 1em;
 text-decoration: none;
 background-color: #fff;
}
#avanceWrap .moshikomi h3{
 border-left: 10px solid #d15262;
 padding-left: 10px;
 margin: 5px 5px 10px;
}
#avanceWrap .moshikomi p{
 margin: .5em;
}
#avanceWrap .moshikomi a{
 color: #333;
 word-break : break-all;
 word-wrap : break-word;
 overflow-wrap : break-word;
}
#avanceWrap .moshikomi a:hover{
 color: #d15262;
}
/***********************************************************/
/***********************************************************/
@media print, screen and (min-width: 767px) {
}
/***********************************************************/
/***********************************************************/
@media print, screen and (min-width: 768px) {
/* tablet PC */
#avanceWrap #avance{
 margin-top: 5em;
}
#avanceWrap #avance .kouzaImg {
 position: absolute;
 right: 2%;
 margin: 0;
 width: 50%;
}
#avanceWrap #avanceCl {
 background-color: rgba(249,240,242,.5);
}
#avanceWrap #avanceSalon {
 background-color: rgba(86,190,165,.1);
}
#avanceWrap .pstonBlock {
 position: relative;
}
#avanceWrap #areaInfo{
 margin: 0 1.5em;
}
#avanceWrap #areaList label {
 display: none;
}
#avanceWrap #areaList input[type="checkbox"].on-off + ul{
 height: auto;
}
}
/***********************************************************/
/***********************************************************/
@media screen and (min-width : 1024px) {
/* PC */
}