@charset "UTF-8";
@import url("animsition.min.css");
@import url("skyblue.css");
@import url("common.css?2");
@import url("menu.css?1");
@import url("top.css?3");
@import url("table.css");
@import url("../slick/slick-theme.css");
@import url("../slick/slick.css");

@import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");


#wrap{
		position: relative;
}
#wrap::before{
	background-image: url(../images/bg.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: repeat-y;

	position: absolute;
	content: '';
	top:0; left: 0;
	width: 100%; height: 100%;
	z-index: -1;
}
#wrap::after{
	position: absolute;
	content: '';
	top:0; left: 0;
	width: 100%; height: 100%;
	z-index: -1;
	background: linear-gradient(75deg, rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0),rgba(255,255,255,0));
	background-size: 300% 300%;
	-webkit-animation: gradientAnimation 6s ease infinite;
	animation: gradientAnimation 6s ease infinite;
	}
	@-webkit-keyframes gradientAnimation {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
	}
	@keyframes gradientAnimation {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
	}
@media (max-width: 767px) {
	#wrap::before{background-size: 140% auto;}
}

#top_maintxt{margin-top: 1em;}

@media (min-width: 768px) {
	#top_maintxt{
		margin-top: -4.5em;
		font-size: 2.2vw;
		line-height: 1.6;
	}
	#top_maintxt strong{font-size: 1em;}

}
.ftnav{background-color: #fff; 	width: 100%;}

.sliderbox{
	margin-top:8%;
}


.topmainimgbox{
  position: relative;
  width:100%;
  height: 0;
  padding-top: 43.66%;
  background-repeat: no-repeat;
  background-image: url(../images/img_top_2.jpg?1);
  background-position: center;
  background-size: cover;
}
.topmainimgbox::before{
  position: absolute;
  content: '';
  width:70%;
  height: 30%;
  bottom:-1px;
  left: -18%;
  background-color: #fff;
  -webkit-transform: skewX(50deg);
  -ms-transform: skewX(50deg);
  transform: skewX(50deg);
}
@media (max-width: 767px){
  .topmainimgbox::before{display: none;}
}

.mainimgbox{
  position: relative;
  width:100%;
  height: 0;
  padding-top: 34.93%;
  background-repeat: no-repeat;
  background-image: url(../images/img_top_2.jpg?1);
  background-position: center;
  background-size: cover;
}



.mainimgbox::before{
  position: absolute;
  content: '';
  width:30%;
  height: 13%;
  bottom:-1px;
  left: -18%;
  background-color: #fff;
  -webkit-transform: skewX(50deg);
  -ms-transform: skewX(50deg);
  transform: skewX(50deg);
}
.mainimgbox.subset::before{
	width:106%;
}
@media (max-width: 767px){
  .mainimgbox::before{display: none;}
}
.maintxt{position: relative; z-index: 1;}

.topmainimgbox,.mainimgbox{display: none;}

@media all and (-ms-high-contrast: none) {
	.headimg>svg{display: none;}
	.body_index main>svg{display: none;}
	.topmainimgbox,.mainimgbox{display: block;}
}