/* common
===============================================================*/



/* Main
===============================================================*/



div#Contents.cf div.mv div.wrap div.catch{
	position: absolute;
	width: 35%;
	height: 1%;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	margin: auto;
}







h2.big{
	font-size: 20px !important;
	font-weight: bold;
}

h2.sub{
	font-size: 14px !important;
	font-weight: normal;
	color: #575757 !important;

}

p.txt{
	font-size: 12px !important;
	color: #000 !important;
	text-align: center;
	line-height: 1.6 !important;
/* 	letter-spacing: -1px; */
}

html body div#AllBox div#Contents.cf div.bg{
	width: 100% !important;
	overflow: hidden !important;
	height: auto !important;
}

html body div#AllBox div#Contents.cf div.bg div#masterslider{
	position: relative;
	width: 200%;
	left: -50%;
}


html body div#AllBox div#Contents.cf div.bg div#masterslider ul{
	text-align: center;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top:65%;
}

html body div#AllBox div#Contents.cf div.bg div#masterslider ul li{
	display: inline-block;
	text-align: center;
	margin: 0 5px;
}


html body div#AllBox div#Contents.cf div.bg div#masterslider.master-slider div.ms-slide-container div.ms-slide div.ms-slide-layers{
	top:-12%;
}


html body div#AllBox div#Contents.cf div.bg div#masterslider.master-slider div.ms-slide-container div.ms-slide div.ms-slide-bgcont img{
	overflow:hidden;
}

html body div#AllBox div#Contents.cf div.bg div#masterslider.master-slider div.ms-container div.ms-inner-controls-cont div div.ms-slide-container div.ms-slide{
	background: url(../../img/top2/main002.jpg) center center / cover;

}

html body div#AllBox div#Contents.cf div.bg div#masterslider.master-slider h2.ms-layer.big{
	position: absolute;
	top: 15%;
	width: 320px;
	left: 0;
	right: 0;
	margin: auto;
}

html body div#AllBox div#Contents.cf div.bg div#masterslider.master-slider h2.ms-layer.sub{
	position: absolute;
	top: 28%;
	width: 200px;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: bold;
}


html body div#AllBox div#Contents.cf div.bg div#masterslider ul li a{
	width: 154px;
	height: 54px;
	color: #fff;
	display:block;
	position:relative;
	text-decoration:none;
	text-align:center;
	color:#fff;
	z-index:0;
	line-height: 53px;
}

html body div#AllBox div#Contents.cf div.bg div#masterslider ul li a:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	left:0;
	background-image:-moz-linear-gradient( 0deg, rgb(93,219,198) 0%, rgb(11,111,248) 100%);
  background-image:-webkit-linear-gradient( 0deg, rgb(93,219,198) 0%, rgb(11,111,248) 100%);
  background-image:-ms-linear-gradient( 0deg, rgb(93,219,198) 0%, rgb(11,111,248) 100%);
  transition: all 300ms ease;
}

html body div#AllBox div#Contents.cf div.bg div#masterslider ul li a:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index:-2;
	left:0;
	background-image:-moz-linear-gradient( 0deg, rgb(11,111,248) 0%, rgb(93,219,198) 100%);
  background-image:-webkit-linear-gradient( 0deg, rgb(11,111,248) 0%, rgb(93,219,198) 100%);
  background-image:-ms-linear-gradient( 0deg, rgb(11,111,248) 0%, rgb(93,219,198) 100%);
}

html body div#AllBox div#Contents.cf div.bg div#masterslider ul li a:hover:before{
	opacity:0;
}


html body div#AllBox div#Contents.cf div.bg div#masterslider img{
/*
	-webkit-animation: ImgAnime 5s linear infinite 1s;
    -moz-animation: ImgAnime 5s linear infinite 1s;
    -o-animation: ImgAnime 5s linear infinite 1s;
    -ms-animation: ImgAnime 5s linear infinite 1s;
*/
    animation: ImgAnime 10s infinite alternate linear;
}



@keyframes ImgAnime {
    0% {

        transform: scale(1.00);
    }


    100% {

	    transform: scale(1.02);

    }
}


html body div#AllBox div#Contents.cf div.bg div#masterslider div.ms-container div.ms-inner-controls-cont div.ms-bullets{
	position: absolute;
	z-index: 100;
	top: 91%;
}


.ms-skin-default .ms-bullet {

    width: 30px;
    height: 3px;
    background: #ccc;
        background-position-x: 0%;
        background-position-y: 0%;
    margin: 4px;
    background-position: -34px -117px;

}

.ms-bullet-selected{
	background: #157CF2 !important;
}







html body div#AllBox div#Contents.cf div#Main div.sec.sec02 div.wrap h2{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-top: 30px;
}

html body div#AllBox div#Contents.cf div#Main div.sec.sec02 div.wrap h2.jp{
	font-size: 14px;
	color: #6d6d6d;
	margin-bottom: 10px;
	padding-top: 0;
}


html body div#AllBox div#Contents.cf div#Main div.sec.sec02 div.wrap ul{
	text-align: center;
	margin-bottom: 80px;
}

html body div#AllBox div#Contents.cf div#Main div.sec.sec02 div.wrap ul li{
	display: inline-block;
	text-align: center;
	margin: 10px 10px;
}

html body div#AllBox div#Contents.cf div#Main div.sec.sec02 div.wrap ul li a{
	display: block;
	background: url(../../img/common/btn_bg02_n.png) no-repeat 0 0;
	background-size: 300px 64px;
	width: 300px;
	height: 64px;
	padding-top: 18px;
}

html body div#AllBox div#Contents.cf div#Main div.sec.sec02 div.wrap ul li a:hover{
	display: block;
	background: url(../../img/common/btn_bg02_o.png) no-repeat 0 0;
	background-size: 300px 64px;
	width: 300px;
	height: 64px;
	padding-top: 18px;
	color: #fff;
	text-decoration: none;
}





.ms-view {
	background: #fff !important;
}