/*====================================
　■ 基本設定
====================================*/
body{
	margin:0px;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" ,"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ,"HiraMinProN-W3","HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" ,serif;
	line-height: 1.4;
}

a {
	color: #333;
	text-decoration:none;
	transition: .2s;
}
@media screen and (min-width:768px) {
	a:hover {color: #aaa;}
}

img{
	width:100%;
	height:auto;
}


/*====================================
　■ ヘッダー
====================================*/
.header{
	display:flex;
	padding-top:30px;
}

.logo{
	margin:0 15px 0 auto;
	width:440px;
}
.logo img{
	width:100%;
}

.header ul{
	list-style: none;
	display:flex;
	margin:0 auto 0 10px;
}
.header ul li{
	vertical-align:middle;
	text-align:center;
	margin:auto;
	padding:0 18px;
	font-weight:700;
	padding-top:10px;
}
.header ul li:last-child{
	font-size:86%;
	padding-right:25px;
}

.here{
	border-top: solid 1px #333;
}
.here a{
	color:#333;
}

.btn{
	position: relative;
	display: inline-block;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: #fff;
	background: #333;
}
@media screen and (min-width:768px) {
	.btn:hover{
		color: #333;
		background: rgba(255,255,255,0);
	}
}


@media screen and (max-width:980px) {
	.header{
		display:inline;
		width:90%;
		text-align:center;
	}
	.logo{
		width:50%;
		margin:auto;
		padding:20px 0 0;
	}
	.header ul{
		width:600px;
		margin:auto;
		padding:0;
	}
	.header ul li{
		margin:auto;
		padding:4px 0;
	}
	.header ul li:last-child{
		font-size:100%;
		padding-right:0;
	}
}

@media screen and (max-width:767px) {
	.logo{
		width:80%;
		max-width: 470px;
	}
	.header ul{
		width:90%;
		max-width:530px;
	}
}
@media screen and (max-width:520px) {
	.header ul li,
	.header ul li .sp{
		font-size:15px;
	}
}



/*====================================
　■ YouTube
====================================*/
.youtube{
	
}
.youtube iframe{
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
}


/*====================================
　■ フッダー
====================================*/


.footer{
	bottom:0;
	text-align:center;
	width:100%;
	height:40px;
	background-color:rgba(0,0,0,.75);
}

address{
	font-style: normal;
	font-family: "Helvetica Neue","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color:#fff;
	font-size:12px;
	padding-top:12px;
}


/*====================================
　■ 全体設定
====================================*/

img{
	width:100%;
	height:auto;
}

.sp{display: none;}
.tb{display: none;}
.tb_b{display: none;}
.phone{display: none;}
.mobile{display: none;}
.no_phone{display: inline;}

@media screen and (max-width:980px) {
	.sp{display: inline-block;}
	.pc{display: none;}
}
@media screen and (max-width:767px) {
	.tb{display: inline;}
	.tb_b{display: block;}
	.no_tb{display: none;}
}
@media screen and (max-width:520px) {
	.phone{display: inline;}
	.no_phone{display: none;}
}
@media screen and (max-width:374px) {
	.mobile{display: inline;}
	.no_mobile{display: none;}
}