@charset "UTF-8";

*{ /*トップ画像のマージン無くす*/
	margin: 0;
	
}

body{color: rgba(41,87,99);/*文字色*/
	font-family: 'YuGothic Medium';/*全体フォント設定*/
	letter-spacing: 0.1em;
	z-index: 0;
}


#page_top {/*top戻るアイコン*/
	
    position: fixed;
    bottom: 0px;
    left: -33px;
}
#page_top a {
    padding: 20px 20px;
}
/*---------------------animation----------------------*/
@keyframes RightToLeft {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}
/*----------------------------------nav-------------------------------------*/
.navback{
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 63.4px;
	background-color: #D3DCE8;
	box-shadow: 0 0 8px gray;
	
}
img[src$="objects/nidlogo.png"]{
	position: fixed;
	z-index: 9999;
	width: 127.04px;
	height: 62.37px;
	margin-left: -10px;
}

/*-------------------------------------top-----------------------------------*/
img[src$="images/topimage.jpg"]{/*トップ画像サイズ調整*/
	height: 665px;
    width: 443px;
	margin-left: -20px;
	margin-bottom: -5px;
	margin-top: 35px;
	
}
.top{/*親要素*/
	position: relative;
	z-index: 1;
}

img[src$="objects/topbar.png"]{
	z-index: 1;
	position: absolute;
	margin-top: 315px;
	margin-left: -270px;
	
}
.toptittle{
	z-index: 2;
	position: absolute;
	font-family: "Helvetica Neue", Arial;
	font-size: 32px;
	color: rgba(255,255,255,1.00);
	letter-spacing: 4px;
	line-height: 49px;
	margin-top: 495px;
	margin-left: 33px;
	  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
}
.toptittle_japanese{
	position: absolute;
	font-family: "YuGothic Medium", "YuGothic Bold", "Optima Bold", "Optima ExtraBlack", "Optima Regular";
	letter-spacing: 2px;
	text-shadow: 1px 2px 3px #606060; 
	font-size: 20px;
	color: rgba(255,255,255,1.00);
	margin-left: 32px;
	margin-top: 460px;
	animation-duration: 2s;/* アニメーション時間 */
	animation-name: RightToLeft;/* アニメーション名 */
}

.kakehasi{
	position: absolute;
	font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
	font-size: 16px;
	color: rgba(255,255,255,1.00);
	text-shadow: 0px 3px 6px rgba(0,0,0,0.67);
	margin-left: 31px;
	margin-top: 101px;
	line-height: 28px;
	letter-spacing: 0.2em;
	
}
.scrollicon_parent{
	position:relative;
}
.z-index_icons{
	z-index: 9998;
}
img[src$="objects/scrollicon.png"]{
	position:absolute;
	z-index: 20;
	margin-top: -90px;
	margin-left: 100px;
	
	
	animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
img[src$="objects/siryou.png"]{
	position: fixed;
	z-index: 8000;
	left: 237px;
	top:540px;
	
	
	transition: all 0.6s ease 0s;

}
img[src$="objects/siryou.png"]:hover {
  cursor: pointer;
  transform: scale(1.1, 1.1);
}


/*----------------------------------about------------------------------------*/
img[src$="objects/aboutimage.png"]{
	width: 456px;
	height: 715px;	
}
.position_about{/*aboutの要素を画像重ねる*/
	position: relative;
}
.fig_tittle_about{
	font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
	font-size:16px;
	letter-spacing: 1.5px;
	margin-top: 196px;
	margin-left: 119px;
	position: absolute;

	
}
.fig_about{
	font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 1.5px;
	color: rgba(96,96,96,1.00);
	position: absolute;
	margin-left: 90px;
	margin-top: 235px;
}

img[src$="objects/sankaku.png"]{
	width: 37.71pt;
	height: 36.33pt;
	position: absolute;
	margin-left: 70px;
	margin-top: 185px;
}


/*-----------------------------VISUAL DESIGN------------------------------*/
img[src$="objects/visualdesignicon.png"]{
	margin-left: 10px;
	margin-top: -80px;
	
}
img[src$="objects/sankaku2.png"]{
	width: 37.71pt;
	height: 36.33pt;
	margin-left: -50px;
	margin-right: -10px;
	
}
img[src$="objects/sankaku3.png"]{
	width: 37.71pt;
	height: 36.33pt;
	margin-left: -50px;
	margin-right: -10px;
}
.h2_1{
	font-size: 17px;
	font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
	margin-top: -50px;
	margin-left: 100px;
	margin-bottom: 3px;
	
}
.h2_2{
	font-size: 17px;
	font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
	margin-top: 28px;
	margin-left: 100px;
	margin-bottom:-5px;
	
}
.p_vd{
	font-size: 15px;
	margin-left: 100px;
	margin-top: -5px;
	line-height: 27px;
	
}

/*---------------------------------LEARNING----------------------------------*/
img[src$="objects/learningicon.png"]{
	margin-left: 68px;
	margin-top: 106px;
	margin-bttom: 0;
	padding-bottom: 0;
	
}

.chart_parent{
	position:relative;

}
img[src$="objects/learningchart.png"]{

	margin-top: -160px;
	margin-left: -40px;
}



.learnig_parent{
	margin-left: 65px;
	position: absolute;
}

.h2_3{
	font-size: 16px;
	font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
	margin-top: -10px;
	letter-spacing: 2.5px;
	
}
.h2_4_group{
	font-size: 16px;
	font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
	letter-spacing: 2.5px;
	margin-top: 110px;
}
h3{
	font-size:15px;
	margin-top: 32px;
	margin-left: 9px;
	display: inline-block;
	border-bottom: solid 4px rgba(133,193,237,1.00);
}
.lessonlist{
	font-size: 13px;
	margin-top: 17px;
	padding-left: 10px;
}

/*------------------------円-------------------------*/
.circle {	
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(237,227,216,1.00);
	margin-top: 24px;
}

.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
  font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
  font-size: 13px;
}

/*背景色違い*/
.circle2 {	
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(227,212,201,1.00);
	margin-top: 24px;
}

.circle2 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
  font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
  font-size: 13px;
}

/*タイポグラフィ調整*/
.circletipo {	
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(237,227,216,1.00);
	margin-top: 24px;
  letter-spacing: -0.08em;
}

.circletipo span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
  font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
  font-size: 11px;
}

/*---------------------------こちらもチェック-----------------------------*/
img[src$="objects/checkicon.png"]{
	max-width: 270px;
	height: auto;
	margin-left: 60px;

}

img[src$="objects/interviewpanel.jpg"]{
	margin-left: 42px;
}
#hover1{
	
	transition: all 0.6s ease 0s;	
}
#hover1:hover {
  cursor: pointer;
  transform: scale(1.1, 1.1);
}
.panel_parent{
	float:left;
	width:45%;
	
	 border-radius: 50%;
  transition: all 0.6s ease 0s;

}
img[src$="objects/panel_1.png"]{
	padding-left: 18px;
	padding-top: -40px;
	
}
.panel_parent:hover {
  cursor: pointer;
  transform: scale(1.1, 1.1);
}

/*-----------------------------その他・住所------------------------------------*/

#parent{
	padding-top: 100px;

}
div#parent div.child_flame{
	clear:both;
	margin-left: 2px;
	
	
}
div#parent div.child{
   float:left;
   margin: -10px;
}

div#parent div.child_flame2{
	clear:both;
	padding-top: 30px;
	padding: -10px;
	margin-left: 70px;
}

div#parent p{
	font-family: "YuGothic Bold", "YuGothic Medium", "Hiragino Mincho ProN W3";
}
img[src$="objects/otherlist_3.png"]{
	margin-top: 10px;
	margin-bottom: -10px;
}

img[src$="objects/otherlist_1.png"]{
	padding-right: 30px;
	
}
.child_flame2 p{
	padding-top: -20px;
}
.child p{
	padding-left: 30px;
	margin-top: -10px;
	
}

.nidadress_parent{
	position: relative;
}
.nidadress{
	font-size: 14px;
	margin-left: 150px;
	margin-top: 42px;
	position: absolute;
}
.nidadress2{
	font-size: 12px;
	margin-left: 55px;
	position: absolute;
	margin-top: 70px;
}
.square {
	margin-top: 300px;
   width: 414px;
   height: 241px;
   background: #D8E1EA;
}