@charset "UTF-8";
#top{
	background-color:#73C3E9 !important;
	background:url(../img/top.png) no-repeat bottom right, url(../img/top_back.png) no-repeat top center;
	background-size:40% ,cover;
}

#top .bari{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	margin-bottom:20%;
}
.fukidashi{
	background-color:rgba(255,246,122,1);
	border-radius:90px;
	padding:1.2em 2em;
	position: relative;
	display: inline-block;
	margin:0 2px 15px;
	box-shadow:5px 5px 0 rgba(106,58,33,.2);
}


#egaku img{
	display:block;
	margin:auto;
	width:120px;
}

#jiman{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
}

#jiman .fukidashi{

}
#jiman .fukidashi:nth-of-type(2n-1){
	background-color:rgba(249,215,222,1);
}
#jiman .fukidashi:nth-of-type(3n-1){
	background-color:rgba(224,234,247,1);
}

#matome{
	background:url(../img/matome.png) no-repeat bottom right;
	padding-bottom:30%  !important;
	background-size:40%;
}

/**/
/* スマホ縦 
--------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) and (orientation: portrait){
.fukidashi{
}
}
/* タブレット縦 
--------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) and (orientation: portrait){
}

/* PC・タブレット横
--------------------------------------------------------------------------------*/
@media  screen and (min-width: 769px) {
#egaku{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#egaku p{
	text-align:center;
	width:100%;
}
#egaku img.left{
	margin-right:-120px;
}
#egaku img.right{
	margin-left:-120px;
}
#matome{
	padding-bottom:30%  !important;
	background-size:50%;
}

.flexbox ul{
	width:48%;
}
}