@charset "utf-8";
/*=============================================================
 #mainvisual
=============================================================*/
#main{
	width: 100%;
	position: relative;
	overflow: hidden;
}
#main #txt{
	width: 37%;
	position: absolute;
	top: 5%;
	left: 10%;
	z-index: 100;
}
#main #txt .ttl{
	padding: 50px 0 0;
	font-size: 20px;
	line-height: 1.35;
}
#main #visual{
	width: 63%;
	margin: 0 0 0 auto;
	padding: 0 0 15px;
	position: relative;
	z-index: 10;
}
#main #visual:after{
	content: "";
	width: calc(100% + 15px);
	height: calc(100% - 15px);
	display: block;
	background: url("../shared/img/bg_line_green.png") repeat left top;
	border-radius: 45px 0 0 45px;
	position: absolute;
	bottom: 0;
	left: -15px;
	z-index: 1;
}
#mainvisual{
	position: relative;
	z-index: 20;
	border-radius: 45px 0 0  45px;
	overflow: hidden;
}
#slideBox{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#baseBox{
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 45px 0 0 45px;
	overflow: hidden;
}
#boxSlide,
#slideBox,
#mainvisual .slick-list,
#mainvisual .slick-track,
#mainvisual .photo{
	width: 100%;
	height: 100%;
}
#boxSlide{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 2;
	opacity: 0;
}
#mainvisual .photo{
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.30); /* 拡大率 */
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:899px){
/*=============================================================
 #mainvisual
=============================================================*/
#main{
	width: 100%;
	position: relative;
	overflow: hidden;
}
#main #txt{
	width: 100%;
	position: static;
	padding: 20px 12% 0 5%;
}
#main #txt .ttl{
	padding: 20px 0;
	font-size: 14px;
}
#main #visual{
	width: 100%;
	margin: 0;
	padding: 0 0 2.5% 7.5%;
	position: relative;
	z-index: 10;
}
#main #visual:after{
	content: "";
	width: calc(100%);
	height: calc(100% - 2.5%);
	background-size: 6px 10px;
	left: 5%;
}
}