html, body { height: 100%; }
body { 
	position:relative; 
	margin: 0; 
	padding: 0; 
	font: 12px/100% 'Acme', sans-serif; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}
*, *:before, *:after { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

h2 { 
	margin: 10px 0 40px; 
	font-size: 48px; 
	font-family: 'Open Sans', sans-serif; letter-spacing: -2px; 
}
p {
	margin: 30px 0 0px 0;
	font-size: 24px;
}

a, a:visited { 
	color: #fff; 
	text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
}
	
.cover { 
	position: relative; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	color: #fff; 
}

.centerBoxFirst { 
	position: fixed; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	margin: auto; 
	width: 100%; 
	height: 50%; 
	line-height: 160%; 
	text-align: center;  
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}
	
.centerBoxFix img{
	filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.6));
	width: 80%;
}
	
.centerBoxFix { 
	position: fixed; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	margin: auto; 
	width: 100%;
	height: 50%; 
	line-height: 160%;
	text-align: center; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}
.centerBoxLast { z-index: -1;}

	
.centerBox { 
	position: absolute; 
	top: 0; 
	bottom: 0;
	left: 0; 
	right: 0;
	margin: auto;
	width: 80%;
	height: 50%; 
	line-height: 160%; 
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}
.centerBox i {
	height: 120px; 
	padding: 20px; 
	font-size: 100px; 
	transition: .8s; 
	transition-delay: 0;
	margin-bottom: 30px;
} 
.centerBox div {
	margin: auto; 
	transition: .8s; 
	transition-delay: .8s; 
}

.section3 .centerBoxLast_table {
　font-size: 24px;
  width: 700px;
  margin: auto;
}

@media (max-width: 1100px) {
  .section3 .centerBoxLast_table {
    width: 96%;
  }
}

.section3 .centerBoxLast_table .centerBoxLast_row {
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.section3 .centerBoxLast_table .centerBoxLast_row dt {
  -ms-flex-preferred-size: 160px;
  flex-basis: 160px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 700;
}

@media (max-width: 768px) {
  .section3 .centerBoxLast_table .centerBoxLast_row dt {
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
  }
}	

.section1 { 
	height: 100%; 
	background: url("../img/sec1_bk.jpg") no-repeat;
	background-size: cover; 
}
.section2 {
	height: 100%; 
	background: #fff; 
	color: #000; 
}
.section3 {
	position: relative;
	z-index: -2;
	height: 100%; 
	background: url(../img/sec3_bk.jpg) no-repeat; background-size: cover;
}

.footer {
  height:100px;
  line-height:100px;
  text-align:center;
  background-color:#000;
  position: absolute;
  bottom: 0;
}

.mb10 {	margin-bottom: 10px;}
.mb20 {	margin-bottom: 20px;}
.mb40 {	margin-bottom: 40px;}
	
#page-top i { position: relative; padding-top: 2px; transition: .2s; }
#page-top:hover i { animation: page-top-animation .1s ease 0s infinite alternate; }
@keyframes page-top-animation {
0% {padding-top: 0px; }
100% {padding-top: 3px; }
}
@media only screen and (min-width: 1023px) {
.section1, .section3, { background-attachment: fixed; }
}	