/* 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;
}




.bg{
	margin-top: 80px;
}


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

h2.sub{
	font-size: 24px !important;
	font-weight: normal;
	color: #575757 !important;
	display:block;
}

p.txt{
	font-size: 16px !important;
	color: #000 !important;
	text-align: center;
	line-height: 1.6 !important;
}

html body div#AllBox div#Contents.cf div.bg div#masterslider{
	position: relative;
}

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: 30%;
	width: 600px;
	left: 0;
	right: 0;
	margin: auto;
/* 	display:table; */
	width: max-content;
}

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


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 10px;
}




html body div#AllBox div#Contents.cf div.bg div#masterslider img{
	-webkit-animation: ImgAnime 10s infinite alternate linear;
    -moz-animation: ImgAnime 10s infinite alternate linear;
    -o-animation: ImgAnime 10s infinite alternate linear;
    -ms-animation: ImgAnime 10s infinite alternate linear;
    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: 1000000;
	top: 103%;
}


.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.bg div#masterslider ul li a{
	width: 234px;
	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#Main div.sec.sec02 div.wrap h2{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding-top: 90px;
}

html body div#AllBox div#Contents.cf div#Main div.sec.sec02 div.wrap h2.jp{
	font-size: 20px;
	color: #6d6d6d;
	margin-bottom: 30px;
	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: 0 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;
	width: 351px;
	height: 64px;
	padding-top: 17px;
}

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;
	width: 351px;
	height: 64px;
	padding-top: 17px;
	color: #fff;
	text-decoration: none;
}





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