/* スマートフォン用　メディアクエリ */


.toggle,.smapform,.flowsmap,.smaph2,.smap{
	display: none;
}

@media screen and (min-width: 321px) {   /*--- 表示領域が321px以上の場合に適用するスタイル ---*/	

.max320{
		display: none;
	}
	.min321{
		display: block;
	}
	}
@media screen and (max-width: 767px) {
   /*--- 表示領域が767px以下の場合に適用するスタイル ---*/

img{
	max-width: 100%;
	height: auto;
	}
		
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー共通header 開始*/

.paso{
	display: none;
}
.smap{
	display: block;
	}	
	
.toggle{
      /*margin-top: -10px;
	padding: 0 0 10px 0;*/
	font-size: 3.33rem;
	font-weight: bold;
	float:right;
	display: block;
z-index: 10001;
/*position: relative;*/
position: fixed;
top: 10px;
right: 10px;
	}
.toggle a{
	text-decoration: none;
	}	
.toggle a:hover{
		opacity: 0.5;
	}
			

#wrapper,header,nav,main,footer p {
	width: 100%;
	
	padding: 0;
}
header img{
width: 30%;
	padding: 5px;
    float: none;
}
header section{
	position: relative;
	width: auto;
	height: auto;
	float: none;
	padding: 0px 0 20px 10px;
	margin-top: 10px;
}
.free_smap img{
		position: absolute;
	width: 30%;
	top: -5%;
	left: 34%;
	box-shadow: 0 0 0 0;
animation:anime 2s ease-in-out infinite normal;
}
@keyframes anime { 
0%{
transform:rotate(0deg);}
50%{
transform:rotate(20deg);}
100%{
transform:rotate(0deg);}
}
.free_smap img:hover{
animation:none;
transform:rotate(30deg);
}

h1{
	
	font-size: 14vw;
	padding: 8px 0 5px 0;
	margin: 0px;
	}
h1 span{
	
	font-size: 9vw;
	margin: 0px;
	
	display: block;
	}	


h3{
	
	font-size: 4.5vw;
	padding: 0;
	margin: 0;
	
	}

.guide:after{
	content: "";
	display: block;
	clear: both;
	}
.guide{
	background: #EEF3FB;
	font-size: 1.2rem;
	line-height: 1.8;
	width: auto;
	height: auto;
	margin: 0 0 35px 0;
	border-top: solid 2px #bbb;
	border-left: none;
	padding: 10px;
	
	float: none;
	/* ーーpadding: 0 5px 3px 3px;*/
}
.guide p{
	text-indent: -1.2rem;
	padding-left: 1.2rem;
	}
	

/* ーーーーー共通header終了*/

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー共通nav 開始*/
/*nav{
	height: 300px;
position: absolute;
margin-top: -260px;
z-index: 10000;
}
	
nav ul li{
	width: 100%;
	height: 40px;
	margin-top: 2px;
	font-size: 1.1rem;
	border-right: none;
opacity: 0.9;
}*/
nav{
height: 372px;
position: fixed;
top: -15px;
z-index: 10000;
　/*　[注意]コメントアウト直下1行目のコードは無効にされる。*/

}
	
nav ul li{
	width: 100%;
	height: 60px;
	margin-top: 2px;
	font-size: 1.3rem;
	border-right: none;
opacity: 0.9;
line-height: 3.5;
}
nav ul li:hover{
opacity: 1;
font-size: 1.5rem;
line-height: 3;
}
nav ul li.current {
font-size: 1.5rem;
opacity: 0.7;
}
	
/* ーーーーーーーーーーーーーーーーー共通nav　終了*/
/* ーーーnav ul li:last-child{
	width: 130px;
	background-image: linear-gradient(to right,#a0a0a0,#fff);
}*/
/* ーーーーーーーーーーーーーーーーーnav 終了*/

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー共通main　開始*/
main{
	width: auto;
	float: none;
	padding: 0 10px;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーートップページ 開始*/

#top .main_img{
	width: 100%;    /*スライドするＴＯＰページの写真の横幅*/
	position: static;
	content: "";
	display: block;
	clear: both;
	
}

#top .main_img .band{
	position: relative;
	margin-top: 90px;
	
	width: 100%;
	height: 420px;
	/*background: #a0a0a0;*/
	color: #fff;
	background-color: rgba(0,0,0,0.4);
}
.kadomaru{
	position: absolute;
	font-size: 1.2em;
	width: calc(100% - 59px);
	height: 160px;
	border-radius: 8px;
	border: solid 2px #ccc;
	padding: 12px 0 0 8px;
	top: 218px;
	right: 24px;
}


.maru1{
	position: absolute;
/* ーーbackground: #99a8c9;
	background-color: rgba(153,168,201,0.5);*/
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: solid 3px #c0dbe8;
	top: 194px;
	right: 86px;
	}

.maru3,.maru2{
	position: absolute;
/* ーーbackground: #80c269;
	background-color: rgba(128,194,105,0.5);*/
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: solid 3px #cce198;
	bottom: 6px;
	right: 32px;
}

.maru2{
	position: absolute;
    right: 141px;
}
.maru1t{
	position: absolute;
	top: 220px;
	right: 110px;
	}
.maru2t{
	position: absolute;
	bottom: 56px;
	right: 176px;
}
.maru3t{
	position: absolute;
	bottom: 45px;
	right: 67px;
}

.topfree{
	margin: 80px 0 10px 0;
	
}
.freeTitle{
	width: 100%;
	
}
.freeTitle01{
	font-size: 2rem;

}
.freeTitle02{
	font-size: 1.4rem;
	margin-bottom: 30px;
	}
.freebx{
	width: 100%;
	padding-right: 0px;
	padding-bottom: 20px;
}
	.freebx img{
		width: 100%;
		
	}
h2{
	float: left;
	width: calc(100% - 1px) ;
	/*font-size: 8.5vw;*/
	font-size: 2.3rem;
	padding: 20px 5px ;
	text-align: center;
}
	
.topfree{
	margin: 30px 0 10px 0;
	
}
.freeTitle{
	width: 100%;
	
	float: none;	
	display: block
}
.freeTitle01{
	font-size: 1.8rem;
	text-align: justify;
	line-height: 1.3;
	

}
.freeTitle02{
	font-size: 1.4rem;
	
	line-height: 1.3;
	}
.freeplan{
	width: 100%;
	padding-left: 0;
	padding-top: 10px;
	float: none;

}
	
	
@media screen and (max-width: 375px) {   /*--- 表示領域が375px以下の場合に適用するスタイル ---*/

h2{
	font-size: 2.1rem;
}
	}
@media screen and (max-width: 320px) {   /*--- 表示領域が320px以下の場合に適用するスタイル ---*/

h2{
	font-size: 1.8rem;
}
.max320 p{
		display: block;
	padding-left: 1.3rem;
	font-size: 1rem;
	font-weight: bold;
	color: #ffff99;
	line-height: 1.3;
	text-align: center;
	}
	 .min321{
		display: none;
	}
	}
	

	
	
#top .smap{
	display: block;/*スマホ用のＴＯＰページの写真を表示*/
	}		
#top .paso{
	display: none;/*パソコン用のＴＯＰページの写真を表示しない*/
	}
	
.freeplan li{
	width: 100%;
	
}.freeplan img{
	width: 100%;
	
}
/* ーーーーーーーーーーーーーーーーーーーーーーーートップページ 終了*/

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー共通タイトルオビ　開始*/
.about,.plan,.outline,.zone,.access{
	width: auto;
	height: auto;
	
	margin: 10px 0 5px 0;
	content: "";
	display: block;
	clear: both;
	}
/* ーーーーーーーーーーーーーーーーーーー共通タイトルオビ　終了*/
	

.aboutl,.aboutr,.aboutm,.planl,.planm,.planr,.outlinel,.outliner,.zonel,.zoner,.accessl,.accessr{
	width: auto; 
	height:auto;
	padding: 0 8px;
	float: none;
	content: "";
	display: block;
	clear: both;
	}
main h4{
	font-size: 1.4rem;
	}
.aboutr,.planr,.outliner,.zoner,.accessr{
		margin-left: 0;
	}
.grad,.gradz{
	display: none;
	
	}
.aboutl p,.aboutr p,.aboutm p,.planl p,.planm p,.planr p,.outlinel p,.outliner p,.zonel p,.zoner p,.accessl p,.accessr p{
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	font-size: 1.1rem;
	line-height: 1.7;
	text-align: justify;
	
	}

.planl strong,.planm strong,.planr strong,.outlinel strong,.outliner strong,.zonel strong,.zoner strong,
.accessl strong,.accessr strong{
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	font-size: 1.1rem;
	line-height: 1.7;
	font-weight: bold;
	text-align: left;
} 

/* ーmain p{
	font-size: 1.8em;
	}	*/
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー共通main　終了*/


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー2－創業スクールについて　開始*/

/* ーー.aboutr{
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #666;
	}ーーー*/
.aboutc{
		
		width: auto;
		height: auto;
		margin: 15px;
	}
	

.aboutc section p{
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	font-size: 1.25rem;
	
	line-height: 1.8;
	text-align: justify;
}
.aboutl{
	margin-bottom: 20px;
}
.aboutr span{
	
	font-size: 1.2rem;
	
	line-height: 1.8;
}
.aboutr strong{
	font-size: 1.2rem;
	color: #d67f7f;
	
}
.aboutc section{
		padding: 10px 15px;
	}
.about img{
	width: auto;
	float: none;
	}
.aboutmerit_sm img {
        width: 50%;
	height: auto;
      /*float: left;
        margin-bottom: -20px;*/
 margin: 0 auto -20px 5% ;
animation:anime 2s ease-in-out infinite normal;
}
@keyframes anime { 
0%{
transform:rotate(0deg);}
50%{
transform:rotate(20deg);}
100%{
transform:rotate(0deg);}
}
.aboutmerit_sm img:hover{
/*animation:none;
transform:rotate(30deg);
transition: 2s;
opacity: 0;*/
	filter: blur(5px);
	transition: 0.5s;
}
.aboutmerit_sm img:active {
	filter: hue-rotate(180deg) drop-shadow(0px 0px 30px #d67f7f);
}

.flowpaso{
	display: none;
	}
.flowsmap{
	display: block;
	}
/* ーーーーーーーーーーーーーーーーーーーーーー2－創業スクールについて　終了*/

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー3－今後の予定・お申し込み　開始*/
	.free_smap_plan{
		width: 70%;
		float: none;
		margin-bottom: -50px;
margin-top: 20px;
padding-left: 10px;

		opacity: 0.7;
animation:anime 2s ease-in-out infinite normal;
}
@keyframes anime { 
0%{
transform:rotate(0deg);}
50%{
transform:rotate(20deg);}
100%{
transform:rotate(0deg);}
}
.free_smap_plan:hover{
animation:none;
transform:rotate(30deg);
opacity: 1;
transition: 0.5s;
}


/*.Ltable tｈ{
	font-size: 1rem;
	}
.Ltable td{
	font-size: 1.05rem;
	line-height: 1.6;
	}*/
	
.planm{
	width: auto;
	height:auto;
	
	margin: 10px 0 30px 0;
	}

.planm .midori{
	font-size: 1.5rem;
	color: #FFFCD4;
	padding: 15px 10px;
	background: #2FB87B;


}
.planmFree{
	width: auto;
	padding: 10px;
	margin-bottom: 20px;
}

.freeplanP li{
	width: 100%;
	float: none;
}

.mousikomiF,.mousikomiP{
	width: 95%;
	margin: 10px auto 15px auto;
	
	}
.stuff{
		width: auto;
	}
	
/*#table td:nth-child(4){
	height: 300px;
}*/

.planl section p{
	font-size: 1.2rem;
	line-height: 1.7;
	}
	h5{
		font-size: 1.4rem;
	}

.stuff img{
	float: left;
	width: 50%;
	margin: 5px 10px 5px 0;
}
.stuff article p{
	font-size: 1.1rem;
	float: left;
	width: 100%;
}

.planl{
		margin-bottom: 10px;
	}
#table.bt tbody td:before {
  background: #E8BA41;
	}
	
#table.bt tbody td:first-of-type:before,
#table.bt{
	background: #BC9120;
} 

#table td{
	font-size: 1.1rem;
	line-height: 1.7;
	
}
#table tr td:first-child{
	font-size: 1.1rem;
	text-align: left;
	border-top: 2px solid #BC9120;
	}
#table th:first-child,
#table td:first-child{
	width: auto;
	
}
#table th:nth-child(2n),
#table td:nth-child(2n){
	width: auto;
	text-align: left;
}

#table th:nth-child(3n),
#table td:nth-child(3n){
	width: auto;

}
#table th:nth-child(4n),
#table td:nth-child(4n){
	width: auto;
	
}
#table th,
#table td {
padding: 0;
	
  
	
}

/* ーーーーーーーーーーーーーーーーーーーーーー3－今後の予定・お申し込み　終了*/

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー4－主催法人の概要　開始*/



/* ーーーーーーーーーーーーーーーーーーーーーー4－主催法人の概要　終了*/

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー5－地域での起業　開始*/
.imgr{
	float: right;
	width: 60%;
	}	
.tojoline{
	float: left;
	width: 40%;
}

/* ーーーーーーーーーーーーーーーーーーーーーー5－地域での起業　終了*/
	.thanks{
		font-size: 1.2em;
		width: calc(100% - 10px);
	}
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー6－アクセス・お問い合わせ　開始*/


iframe{
	width: calc(100% - 10px);
	height: auto;
	}
	
.smapform{
	display: block;
}
form{
	margin-top: 10px;
	padding: 20px;
	width: calc(100% - 40px);
	height: auto;
	border-radius: 5px;
	border: solid 3px #eee ;
	background: #fbfbfb;
	
}
.pasoform{
		display: none;
	}
/* ーーーーーーーーーーーーーーーーーーーーー6－アクセス・お問い合わせ　終了*/
	
	.footindex{
		width: auto;
	}
	.mokuji{
		font-size: 0.9rem;
	}
	.footlist li a{
		font-size: 1rem;
		line-height: 2.5;
	}
	/*footer p{
		width: auto;
		padding: 0 10px;
		display: block;
	}
*/
/*main section{
	width: 224px;
	height: 224px;
	float: left;
	margin: 0 14px 0 0 ;
}
main section article{
	width: 200px;
	height: 200px;
	margin: 12px;
}*/
/* ーーーーーmain終了*/
/* ーーーーーーーーーーーーーーーーー共通右ボディー開始*
	margin: 0 0 0 25px;
	width: 225px;
	float: right;
	}
.find{
	padding: 12px;
	width: 225px;
	height: 406px;
	background: url(../images/search_bg.gif) ;
	margin: 30px 0;
	box-sizing: border-box;
	}
.emc{
	padding: 12px;
	width: 225px;
	height: 160px;
	background: url(../images/emc_bg.gif);
	margin: 30px 0;
	box-sizing: border-box;
	}
/* ーーーーーー共通右ボディー終了*/

/* ーーーーーーーーーーーーーーーーー共通footer開始*/
/* ー.town{
	height: 100px;
	background-image: url(../images/footer_00.jpg);
    background-repeat: repeat-x;
}
	*/


/* ーーーーーーーーーーーーーーーーーmain 終了*/

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー共通フッター 開始*/
/* ーーfooter{
	background-image: url(../images/footer_00.jpg);
	height: 60px;
	/*border-top: solid 1px #bbb;
	text-align: center;
}*/
/*.migi{
	float: right;
}
.hidari{
	float: left;
}*/
	/* ーーーーーーーーーーーーーーーーーーーーーーーーーー共通フッター 終了*/



}/*------------------------------------------------- ←表示領域が767px以下の場合に適用するスタイルの閉じタグ ---*/