@charset "utf-8";
/* CSS Document */
#mainimg #sec01.inner {
	background-image: url(../../img/top/slide01.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#mainimg #sec02.inner {
	background-image: url(../../img/top/slide02.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#mainimg #sec03.inner {
	background-image: url(../../img/top/slide03.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#mainimg #sec04.inner {
	background-image: url(../../img/top/slide04.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

#mainimg .inner {
	position: relative;
	height: 700px;
	width: 100%;
	left: 0px;
	top: 0px;
	background-attachment: fixed;
}
#sec05 .inner {
	position: relative;
	height: auto;
	width: 100%;
	left: auto;
	top: auto;
	padding-top: 150px;
	overflow: hidden;
}

.news_ttl01 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 10px;
}
#top_news {
	background-color: #F0E8D3;
	padding-top: 50px;
	padding-bottom: 50px;
}
#top_news .news {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#top_news .news .more {
	text-align: right;
	margin-bottom: 20px;
}
#top_news .news .more a {
	font-size: 16px;
	background-image: url(../img/ico_01.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-right: 25px;
	font-weight: bold;
	background-position: right center;
}
#top_news .news dl dt {
	width: 70px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	float: left;
	clear: left;
}
#top_news .news dl dd {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 130px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
#top_news .news dl {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
}

#sec05 .inner .box p {
	font-size: 14px;
	line-height: 2.4em;
	margin-bottom: 30px;
}
#sec05 .inner .sec01 .box .link {
	width: 358px;
}


#sec05 .inner .sec01 .box .link a:hover,
#sec05 .inner .sec02 .box .link a:hover,
#sec05 .inner .sec03 .box .link a:hover{
    opacity: 0.5;
}


#sec05 .inner .sec01 {
	margin-bottom: 50px;
}
#sec05 .inner .sec01 .box {
	/*
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 540px;
	position: relative;
	*/
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-right: 540px;
}
#sec05 .inner .sec01 .box h2 {
	width: 358px;
	margin-bottom: 20px;
}
#sec05 .inner .sec01 .bg {
	background-image: url(../../img/top/bg01.png);
	/*
	background-repeat: no-repeat;
	height: 210px;
	width: 740px;
	position: absolute;
	z-index: -1;
	left: -30px;
	top: 30px;
	*/
	background-repeat: no-repeat;
	height: 400px;
	width: 820px;
	position: absolute;
	z-index: -1;
	top: 30px;
	right: -290px;
}

#sec05 .inner .sec02 {
	margin-bottom: 90px;
    /* margin-top: 100px; */
}
#sec05 .inner .sec02 .box {
	/*
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-right: 540px;
	*/
	width: 420px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 580px;
	position: relative;
}
#sec05 .inner .sec02 .box h2 {
	width: 357px;
	margin-bottom: 20px;
}
#sec05 .inner .sec02 .box .link {
	width: 451px;
}
#sec05 .inner .sec02 .bg {
	background-image: url(../../img/top/bg02.png);
	/*
	background-repeat: no-repeat;
	height: 400px;
	width: 820px;
	position: absolute;
	z-index: -1;
	top: 0px;
	right: 0px;
	*/
	background-repeat: no-repeat;
	height: 462px;
	width: 773px;
	position: absolute;
	z-index: -1;
	left: -290px;
	top: 30px;
}

#sec05 .inner .sec03 {
	margin-bottom:150px;
    /* margin-top: 200px; */
}
#sec05 .inner .sec03 .box {
	width: 420px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 580px;
	position: relative;
}
#sec05 .inner .sec03 .box h2 {
	width: 380px;
	margin-bottom: 20px;
}
#sec05 .inner .sec03 .bg {
	background-image: url(../../img/top/bg03.png);
	background-repeat: no-repeat;
	height: 462px;
	width: 773px;
	position: absolute;
	z-index: -1;
	left: -270px;
	top: 0px;
}


#sec01 .title01 {
	position: absolute;
	width: 13.3%;
	left: calc(50% - 420px);
	top: 55%;
	z-index: 5;
	text-align: center;
}
#sec02 .title02 {
	position: absolute;
	width: 21.8%;
	left: calc(50% - 500px);
	top: 20%;
	z-index: 5;
	text-align: center;
}
#sec03 .title03 {
	position: absolute;
	width: 20.9%;
	left: calc(50% - 500px);
	top: 10%;
	z-index: 5;
	text-align: center;
}
#sec04 .title04 {
	position: absolute;
	width: 25.2%;
	left: calc(50% - 500px);
	top: 12%;
	z-index: 5;
	text-align: center;
}
#mainimg .scroll {
	height: 62px;
	width: 26px;
	position: absolute;
	z-index: 1000;
	left: calc(50% - 13px);
	bottom: 20px;
	cursor: pointer;
}
.pagetop a {
	cursor: pointer;
}
.scroll_nav span {
	height: 14px;
	width: 14px;
	display: inline-block;
	border: 1px solid #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 50%;
	cursor: pointer;
}
.scroll_nav span.current {
	background-color: #FFFFFF;	
}
.scroll_nav {
	height: 16px;
	width: 160px;
	position: absolute;
	left: calc(50% - 80px);
	bottom: 140px;
	text-align: center;
	z-index: 9;
}
#mainimg .slick-dots li{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    padding: 0;
    cursor: pointer;
}
#mainimg .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 5px;
}
#mainimg .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#mainimg .slick-dots li button:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	content: '';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #FFFFFF;
	border-radius:50%;
}
#mainimg .slick-dots li.slick-active button:before
{
	background-color: #FFFFFF;
}
#mainimg {
	position: relative;	
}


#mainimg .mv00 {
	position: absolute;
	height: 100%;
	width: 0%;
	left: 0%;
	top: 0px;
	-webkit-transition: all 2s linear 1s;
	-moz-transition: all 2s linear 1s;
	-ms-transition: all 2s linear 1s;
	-o-transition: all 2s linear 1s;
	transition: all 2s linear 1s;
}
#mainimg .mv00 .bg {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	position: absolute;
	height: 100%;
	width: 100%;
}
#mainimg .mask01 .bg {
	background-image: url(../../img/top/sec01.png);
	background-size: contain;
}
#mainimg .mask02 .bg {
	background-image: url(../../img/top/sec02.png);
	background-size: contain;
}
#mainimg .mask03 .bg {
	background-image: url(../../img/top/sec03.png);
	background-size: contain;
}
#mainimg .mask04 .bg {
	background-image: url(../../img/top/sec04.png);
	background-size: contain;
}
#mainimg .slidemv .slick-active .mv00{
	width: 100%;
}
#mainimg .mv01 {
	opacity:0;
	transform:translateX(-50px);
	-webkit-transition: all 1s linear 1s;
	-moz-transition: all 1s linear 1s;
	-ms-transition: all 1s linear 1s;
	-o-transition: all 1s linear 1s;
	transition: all 1s linear 1s;
}
#mainimg .slidemv .slick-active .mv01{
	opacity:1;
	transform:translateX(0px);
}