*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/*トップページフェイドインアウト画像用ＣＳＳ*/
#photo {
    width: 90%;
	background-repeat:no-repeat;
	background-color:transparent;
	border-style:dashed;
	border-width:5px 5px 5px 5px;
	border-color:#F9ACBB;
    margin: 0 auto;
    padding-top: 61%; /* 高さを幅の61%に固定 */
    text-align: center;
    overflow: hidden;
    position: relative;
}

#photo img {
    width: 100%;
	height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}


body					{
								width:100%;
								margin:0px;
								padding:0px;
								background-color:transparent;
								background-image:url("../img/body-bg.gif");
								background-repeat:repeat;
								background-attachment:fixed;
								color:#333333;
								font-size:10px;
								line-height:1.5;
								font-weight:normal;
								animation: fadeIn 3s ease 0s 1 normal;}

								@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

								0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

								100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
							}


header						{										/*ヘッダー*/
								width:100%;
								height: auto;
								margin-top:0px;
								margin-bottom:0px;
								margin-left:auto;
								margin-right:auto;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#292828;
								text-align:center;
								background-repeat:no-repeat;
								background-color:transparent;
								clear:both;}


nav.hamburger-menu		{										/*ナビ・メニュー*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px ;
	display: flex;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
	text-align:center;
	vertical-align: middle;
	clear: both;
	}


content						{										/*コンテンツ*/
	width:100%;
	height: auto;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#292828;
	text-align:center;
	background-repeat:no-repeat;
	background-color:transparent;
	clear:both;}


footer								{										/*フッター*/
								width:100%;
								height: auto;
								margin-top:0px;
								margin-bottom:0px;
								margin-left:auto;
								margin-right:auto;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:1px 1px 1px 1px ;
								border-color:#292828;
								text-align:center;
								font-size: 140%;
								background-repeat:no-repeat;
								background-color:transparent;
								clear:both;}

h1							{
								margin:50px 10px 0px 50px;
								text-align: left;
								font-size:200%;
								float: left;
								-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
							}
h2.foot							{
	display: block;
	margin: 10px auto 10px auto;
	padding: 0% 0% 0% 0%;
	border-style: solid;
	border-collapse: collapse;
	border-width: 0px 0px 0px 0px;
	text-align: center;
	font-size:120%;
	clear: both;
}

h3							{
	display: block;
	width: 100%;
	margin: 10px 10px 0% 10px;
	padding: 0% 0% 0% 0%;
	border-style: solid;
	border-collapse: collapse;
	border-width: 0px 0px 1px 0px;
	text-align: left;
	font-size:160%;
	clear: both;
}

h3.link							{
	display: inline-block;
	width: auto;
	margin: 0px 20px 0px 0px;
	padding: 0% 0% 0% 0%;
	border-style: solid;
	border-collapse: collapse;
	border-width: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
	font-size:120%;
}


address		{										/*アドレス*/
	text-align: left;
	font-size:100%;}

p.toppage				{										/*トップページ文字*/
							width:px;
							margin:10px 20px 10px 4%;
							padding:0px 0px 0px 0px ;
							border-style:solid;
							border-width:0px 0px 0px 0px ;
							border-color:#999999;
							text-align:left;
							font-size:160%;
							text-indent: -1em;
							color:#000000;
							background-image:url("img/");
							background-repeat:no-repeat;
							background-color:none;}
							
p.submoji				{										/*サブページ文字*/
								width:px;
								margin:10px 20px 10px 4%;
								padding:0px 0px 0px 0px ;
								border-style:solid;
								border-width:0px 0px 0px 0px ;
								border-color:#999999;
								text-align:left;
								font-size:140%;
								color:#000000;
								background-image:url("img/");
								background-repeat:no-repeat;
								background-color:none;
								clear: both;}

p.submoji2					{											/*サブページ文字2左幅大*/
	width:px;
	margin:10px 20px 10px 6%;
	padding:0px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
	text-align:left;
	font-size:140%;
	color:#000000;
	background-image:url("img/");
	background-repeat:no-repeat;
	background-color:none;}

p.submoji3					{										/*サブページ文字3左幅大*/
	width:px;
	margin:10px 20px 10px 8%;
	padding:0px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
	text-align:left;
	font-size:140%;
	color:#000000;
	background-image:url("img/");
	background-repeat:no-repeat;
	background-color:none;}


p.indent				{										/*サブページ文字*/
								padding:0px 0px 0px 1em ;
								margin:0px 0px 0px 0px;
								text-indent: -1em;}


p.indent1				{										/*サブページ文字*/
	width:px;
	margin:10px 0px 0px 2em;
	padding:0px 0px 0px 0px ;
	text-indent: -1em;}

p.indent2					{											/*サブページ文字2左幅大*/
	width:px;
	margin:10px 0px 0px 3em;
	padding:0px 0px 0px 0px ;
	text-indent: -2em;}

p.indent3					{										/*サブページ文字3左幅大*/
	width:px;
	margin:10px 0px 0px 4em;
	padding:0px 0px 0px 0px ;
	text-indent: -3em;}

p.indent4					{										/*サブページ文字3左幅大*/
	width:px;
	margin:10px 0px 0px 5em;
	padding:0px 0px 0px 0px ;
	text-indent: -4em;}

p.subpage	{										/*サブページ文字*/
	width:px;
	margin:10px 20px 10px 2em;
	padding:0px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
	text-align:left;
	font-size:160%;
	text-indent: -1em;
	color:#000000;
	background-image:url("img/");
	background-repeat:no-repeat;
	background-color:none;
}

p.copy	{										/*コピーライト*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
	text-align:right;
	font-size:80%;
	color:#000000;
	background-image:url("img/");
	background-repeat:no-repeat;
	background-color:none;
}





span						{										/*文字サイズ１２０％*/
	font-size:120%;}

span.aka				{										/*赤色文字*/
	color:#ff0000;
	font-size:100%;}

span.orange			{										/*オレンジ文字*/
	color:#CC0066;
	font-size:100%;}


span.migi				{										/*右寄せ文字*/
	text-align:right;
	display:block;
	font-size:100%;}

ul.menu	{										/*メニューエリア*/
	display: flex;
	width:auto;
	margin:10px auto 10px auto;
	padding:0px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
	text-align:center;
	color:#000000;
	background-image:url("img/");
	background-repeat:no-repeat;
	background-color:transparent;
}

.menu li	{										/*メニュー*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
	text-align:center;
	color:#000000;
	list-style: none;
	background-image:url("img/");
	background-repeat:no-repeat;
	background-color:transparent;
}

#menu-btn-check {
    display: none;
}

p.menubutton	{										/*メニューボタン*/
	width: 100%;
	min-width: 120px;
	height: 30px;
	display: block;
	margin:10px auto 10px auto;
	padding:5px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
	font-size:140%;
	text-align:center;
	color:#000000;
	text-decoration: none;
	list-style: none;
	background-repeat:no-repeat;
	background-image: linear-gradient(#fc9999 50%, #fabebe 80%, #fdcccc 90%);
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 1;
	transition: all 1s;
}

p.menubutton:hover	{							/*メニューボタン*/
	color:#000000;
	background-color:#fd0000;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	opacity : 0.5;
}



a.taiken					{	/*無料体験ボタン1*/
	width:150px;
	height:50px;
	display:block;
	padding:10px 0px 0px 0px;
	margin:50px auto 20px auto;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color: #000000;
	background-image: linear-gradient(#fc9999 50%, #fabebe 80%, #fdcccc 90%);
	font-size: 160%;
	color:#000000;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;}

a.taiken:hover{	
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	background-image: none;
	background-color: tomato;
	opacity : 0.5;
}
a.corp	{										/*webサポート*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
	text-align:right;
	font-size:80%;
	color:#000000;
	background-image:url("img/");
	background-repeat:no-repeat;
	background-color:none;
}

a.none	{										/*デコレーションなし*/
	text-decoration:none;
}



figcaption						{
								text-align: center;
								font-size:120%;}

img							{
								padding:0px;
								margin:0px;
								border-width:0px;}

img.maika		{
	width: 250px;
	margin: 20px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: right;
	clear: both;
}


img.instructor	{
	width: 200px;
	margin: 20px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;}

img.pic01		{
	display: block;
	width: 40%;
	margin:20px auto 20px auto;
	float: left;
}


img.logo01		{
	width: 20%;
	margin: 20px 20% 0px 20px;
	padding: 0px 0px 0px 0px;
	float: right;
}

img.schedule		{
	display: block;
	width: 60%;
	margin:20px auto 20px auto;
}


img.sogo				{
								display:block;
								padding:0px;
								margin:0px 40px 20px 20px;
								width:auto;
								max-width: 200px;
								max-height:auto;
								border-width:0px;
								float: left;
								transition: all 0.5s 0s ease;
}

img.sogo:hover					{opacity: 0.5;}


p.sogo							{
	padding:0px;
	margin:0px 0px 0px 0px;
	border-width:0px;
}


table						{
								border-style:solid;
								border-collapse:collapse;
								border-width:1px 1px 1px 1px;
								border-color:#666666;}

.center							{						/*中央*/
	text-align:center;
	vertical-align:middle;}

	
.migi						{						/*右寄せ*/
	text-align:right;		
	vertical-align:middle;}

	
.hidari					{						/*左寄せ*/
	text-align:left;
	vertical-align:middle;}


.dropshadow					 {									/*ドロップシャドウ*/
								-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
								}

iframe	{										/*googlemapとフォームズ*/
	display: flex;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px ;
	border-style:solid;
	border-width:0px 0px 0px 0px ;
	border-color:#999999;
}


div.box1					{		/*100%枠無しボックス内部ボックス横並び1*/
	width:100%;
	height:auto;
	display: flex;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color: #000000;
	background-color:rgba(255, 255, 255, 0);
	color:#000000;
	clear: both;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;}


div.box2					{			/*100%枠無しボックス2内部ボックス改行用*/
	width:100%;
	height:auto;
	display: block;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color: #000000;
	background-color:rgba(255, 255, 255, 0);
	color:#000000;
	clear: both;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.4));
	opacity : 1;
	transform: translateY(20px);
	transition: all 1s;}

div.inbox1				{										/*30%ボックス1*/
	width:30%;
	display: block;
	height:auto;
	padding:10px 10px 10px 10px;
	margin:20px auto 20px auto;
	border-style:solid;
	border-width:1px;
	border-color: #000000;
	background-color:rgb(255, 255, 255);
	color:#000000;
	font-size: 120%;
	text-align: left;
  }

  div.inbox2				{										/*４６%ボックス2*/
	width:46%;
	display: block;
	height:auto;
	padding:10px 10px 10px 10px;
	margin:20px auto 20px auto;
	border-style:solid;
	border-width:1px;
	border-color: #000000;
	background-color:rgb(255, 255, 255);
	color:#000000;
	font-size: 120%;
	text-align: left;
  }

div.inbox3				{										/*96%ボックス3*/
	  width:96%;
	  display: block;
	  height:auto;
	  padding:10px 10px 10px 10px;
	  margin:20px auto 20px auto;
	  border-style:solid;
	  border-width:1px;
	  border-color: #000000;
	  background-color:rgb(255, 255, 255);
	  color:#000000;
	  font-size: 120%;
	  text-align: left;
	  clear: both;
	}


/* ページTOPに戻る(ただのjs) */
.pagetop{
    display: none;
    position: fixed;
    right: 15px;
    bottom: 60px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #7db4e6;
    border-radius: 50%;
    line-height: 50px;
	text-decoration: none;
}
.pagetop a i{
    font-size: 20px;
    color:#fff;
	line-height: 50px;
}