@charset "UTF-8";

body{
	overflow-y:hidden !important;
	overflow-x:hidden;
	}
.opacity0{
	opacity:0;
	}
@media screen and (max-width: 1198px) {
body{
	overflow-x:auto;
	}
}
footer{
	overflow-y:hidden;
	}
.yScr{
	overflow-y:auto !important;
	}
main *,
main *:before,
main *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

main a{
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
#canvasWrap{
	position:fixed;
	top:0;
	left:0;
	z-index:2;
}
.pcv{
	display:block;
	}
.spv{
	display:none;
	}
#pcFan{
	position:fixed;
	bottom:-646px;
	right:-646px;
	width:1200px;
	height:1200px;
	background:url(../../images/top/main/mark_pc.png) center center no-repeat;
	z-index:990;
	transform: translate3d(0,0,0);
		-webkit-transition: 1.0s cubic-bezier(1,.07,.38,.93);  
       -moz-transition: 1.0s cubic-bezier(1,.07,.38,.93);  
         -o-transition: 1.0s cubic-bezier(1,.07,.38,.93); 
            transition: 1.0s cubic-bezier(1,.07,.38,.93);
	/*transform-origin: 432px 435px;*/
	}
#pcFan.out{
	transform-origin:554px 554px;
	transform: rotate(130deg);
	bottom:-1200px;
	right:-1200px;		
}
#pcFan.rotate{
	animation: rotate-anime 800ms linear;
	}
@keyframes rotate-anime {
0%  {transform: rotate(0);}
100%  {transform: rotate(360deg);}
}

#localNav{
	position:fixed;
	top:50%;
	left:30px;
	margin-top:-70px;
	z-index:999;
	}
#localNav ul{
	margin:0 0 14px;
}
#localNav li{
	margin:14px 0 0;
	cursor:pointer;
}
#localNav ul li{
	display:block;
	background:#fff;
	border:none;
	width:6px;
	height:6px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#localNav.gr ul li{
	background:#e5e5e5 !important;
}
#localNav ul li.current{
	background:#5acdbe !important;
}

main{
	width:100%;
	overflow:hidden;
	position:relative;
	margin-top:0;
	z-index:10;
	transform: translate3d(0,0,0);
	}
.scrMove{
		-webkit-transition: 1.0s cubic-bezier(1,.07,.38,.93); 
       -moz-transition: 1.0s cubic-bezier(1,.07,.38,.93); 
         -o-transition: 1.0s cubic-bezier(1,.07,.38,.93); 
            transition: 1.0s cubic-bezier(1,.07,.38,.93);
	}
.fixMove{
		-webkit-transition: 1.2s cubic-bezier(1,.07,.38,.93); 
       -moz-transition: 1.2s cubic-bezier(1,.07,.38,.93); 
         -o-transition: 1.2s cubic-bezier(1,.07,.38,.93); 
            transition: 1.2s cubic-bezier(1,.07,.38,.93);
		transform-origin:center center;
	}
/*重めの場合　cubic-bezier(.68,.03,.88,.56)*/
.resizeMove{
		-webkit-transition: 1.2s ease-in-out;  
       -moz-transition: 1.2s ease-in-out;  
         -o-transition: 1.2s ease-in-out; 
            transition: 1.2s ease-in-out;
	}
main section{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	transform: translate3d(0,0,0);
		-webkit-transition: 1.2s ease-in-out;  
       -moz-transition: 1.2s ease-in-out;  
         -o-transition: 1.2s ease-in-out; 
            transition: 1.2s ease-in-out;
			overflow:hidden;
}
main #cont0{
	opacity:1 !important;
	}
main #cont0 .scrArrow{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	}
main #cont0 .scrArrow img{
	cursor:pointer;
	margin:0 auto;
}
main section .img{
	background:#bfe6e5;
	transform: translate3d(0,0,0);
		-webkit-transition: 1.0s cubic-bezier(.01,.62,.42,1.02);  
       -moz-transition: 1.0s cubic-bezier(.01,.62,.42,1.02);  
         -o-transition: 1.0s cubic-bezier(.01,.62,.42,1.02); 
            transition: 1.0s cubic-bezier(.01,.62,.42,1.02);
}
main section .img img{
}
main .inner ul li{
	position:relative;
	overflow:hidden;
}
main .inner ul li.sub{
margin-bottom:10px;
}
main .inner ul li.sub p{
	color:#61c1be;
	font-size:14px;
	line-height:32px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
}
main .inner ul li.ttl p{
	color:#000000;
	font-size:36px;
	line-height:60px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
}
main .inner ul li.wTtl p{
	color:#ffffff;
	font-size:36px;
	line-height:60px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
}
main .inner ul .mgn{
	margin-top:30px;
}
main .inner ul li.txt p{
	color:#000000;
	font-size:14px;
	line-height:30px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
}
main .inner ul li.name{
	text-align:right;
	}
main .inner ul li.name p{
	color:#000000;
	font-size:36px;
	line-height:60px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
}
main .inner ul li.name p span{
	font-size:14px;
	line-height:32px;
	margin-right:20px;
}
main .inner ul li.wTxt p{
	color:#ffffff;
	font-size:14px;
	line-height:30px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
}
main .inner ul li.cap p{
	color:#000000;
	font-size:12px;
	line-height:22px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
}
/*モーション*/
.scale .img img {
	transform: translate3d(0,0,0);
	-webkit-animation: fadein 2000ms linear;
	animation: fadein 2000ms linear;
}
@-webkit-keyframes fadein {
	0% {opacity:0;}
	30% {opacity:0;}
	60% {opacity:0.2;}
	100% {opacity:1;}
}
@keyframes fadein {
	0% {opacity:0;}
	30% {opacity:0;}
	60% {opacity:0.2;}
	100% {opacity:1;}
}
.scaleBg {
	transform: translate3d(0,0,0);
	-webkit-animation: fadeinBg 2000ms linear;
	animation: fadeinBg 2000ms linear;
}
@-webkit-keyframes fadeinBg {
	0% {opacity:0;}
	30% {opacity:0;}
	60% {opacity:0.2;}
	100% {opacity:1;}
}
@keyframes fadeinBg {
	0% {opacity:0;}
	30% {opacity:0;}
	60% {opacity:0.2;}
	100% {opacity:1;}
}
.typeFadeIn {
	transform: translate3d(0,0,0);
	-webkit-animation: fadeinType 1500ms linear;
	animation: fadeinType 1500ms linear;
}
@-webkit-keyframes fadeinType {
	0% {-webkit-transform: translateY(40px);transform: translateY(40px);opacity:0;}
	30% {-webkit-transform: translateY(40px);transform: translateY(40px);opacity:0;}
	90% {opacity:0.6;}
	100% {-webkit-transform: translateY(0);transform: translateY(0);opacity:1;}
}
@keyframes fadeinType {
	0% {-webkit-transform: translateY(40px);transform: translateY(40px);opacity:0;}
	30% {-webkit-transform: translateY(40px);transform: translateY(40px);opacity:0;}
	90% {opacity:0.4;}
	100% {-webkit-transform: translateY(0);transform: translateY(0);opacity:1;}
}

/*コンテンツ個別指定*/
main #cont1,
main #cont2,
main #cont3{
	background:#fff;
	}
main #cont1 .bg,
main #cont2 .bg,
main #cont3 .bg{
	position:absolute;
	width:1440px;
	height:100%;
	top:0;
	left:50%;
	margin-left:-720px;
	z-index:11;
	background:#fff;
	}
.spArrow{
	display:none;
	}
main .inner .inbox{
	position:relative;
	width:100%;
	height:100%;
}
/*1*/
main #cont1 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:600px;
	margin-left:-720px;
	margin-top:-245px;
	z-index:12;
	/*transform: scale(2.5,0.2);
	opacity:0;*/
}
main #cont1 .inner .img{
	position:absolute;
	top:0;
	left:0;
}
main #cont1 .inner ul{
	position:absolute;
	top:25px;
	left:720px;
}
/*2*/
main #cont2 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:500px;
	margin-left:-720px;
	margin-top:-195px;
	z-index:12;
}
main #cont2 .inner .img{
	position:absolute;
	top:0;
	left:720px;
}
main #cont2 .inner ul{
	position:absolute;
	top:0;
	left:220px;
}
/*3*/
main #cont3 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:500px;
	margin-left:-720px;
	margin-top:-195px;
	z-index:12;
}
main #cont3 .inner .img{
	position:absolute;
	top:0;
	left:0;
}
main #cont3 .inner ul{
	position:absolute;
	top:25px;
	left:750px;
}
/*4*/
main #cont4{
	background:#bfe6e5;
	}
main #cont4 .bg{
	position:absolute;
	width:100%;
	min-width:1440px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:11;
	background:url(../../images/top/main/cont4_bg_pc.png) center center no-repeat;
	background-size:cover;
	}
main #cont4 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:620px;
	margin-left:-720px;
	margin-top:-275px;
	z-index:12;
}
main #cont4 .inner .list1{
	position:absolute;
	top:0;
	left:220px;
}
main #cont4 .inner .list2{
	position:absolute;
	bottom:0;
	left:220px;
}
main ul .button1{
	margin-top:30px;
}
main .button1 p{
  width:250px;
  height:45px;
  border:1px solid #ffffff;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0;
}
main .button1 .arrow {
	position:absolute;
	right:10px;
	top:17px;
	z-index:14;
	border-left: 5px solid #ffffff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main .button1 p a{
	font-size:14px;
	line-height:45px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	color:#ffffff;
	text-decoration:none;
	transition:all .5s ease;
	z-index:14;
	position:relative;
}
main .eff1{
  width:250px;
  height:45px;
  left:-250px;
  background:#ffffff;
  position:absolute;
  transition:all .5s ease;
  z-index:13;
}
main .button1:hover .eff1{
  left:0;
}
main .button1:hover a{
  color:#000000;
}
main .button1:hover .arrow {
	border-left: 5px solid #000000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
/*スライド共有*/
main .slide{
	position:relative;
	width:100%;
	height:100%;
}
main .slide .box{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	transform: translate3d(0,0,0);
	overflow:hidden;
}
main .slide .box1{
	z-index:110;
	left:0;
}
main .slide .box2{
	z-index:120;
	left:100%;
}

main .slide .box3{
	z-index:130;
	left:100%;
}
main .slide .box4{
	z-index:140;
	left:100%;
}
main .slide .box5{
	z-index:150;
	left:100%;
}
main .slide .box6{
	z-index:160;
	left:100%;
}
.larrow{
	position:absolute;
	top:50%;
	left:40px;
	width:60px;
	height:60px;
	margin-top:-30px;
	background:url(../../images/top/main/arrow_l.png) 0 0 no-repeat;
	background-size:60px auto;
	transform: translate3d(0,0,0);
		-webkit-transition: 1.2s ease-in-out;  
       -moz-transition: 1.2s ease-in-out;  
         -o-transition: 1.2s ease-in-out; 
            transition: 1.2s ease-in-out;
			opacity:1;
			z-index:998 !important;
			cursor:pointer;
	}
/*
@media screen and (min-width: 1440px) {
.larrow{
	background:url(../../images/top/main/arrow_l_gr.png) 0 0 no-repeat;
	background-size:60px auto;
	}
}
*/
.rarrow{
	position:absolute;
	top:50%;
	right:40px;
	width:60px;
	height:60px;
	margin-top:-30px;
	background:url(../../images/top/main/arrow_r.png) 0 0 no-repeat;
	background-size:60px auto;
	transform: translate3d(0,0,0);
		-webkit-transition: 1.2s ease-in-out;  
       -moz-transition: 1.2s ease-in-out;  
         -o-transition: 1.2s ease-in-out; 
            transition: 1.2s ease-in-out;
			opacity:1;
			z-index:998 !important;
			cursor:pointer;
	animation: right_a 2s ease-in-out infinite;
	}

@keyframes right_a {
  0% {transform: translateX(-5px);}
  50% {transform: translateX(2px);}
  100% {transform: translateX(-5px);}
}
.darrow{
	position:absolute;
	top:50%;
	right:40px;
	width:60px;
	height:60px;
	margin-top:-30px;
	background:url(../../images/top/main/arrow_d.png) 0 0 no-repeat;
	background-size:60px auto;
	transform: translate3d(0,0,0);
		-webkit-transition: 1.2s ease-in-out;  
       -moz-transition: 1.2s ease-in-out;  
         -o-transition: 1.2s ease-in-out; 
            transition: 1.2s ease-in-out;
			opacity:1;
			z-index:998 !important;
			cursor:pointer;
	animation: down_a 2s ease-in-out infinite;
	}

@keyframes down_a {
  0% {transform: translateY(-5px);}
  50% {transform: translateY(2px);}
  100% {transform: translateY(-5px);}
}
.larrow:hover,
.rarrow:hover,
.darrow:hover{
	opacity:0.6;
}
.currentBar{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:5px;
	background:url(../../images/top/main/bar_bg.png) 0 0 repeat-x;
	background-size:5px auto;
	z-index:199;
	overflow:hidden;
	}
.currentBar p{
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:5px;
	background:#5acdbe;
	transform: translate3d(0,0,0);
		-webkit-transition: .8s ease-in-out;  
       -moz-transition: .8s ease-in-out;  
         -o-transition: .8s ease-in-out; 
            transition: .8s ease-in-out;
}
main .slide .box .bg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;	
	}
.spSlideNavBox,
.spSlideNav,
.spSlideNavBtm{
	display:none !important;
	}
/*5*/
main #cont5{
	background:#bfe6e5;
	}
main #cont5 .slide .box1 .bg>div{
	position:absolute;
	width:100%;
	min-width:1198px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:112;
	background:url(../../images/top/main/story1_bg_pc.png) center center no-repeat;
	background-size:1440px auto;
	transform: translate3d(0,0,0);
	}
#boxCanvas {
  position:absolute;
  width:100%;
  height:100%;
  overflow: hidden;
  z-index:111;
}
main #cont5 .slide .box1 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:620px;
	margin-left:-720px;
	margin-top:-275px;
	z-index:113;
}
main #cont5 .slide .box1 .list1{
	position:absolute;
	top:0;
	left:220px;
}
main #cont5 .slide .box1 .list2{
	position:absolute;
	bottom:0;
	left:220px;
}
main #cont5 .slide .box1 .sub{
	color:#000;
	}
main #cont5 .slide .box2 .bg>div{
	position:absolute;
	width:100%;
	min-width:1440px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:121;
	background:#000;
	transform: translate3d(0,0,0);
	overflow:hidden;
	}
#yt_background,
#yt_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
}

#yt_background {
	z-index:122;
}

#yt_overlay {
	z-index:123;
}

main #cont5 .slide .box2{
	background:#bfe6e5;
	}
main #cont5 .slide .box2 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:400px;
	margin-left:-720px;
	margin-top:-155px;
	z-index:124;
}
main #cont5 .slide .box2 ul{
	position:absolute;
	top:0;
	left:720px;
}

main #cont5 .slide .box3 .bg>div{
	position:absolute;
	width:100%;
	min-width:1440px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:131;
	background:url(../../images/top/main/story3_bg_pc.png) center center no-repeat;
	background-size:cover;
	transform: translate3d(0,0,0);
	}
main #cont5 .slide .box3{
	background:#fff;
	}
main #cont5 .slide .box3.fix .bg{
	position:absolute;
	top:50%;
	left:50%;
}
main #cont5 .slide .box3.fix .bg>div{
	width:600px;
	min-width:600px;
	height:550px;
	position:absolute;
	top: -220px;
	left: -720px;
	overflow:hidden;
}
main #cont5 .slide .box3 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:550px;
	margin-left:-720px;
	margin-top:-220px;
	z-index:132;
}
main #cont5 .slide .box3 ul{
	position:absolute;
	top:0;
	left:680px;
}
main ul .button3{
	margin-top:30px;
}
main .button3 p{
  width:220px;
  height:45px;
  border:1px solid #000;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0;
}
main .button3 .arrow {
	position:absolute;
	right:10px;
	top:17px;
	z-index:134;
	border-left: 5px solid #000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main .button3 p a{
	font-size:14px;
	line-height:45px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	color:#000;
	text-decoration:none;
	transition:all .5s ease;
	z-index:134;
	position:relative;
}
main .eff3{
  width:220px;
  height:45px;
  left:-250px;
  background:#000;
  position:absolute;
  transition:all .5s ease;
  z-index:133;
}
main .button3:hover .eff3{
  left:0;
}
main .button3:hover a{
  color:#fff;
}
main .button3:hover .arrow {
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main #cont5 .slide .box4 .bg>div{
	position:absolute;
	width:100%;
	min-width:1440px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:141;
	background:url(../../images/top/main/story4_bg_pc.png) center center no-repeat;
	background-size:cover;
	transform: translate3d(0,0,0);
	}
main #cont5 .slide .box4{
	background:#bfe6e5;
	}
main #cont5 .slide .box4 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:590px;
	margin-left:-720px;
	margin-top:-240px;
	z-index:142;
}
main #cont5 .slide .box4 ul.list1{
	position:absolute;
	top:0;
	left:220px;
}
main #cont5 .slide .box4 ul.list2{
	position:absolute;
	bottom:0;
	left:220px;
	overflow:hidden;
	zoom:1;
}
main #cont5 .slide .box4 .list2 li{
	width:290px;
	float:left;
	margin-left:13px;
}
main #cont5 .slide .box4 .list2 li:nth-child(1){
	margin-left:0;
	}
main #cont5 .slide .box5 .bg>div{
	position:absolute;
	width:100%;
	min-width:1440px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:151;
	background:url(../../images/top/main/story5_bg_pc.png) center center no-repeat;
	background-size:cover;
	transform: translate3d(0,0,0);
	}
main #cont5 .slide .box5{
	background:#fff;
	}
main #cont5 .slide .box5.fix .bg{
	position:absolute;
	top:50%;
	left:50%;
}
main #cont5 .slide .box5.fix .bg>div{
	width:640px;
	min-width:640px;
	height:550px;
	position:absolute;
	top: -220px;
	left: -720px;
	overflow:hidden;
}

main #cont5 .slide .box5 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:550px;
	margin-left:-720px;
	margin-top:-220px;
	z-index:152;
}
main #cont5 .slide .box5 ul{
	position:absolute;
	top:105px;
	left:720px;
}
main #cont5 .slide .box6 .bg>div{
	position:absolute;
	width:100%;
	min-width:1440px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:161;
	background:url(../../images/top/main/story6_bg_pc.png) center center no-repeat;
	background-size:cover;
	transform: translate3d(0,0,0);
	}
main #cont5 .slide .box6{
	background:#fff;
	}
main #cont5 .slide .box6.fix .bg{
	position:absolute;
	top:50%;
	left:50%;
}
main #cont5 .slide .box6.fix .bg>div{
	width:560px;
	min-width:560px;
	height:550px;
	position:absolute;
	top: -195px;
	left: -10px;
	overflow:hidden;
}
main #cont5 .slide .box6 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:500px;
	margin-left:-720px;
	margin-top:-195px;
	z-index:162;
}
main #cont5 .slide .box6 ul{
	position:absolute;
	top:0;
	left:220px;
}
/*6*/
main #cont6{
	background:#bfe6e5;
	}
main #cont6 .slide .box1 .bg>div{
	position:absolute;
	width:100%;
	min-width:1198px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:111;
	background:url(../../images/top/main/vision1_bg_pc.png) center center no-repeat;
	background-size:cover;
	transform: translate3d(0,0,0);
	}
main #cont6 .slide .box1 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:550px;
	margin-left:-720px;
	margin-top:-240px;
	z-index:112;
}
main #cont6 .slide .box1 ul{
	position:absolute;
	top:0;
	left:220px;
}
main #cont6 .slide .box1{
	background:#bfe6e5;
	}
main #cont6 .slide .box2 .bg>div{
	position:absolute;
	width:100%;
	min-width:1440px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:121;
	background:url(../../images/top/main/vision2_bg_pc.png) center center no-repeat;
	background-size:cover;
	transform: translate3d(0,0,0);
	}
main #cont6 .slide .box2{
	background:#fff;
	}
main #cont6 .slide .box2.fix .bg{
	position:absolute;
	top:50%;
	left:50%;
}
main #cont6 .slide .box2.fix .bg>div{
	width:640px;
	min-width:640px;
	height:550px;
	position:absolute;
	top: -220px;
	left: -720px;
	overflow:hidden;
}
main #cont6 .slide .box2 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:550px;
	margin-left:-720px;
	margin-top:-220px;
	z-index:122;
}
main #cont6 .slide .box2 ul{
	position:absolute;
	top:25px;
	left:730px;
}
main #cont6 .slide .box3 .bg>div{
	position:absolute;
	width:100%;
	min-width:1198px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:131;
	background:url(../../images/top/main/vision3_bg_pc.png) center center no-repeat;
	background-size:cover;
	transform: translate3d(0,0,0);
	}
main #cont6 .slide .box3 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:550px;
	margin-left:-720px;
	margin-top:-220px;
	z-index:132;
}
main #cont6 .slide .box3 ul{
	position:absolute;
	top:0;
	left:220px;
}
main #cont6 .slide .box3{
	background:#bfe6e5;
	}
main ul .button4{
	margin-top:30px;
}
main .button4 p{
  width:220px;
  height:45px;
  border:1px solid #fff;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0;
}
main .button4 .arrow {
	position:absolute;
	right:10px;
	top:17px;
	z-index:134;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main .button4 p a{
	font-size:14px;
	line-height:45px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	color:#fff;
	text-decoration:none;
	transition:all .5s ease;
	z-index:134;
	position:relative;
}
main .eff4{
  width:220px;
  height:45px;
  left:-250px;
  background:#fff;
  position:absolute;
  transition:all .5s ease;
  z-index:133;
}
main .button4:hover .eff4{
  left:0;
}
main .button4:hover a{
  color:#000;
}
main .button4:hover .arrow {
	border-left: 5px solid #000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main #cont6 .slide .box4 .bg>div{
	position:absolute;
	width:100%;
	min-width:1440px;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:141;
	background:url(../../images/top/main/vision4_bg_pc.png) center center no-repeat;
	background-size:cover;
	transform: translate3d(0,0,0);
	}
main #cont6 .slide .box4{
	background:#fff;
	}
main #cont6 .slide .box4.fix .bg{
	position:absolute;
	top:50%;
	left:50%;
}
main #cont6 .slide .box4.fix .bg>div{
	width:650px;
	min-width:650px;
	height:550px;
	position:absolute;
	top: -220px;
	left: -720px;
	overflow:hidden;
}
main #cont6 .slide .box4 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:550px;
	margin-left:-720px;
	margin-top:-220px;
	z-index:142;
}
main #cont6 .slide .box4 ul{
	position:absolute;
	top:70px;
	left:730px;
}
/*7*/
main #cont7 .inner{
	position:absolute;
	top:50%;
	left:50%;
	width:1440px;
	height:400px;
	margin-left:-720px;
	margin-top:-190px;
	z-index:12;
}
main #cont7 .inner .list1{
	position:absolute;
	top:0;
	left:220px;
	width:1000px;
}
main #cont7 .inner .list2{
	position:absolute;
	bottom:0;
	left:220px;
	width:1000px;
	zoom:1;
	overflow:hidden;
}
main #cont7 .inner .list2 li{
	width:240px;
	float:left;
	margin-left:13px;
}
main #cont7 .inner .list2 li:nth-child(1){
	margin-left:0;
	}
main #cont7 .inner .wTtl,
main #cont7 .inner .wTxt{
	text-align:center;
	}
main #cont7 .inner .wTtl p{
	font-size:40px;
	line-height:60px;
}
main .button2 p{
  width:240px;
  height:60px;
  border:1px solid #ffffff;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0;
}
main .button2 .arrow {
	position:absolute;
	right:10px;
	top:25px;
	z-index:14;
	border-left: 5px solid #ffffff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main .button2 p a{
	font-size:15px;
	line-height:60px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	color:#ffffff;
	text-decoration:none;
	transition:all .5s ease;
	z-index:14;
	position:relative;
}
main .eff2{
  width:240px;
  height:60px;
  left:-240px;
  background:#ffffff;
  position:absolute;
  transition:all .5s ease;
  z-index:13;
}
main .button2:hover .eff2{
  left:0;
}
main .button2:hover a{
  color:#000000;
}
main .button2:hover .arrow {
	border-left: 5px solid #000000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main #totop{
	position:absolute;
	bottom:50px;
	left:0;
	width:100%;
	text-align:center;	
	}
main #totop p{
	display:inline-block;
	border-bottom:#fff 1px solid;
	padding:0 5px 5px 20px;
	color:#fff;
	font-size:16px;
	line-height:17px;
	min-height:24px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
	cursor:pointer;
	position:relative;
}
main #totop p .arrow {
	position:absolute;
	display:block;
	left:0;
	bottom:8px;
	z-index:14;
  width: 12px;
  height: 12px;
  border:#fff 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
  }
 main #totop p .arrow span {
	position:absolute;
	display:block;
	left:2px;
	top:4px;
	z-index:14;
  width: 5px;
  height: 4px;
  border:1px solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
  }

/*ブレイクポイント以下*/
@media screen and (max-width: 41.875em) {
#pcFan{
		display:none !important;
	}
#localNav{
	display:none !important;
	}
main .pcv{
	display:none;
	}
main .spv{
	display:block;
	}
main{
	width:100%;
	overflow:hidden;
	position:relative;
	margin-top:0;
	z-index:10;
	transform: translate3d(0,0,0);
	}
main section{
	position:relative;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	transform: translate3d(0,0,0);
		-webkit-transition: 1.2s ease-in-out;  
       -moz-transition: 1.2s ease-in-out;  
         -o-transition: 1.2s ease-in-out; 
            transition: 1.2s ease-in-out;
			overflow:hidden;
}
main #cont0{
	opacity:1 !important;
	}
main #cont0 .scrArrow{
	position:absolute;
	bottom:40px;
	left:0;
	width:100%;
	text-align:center;
	}
main #cont0 .scrArrow img{
	cursor:pointer;
	margin:0 auto;
	width:100%;
	height:auto;
}
main section .img{
	background:none !important;
	transform: translate3d(0,0,0);
		-webkit-transition: 1.0s cubic-bezier(.01,.62,.42,1.02);  
       -moz-transition: 1.0s cubic-bezier(.01,.62,.42,1.02);  
         -o-transition: 1.0s cubic-bezier(.01,.62,.42,1.02); 
            transition: 1.0s cubic-bezier(.01,.62,.42,1.02);
}
main section .img img{
	width:100% !important;
	height:auto !important;
}
main .inner ul li{
	position:relative;
	overflow:hidden;
}
main .inner ul li.sub{
	margin-bottom:5px;
}
main .inner ul li.sub p{
	color:#61c1be;
	font-size:12px;
	line-height:20px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
}
main .inner ul li.ttl p{
	color:#000000;
	font-size:18px;
	line-height:30px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
}
main .inner ul li.wTtl p{
	color:#ffffff;
	font-size:18px;
	line-height:30px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
}
main .inner ul .mgn{
	margin-top:20px !important;
}
main .inner ul li.txt p{
	color:#000000;
	font-size:12px;
	line-height:26px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
}
main .inner ul li.name{
	text-align:right;
	}
main .inner ul li.name p{
	color:#000000;
	font-size:18px;
	line-height:30px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
}
main .inner ul li.name p span{
	font-size:13px;
	line-height:30px;
	margin-right:20px;
}
main .inner ul li.wTxt p{
	color:#ffffff;
	font-size:12px;
	line-height:26px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
}
main .inner ul li.cap p{
	color:#000000;
	font-size:11px;
	line-height:22px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
}

/*コンテンツ個別指定*/
main #cont1,
main #cont2,
main #cont3{
	background:#fff;
	padding:65px 0 40px;
	}
main #cont1 .bg,
main #cont2 .bg,
main #cont3 .bg{
	position:absolute;
	width:100%;
	height:100%;
	top:65px;
	left:0;
	margin-left:0;
	z-index:11;
	}
.spArrow{
	display:block;
	position:relative;
	width:100%;
	padding-bottom:0;
	}
.spArrow img{
	width:100%;
	height:auto;
	cursor:pointer;
	}
.spArrow:hover img{
	opacity:.6;
}
main .inner .inbox{
	position:relative;
	width:100%;
	height:auto;
}
/*1*/
main #cont1 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:12;
	overflow-y:auto !important;
	/*transform: scale(2.5,0.2);
	opacity:0;*/
}
main #cont1 .inner .img{
	position:relative;
	top:0;
	left:0;
	margin-top:30px;
}
main #cont1 .inner ul{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:20px 0 10px;
	top:0;
	left:0;
	background:#fff;
}
main #cont1 .inner ul li{
	width:74%;
	margin:0 auto;
}
main #cont1 .bg{
	background:url(../../images/top/main/cont1_img_sp.png) 0 0 no-repeat;
	background-size:100% auto;
	}
main #cont1 .spArrow{
	background:#fff;
	}
/*2*/
main #cont2 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:12;
	overflow-y:auto !important;
	/*transform: scale(2.5,0.2);
	opacity:0;*/
}
main #cont2 .inner .img{
	position:relative;
	top:0;
	left:0;
	margin-top:30px;
}
main #cont2 .inner ul{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:20px 0 10px;
	top:0;
	left:0;
	background:#fff;
}
main #cont2 .inner ul li{
	width:74%;
	margin:0 auto;
}
main #cont2 .bg{
	background:url(../../images/top/main/cont2_img_sp.png) 0 0 no-repeat;
	background-size:100% auto;
	}
main #cont2 .spArrow{
	background:#fff;
	}
/*3*/
main #cont3 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:12;
	overflow-y:auto !important;
	/*transform: scale(2.5,0.2);
	opacity:0;*/
}
main #cont3 .inner .img{
	position:relative;
	top:0;
	left:0;
	margin-top:30px;
}
main #cont3 .inner ul{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:20px 0 10px;
	top:0;
	left:0;
	background:#fff;
}
main #cont3 .inner ul li{
	width:74%;
	margin:0 auto;
}
main #cont3 .bg{
	background:url(../../images/top/main/cont3_img_sp.png) 0 0 no-repeat;
	background-size:100% auto;
	}
main #cont3 .spArrow{
	background:#fff;
	}
/*4*/
main #cont4{
	background:#ffffff;
	padding:65px 0 40px;
	}
main #cont4 .bg{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:11;
	background:url(../../images/top/main/cont4_img_sp.png) 0 0 repeat-y;
	background-size:100% auto;
	}

main #cont4 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:12;
	overflow-y:auto !important;
}
main #cont4 .inner .img{
	position:relative;
	top:0;
	left:0;
	margin-top:40px;
}
main #cont4 .inner ul.list1{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:20px 0 20px;
	top:0;
	left:0;
	background:#fff;
}
main #cont4 .inner ul.list2{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:0 0 0;
	top:0;
	bottom:0;
	left:0;
	background:#fff;
}
main #cont4 .inner ul.list2 li:nth-child(1){
	border-top:#eaeaea 1px solid;
	padding-top:20px;
}
main #cont4 .inner .wTxt p{
	color:#000000 !important;
	}
main #cont4 .inner ul li{
	width:82%;
	margin:0 auto;
}
main #cont4 .spArrow{
	}
main ul .button1{
	margin-top:0;
	padding:40px 0;
}
main .button1 p{
  width:100%;
  height:45px;
  border:1px solid #000000;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0;
}
main .button1 .arrow {
	position:absolute;
	right:10px;
	top:17px;
	z-index:14;
	border-left: 5px solid #000000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main .button1 p a{
	font-size:14px;
	line-height:45px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	color:#000000;
	text-decoration:none;
	transition:all .5s ease;
	z-index:14;
	position:relative;
}
main .eff1{
  width:100%;
  height:45px;
  left:-100%;
  background:#000000;
  position:absolute;
  transition:all .5s ease;
  z-index:13;
}
main .button1:hover .eff1{
  left:0;
}
main .button1:hover a{
  color:#fff;
}
main .button1:hover .arrow {
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
/*スライド共有*/
main .slide{
	position:relative;
	width:100%;
	height:100%;
}
main .slide .box{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	transform: translate3d(0,0,0);
	overflow:hidden;
}
main .slide .box1{
	z-index:110;
	left:0;
}
main .slide .box2{
	z-index:120;
	left:100%;
}

main .slide .box3{
	z-index:130;
	left:100%;
}
main .slide .box4{
	z-index:140;
	left:100%;
}
main .slide .box5{
	z-index:150;
	left:100%;
}
main .slide .box6{
	z-index:160;
	left:100%;
}
.larrow{
	display:none !important;
	}
.rarrow{
	display:none !important;
	}
.darrow{
	display:none !important;
	}
.currentBar{
	display:none !important;
	}
main .slide .box .bg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;	
	}
.spSlideNavBox{
	position:relative;
	display:block !important;
	}
.spSlideNav{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:table !important;
	}
.spSlideNav .l{
	display:table-cell;
	width:32%;
	text-align:center;
	vertical-align:middle;
	}
.spSlideNav .r{
	display:table-cell;
	width:32%;
	text-align:center;
	vertical-align:middle;
	}
.spSlideNav .c{
	display:table-cell;
	width:36%;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	font-size:13px;
	line-height:28px;
	font-weight:600;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	color:#60c1bd;
	}
.spSlideNav .r p{
	position:relative;
	display:block;
	width:100%;
	height:40px;
	background:#60c1bd;
	padding:0;
	color:#ffffff;
	font-size:13px;
	line-height:40px;
	font-weight:600;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	cursor:pointer;
}
.spSlideNav .l p{
	position:relative;
	display:block;
	width:100%;
	height:40px;
	background:#60c1bd;
	padding:0;
	color:#ffffff;
	font-size:13px;
	line-height:40px;
	font-weight:600;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	cursor:pointer;
}
.spSlideNav .l p:hover,
.spSlideNav .r p:hover{
	opacity:.6;
	
}
.spSlideNav .r .arrow {
	position:absolute;
	right:20px;
	top:15px;
	z-index:134;
	border-left: 5px solid #ffffff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	transform: translate3d(0,0,0);
	animation: sp_right_a 2s ease-in-out infinite;
	}

@keyframes sp_right_a {
  0% {transform: translateX(-3px);}
  50% {transform: translateX(2px);}
  100% {transform: translateX(-3px);}
}

.spSlideNav .l .arrow {
	position:absolute;
	left:20px;
	top:15px;
	z-index:134;
	border-right: 5px solid #ffffff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
.spSlideNavBtm{
	display:block !important;
	width:90%;
	margin:0 auto;
	background:#fff;
	height:75px;
	}
/*5*/
main #cont5{
	background:#ffffff;
	padding:65px 0 40px;
	}

main #cont5 .slide .box1{
	background:#bfe6e5;
	}	
main #cont5 .slide .box1 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:112;
	background:url(../../images/top/main/story1_bg_sp.png) 0 -65px no-repeat;
	background-size:100% auto;
	transform: translate3d(0,0,0);
	}

main #cont5 .slide .box1 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:113;
	position:relative;
	overflow-y:auto !important;
}
main #cont5 .slide .box1 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont5 .slide .box1 .list1{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:40px 0 20px;
	top:0;
	left:0;
	background:#fff;
}
main #cont5 .slide .box1 .list2{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:0 0 40px;
	top:0;
	bottom:0;
	left:0;
	background:#fff;
}
main #cont5 .slide .box1 .sub{
	color:#000;
	}
main #cont5 .slide .box1 .inner ul li{
	width:82%;
	margin:0 auto;
}
main #cont5 .slide .box1 .spArrow{
	}
main #cont5 .slide .box2{
	background:#ffffff;
	}	
main #cont5 .slide .box2 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:121;
	background:url(../../images/top/main/story2_bg_sp.png) 0 -65px repeat-y;
	background-size:100% auto;
	}
#yt_background,
#yt_overlay {
	display:none;
}

#yt_background {
	z-index:122;
}

#yt_overlay {
	z-index:123;
}
main #cont5 .slide .box2 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:124;
	position:relative;
	overflow-y:auto !important;
}
main #cont5 .slide .box2 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont5 .slide .box2 ul{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:40px 0 40px;
	top:0;
	left:0;
}
main #cont5 .slide .box2 .inner ul li{
	width:82%;
	margin:0 auto;
}
main #cont5 .slide .box2 .spSlideNav .c,
main #cont5 .slide .box2 .spSlideNavBtm{
	background:none !important;
}
main #cont5 .slide .box3 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:131;
	background:url(../../images/top/main/story3_bg_sp.png) 0 0 no-repeat;
	background-size:100% auto;
	transform: translate3d(0,0,0);
	}

main #cont5 .slide .box3{
	background:#fff;
	}
main #cont5 .slide .box3.fix .bg{
	position:absolute;
	top:0;
	left:0;
}
main #cont5 .slide .box3.fix .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}
main #cont5 .slide .box3 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:132;
	position:relative;
	overflow-y:auto !important;
}
main #cont5 .slide .box3 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont5 .slide .box3 ul{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:40px 0 40px;
	top:0;
	left:0;
	background:#fff;
}
main #cont5 .slide .box3 .inner ul li{
	width:74%;
	margin:0 auto;
}
main ul .button3{
	margin-top:0;
	padding:40px 0 0;
}
main .button3 p{
  width:100%;
  height:45px;
  border:1px solid #000;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0;
}
main .button3 .arrow {
	position:absolute;
	right:10px;
	top:17px;
	z-index:134;
	border-left: 5px solid #000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main .button3 p a{
	font-size:14px;
	line-height:45px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	color:#000;
	text-decoration:none;
	transition:all .5s ease;
	z-index:134;
	position:relative;
}
main .eff3{
  width:100%;
  height:45px;
  left:-100%;
  background:#000;
  position:absolute;
  transition:all .5s ease;
  z-index:133;
}
main .button3:hover .eff3{
  left:0;
}
main .button3:hover a{
  color:#fff;
}
main .button3:hover .arrow {
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
  
main #cont5 .slide .box4 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:141;
	background:url(../../images/top/main/story4_bg_sp.png) 0 -65px repeat-y;
	background-size:100% auto;
	transform: translate3d(0,0,0);
	}
main #cont5 .slide .box4{
	background:#ffffff;
	}
main #cont5 .slide .box4 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:142;
	overflow-y:auto !important;
}
main #cont5 .slide .box4 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont5 .slide .box4 ul.list1{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:40px 0 0;
	top:0;
	left:0;
}
main #cont5 .slide .box4 ul.list2{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:20px 0 40px;
	top:0;
	left:0;
}
main #cont5 .slide .box4 .inner ul li{
	width:82%;
	margin:0 auto;
}
main #cont5 .slide .box4 .spSlideNav .c,
main #cont5 .slide .box4 .spSlideNavBtm{
	background:none !important;
}  
  
main #cont5 .slide .box4 .list2 li{
	position:relative;
	width:82%;
	margin:0 auto !important;
	float:none !important;
}
main #cont5 .slide .box4 .list2 li img{
	width:100%;
	height:auto;
}
main #cont5 .slide .box4 .list2 li:nth-child(1){
	margin:0 auto 10px !important;
	}

main #cont5 .slide .box5 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:151;
	background:url(../../images/top/main/story5_bg_sp.png) 0 0 no-repeat;
	background-size:100% auto;
	transform: translate3d(0,0,0);
	}

main #cont5 .slide .box5{
	background:#fff;
	}
main #cont5 .slide .box5.fix .bg{
	position:absolute;
	top:0;
	left:0;
}
main #cont5 .slide .box5.fix .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}
main #cont5 .slide .box5 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:152;
	position:relative;
	overflow-y:auto !important;
}
main #cont5 .slide .box5 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont5 .slide .box5 ul{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:40px 0 40px;
	top:0;
	left:0;
	background:#fff;
}
main #cont5 .slide .box5 .inner ul li{
	width:74%;
	margin:0 auto;
}

main #cont5 .slide .box6 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:161;
	background:url(../../images/top/main/story6_bg_sp.png) 0 0 no-repeat;
	background-size:100% auto;
	transform: translate3d(0,0,0);
	}

main #cont5 .slide .box6{
	background:#fff;
	}
main #cont5 .slide .box6.fix .bg{
	position:absolute;
	top:0;
	left:0;
}
main #cont5 .slide .box6.fix .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}
main #cont5 .slide .box6 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:162;
	position:relative;
	overflow-y:auto !important;
}
main #cont5 .slide .box6 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont5 .slide .box6 ul{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:40px 0 40px;
	top:0;
	left:0;
	background:#fff;
}
main #cont5 .slide .box6 .inner ul li{
	width:74%;
	margin:0 auto;
}

/*6*/
main #cont6{
	background:#ffffff;
	padding:65px 0 40px;
	}

main #cont6 .slide .box1 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:111;
	background:url(../../images/top/main/vision1_bg_sp.png) 0 -65px repeat-y;
	background-size:100% auto;
	transform: translate3d(0,0,0);
	}

main #cont6 .slide .box1 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:112;
	overflow-y:auto !important;
}
main #cont6 .slide .box1 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont6 .slide .box1 ul{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:40px 0 40px;
	top:0;
	left:0;
}
main #cont6 .slide .box1 .inner ul li{
	width:74%;
	margin:0 auto;
}
main #cont6 .slide .box1 .spSlideNav .c,
main #cont6 .slide .box1 .spSlideNavBtm{
	background:none !important;
}
main #cont6 .slide .box1{
	background:#ffffff;
	}
main #cont6 .slide .box2 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:121;
	background:url(../../images/top/main/vision2_bg_sp.png) 0 -65px repeat-y;
	background-size:100% auto;
	transform: translate3d(0,0,0);
	}

main #cont6 .slide .box2 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:122;
	overflow-y:auto !important;
}
main #cont6 .slide .box2 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont6 .slide .box2 ul{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:40px 0 40px;
	top:0;
	left:0;
	background:#fff;
}
main #cont6 .slide .box2 .inner ul li{
	width:82%;
	margin:0 auto;
}

main #cont6 .slide .box2{
	background:#ffffff;
	}

main #cont6 .slide .box2.fix .bg{
	position:absolute;
	top:0;
	left:0;
}
main #cont6 .slide .box2.fix .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}

main #cont6 .slide .box3 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:131;
	background:url(../../images/top/main/vision3_bg_sp.png) 0 -65px repeat-y;
	background-size:100% auto;
	transform: translate3d(0,0,0);
	}

main #cont6 .slide .box3 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:132;
	overflow-y:auto !important;
}
main #cont6 .slide .box3 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont6 .slide .box3 ul{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:40px 0 40px;
	top:0;
	left:0;
	background:#fff;
}
main #cont6 .slide .box3 .inner ul li{
	width:82%;
	margin:0 auto;
}

main #cont6 .slide .box3{
	background:#ffffff;
	}

main #cont6 .slide .box3 ul li.wTtl p,
main #cont6 .slide .box3 ul li.wTxt p{
	color:#000;
}

main ul .button4{
	margin-top:0;
	padding:40px 0 0;
}
main .button4 p{
  width:100%;
  height:45px;
  border:1px solid #000;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0;
}
main .button4 .arrow {
	position:absolute;
	right:10px;
	top:17px;
	z-index:134;
	border-left: 5px solid #000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main .button4 p a{
	font-size:14px;
	line-height:45px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	color:#000;
	text-decoration:none;
	transition:all .5s ease;
	z-index:134;
	position:relative;
}
main .eff4{
  width:100%;
  height:45px;
  left:-100%;
  background:#000;
  position:absolute;
  transition:all .5s ease;
  z-index:133;
}
main .button4:hover .eff4{
  left:0;
}
main .button4:hover a{
  color:#fff;
}
main .button4:hover .arrow {
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main #cont6 .slide .box4 .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	z-index:141;
	background:url(../../images/top/main/vision4_bg_sp.png) 0 0 no-repeat;
	background-size:100% auto;
	transform: translate3d(0,0,0);
	}

main #cont6 .slide .box4 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:142;
	overflow-y:auto !important;
}
main #cont6 .slide .box4 .img{
	position:relative;
	top:0;
	left:0;
}
main #cont6 .slide .box4 ul{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:40px 0 40px;
	top:0;
	left:0;
	background:#fff;
}
main #cont6 .slide .box4 .inner ul li{
	width:74%;
	margin:0 auto;
}

main #cont6 .slide .box4{
	background:#ffffff;
	}

main #cont6 .slide .box4.fix .bg{
	position:absolute;
	top:0;
	left:0;
}
main #cont6 .slide .box4.fix .bg>div{
	position:absolute;
	width:100%;
	min-width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}
  
/*7*/
main #cont7{
	padding:65px 0 40px;
}
main #cont7 .inner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:0;
	margin-top:0;
	z-index:12;
	overflow-y:auto !important;
	/*transform: scale(2.5,0.2);
	opacity:0;*/
}
main #cont7 .inner ul.list1{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:40px 0 0;
	top:0;
	left:0;
}
main #cont7 .inner ul.list2{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:40px 0 0;
	top:0;
	left:0;
}
main #cont7 .inner ul.list1 li{
	width:74%;
	margin:0 auto;
}

main #cont7 .inner .list2 li{
	width:74%;
	float:none;
	margin:10px auto 0;
}
main #cont7 .inner .list2 li:nth-child(1){
	margin:0 auto;
	}
main #cont7 .inner .wTtl,
main #cont7 .inner .wTxt{
	text-align:center;
	}
main #cont7 .inner .wTtl p{
	font-size:22px;
	line-height:34px;
}
main .button2 p{
  width:100%;
  height:40px;
  border:1px solid #ffffff;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0;
}
main .button2 .arrow {
	position:absolute;
	right:10px;
	top:16px;
	z-index:14;
	border-left: 5px solid #ffffff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main .button2 p a{
	font-size:13px;
	line-height:40px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, sans-serif;
	color:#ffffff;
	text-decoration:none;
	transition:all .5s ease;
	z-index:14;
	position:relative;
}
main .eff2{
  width:100%;
  height:60px;
  left:-100%;
  background:#ffffff;
  position:absolute;
  transition:all .5s ease;
  z-index:13;
}
main .button2:hover .eff2{
  left:0;
}
main .button2:hover a{
  color:#000000;
}
main .button2:hover .arrow {
	border-left: 5px solid #000000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
main #totop{
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	margin:60px 0 60px;
	}
main #totop p{
	display:inline-block;
	border-bottom:#fff 1px solid;
	padding:0 5px 5px 20px;
	color:#fff;
	font-size:16px;
	line-height:17px;
	min-height:24px;
	font-family:'Hiragino Mincho ProN', '游明朝', 'HG明朝B', 'ＭＳ Ｐ明朝', serif;
	cursor:pointer;
	position:relative;
}
main #totop p .arrow {
	position:absolute;
	display:block;
	left:0;
	bottom:8px;
	z-index:14;
  width: 12px;
  height: 12px;
  border:#fff 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
  }
 main #totop p .arrow span {
	position:absolute;
	display:block;
	left:2px;
	top:4px;
	z-index:14;
  width: 5px;
  height: 4px;
  border:1px solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
  }


}