html,body{
	padding:0;
	margin:0;
	color:#000;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-size:15px;
}
html{
	background:#294fcc url(img/bg_head.png) top center repeat-x;
}
body{
	position:relative;

}
a{
	color:#36C;
	text-decoration:none;
}
.more_area{
	width:100%;
	text-align:right;
}
a.more{
	display:inline-block;
	line-height:1;
	padding:5px 10px;
	border-radius:20px;
	background:#f21;
	color:#fff;
}
.red{
	color:#f00!important;
}
.pink{
	color:#F69!important;
}

h1{
	text-indent:-9999px;
	padding:0;
	margin:0;
	width:0;
	height:0;
}
h2{
	margin: 0px 0px 10px;
	padding:0 0 5px;
	border-bottom: 8px dotted rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	font-size: 36px;
	line-height:1;
}
h4{
	margin:0;
	color:#37d;
	padding:0;
	font-size:18px;
}
h4.big:first-letter{
	font-size: 32px;
	background: #ff7;
	border-radius: 2em;
	padding: 0 0 0 16px;
}
.block{
	display:block;
}
.pc{
	display:block;
}
.tablet{
	display:none;
}
.mobile{
	display:none;
}
.wrap{
	box-sizing:border-box;
	width:980px;
	margin:0 auto;
	min-height:600px;
	padding-bottom:170px;
}

header{
	width:100%;
	margin-bottom:20px;
}
.head_logo{
	float:left;
	width:320px;
}
.head_logo img{
	width:100%;
	position: relative;
	top: 20px;
}
.head_img{
	width:300px;
	float:right;
}
.head_img img{
	width:100%;
}
/*left*/
#left_area{
	float:left;
	width:320px;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
}
ul.menu{
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:40px;
}
ul.menu li{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
ul.menu li a{
	display:block;
}
ul.menu li a img{
	display:block;
	max-width:100%;
	transition:all .2s ease-out;
}
ul.menu li a img:hover{
	transform:scale(1.1);
}
.info_area{
	box-sizing:border-box;
	border:4px solid #2434ae;
	border-radius:8px;
	overflow:hidden;
}
/*right*/
#right_area{
	float:right;
	width:660px;
	box-sizing:border-box;
}
.article_area{
	box-sizing:border-box;
	border-radius:6px;
	background:#fff;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.article_area h3{
	line-height:1em;
	font-size:16px;
	background:#fff335;
	margin:0;
	padding:3px;
	color:#000;
	position:relative;
}
.article_area h3 span.h_icon{
	position:absolute;
	left:5px;
	top:5px;
	height:2em;
	display:inline-block;
	margin-right:10px;
}
.h_icon img{
	height:100%;
}
.h_text{
	display:inline-block;
	padding:10px 0;
	padding-left:50px;
}
.art{
	box-sizing:border-box;
	width:100%;
	padding:20px;
}
a.art_title{
	font-weight:bold;
	font-size:18px;
	color:#069;
}
/*求人*/
.rec_tbl{
	border-collapse:collapse;
	border:1px solid #ccc;
	width:100%;
}
.rec_tbl th,.rec_tbl td{
	border:1px solid #ccc;
	padding:5px;
}
/*pro*/
.prof_wrap{
	width:100%;
	box-sizing:border-box;
	position:relative;
	margin-bottom:10px;
}
.prof_left{
	width:270px;
	float:left;
}
.prof_right{
	width:320px;
	float:right;
	box-sizing:border-box;
	;
}
.prof_title{
	position:relative;
	top:50px;
}
.prof_title b{
	font-size:36px;
}
.prof_detail{
	position:absolute;
	bottom:20px;
	box-sizing:border-box;
	padding:10px;
	border-radius:8px;
	border:2px solid #ccc;
	width:320px;
}
/*staff*/
.staff_wrap{
	margin-bottom:10px;
}
.staff_left{
	float:left;
	width:35%;
}
.staff_left img{
	border:1px solid #ddd;
}
.staff_right{
	float:right;
	width:60%;
	box-sizing:border-box;
	padding:10px 0;
}

/*access*/
.toho_access_area{

}
.toho_access_area ul{
	padding:0;
	margin:0;
	list-style: none;
	display:block;
}
.toho_access_area ul li{
	float:left;
	width:50%;
	padding:3px;
	box-sizing: border-box;
}
.toho_access_area ul li img{
	width:100%;
}

/*foot*/
footer{
	padding:0;
	margin:0;
	width:100%;
	height:200px;
	background:url(img/bg_foot.png) bottom center repeat-x;
	position:absolute;
	bottom:0;
	text-indent:-9999px;
}
.full_img{
	box-sizing:border-box;
}
.full_img img{
	width:100%;
	display:block;
}
.after-clr:after{
	content:'';
	display:block;
	clear:both;
}
.shadow{
	box-shadow:2px 2px 4px #000;
}
.mg_bottom{
	margin-bottom:20px!important;
}

#back{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
    top:0;
	//height:600px;
	z-index:-1;
	overflow:hidden;
}
/*sakana*/
#uo1{
	position:absolute;
	top:25%;
	left:105%;
	display:block;
	
	animation: anime1 13s ease-out infinite;
	-webkit-animation: anime1 13s ease-out infinite;

}
#uo2{
	position:absolute;
	top:30%;
	left:-260px;
	display:block;
	
	animation: anime2 18s ease-in-out infinite;
	-webkit-animation: anime2 18s ease-in-out infinite;

}
#uo3{
	position:absolute;
	top:60%;
	left:-260px;
	display:block;
	
	animation: anime3 22s ease-in-out infinite;
	-webkit-animation: anime3 22s ease-in-out infinite;

}
#uo4{
	position:absolute;
	top:70%;
	left:-410px;
	display:block;
	
	animation: anime4 60s ease-out infinite;
	-webkit-animation: anime4 60s ease-out infinite;

}
#uo_gyo{
	position:absolute;
	top:20%;
	left:-810px;
	display:block;
	transition:left 3s linear;
	
	//animation: anime_gyo 3s linear;
	//-webkit-animation: anime4 60s ease-out infinite;
	
}
/*bg*/
footer{
	animation: bg_foot 34s linear infinite;
	-webkit-animation: bg_foot 34s linear infinite;
	}
html{
	animation: bg_html 94s linear infinite;
	-webkit-animation: bg_html 94s linear infinite;
}

/*guest*/
.guest_wrap{
	box-sizing:border-box;
	width:100%;
	padding:20px;
}
.guest_left{
	float:left;
	width:100px;
}
.guest_right{
	float:right;
	width:500px;
}
.guest_right time{
	display:block;
	font-size:18px;
	color:#37f;
	margin-bottom:10px;
	font-weight:bold;
}
.guest_right span{
	display:block;
}
.guest_right strong{
	font-size:24px;
	color:#F0C;
}

.box_about {
	text-align: right;
}
.box_about img {
	width: 250px;
}
.blink {
	animation: blinking 1.5s ease-in-out infinite alternate;
}
 
@keyframes blinking {
	0% {opacity: 0;}
	20% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 1;}
}















@keyframes anime1 {
0% {left:105%;transform:rotateY(0);}
25%{transform:translateY(-25px)}
50%{left:-300px;transform:rotateY(0);}
51%{transform:rotateY(180deg);}
99% {left:105%;transform:rotateY(180deg) translateY(-35px);}
100%{transform:rotateY(0);}
}
@-webkit-keyframes anime1 {
0% {left:105%;-webkit-transform:rotateY(0);}
25%{transform:-webkit-translateY(-25px)}
50%{left:-300px;-webkit-transform:rotateY(0);}
51%{-webkit-transform:rotateY(180deg);}
99% {left:105%;-webkit-transform:rotateY(180deg) translateY(-35px);}
100%{-webkit-transform:rotateY(0);}
}
@keyframes anime2 {
0% {left:-260px;transform:rotateY(0);}
10%{transform:translateY(-50px);}
20%{transform:translateY(+50px);}
30%{transform:translateY(-50px);}
40%{transform:translateY(+50px);}
50%{left:105%;transform:rotateY(0);}
51%{transform:rotateY(180deg);}
60%{transform:rotateY(180deg) translateY(-50px);}
70%{transform:rotateY(180deg) translateY(+50px);}
80%{transform:rotateY(180deg) translateY(-50px);}
90%{transform:rotateY(180deg) translateY(+50px);}
99% {left:-260px;transform:rotateY(180deg);}
100%{transform:rotateY(0);}
}
@-webkit-keyframes anime2 {
0% {left:-260px;-webkit-transform:rotateY(0);}
10%{-webkit-transform:translateY(-50px);}
20%{-webkit-transform:translateY(+50px);}
30%{-webkit-transform:translateY(-50px);}
40%{-webkit-transform:translateY(+50px);}
50%{left:105%;-webkit-transform:rotateY(0);}
51%{-webkit-transform:rotateY(180deg);}
60%{-webkit-transform:rotateY(180deg) translateY(-50px);}
70%{-webkit-transform:rotateY(180deg) translateY(+50px);}
80%{-webkit-transform:rotateY(180deg) translateY(-50px);}
90%{-webkit-transform:rotateY(180deg) translateY(+50px);}
99% {left:-260px;-webkit-transform:rotateY(180deg);}
100%{-webkit-transform:rotateY(0);}
}
@keyframes anime3 {
0% {left:-160px;transform:rotateY(0);}
10%{transform:translateY(-50px);}
20%{transform:translateY(+50px);}
30%{transform:translateY(-50px);}
40%{transform:translateY(+50px);}
50%{left:105%;transform:rotateY(0);}
51%{transform:rotateY(180deg);}
60%{transform:rotateY(180deg) translateY(-50px);}
70%{transform:rotateY(180deg) translateY(+50px);}
80%{transform:rotateY(180deg) translateY(-50px);}
90%{transform:rotateY(180deg) translateY(+50px);}
99% {left:-160px;transform:rotateY(180deg);}
100%{transform:rotateY(0);}
}
@-webkit-keyframes anime3 {
0% {left:-160px;-webkit-transform:rotateY(0);}
10%{-webkit-transform:translateY(-50px);}
20%{-webkit-transform:translateY(+50px);}
30%{-webkit-transform:translateY(-50px);}
40%{-webkit-transform:translateY(+50px);}
50%{left:105%;-webkit-transform:rotateY(0);}
51%{-webkit-transform:rotateY(180deg);}
60%{-webkit-transform:rotateY(180deg) translateY(-50px);}
70%{-webkit-transform:rotateY(180deg) translateY(+50px);}
80%{-webkit-transform:rotateY(180deg) translateY(-50px);}
90%{-webkit-transform:rotateY(180deg) translateY(+50px);}
99% {left:-160px;-webkit-transform:rotateY(180deg);}
100%{-webkit-transform:rotateY(0);}
}
@keyframes anime4 {
0% {left:105%;transform:rotateY(0);}
10%{transform:translateY(-50px);}
20%{transform:translateY(+50px);}
30%{transform:translateY(-50px);}
40%{transform:translateY(+50px);}
50%{left:-410px;transform:rotateY(0);}
51%{transform:rotateY(180deg);}
60%{transform:rotateY(180deg) translateY(-50px);}
70%{transform:rotateY(180deg) translateY(+50px);}
80%{transform:rotateY(180deg) translateY(-50px);}
90%{transform:rotateY(180deg) translateY(+50px);}
99% {left:108%;transform:rotateY(180deg);}
100%{left:108%;transform:rotateY(0);}
}
@-webkit-keyframes anime4 {
0% {left:105%;-webkit-transform:rotateY(0);}
10%{-webkit-transform:translateY(-50px);}
20%{-webkit-transform:translateY(+50px);}
30%{-webkit-transform:translateY(-50px);}
40%{-webkit-transform:translateY(+50px);}
50%{left:-410px;-webkit-transform:rotateY(0);}
51%{-webkit-transform:rotateY(180deg);}
60%{-webkit-transform:rotateY(180deg) translateY(-50px);}
70%{-webkit-transform:rotateY(180deg) translateY(+50px);}
80%{-webkit-transform:rotateY(180deg) translateY(-50px);}
90%{-webkit-transform:rotateY(180deg) translateY(+50px);}
99% {left:108%;-webkit-transform:rotateY(180deg);}
100%{left:108%;-webkit-transform:rotateY(0);}
}
@keyframes anime_gyo{
0% {left:-810px;}
100%{left:105%}		
}
@keyframes bg_html {
0% {background-position:0% 0%;}
100%{background-position:-1132px 0}		
}
@-webkit-keyframes bg_html {
0% {background-position:0% 0%;}
100%{background-position:-1132px 0}		
}
@keyframes bg_foot {
0% {background-position:0% 0%;}
100%{background-position:-1193px 0}		
}
@-webkit-keyframes bg_foot {
0% {background-position:0% 0%;}
100%{background-position:-1193px 0}		
}
@media screen and (max-width:980px){
	.pc{
		display:none;
	}
	.tablet{
		display:block;
	}
	.wrap{
		width:100%;
		overflow:hidden;
	}
	#main_wrap{
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}
	#left_area{
		width:30%;
		padding:0;
		padding-right:20px;
	}
	#right_area{
		width:70%;
	}
	.prof_left{
		width:35%;
	}
	.prof_right{
		width:60%;
	}
	.prof_title{
		position:inherit;
	}
	.prof_detail{
		width:auto;
		position:inherit;
		margin-top:10px;
	}

	
}
@media screen and (max-width:680px){
	h2 {
		font-size: 24px;
	}
	.pc{
		display:none;
	}
	.tablet{
		display:none;
	}
	.mobile{
		display:block;
	}
	.wrap{
		padding-bottom:140px;
	}
	header{
		margin-bottom:0px;
	}
	.head_logo{
		width:100%;
	}
	.head_img{
		position:absolute;
		right:0;
		z-index:-1;
		opacity:0.4;
	}
	#left_area{
		float:none;
		width:100%;
		padding:0;
		margin-top:30px;
		padding-top:30px;
		border-top:2px dotted #fff;
	}
	ul.menu{
		display:none;
	}
	#right_area{
		float:none;
		width:100%;
	}
	html,footer,#uo4,#uo2{
		animation:none;
		-webkit-animation:none;
	}
	footer{
		background-position:left 0;
	}
	.m_nav{
		background:#06C;
		border-top:2px solid #fff;
		margin-bottom:20px;
	}
	.m_nav_top{
		text-align:center;
		font-size:18px;
		color:#fff;
		box-sizing:border-box;
		padding:10px 0;
		border-bottom: 2px solid #fff;
	}
	
	.m_nav_menu{
		list-style:none;
		padding:0;
		margin:0;
		display:none;
	}
	.m_nav .active{
		display:block;
		box-shadow:0px 1px 2px #000;
	}
	.m_nav_menu li{
		display:block;
		padding:8px 0;
		border-bottom:1px solid #007;
		text-align:center;
	}
	.m_nav a{
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.full_img_mb{
		box-sizing:border-box;
	}
	.full_img_mb img{
		width:100%;
		display:block;
	}
	.prof_left{
		width:100%;
		float:none;
	}
	.prof_right{
		width:100%;
		float:none;
	}
	.prof_title{
		text-align:center;
	}
	.staff_right{
		padding:5px 0;
		line-height:1.3;
		font-size:12px;
	}
	.guest_wrap{
		border-bottom:2px dotted #fe0;
	}
	.guest_right,.guest_left{
		float:none;
		width:100%;
	}
	.guest_right b{
		display:block;
	}
	
	.toho_access_area ul li{
		float:none;
		width:100%;
		padding:5px;
	}
	
	.head_logo img{
		top:0;
		padding: 15px 15px 0;
		box-sizing: border-box;
	}
}