@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');


.tbll{display: none;}
.no_tbll{display: inline;}
@media screen and ( max-width:1200px) {
	.tbll{display: inline;}
	.no_tbll{display: none;}
}

.tbl{display: none;}
.no_tbl{display: inline;}
@media screen and ( max-width:1100px) {
	.tbl{display: inline;}
	.no_tbl{display: none;}
}

.tb{display: none;}
.no_tb{display: inline;}
@media screen and ( max-width:767px) {
	.tb{display: inline;}
	.no_tb{display: none;}
}

.phonel{display: none;}
.no_phonel{display:inline;}
@media screen and ( max-width:580px) {
	.phonel{display: inline;}
	.no_phonel{display:none;}
}

.phone{display: none;}
.no_phone{display:inline;}
@media screen and ( max-width:520px) {
	.phone{display: inline;}
	.no_phone{display:none;}
}

.mobile{display: none;}
@media screen and ( max-width:374px) {
	.mobile{display: inline;}
}

/* marginを適応させたいとき */
.tb_b{display: none;}
.no_tb_b{display: block;}
@media screen and ( max-width:767px) {
	.tb_b{display: block;}
	.no_tb_b{display: none;}
}

.phone_b{display: none;}
.no_phone_b{display:block;}
@media screen and ( max-width:520px) {
	.phone_b{display:block;}
	.no_phone_b{display:none;}
}

.open_title{cursor: pointer;}
.open_box{display: none;}


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



* {
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family:"Shippori Mincho","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.6;
	border: none;
	list-style-type: none;
}

img {
	vertical-align: top;
	width:100%;
	height:auto;
}

/*フェードイン*/

.fadeIn {
	opacity: 0;
	transition: all .5s ease;
	transform: translate(0, 20px);
}
.fade-mov {
	opacity: 1;
	transform: none;
}

.fadeList-item { opacity: 0; transform: translateY(-10px);}
.fadeList-item.imgList { opacity: 1; transform: translateY(0); transition: .6s;}