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

#header{
	position: fixed;/*Header固定*/
	top:0;
	height: 70px;
	z-index: 2;
	width:100%;
	background-color: #000;
	color: #fff;
}

/* 見出し */
.head{
	text-align: center;
}
h1{
	font-size: 5rem;
	font-family: 'Bebas Neue', sans-serif;
	letter-spacing:0.5rem;
}
/* 見出し装飾 */
h6{
	font-size: 6rem;
	font-family: 'The Nautigal', sans-serif;
	margin-top:-3.5rem;
	opacity:0.3;
}

#container{
	position: relative;
	z-index: 1;/*header とfooterを手前にするため数字を小さく*/
}

/* 見出し・全体　*/
section.fixed{
	position: -webkit-sticky;
	position: sticky;
	top:50px;
	padding-top:5rem;
	background-color: #000;
}

section.p_b10{
	padding-bottom: 10rem;
}
section.p_b20{
	padding-bottom: 20rem;
}

.ic_photo{
	background:no-repeat center url("../images/photo/ic_01.jpg");
	background-size:cover;
}
.rl_photo{
	background:no-repeat center url("../images/photo/rl_01.jpg");
	background-size:cover;
}
.hr_photo{
	background:no-repeat center url("../images/photo/hr_01.jpg");
	background-size:cover;
}

/* 各バンド */
section.ic{
	background: #2695f3;
}
section.rl{
   background: #d42525;
}
section.hr{
   background: #9c25d4;
}


/* ================================================================== */
@media screen and (max-width:768px){
	
#header{
	height: 80px;
}

	
section.fixed{
	position:relative!important;
	top:0;
	padding: 3rem 0 3rem 0;
}
section.fixed:first-of-type{
	padding-top:100px;
	}
	
h1{
	font-size: 2rem;
	letter-spacing:0.2rem;
	line-height: 2rem;
}
/* 見出し装飾 */
h6{
	font-size: 2.3rem;
	margin-top:-2.5rem;
}
	
.ic_photo{
	height: 50vh;
}
.rl_photo{
	height: 50vh;
}
.hr_photo{
	height: 50vh;
}
	
}