@charset "utf-8";
/* CSS Document */
.fix-header{
	top: -100px;/* 上に隠す高さ */
	margin: 0 auto;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
}

#comm_ttl{
	background:none;
	padding:0;
	margin-top:0;
}

#bg{
	overflow:hidden;
	position:relative;
}

#bg img.haikei{
	object-fit:cover;
	object-position:75%;
	width: 100vw;
	height: 100vh;
}

#bg p{
	position:absolute;
	left:5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

}



@media only screen and (max-width:768px) { 
#bg{
	overflow:hidden;
	position:relative;
}

#bg img.haikei{
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: auto;
}

#bg p{
	display:none;

}
}

#main{
	width:90%;
	max-width:1000px;
	margin:50px auto;
	padding:0;
}


#main ul{
	margin-top:60px;
	overflow:hidden;
}

#main li{
	float:left;
	vertical-align:top;
}

#main ul li{
	width:49%;
	margin:0 2% 50px 0;
	text-align:left;
}

#main ul div,
#main ol div{
	position:relative;
	text-align:center;
	margin-bottom:10px;
	color:#fff;
}

#main ul div a,
#main ol div a{
	color:#fff;
}


#main li:last-child{
	margin-right:0;
}

#main li dl{
	width:90%;
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size:15px;
}

#main ul li dl dt{
	font-size:30px;
	letter-spacing:2px;
	margin-bottom:10px;
}

#main ul li p{
	font-size:12px;
	margin-top:2px;
}

#main ul li p span{
	margin-right:10px;
	width:26%;
	display:inline-block;
	vertical-align:top;
}

#main ol{
	overflow:hidden;
}


#main ol li{
	width:23%;
	margin:0 2% 50px 0;
	text-align:left;
}

#main ol li dl dt{
	font-size:25px;
}


#main ol li p{
	font-size:14px;
}

#main ol li p span{
	display:block;
	font-weight:bold;
	margin-bottom:2px;
	font-size:16px;
}


@media only screen and (max-width:1080px) { 
#main ul li p{
	margin-bottom:8px;
}

#main ul li p span{
	width:100%;
	display:block;
}
}







@media only screen and (max-width:768px) { 
#main ul{
	max-width:483px;
	text-align:center;
	margin:60px auto 0;
}
#main ul li{
	width:100%;
	margin:0 auto 50px;
}

#main ol{
	text-align:center;
}

#main ol li{
	width:49%;
	margin:0 2% 50px 0;
	text-align:left;
}

#main ol li:nth-of-type(2n){
	margin-right:0;
}

#main ul li dl dt,
#main ol li dl dt{
	font-size:18px;
}

}