html{
	font-family: 'Noto Sans JP', sans-serif;
	height:100%;
	margin:0;
	padding:0;
}

body {
	height: 100%;
	margin: 0;
	background:#FFA725;
}

img{
	border:0;
}

ul,ol{
	margin:0;
	padding:0;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
	border:0;
}

#wrap{
	width: 100%;
	position: relative;
	height:auto !important; 
	height: 100%;
	min-height: 100%;
	text-align:center;
}

#contents{
	padding:0 0 200px 0;
}

#header{
/*	width:1280px ;*/
	width:70% ;
	margin:0 auto;
}

#header:after {
	content: '';
	display: block;
	clear: both;
}

#header .logo{
	float:left;
}

#header h1{
	margin:0;
	padding:10px 0;
	width:218px;
	height:50px;
	background:url(../img/logo.png) no-repeat center;
	text-indent:-9999px;
}

#header h1 a{
	display:block;
	width:218px;
	height:50px;
}

#header .address{
	float:right;
	margin:10px 0 0 0 ;
	color:#ffffff;
	text-align:right;
}

footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:200px;
	text-align:center;
}

#footer{
/*	width:1280px ;*/
	width:70% ;
	margin:0 auto;
	padding:20px 0;
}

.footer_address{
	margin:0 0 20px 0;
	text-align:left;
	color:#fff;
}

.copyright{
	text-align:center;
	color:#fff;
}

.footer_menu {
/*	width:1280px ;*/
	width:70% ;
	margin:0 auto 20px auto;
	padding: 0;
}

.footer_menu:after {
	content: '';
	display: block;
	clear: both;
}

.footer_menu li{
	float:left;
	position:relative;
}

.footer_menu li a{
	display:block;
	padding:10px 20px;
	color:#ffffff;
}

.footer_menu li a:hover{
	text-decoration:underline;
}

.btns {
	display:none;
	position: fixed;
	right:-100%;
}

nav{
	width:100%;
	margin:0 auto;
/*	background: #111;*/
/*	background: #C1D8C3;*/
/*	background:#FFF5E4;*/
	background:#fff;
/*	border-top:1px solid #C1D8C3;
	border-bottom:1px solid #C1D8C3;*/
	text-align:center;
}

.menu ul {
/*	width:1280px ;*/
	width:70% ;
	margin:0 auto;
	display: flex;
	padding: 0;
}

.menu li {
	position: relative;
	padding: 5px 20px;
	flex: 1;
	max-width: calc(100% / 7);
	text-align: center;
	text-overflow: ellipsis;
}

.menu a {
/*	color:#ffffff;*/
/*	color:#6A9C89;*/
	color:#888;
	text-decoration: none;
	display: block;
	padding: 5px 20px;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:21px;
	font-style: normal;
}

.menu li:hover {
	opacity: 0.5;
}

.menu li:first-child::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
/*	background: #444;*/
/*	background:#6A9C89;*/
	background:#888;
	transform: skewX(-30deg);
	transform-origin: right center;
}

.menu li::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
/*	background: #444;*/
/*	background:#6A9C89;*/
	background:#888;
	transform: skewX(-30deg);
	transform-origin: right center;
}

#access{
	position:relative;
	margin:0 auto;
	padding: 0;
	width:100%;
	height:380px;
	overflow:hidden;
	opacity:0.9;
}

#access .text{
	position:absolute;
	top:20%;
	left:60px;
	text-align:left;
}

#access .title{
	margin:0 0 20px 0;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:60px;
	font-style: normal;
	color:#fff;
}

#access .msg{
	margin:0 0 20px 0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-size:14px;
	font-style: normal;
	color:#fff;
}

#access .go_access{
}

#access .go_access a{
	float:left;
	display:block;
	padding:5px 20px;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:21px;
	font-style: normal;
	color:#fff;
	border:2px solid #fff;
}

#access .go_access a:hover{
	opacity:0.6;
}

#image{
	width:100%;
	margin:0 auto;
	padding:40px 0 0 0 ;
/*	background:#1a1a1a;*/
	background:#;
	text-align:center;
}

.main_image{
	width:1000px;
	margin:0 auto;
	height:620px;
	overflow:hidden;
	background:none;
}

#top{
	width:100%;
	margin:0 auto;
	padding:30px 0;
	background:#fff;
}

.top_middle{
	width:70%;
	margin:0 auto;
}

.top_middle:after {
	content: '';
	display: block;
	clear: both;
}

.left{
	float:left;
	width:48%;
	text-align:left;
}

.news{
	width:98%;
	margin:0 auto;
	padding:10px 0;
}

.news li{
	width:98%;
	margin:0 auto;
}

.news_top{
	width:98%;
	margin:0 auto;
}

.news_top:after {
	content: '';
	display: block;
	clear: both;
}

.news_top .title{
	float:left;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:40px;
	font-style: normal;
	color:#888;
}

.news_top .more{
	float:right;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:18px;
	font-style: normal;
}

.news_top .more a{
	display:block;
	margin:24px 0 0 0 ;
	color:#999;
}

.news_top .more a:hover{
	opacity:0.6;
}

.news li{
	padding:20px 0;
	border-top:1px solid #ccc;
}

.news li:last-child{
	border-bottom:1px solid #ccc;
}

.news .item{
	margin:0 0 10px 0;
}

.news .item:after {
	content: '';
	display: block;
	clear: both;
}

.news .time{
	float:left;
	margin:0 20px 0 0;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:16px;
	color:#999;
	font-style: normal;
}

.news .category{
	float:left;
	padding:1px 8px;
	background:#eee;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size:14px;
	color:#888;
	font-style: normal;
}

.news .title{
	color:#444;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

.news .title a{
	color:#444;
}

.news .title a:hover{
	color:#ccc;
}

.right{
	float:right;
	width:48%;
	text-align:left;
}

.right .title{
	width:100%;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:40px;
	font-style: normal;
	color:#888;
}

.movie{
	width:100%;
	padding:10px 0;

}

.movie iframe{
	width:100%;
	height:315px;
}

.top_middle2{
	width:100%;
	margin:0 auto;
}

.top_middle2:after {
	content: '';
	display: block;
	clear: both;
}

.left2{
	position:relative;
	float:left;
	width:50%;
	text-align:left;
}

.left2 .image{
}

.left2 .text{
	position:absolute;
	top:15%;
	left:60px;
	text-align:left;
}

.left2 .title{
	margin:0 0 20px 0;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:60px;
	font-style: normal;
	color:#fff;
}

.left2 .msg{
	margin:0 0 20px 0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-size:14px;
	font-style: normal;
	color:#fff;
}

.left2 .go_recruit{
}

.left2 .go_recruit a{
	float:left;
	display:block;
	padding:5px 20px;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:21px;
	font-style: normal;
	color:#fff;
	border:2px solid #fff;
}

.left2 .go_recruit a:hover{
	opacity:0.6;
}

.right2{
	position:relative;
	float:left;
	width:50%;
	text-align:left;
}

.right2 .image{
	opacity:0.9;
}

.right2 .text{
	position:absolute;
	top:15%;
	left:60px;
	text-align:left;
}

.right2 .title{
	margin:0 0 20px 0;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:60px;
	font-style: normal;
	color:#fff;
}

.right2 .msg{
	margin:0 0 20px 0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-size:14px;
	font-style: normal;
	color:#fff;
}

.right2 .go_recruit{
}

.right2 .go_recruit a{
	float:left;
	display:block;
	padding:5px 20px;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:21px;
	font-style: normal;
	color:#fff;
	border:2px solid #fff;
}

.right2 .go_recruit a:hover{
	opacity:0.6;
}


.main{
	width:100%;
	margin:0 auto;
	background:#fff;
}

.page_top{
/*	width:1280px ;*/
	width:70% ;
	margin: 0 auto;
}

/* ニュース */


#news_page{
	padding:40px 0;
	margin:0 auto;
	width:1280px;
}

.news_title{
	position:relative;
	width:100%;
	height:300px;
	background:url(../img/news.png) no-repeat center;
	background-size:1280px 320px;
	opacity:1;
}

.news_title h2{
	position:absolute;
	top:120px;
	left:80px;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:48px;
	font-style: normal;
	color:#fff;
}

.news_title .sub_title{
	position:absolute;
	top:220px;
	left:80px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:20px;
	font-style: normal;
	color:#fff;
}

.news_list{
	width:94%;
	margin:0 auto 50px auto;
}


.news_list li{
	padding:20px 0;
	border-top:1px solid #ccc;
}

.news_list li:last-child{
/*	border-bottom:1px solid #ccc;*/
}

.news_list .item{
	margin:0 0 14px 0;
}

.news_list .item:after {
	content: '';
	display: block;
	clear: both;
}

.news_list .time{
	float:left;
	margin:0 20px 0 0;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:16px;
	color:#999;
	font-style: normal;
}

.news_list .category{
	float:left;
	padding:1px 8px;
	background:#eee;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size:14px;
	color:#888;
	font-style: normal;
}

.news_list .title{
	color:#444;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

.news_list .title a{
	color:#444;
}

.news_list .title a:hover{
	color:#ccc;
}

.news_detail .item{
	margin:0 0 14px 0;
}

.news_detail .item:after {
	content: '';
	display: block;
	clear: both;
}

.news_detail .time{
	float:left;
	margin:0 20px 0 0;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:16px;
	color:#999;
	font-style: normal;
}

.news_detail .category{
	float:left;
	padding:1px 8px;
	background:#eee;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size:14px;
	color:#888;
	font-style: normal;
}

.news_detail .title{
	margin:0 0 30px 0;
	color:#444;
	font-size:21px;
	font-weight:bold;
	text-align:left;
}

.news_detail .img{
	width:90%;
	margin:0 auto;
}

.news_detail .msg{
	width:94%;
	margin:0 auto 60px auto;
	text-align:left;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:21px;
	font-style: normal;
	color:#444;
	line-height:1.8;
}

.back{
	width:94%;
	margin:0 auto 60px auto;
}

.back:after {
	content: '';
	display: block;
	clear: both;
}

.back a{
	float:left;
	display:block;
	padding:8px 20px ;
	border:1px solid #ccc;
	text-align:left;
	color:#888;
}

.back a:hover{
	opacity:0.6;
}

.pager{
	width:90%;
	margin:0 auto;
}

.pager:after {
	content: '';
	display: block;
	clear: both;
}

.pager li{
	float:left;
	width:42px;
	margin:0 10px 10px 0 ;
	text-align:center;
}

.pager li.non_link{
	padding:10px 0;
	border:1px solid #dee2e6;
}

.pager li a{
	display:block;
	padding:10px 0;
	background:#FFA725;
	border:1px solid #dee2e6;
	color:#fff;
}

.pager li a:hover{
	background:#FFA725;
	text-decoration:none;
	color:#fff;
}

/* スタッフ */

.staff_title{
	position:relative;
	width:100%;
	height:300px;
	background:url(../img/staff.png) no-repeat center;
	background-size:1280px 320px;
	opacity:1;
}

.staff_title h2{
	position:absolute;
	top:120px;
	left:80px;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:48px;
	font-style: normal;
	color:#fff;
}

.staff_title .sub_title{
	position:absolute;
	top:220px;
	left:80px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:20px;
	font-style: normal;
	color:#fff;
}

#staff_page{
	padding:40px 0;
	margin:0 auto;
	width:1280px;
}

.staff_main{
	margin:0 auto 50px auto;
}

.coach{
	width:1100px;
	margin:0 auto 50px auto;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:48px;
	font-style: normal;
	text-align:left;
	border-bottom:1px dotted #ccc;
}

.staff_main:after {
	content: '';
	display: block;
	clear: both;
}

.staff_main li.staff_left{
	float:left;
	width:48%;
}

.staff_main li.staff_left .img{
	width:300px;
	margin:0 auto;
}

.staff_main li.staff_right{
	float:left;
	width:45%;
	text-align:left;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-size:16px;
	font-style: normal;
}

.name{
	margin:0 0 20px 0;
}

.main_name{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-size:36px;
	font-style: normal;
}

.ruby{
	font-family: "Anton SC", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-size:18px;
	font-style: normal;
}

.staff_main li.staff_right .top_title{
	font-weight: bold;
}

.staff_main li.staff_right .record_text{
	color:#333;
}

.staff_main li.staff_right .staff_comment{
	color:#555;
	line-height:1.8;
}


.coment_space{
	height:30px;
}

/* 練習生募集 */

/* スタッフ */

.recruit_title{
	position:relative;
	width:100%;
	height:300px;
	background:url(../img/recruit.png) no-repeat center;
	background-size:1280px 320px;
	opacity:1;
}

.recruit_title h2{
	position:absolute;
	top:120px;
	left:80px;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:48px;
	font-style: normal;
	color:#fff;
}

.recruit_title .sub_title{
	position:absolute;
	top:220px;
	left:80px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:20px;
	font-style: normal;
	color:#fff;
}

#recruit_page{
	padding:40px 0;
	margin:0 auto;
	width:1280px;
}

.recruit_image{
	margin:0 auto 40px auto;
	width:1080px;
}

.recruit_item{
	margin:0 0 30px 0;
	padding:20px 0;
}

.lesson_title{
	width:94%;
	margin:0 auto 10px auto;
	padding:20px 0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:24px;
	font-style: normal;
	border-bottom:1px solid #ccc;
	text-align:left;
}

.lesson_title h3{
	margin:0 0 0 10px;
	padding:0;
}

#recruit_page ul{
	width:90%;
	margin:0 auto 50px auto;
	border-collapse: collapse;
}

#recruit_page ul:after {
	content: '';
	display: block;
	clear: both;
}

.target{
	float:left;
	width:400px;
	padding:20px 0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:20px;
	font-style: normal;
	text-align:left;
	color:#888;
}

.target_msg{
	float:left;
	width:700px;
	margin:0 0 30px 0;
	padding:20px 0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:20px;
	text-align:left;
	line-height:1.8;
	color:#333;
}

.goal{
	float:left;
	width:700px;
	margin:0 auto;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:18px;
	font-style: normal;
	text-align:left;
	line-height:1.8;
	color:#333;
}

/* お問い合わせ */
#contact_page{
	padding:40px 0;
	margin:0 auto;
	width:1280px;
}

.contact_title{
	position:relative;
	width:100%;
	height:300px;
	background:url(../img/contact.png) no-repeat center;
	background-size:1280px 320px;
	opacity:1;
}

.contact_title h2{
	position:absolute;
	top:120px;
	left:80px;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:48px;
	font-style: normal;
	color:#fff;
}

.contact_title .sub_title{
	position:absolute;
	top:220px;
	left:80px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:20px;
	font-style: normal;
	color:#fff;
}

.contact-form {
	display: grid;
	gap: 10px;
	max-width: 800px;
	margin: auto;
}

.form-row {
	display: grid;
	padding:10px 0;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	text-align: left;
}

label {
	text-align: left;
	padding-right: 10px;
}

input[type="text"].normal,input[type="email"].normal,input[type="tel"].normal{
	width: 100%;
	height:30px;
	border:1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

textarea.normal{
	width: 100%;
	height:300px;
	margin:0 0 60px 0;
	border:1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.button{
	padding:30px 0;
}

.confirm{
	display:block;
	width:200px;
	margin:0 auto;
	padding:8px 0;
	background:#FFA725;
	color:#fff;
	border:1px solid #FFA725;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor:pointer;
}

.confirm:hover{
	background:#FFB22C;
}

/* アクセス */
#access_page{
	padding:40px 0;
	margin:0 auto;
	width:1280px;
}

.access_title{
	position:relative;
	width:100%;
	height:300px;
	background:url(../img/access.png) no-repeat center;
	background-size:1280px 320px;
	opacity:1;
}

.access_title h2{
	position:absolute;
	top:120px;
	left:80px;
	font-family: "Anton SC", serif;
	font-weight: 400;
	font-size:48px;
	font-style: normal;
	color:#fff;
}

.access_title .sub_title{
	position:absolute;
	top:220px;
	left:80px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-size:20px;
	font-style: normal;
	color:#fff;
}

.map {
	width:90%;
	margin:0 auto;
}

.map:after {
	content: '';
	display: block;
	clear: both;
}

.map_left{
	float:left;
	width:50%;
}

.map_left img{
	border:1px solid #ccc;
}

.map_right{
	float:left;
	width:50%;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-size:16px;
	font-style: normal;
	text-align:left;
}

.map_right .text{
	margin: 0 0 10px 30px;
	line-height:1.8;
}

.map_right .text a:hover{
	text-decoration:underline;
}