@charset "utf-8";
/* CSS Document */
/*===============================================
●style.css 画面の横幅が980px以上
===============================================*/
@media screen and (min-width: 980px){

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
	body{
    line-height: 1;
    /* [disabled]background-attachment: fixed; */
    /* [disabled]background-color: #666; */
    /* [disabled]background-repeat: repeat; */
	background-image:url(../images/footer_bg.png );
	background-position:bottom;
	background-repeat:repeat-x;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	cursor: none;  /*もともとあるカーソルは見えなくなるようにする*/
}
	ol,ul{
		list-style:none;
}
	blockquote,q{
		quotes:none;
	}
	blockquote:before,blockquote:after,q:before,q:after{
		content:'';content:none;
	}
	table{
		border-collapse:collapse;
		border-spacing:0;
	}
	html{
		
	}


#cursor{
  position: fixed;
  /*丸の大きさと色の指定*/
  background: #00f;
  border-radius:10px;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;/*真ん中にくるようにマイナスマージンで調整*/
  z-index: 2;/*一番手前に来るように*/
  pointer-events: none;/*クリックできなくなるのを防ぐため。noneで対応*/
  opacity: 0;
	transition: transform 0.1s;/*アニメーションの秒数指定*/
}

/*ちょっと遅れてついてくるストーカー要素*/
#stalker{
  position: fixed;
  /*丸の大きさと色の指定*/
  background: #aaaaff;
  width: 30px;
  height: 30px;
  border-radius:15px;
  margin: -15px 0 0 -15px;/*真ん中にくるようにマイナスマージンで調整*/
  z-index: 1;/*カーソルの後ろに来るように*/
  pointer-events: none;/*クリックできなくなるのを防ぐため。noneで対応*/
  opacity: 0;
transition: transform 0.5s;/*アニメーションの秒数指定*/
}
#cursor.active,
#stalker.active{
  transform: scale(1.4);
}

#wrap{
	width: 100%;
	/*max-width: 1440px;*/
	/*margin-left:auto;
	margin-right: auto;*/
	/*overflow: hidden;*/
}
.header{
	width: 100%;
	padding-top:10px;
	padding-bottom:15px;
	position: relative;
	top:0px; left:150px;

}
	.header h1 img{
		height:80px;
	}
#wrap h2{
	font-size: 1.4em;
	letter-spacing:0.2em;
	font-weight:400;
	color:#0000AA;
	text-align: center;
	margin-bottom: 30px;
}
#wrap h3{
	text-align: center;
	font-size:1.2em;
	font-weight: 400;
}
#wrap h3 a{
	color:#666666;
	text-decoration: none;
	lineheight:2em;
}
#wrap h3 a:hover{
	color:#0000ff;
}
#wrap h4{
	font-size: 1.2em;
	font-weight:500; 
	color:#666666;
	padding-top:15px;
	padding-bottom: 5px;
}
#wrap h5{
	font-size:  1.0em;
	font-weight: 400;
	line-height: 1.5em;
	color:#0000aa;
}
#wrap h6{
	font-size:1.2em;
	font-weight: 400;
	color:#0000aa;
}
#menu-box{
	width:10%;
	min-width: 100%;
	position: absolute;
}
#toggle{
	display: none;
	}
#menu{
	line-height:1em;
	height:1em;
	position: fixed;
	top: 470px; left:-250px;
	transform:rotate(270deg);
}

#menu li{
	text-indent: 1em;
	vertical-align:text-top;
	display:block;
	font-size: 1.1em;
	paddinng:5px,10px,5px,10px;	
	float: right;
}

#menu li a{
	color:#666666;
	text-decoration: none;
	}
#menu-btn-check{
		display: none;
	}
#menu li a:hover{
	color:#0000ff;
}
#30th{
	width:90%;
	text-align: center;	
	}
#30th img{
	max-width:100%;
	height:auto;
	object-fit: contain;
	}
#rightbox{
	width:90%;
	margin-left: 0%;
	position: relative;
	top:0px; left:150px;
}
.bxslider{
	width:100%;
	max-height:65%;
	overflow: hidden;
	}
.slider li{
	display: block;
	}
.slider li img{
	width: 100%;
	
	}
#rightbox p{
	font-size:0.9em;
	font-weight:lighter;
}
#rightbox dl{
	font-size:0.9em;
	font-weight:lighter;
}
#rightbox #concept{
	padding-top:10%;
	padding-bottom: 10%;
	text-align: center;
	width:45%;
	float:left;
	line-height: 2em;
	color:#666666;
}
#concept h2{
	margin-bottom: 20px;
	text-align:center;
	width:100%;
	
}
#concept p{
	width:100%;
	text-align:center;
	line-height: 2.5em;
}
#concept img{
	width:100%;
	margin-top:15%;
	object-fit: contain;
}	
#rightbox #information{
	padding-bottom:5%;
	width:45%;
	float:left;
	margin-left:10%;
	margin-top: 10px;
}
#information img{
	width:100%;
	margin-bottom:10%;
	object-fit: contain;
}
#information h2{
	clear:both;
	margin-top: 10%;
	}
#infomation dl{
	/*display: block;*/
	color:#666666;
}
#information dt{
	margin-left: 5%;
	width: 15%;
	line-height: 2.5em;
	text-align: left;
	display: block;
	float:left;
	min-width: 8em;
}
#information dd{
	margin-left:30%;
	width: 80%;
	padding-right: 5%;
	line-height: 2.5em;
	display: block;
	text-align: justify-all;
	padding-left:0%; 
}
#information h4{
	margin-left: 5%;
	}
#information h5{
	margin-left: 5%;
	}
#information p{
	margin-left: 5%;
	}
.aline-right{
	text-align: right;
	float: right;
	padding-right: 20%;
	}
#contact{
	clear: both;
	padding-top:5%;
	padding-bottom:10%;
	/*width:100%;*/
	text-align: center;
}
.middle-imade{
	width:100%;
	}
#course{
	width:100%;
	margin-bottom:5%;
	padding-top:5%;
}
.menu_container1{
	width:32%;
	padding-top:5px; 
	margin-right:2%;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
}
.menu_container2{
	width:32%;
	padding-top:5px; 
	float:left;
	padding-left: 10px;
	padding-right: 10px;
}
#course dl dt{
	color:#666666;
	font-size: 1em;
	font-weight: 300;
}
#course dl dd{
	color:#666666;
	font-size:1.2em;
	text-align: right;
	font-weight: 300;
	padding-right: 2em;
}
#special{
	clear:both;
	width:100%;
	padding-left: 15%;
	padding-right: 15%;
	margin-top:5%;
	margin-bottom:5%;
	}
#other_works{
	clear:both;
	width:100%;
	padding-left: 15%;
	padding-right: 15%;
	line-height: 2em;
	margin-bottom: 5%;
}
#other_works dl dt,dd{
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 20px;
}
#other_works dt{
	width: 40%;
	line-height: 2.5em;
	text-align: left;
	display: block;
	float:left;
}
#other_works dd{
	width: 60%;
	line-height: 2.5em;
	display: block;
	float:right;
	text-align: justify-all;	
}
#pdf_dl{
	width:100%;
	clear: both;
	}

.image_right{
	float:right;
	width:70%;
	margin-top:5%;
	margin-bottom:5%;
}
.image_right img{
	width: 100%;
}
 #access{
	width:100%;
	clear:both;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 10%;
	padding-left: 15%;
	padding-right: 15%;
}
#googlemap{
	text-align: center;
	line-height: 3em;
}
#googlemap a{
	font-size: x-large;
	color:#666666;
	text-decoration: none;
	font-weight: ligther;
}

#googlemap a:hover{
	color:#0000ff;
}
footer address{
	font-size: normal;
	font-style: normal;
	line-height: 1em;
	color:#ffffff;
	font-weight: lighter;
	padding-bottom:5%;
}
	
/* clearfix */
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
/*文字の装飾*/
.small{
	font-size:xx-small;
	font-weight: 200;
	color:#000066;
}
.large{
	font-size:2em;
}
.recruit2{
	font-size:1.5em;
	font-weight:normal;
	color:#0000AA;
	margin-bottom: 15px;
	}
}
#instagram{
	height:160px;
	background-image:url("../images/instagram_m.png" );
	background-repeat:no-repeat;
	background-position: center,bottom;
	background-size: 64px auto;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
			}
#instagram a{
	text-decoration: none;
	font-size: 1.5em;
	font-weight:bold;
	line-height: 2em;
	color: darkblue;
	padding-bottom: 64px;
}