@charset "UTF-8";
/* CSS Document */


/* PC：ウィンドウ幅が769px以上の場合に適用するCSS */
@media screen and (min-width: 680px){
	

.nonePC {display:none !important}
.br-pc { display:block; }
.br-sp { display:none; }

.pc { display: block !important; }
.sp { display: none !important; }
	
	



/*///////////////////////////////////////////////


ベース・共通項目


///////////////////////////////////////////////*/


	

body{
	 animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	letter-spacing: 0;
	font-family: "Noto Sans JP"; 
	}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



/* ページトップへ戻る */
#pageTop {
 position: fixed;
 bottom: 30px;
 right: 30px;
 }

#pageTop img{
 width: 60px;
	height: auto;
 }

	

	
	
	
	
	
	
	
/*///////////////////////////////////////////////


ヘッダ


///////////////////////////////////////////////*/


header{
	width: 100%;
	margin:0;
	padding: 0;
	background-color:#FFF;
	height: 70px !important;
	overflow: hidden

}

	
div.headerbox{
	width: 1000px;
	margin: 0 auto;
	}
	









/*///////////////////////////////////////////////


タイトル


///////////////////////////////////////////////*/

	

	
h1{
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
	width: 130px;
	height: auto;
	text-align: left;
	margin-top: 5px !important;
	display: block
}

	
	
	
	

/*///////////////////////////////////////////////


メインボックス


///////////////////////////////////////////////*/


	
/*固定する背景*/
.parallax-bg {
  background-image:url("../images/bg_sky.jpg");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
	overflow: auto;
}

	

	
	
	
/*///////////////////////////////////////////////


メイン画面
	

///////////////////////////////////////////////*/
	
	

	
p.slogan{
	width: 700px;
	height: auto;
	margin: 15% auto 20%;
	}	
	

	

	
/*///////////////////////////////////////////////


グループ企業
	

///////////////////////////////////////////////*/	
	
	
div.scrollbox{
		padding: 5% 0 0 0;
	}
	
p.action{
	width: 230px;
	height: auto;
	margin: 3% auto;
	}	
	
	
	
	

/*///////////////////////////////////////////////


3列紹介


///////////////////////////////////////////////*/



section.contentsitem{
	padding:3% 1% 10%;
	overflow:hidden;
	width: 1100px;
	margin: 0 auto;
	}


.contentsitem-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contentsitem-box {
	width: 30%;
	overflow:hidden;
	height: auto;
}

	
.contentsitem-box_none {
	width: 28%;
	background-color: #fff;
	border: none;
}



dl.info,dt,dd{
		padding: 0px;
		margin: 0px;
		color: #000;
	}
	
	
dl.info{
	margin-bottom: 20%;
	}
	
	

dt.infophoto{
	border: 1px solid #ddd;
	text-align: center;
	margin: 0 auto;
	padding: 3% 0;
	}

	
	
dl.info dd.companyname{
	font-weight: 700;
	margin: 6% 0;
	text-align: center;
	letter-spacing: 1px;
	}	
	

	
dl.info dd.infotxt{
	color: #000;
	font-size: 90%;
	line-height: 190%;
	}		
	


p.margin{
	margin: 20% 0;	
	}	
	
	
	
	

	

	
	
	
/*///////////////////////////////////////////////


フッター
	
	
///////////////////////////////////////////////*/
	
	
	
div.footcontact{
	margin: 0 auto;
	text-align: center;
	padding:6% 3%;
	font-size: 115%;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #ddd;
	}
	
	
	
	
div.footcontact a{
	color: #00a33e;
	text-decoration:underline
	}	
	
	
	
p.copyright{
	font-size: 70%;
	letter-spacing: 0.1em;
	}
	
	

	


/*///////////////////////////////////////////////


セミナーフライヤー


///////////////////////////////////////////////*/


div.flyerbox{
	margin: 0 auto 5%;
	text-align: center;
}

div.flyerbox p.flyer img{
	width: 600px;
}


h2{
	font-family: 'Times New Roman', Times, serif;
	font-size: 200%;
	letter-spacing: 3px;
	margin-bottom: 3%;
}







	

	

	
	
	


}