@charset "utf-8";

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,img,strong,u,i,center,dl,dt,dd,ol,ul,li,table,,tr,th,td,aside,embed,footer,menu,nav,section,video,hr{
	margin:0;
	padding:0;
	border:0
}

img,video,svg{
	max-width:100%
}

footer,menu,nav,section,main,form legend{
	display:block;
	margin:0;
	padding:0;
	border:0	
}

.cd-section{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	padding:3.25em 0;
	padding:var(--space-xl) 0;
	font-size:1.2em;
	font-size:var(--text-md);
	box-shadow:0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);
	box-shadow:var(--shadow-lg);
	z-index:2;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.cd-section--bg-fixed{
	min-height:100vh;
	box-shadow:none;
	z-index:1
}

.cd-section--bg-fixed .text-component h1,
.cd-section--bg-fixed .text-component h2,
.cd-section--bg-fixed .text-component h3,
.cd-section--bg-fixed .text-component h4,
.cd-section--bg-fixed .text-component p,
.cd-section--bg-fixed .text-component a{
	color:rgba(255, 255, 255, 1);
	text-shadow:0 1px 3px rgba(0,0,0,0.5);
	/*font-size 統一 */
	font-size: 3.192rem;
}

.container{
	width:calc(100% - 1.25em);
	width:calc(100% - 2*var(--component-padding));
	margin-left:auto;
	margin-right:auto
}

@supports (background-attachment: fixed){
.cd-section--bg-fixed{
	background-attachment:fixed;
	background-size: auto;
}
}

.cd-section:nth-child(3){
	background-image:url("../img/bg01.jpg")
}

.cd-section:nth-child(5){
	background-image:url("../img/bg02.jpg")
}

.cd-section:nth-child(7){
	background-image:url("../img/bg03.jpg")
}

.cd-section:nth-child(9){
	background-image:url("../img/bg04.jpg")
}