@charset "UTF-8";

h1, h2, h3, .bg-wrapper p, .bg-wrapper ol li, .bg-wrapper ul li, .bg-wrapper ul li a{
	font-family: 'Noto Sans JP', sans-serif!important;
}

.bg-wrapper p{
	color:#000;
}

.bg-wrapper{
	width:100%;
	box-sizing: border-box;
	padding:60px 0;
}

.orange{
	background-color:#f4dfce;
}

.white{
	background-color:#fff;
}

.main-contents h1, .main-contents h2{
	font-weight:900;
}

.title-caption h1, .main-contents h2{
	color:#1e86c9;
}

.title-box{
	width:60%;
	margin:30px auto;
	box-sizing:border-box;
	padding-bottom:20px;
}

.title-img{
	width:40%;
	margin:30px 0;
}

.title-caption{
	margin:20px;
}

.title-caption h1{
	margin-bottom:15px;
	font-size:2.5rem;
}

.tee-flex-box, .tee-flex-box-and, .tee-double-flex-box{
	display:flex;
	width:70%;
	margin:30px auto;
}

.tee-flex-box{
	align-items: center;
	justify-content: space-between;
	padding:10px 0;
}

.flex-img-box{
	width:50%;
}

.flex-caption{
	width:46%;
}

.andmore-title{
	width:20%;
	margin:30px auto 50px;
}

.tee-flex-box h2{
	font-size:1.8rem;
}

.tee-flex-box p{
	margin:20px 0;
}

.tee-flex-box .new-item-list{
	padding-top:10px;
}

.flex-title{
	width:90%;
	margin:20px auto;
}

.tee-flex-box-and, .tee-double-flex-box{
	align-items: flex-start;
	gap:50px 20px;
}

.tee-flex-box-and{
	flex-wrap: wrap;
}

.tee-small-box{
	width:calc((100% - 60px)/ 4);
}

.tee-small-box h2, .yoko-flex-small-box h2{
	font-size:1.8rem;
	margin:10px 0 5px;
}

.tee-small-box p, .yoko-flex-small-box p{
	margin:5px 0 10px;
}

.yomo-title{
	width:70%;
	margin-bottom:20px;
}

.yomoyama_txt a, .tiktok-caption a{
	text-decoration: underline;
}

.event-box-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:100%;
	margin:0 auto 60px;
	border:7px solid #364f72;
	box-sizing: border-box;
	padding:30px;
}

.tiktok-img, .tiktok-caption{
	width:48%;
}

.tiktok-caption h3{
	color:#364f72;
	font-weight:900;
	font-size:1.8rem;
	margin-bottom:10px;
}

.tiktok-caption a{
	display: block;
	margin-top:10px;
}

.pre-box{
	padding-top:30px!important;
}

/*タブレット用*/
@media screen and (max-width: 820px){

	.title-box{
		width:80%;
	}

	.tee-flex-box, .tee-flex-box-and, .tee-double-flex-box{
		width:90%;
	}

}

/*スマホ用*/
@media screen and (max-width:640px){

	.tee-flex-box, .tee-double-flex-box{
		display:block;
		width:90%;
		margin:auto;
	}
	
	.flex-img-box, .flex-caption, .yomo-title, .event-box-flex, .tiktok-img, .tiktok-caption{
		width:100%;
	}
	
	.title-img{
		width:60%;
	}
	
	.title-box{
		width:80%;
		padding-bottom:5px;
	}
	
	.title-caption h1{
		font-size:2rem;
	}
	
	.title-caption{
		margin:20px 0;
	}
	
	.flex-caption{
		box-sizing: border-box;
		padding:10px;
		margin-top:15px;
	}
	
	.tee-flex-box h2{
		font-size:1.7rem;
		line-height:1.8;
	}
	
	.small-caption, .flex-caption{
		box-sizing: border-box;
		padding:5px 10px;
	}
	
	.andmore-title{
		width:50%;
		margin:30px auto 50px;
	}
	
	.tee-small-box{
		width:calc((100% - 20px)/ 2);
	}

	.yoko-flex-small-box{
		margin:50px 0;
	}
	
	.everymonth-wrapper{
		margin-top:10px!important;
		padding-top:5px!important;
	}

	.event-box-flex{
		display: block;
		padding:30px 20px;
	}

	.event-box h3{
		font-size:1.8rem;
		text-align: center;
	}
	
	.tiktok-caption a{
		display: block;
		margin-top:10px;
		font-size:1.2rem;
	}



}
/* CSS Document */