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

header{
	height: 600px;
}
.sub-title h3{
	width: 320px;
}
/*-------------------------*/
@media(max-width:640px){
	header{
		height: 400px;
	}
	.header-title{
		margin: 40px 0 0 40px
	}
	.header-title h1{
		font-size: 2rem;
		letter-spacing: .4rem;
		margin-bottom: 0;
	}
	.header-title p{
		font-size: 1rem;
		letter-spacing: .1rem;
		margin-top: 6%;
	}
	.page-title h2{
		font-size: 4rem;
		letter-spacing: .4rem;
	}
	.page-title span{
		height: 100px;
	}
}
.youtube-container{
	max-width: 1080px;
	margin: 0 auto;
	margin-bottom: 100px;
	padding: 0 20px;
}
.youtube-contents{
	margin-bottom: 50px;
}
.youtube-contents-txt{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.sub-title{
	width: 20%;
	max-width: 155px;
}
.youtube-contents-txt p{
	width: 80%;
	margin-left: 50px;
}
.youtube-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.video iframe{
	max-width: 300px;
  max-height: 240px;
}
.sub-title a{
	color: #282828;
}
.sub-title a:hover{
	color: #BA2636;
}
.video h4{
	margin: 10px 0 30px 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.8rem;
	font-weight: 500;
	width: 300px;
}

/*----------------------------------*/
@media(max-width:1023px){
	.youtube-contents-txt{
		display: block;
	}
	.sub-title h3{
		margin-bottom: 10px;
		width: 320px;
	}
	.youtube-wrap{
		justify-content: center;
		margin-right: 20px;
	}
	.video{
		margin-right: 20px;
	}
	.video h4{
		font-size: 1.6rem;
	}
	.youtube-contents-txt p {
    width: auto;
    margin-left: 30px;
}
}



/*----------------------------------*/
	@media(max-width:679px){
		.youtube-contents-txt p{
			font-size: 1.4rem;
		}
		.youtube-wrap{
			margin-right: 0;
		}
		.video{
		margin-right: 0;
	}
	}