/*============================================================================

	#mainvisual

============================================================================*/
body{
/*	background: url(../images/kari.png)no-repeat top center;*/
}
#mainvisual{
	padding-top: 40px;
	height:670px;
	background:url(../images/mainvisual_slide1.png) no-repeat center 40px;
	background-color: #fff;
	z-index: 9998;
}

.mainbisual_wrap{
	position: relative;
}

.main_cover{
	background-color: #fff;
	width: 0%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top:0;
	left: 0;
	-webkit-animation-name: anime1;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
}

@keyframes anime1 {
    0% {width: 100%; -webkit-animation-timing-function: ease-out;}
    100% {width: 0%; -webkit-animation-timing-function: ease-out;}
}

@-webkit-keyframes anime1 {
     0% {width: 100%; -webkit-animation-timing-function: ease-out;}
    100% {width: 0%; -webkit-animation-timing-function: ease-out;}
}

@keyframes anime2 {
    0% {width: 100%;}
    100% {width: 0%;}
}

@-webkit-keyframes anime2 {
     0% {width: 100%;}
    100% {width: 0%;}
}


#container{
	padding-top:30px;
	padding-bottom: 130px;
}
.box1{
	width: 1200px;
	margin: 0 auto;
}

.box2{
	width: 1240px;
	margin: 0 auto;
}

h3.tit01{
	display: inline-block;
	padding: 9px 35px 9px 54px;
	border-radius: 5px;
	background-color: rgba(125, 171, 221, 0.8);
	color: #ffffff;
	font-size: 67px;
	font-family: "futura-pt",sans-serif;
	font-weight: 500;
}
.top_box2{
	width: 1240px;
}
@media screen and (max-width:640px) {
/* スマホ */
#mainvisual{
	height:440px;
}
	
	.box1,.box2{
		width:auto;
		padding:0 6% 8%;
	}
	
	h3.tit01{
		padding: 5px 10px 8px;
		font-size: 37px;
		position: relative;
    left: -50px;
	}
	
	#container{
		padding-bottom: 30px;
	}

}