@charset "utf-8";
/*******************************************
	index
*******************************************/
body{
	/*padding-top:0 !important;*/
}

/*------------------------------------------
	box01
------------------------------------------*/
.box01 h2,
.box01 p{
	font-size:0;
	line-height:0;
}
.box01 aside{
	text-align:center;
	font-size:7.0rem;
	line-height:1;
}
.box01 aside .fa-circle{
	color:#F29600;
	font-size:3.0rem;
}
.box01 aside .fa-angle-down{
	color:#fff;
}
.box01 img{
	width:100%;
}
@media screen and (max-width: 749px) {
	.box01 aside{
		font-size:5.0rem;
	}
	.box01 aside .fa-circle{
		color:#F29600;
		font-size:2.0rem;
	}
}
/*------------------------------------------
	box02
------------------------------------------*/
.box02{
	padding:0 0 80px;
}
.box02 ul{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.box02 ul li{
	margin-right:10px;
	width:280px;
}
.box02 ul li:first-child{
	width:100%;
}
.box02 ul li:first-child,
.box02 ul li:last-child{
	margin:0;
}
@media screen and (max-width: 749px) {
	.box02{
		padding:0 3.125% 10%;
	}
	.box02 ul{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.box02 ul li{
		margin-right:2%;
		width:32%;
	}
	.box02 ul li:first-child{
		width:100%;
	}
	.box02 ul li:first-child,
	.box02 ul li:last-child{
		margin:0;
	}
}
/*------------------------------------------
	box03
------------------------------------------*/
.box03{
	padding:0 0 40px;
	/*background:#eee;*/
	background:#f6f6f6;
}
.box03 h3{
	letter-spacing: 7px;
	text-align:center;
	font-size:2.0rem;
	padding:30px 0;
}
.box03 ul{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: start;
	-webkit-justify-content: start;
}
.box03 ul li{
	margin-right:10px;
	width:280px;
}
.box03 ul li > div{
	/*background:#eee;*/
	background:#f6f6f6;
}
.box03 ul li:nth-child(3n){
	margin:0;
}
.box03 ul li.bikki dl{
	padding-top:0;
	padding-bottom: 18px;
}
.box03 ul li.bikki figure{
	margin:0 auto 20px;
}
.box03 ul li.bikki dd{
	text-align:center;
}
.box03 ul li.bikki dd p{
	padding:0 0 8px;
}
.box03 ul li.bikki dd a{
	font-size:1.6rem;
	font-weight:bold;
	display:inline-block;
	padding:0 0 11px;
}
.box03 ul li.bikki dd a.hover.ov{
	text-decoration: underline;
}
@media screen and (max-width: 749px) {
	.box03{
		padding:0 3.12% 6%;
	}
	.box03 h3{
		font-size:2.0rem;
		padding:6% 0;
	}
	.box03 ul li,
	.box03 ul li:nth-child(3n){
		margin-right:2%;
		width:49%;
	}
	.box03 ul li:nth-child(2n){
		margin:0;
	}
	.box03 ul li.bikki dl{
		padding-top:0;
		padding-bottom: 3%;
	}
	.box03 ul li.bikki figure{
		margin:0 auto 3%;
	}
	.box03 ul li.bikki dd{
		text-align:center;
		padding-bottom:4%;
	}
	.box03 ul li.bikki dd p{
		padding:0 0 2%;
	}
	.box03 ul li.bikki dd a{
		font-size:1.6rem;
		font-weight:bold;
		display:inline-block;
		padding:0 0 2%;
	}
	.box03 ul li.bikki dd a.hover.ov{
		text-decoration: underline;
	}
}
/*------------------------------------------
	box04
------------------------------------------*/
.box04{
	padding:40px 0;
	font-size:0;
	line-height:0;
}
.box04 h3{
	margin:0 auto 30px;
}
.box04 ul li{
	margin-right:30px;
}
.box04 ul li:last-child{
	margin:0;
}
.box04 ul li a{
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.box04 ul li a.hover.ov{
	opacity:0.5;
}
@media screen and (max-width: 749px) {
	.box04{
		padding:6% 3.125%;
	}
	.box04 h3{
		margin:0 auto 5%;
	}
	.box04 ul li{
		margin-right:2%;
	}
	.box04 ul li:last-child{
		margin:0;
	}
}
