@charset "utf-8";
/* CSS Document */

html {
    width: 100%;
}

article .ballon {
	background: url(../images/index/ballon.jpg) no-repeat;
	background-position: 10px;
	width: 250px;
	margin: 0 auto;
}

#main-visual {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-top: 150px;
}

#main-visual img {
	max-width: 100%;
}

.kansuke-point_bg {
	background: #F5ECD3;
	padding-bottom: 50px;
}
.kanseke-point_wrap {
	display: flex;
	width: 980px;
	margin: 0 auto;
	justify-content: center;
	background: #F39937;
	box-shadow: 0 2px 0 #aaa;

}
.kansuke-point {
	background: #F39937;
	border-right: 2px solid #fff;
	color: #fff;
	margin: 20px 0 20px 20px;
	padding-right: 20px;
	
}

.kansuke-point:last-child {
	padding-right: 0px;
	border-right: none;
}

.kansuke-point img {
	padding-top: 20px;
}


.triangle_wrap {
	width: 980px;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
}

.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 10px 15px;
border-color: transparent transparent #F39937 transparent;
}

.news {
	display: flex;
	width: 980px;
	margin: 0 auto;
	padding: 1em 0;
}

.whats_new, .facebook{
	width: 50%;
}

.whats_new h3 {
	background: url(../images/index/whats_new-bg.gif) no-repeat;
	background-position: center bottom;
	margin-bottom: 1em;
    margin-top:25px;
}

.whats_new p {
	text-align: left;
	text-indent: 1em;
}

.whats_new img {
	padding: 0 5px;
	width: 200px;
	height: 150px;
	object-fit: cover;
}
@media only screen 
and (max-device-width : 768px) {


#main-visual {
	margin-top: 120px;
}

	article .triangle_wrap {
		width: 100%;
	}
	
	.disappear{
		display: none;
	}
	
	article .kansuke-point_bg {
		padding-bottom: 0px;
	}
	
	.kansuke-point_bg .kanseke-point_wrap {
		width: 100%;
		flex-wrap: wrap;
		background: none;
		box-shadow: none;
		
	}	
	
	.kansuke-point_bg .kansuke-point {
		width: 90%;
		margin: 0 20px 20px;
		padding-right: 0px;
		border-right: none;
		
	}
	
	article .news {
		flex-wrap: wrap;
		width: 100%;
		
	}
	
	article .whats_new, article .facebook {
		width: 100%;
		margin: 0 auto;
	}
	
	article .whats_new img {
		max-width: 100%;
	}


}