@CHARSET "UTF-8";
/***** デフォルトはスマートフォン *****/
body,
html {
	height: 100%;
	margin: 0 auto;
	color: #454545;
}
/*固定する背景*/
.box {
	text-align: center;	
}

.parallax-bg {
/*	background-attachment: fixed; */
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
	font-size: 3rem;
	text-shadow:
		0.5px 0 0 blue,
		0 0.5px 0 blue,
		-0.5px 0 0 blue,
		0 -0.5px 0 blue;
	position: sticky; /* 要素を固定する */
		top: 0;
		left: 0;
	z-index: -1;
	width: 100%;
	height: 66.7vw;
	padding-top: 10%;
}
/*各背景の画像*/
.img-bg-01 {
	background-image: url('./img/home-1.jpg');
}
.img-bg-02 {
	background-image: url('./img/home-2.jpg');
}
.img-bg-03 {
	background-image: url('./img/home-3.jpg');
}
.img-bg-04 {
	background-image: url('./img/home-4.jpg');
}
.img-bg-05 {
	background-image: url('./img/home-5.jpg');
}

/* テキスト部分 */
.h1_home{
	text-align: left;
	font-size: 1.1rem;
	margin-left: 1rem;	
}
.scrollbox{
	background-color: white;
 	margin: 0 auto 0 auto;
	padding: 2% 0 2% 0;
	width: 100%;	
}
.top_h2{
	/* background-color: #dbdbff; */
	color: dimgray;
	color: #895b8a;
	padding: 0.7rem 0;
	margin-bottom: 1rem;
	font-size: 2.2rem;	
}
.text_box{
	padding: 1rem 0 1rem 1rem;
	text-align: left;
	font-size: 1.3rem;
	margin: 0 auto;
	width: 98%;
}
.p_big{
	font-size: 1.2rem;
}
.list{
	font-size: 1rem;
	margin: 1.5rem 0;
	padding-left: 1rem;
}
/* YouTube */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/**==================================================**/
/**=          画面サイズ768px以上の指定              **/
/**==================================================**/
@media screen and (min-width:768px){
	.p_big{
		font-size: 1.4rem;
	}
	.list{
		font-size: 1.3rem;
		padding-left: 3rem;
	}
	.text_box{
		padding: 1rem 0 1rem 10%;
		width: 80%;
	}
}
/**==================================================**/
/**=          画面サイズ1024px以上の指定              **/
/**==================================================**/
@media screen and (min-width:1280px){
	.p_big{
		font-size: 1.6rem;
	}
	.text_box{
		width: 60%;
	}
}