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



/*ヘッダー
-----------------------------------------------------------*/
header{
	width: 100%;
	position: relative;
	padding-bottom: 5%;
}

header h1{
	text-align: center;
	font-size: 18px;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 30px;
	line-height: 1;
	color: #fff;
	background: #FC0;
	position: relative;
	z-index: 10;
}

header .main-logo img{
	width: 500px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

header #visual{
	width: 100%;
	height: 100%;
	background-image: url(../images/head-1800.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	padding-bottom: 15%;/*15%*/
	position: absolute;
	top: 30px;
}


@media screen and (max-width:500px) {
	
header h1{
	font-size: 12px;
}

header h1 span.name{
	font-size: 16px;
}

header .main-logo img{
	width: 70%;
}

header #visual{
	top: 30px;
	padding-bottom: 5%;/*15%*/
}

}





/*PCナビ
-----------------------------------------------------------*/
#pc_nav{
	width:100%;
	height:auto;
	padding:10px 0 10px 0;
	margin:0 auto;
	position:relative;
	z-index:10;
}

#pc_nav ul{
	width:1100px;
	margin:30px auto 0 auto;
}

#pc_nav ul li{
	float:left;
	width:90px;
	margin-right:78px;
}

#pc_nav ul li img{
	width:90px;
	height:auto;
}
#pc_nav ul li.last{
	margin-right:0;
}

#pc_nav ul li p{
	width:6em;
	text-align:center;
	color:#360;
	font-size:16px;
}

#pc_nav ul li a:hover img{
	opacity:0.5;
}

#pc_nav ul li a:hover{
	text-decoration:none;
}
.fixed {/*navバーをある一定の場所で固定する*/
	position: fixed !important;
	top:-30px;
	width: 100%;
	z-index:50;
	background:#ffffe0;
	filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2));/*画像上でも透過するbox-shadowに代わるもの*/
}

#sp_nav{
	display:none;
}

#sp_accordion_nav{
	display:none;
}




@media screen and (max-width:1100px) {
	
#pc_nav{
	display:none;
}

/*SPナビ
-----------------------------------------------------------*/
#sp_nav{
	display:block;
	width:370px;
	margin:5px auto 20px auto;
	position:relative;
	z-index:100;
}

#sp_nav ul li{
	float:left;
	width:90px;
	margin-right:50px;
}

#sp_nav ul li img{
	width:100%;
	height:auto;
}

#sp_nav ul li.third{
	margin-right:0;
}

#sp_nav ul li.four{
	margin-top:50px;
}

#sp_nav ul li.five{
	margin-top:50px;
}

#sp_nav ul li.six{
	margin-right:0;
	margin-top:50px;
}

#sp_nav ul li.seven{
	margin-top:50px;
}

#sp_nav ul li p{
	font-size:13px;
	width:6em;
	text-align:center;
	color:#360;
}

#sp_nav ul li a:hover img{
	opacity:0.5;
}

#sp_nav ul li a:hover{
	text-decoration:none;
}

}

@media screen and (max-width:500px) {
	
#sp_nav{
	width:265px;
}

#sp_nav ul li{
	width:75px;
	margin-right:20px;
}

#sp_nav ul li.four{
	margin-top:20px;
}

#sp_nav ul li.five{
	margin-top:20px;
}

#sp_nav ul li.six{
	margin-right:0;
	margin-top:20px;
}

#sp_nav ul li.seven{
	margin-top:20px;
}

}







/*コンテンツラップ、各コンテンツ
-----------------------------------------------------------*/
.content_wrapp{
	width:100%;
	padding:0 0 3.5% 0;
	overflow:hidden;
}

.pink_back{
	background:#fff0f5;
}

.blue_back{
	background:#e0ffff;
}

.green_back{
	background:#ccffcc;
}



.content900{
	width:900px;
	margin:auto;
}

.content1100{
	width:1100px;
	margin:auto;
}

.content700{
	width:700px;
	margin:auto;
}

.box{/*変形罫線入白マド共通*/
	width:90%;
	margin:0 auto;
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
	padding:3%;
	background:#fff;
}


@media screen and (max-width:1100px) {

.content1100{/*共通*/
	width:94%;
}

}

@media screen and (max-width:900px) {
	
.content_wrapp{/*共通*/
	padding:8% 0 12% 0;
}

.content900{/*共通*/
	width:94%;
}

}

@media screen and (max-width:700px) {
	
.content700{
	width:94%;
}

}









/* H2
-----------------------------------------------------------*/
h2{
	text-align:center;
	font-size:36px;
	font-weight:normal;
	color:#666;
	line-height:1.2em;
	letter-spacing:0.05em;
	margin-bottom:50px;
}

h2 span{
	color:#999;
	letter-spacing:0;
}


@media screen and (max-width:900px) {
	
h2{/*共通*/
	margin-bottom:12%;
}

}

@media screen and (max-width:500px) {
	
h2{/*共通*/
	font-size:24px;
}
	
}




/* P,table
-----------------------------------------------------------*/
.m-text{
	font-size:16px;
}

.l-text{
	font-size:18px;
}

.s-text{
	font-size:14px;
}

table th,td{
	font-size:16px;
}

@media screen and (max-width:700px) {

.m-text{
	font-size:14px;
}

.l-text{
	font-size:16px;
}

.s-text{
	font-size:12px;
}

table th,td{
	font-size:14px;
}

}





/* Br
-----------------------------------------------------------*/
.br-500{
	display:none;
}

.br-400{
	display:none;
}

@media screen and (max-width:500px) {

.br-500{
	display: block;
}

}

@media screen and (max-width:400px) {

.br-400{
	display: block;
}

}










/*フッター
-----------------------------------------------------------*/
footer{
	width:100%;
	height:auto;
	background:#ffd700;
}

.foot_logo img{
	margin:0 auto;
	padding-top:10px;
	width:300px;
	height:auto;
	margin-bottom:25px;
}

footer .content700 ul li{
	float:left;
	width:145px;
	height:45px;
	margin-right:40px;
	margin-top:10px;
	text-align:center;
	line-height:45px;
	text-indent:-0.5em;
	list-style: none;
}

footer .content700 ul li.four{
	margin-right:0;
}

footer .content700 ul li a{
	color:#fff;
	background:#690;
	display:block;
	border-radius:30px;
}
footer .content700 ul li a:hover{
	background:#6C0;
	text-decoration:none;
}

footer .content700 ul li a span{
	color:#FF9;
}

	
p.copy{
	width:100%;
	text-align:center;
	font-size:14px;
	text-align:center;
	padding:10px 0 10px 0;
	background: url(../images/h1.gif) repeat 0 0;
	color:#333;
	filter:drop-shadow(-3px -3px 3px rgba(0,0,0,0.2));/*画像上でも透過するbox-shadowに代わるもの*/
	margin-top:50px;
}


@media screen and (max-width:800px) {
	
footer .content700 ul{
	width:100%;
}

footer .content700 ul li{
	width:48%;
	margin-right:4%;
}

footer .content700 ul li.second{
	margin-right:0;
}

footer .content700 ul li.four{
	margin-right:0;
}

}

@media screen and (max-width:700px) {
	
footer .content700 ul li{
	font-size:14px;
}
	
}

@media screen and (max-width:500px) {
	
.foot_logo img{
	width:250px;
	height:auto;
}

p.copy{
	font-size:10px;
}

footer{
	margin-bottom:60px;
}

}





/*Go-top
-----------------------------------------------------------*/
#go-top img{
	width:70px;
	height:auto;
	position:fixed;
	right:4.5%;
	bottom:28%;
	z-index:500;
	filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2));/*画像上でも透過するbox-shadowに代わるもの*/
}

#go-top a:hover img{
	opacity:0.75;
}


@media screen and (max-width:500px) {
	
#go-top img{
	width:60px;
	bottom:10%;
}
	
}
@media screen and (max-width:400px) {
	
#go-top img{
	bottom:12.5%;
}
	
}
@media screen and (max-width:400px) {
	
#go-top img{
	bottom:15%;
}
	
}




/*Entry 右端固定リンク
-----------------------------------------------------------*/
.entry a{
	display:block;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size:16px;
	background:#ff0;
	border-top:2px solid #FC0;
	border-bottom:2px solid #FC0;
	border-left:2px solid #FC0;
	display: inline-block;
	text-align:center;
	width:auto;
	height:auto;
	padding:25px 15px;
	border-radius:7.5px 0 0 7.5px;
	position:fixed;
	right:0;
	bottom:35%;
	z-index:100;
}
.entry a:hover{
	text-decoration:none;
	background:#FC0;
	color:#333;
}

.entry a span{
	font-size:24px;
}


@media screen and (max-width:900px) {

.entry a{
	bottom:47.5%;
}

}

@media screen and (max-width:500px) {

.entry a{
	-ms-writing-mode:horizontal-tb;
	writing-mode:horizontal-tb;
	font-size:16px;
	border-bottom:0;
	border-left:0;
	width:94%;
	height:auto;
	padding:15px 3% 17.5px 3%;
	border-radius:0;
	position:fixed;
	right:0;
	bottom:0;
}

.entry a span{
	font-size:18px;
}

}








/*コーナー境界線 共通指定
-----------------------------------------------------------*/
.line{
	width:100%;
	height:100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin:0 auto;
	padding-bottom:9%;
}

#news{
	background-image: url(../images/y_p.png);
}
#about{
	background-image: url(../images/p_y.png);
}
#day{
	background-image: url(../images/y_b.png);
}
#event{
	background-image: url(../images/b_y.png);
}
#entrance{
	background-image: url(../images/y_g.png);
}
#rate{
	background-image: url(../images/g_y.png);
}
#access{
	background-image: url(../images/y_p.png);
}
#contact{
	background-image: url(../images/p_y.png);
}
#recruit{
	background-image: url(../images/p_y.png);
}
#footer_top{
	background-image: url(../images/y_yy.png);
}
#company{
	background-image: url(../images/y_p.png);
}
#footer_company{
	background-image: url(../images/p_yy.png);
}
#sitemap{
	background-image: url(../images/y_b.png);
}
#footer_sitemap{
	background-image: url(../images/b_yy.png);
}






.t-center {
	text-align: center;
}