@charset "utf-8";

html {
	overflow-y: scroll;
}

body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, form, input, textarea, header, footer, nav {
	margin: 0;
	padding: 0;
	zoom: 1;
}
ul, ol, li {
	list-style: none;
}
img {
	border: none;
}
a {
	outline: none;
	text-decoration : none;
}
a.televe {
    pointer-events: none;
}
@media only screen and (max-width: 480px) {
	a.televe {
		pointer-events: auto;
	}
}
.t_center {
	text-align : center;
}
.span-image {
	display : block;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}

/* js-fadein */

.js-fadein {
	opacity : 0;
	transform : translate(0, 200px);
	transition : all 1s;
}
.js-fadein_m {
	opacity : 0;
	transform : translate(0, 90px);
	transition : all 1s;
}
.js-fadedown {
	opacity : 0;
	transform : translate(0, -100px);
	transition : all 1s;
}
.js-fadeleft {
	opacity : 0;
	transform : translate(-400px, 0);
	transition : all 1s;
}
.js-faderight {
	opacity : 0;
	transform : translate(400px, 0);
	transition : all 1s;
}
.js-leftin {
	transform : translateX(-150%) scale(0.4); 
	transition : all 1s;
}
.js-leftback {
	transform : translateX(-150%) scale(0.4);
	transition : all 1s;
	background-color : rgba(0, 0, 255, 0.5);
}
.js-rightin {
	transform : translateX(150%) scale(0.4);
	transition : all 1s;
}
.js-rightback {
	transform : translateX(150%) scale(0.4); 
	transition : all 1s;
	background-color : rgba(255, 0, 0, 0.5);
}
.js-rightback2 {
	transform : translateX(150%) scale(0.4); 
	transition : all 1s;
	background-color : rgba(0, 255, 0, 0.5);
}
.js-zoomin {
	transform : scale(0.1, 0.1);
	transition : all 1.5s;
}
.js-backcolor {
	background-color : rgba(255, 255, 255, 0.1);
	transition : all 1.5s;
}
.js-backcolor2 {
	background-color : rgba(255, 255, 255, 0.1);
	transition : all 1.5s;
}
.js-backcolor3 {
	background-color : rgba(255, 255, 255, 0.1);
	transition : all 1.5s;
}
.js-backcolor4 {
	background-color : rgba(255, 255, 255, 0.1);
	transition : all 1.5s;
}
.js-backcolor5 {
	background-color : rgba(255, 255, 255, 0.1);
	transition : all 1.5s;
}

/* 条件を満たしたあとに追加するクラス */
.js-fadein.js-scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.js-fadein_m.js-scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.js-fadedown.js-scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.js-fadeleft.js-scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.js-faderight.js-scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.js-leftin.js-scrollin {
	opacity : 1;
	transform : translateX(0) scale(1); 
}
.js-leftback.js-scrollin {
	opacity : 1;
	transform : translateX(0) scale(1);
	border : 1px solid #747474;
	background-color : rgba(0, 0, 0, 0);
}
.js-rightin.js-scrollin {
	opacity : 1;
	transform : translateX(0%) scale(1);
}
.js-rightback.js-scrollin {
	opacity : 1;
	transform : translateX(0%) scale(1);
	border : 1px solid #747474;
	background-color : rgba(0, 0, 0, 0);
}
.js-rightback2.js-scrollin {
	opacity : 1;
	transform : translateX(0%) scale(1); ;
	border : 1px solid #747474;
	background-color : rgba(0, 0, 0, 0);
}
.js-zoomin.js-scrollin {
	transform : scale(1, 1);
}
.js-backcolor.js-scrollin  {
	background-color : rgba(255, 255, 255, 0.9);
}
.js-backcolor2.js-scrollin {
	background-color : rgba(0, 0, 0, 0.8);
}
.js-backcolor3.js-scrollin {
	background-color : rgba(100, 0, 0, 0.5);
}
.js-backcolor4.js-scrollin {
	background-color : rgba(0, 20, 100, 0.5);
}
.js-backcolor5.js-scrollin {
	background-color : rgba(150, 130, 0, 0.5);
}


/* -------------------------------------------------------------------
 Flex
------------------------------------------------------------------- */

.flex_l {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : flex-start;
	justify-content : flex-start;
}
.flex_sb {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.flex_sbw {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.flex_rev {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}


/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}

.mgt10 {
	margin-top: 10px;
}
.mgt20 {
	margin-top: 20px;
}
.mgt30 {
	margin-top: 30px;
}
.mgt40 {
	margin-top: 40px;
}
.mgt50 {
	margin-top: 50px;
}
.mgt60 {
	margin-top: 60px;
}
.mgt70 {
	margin-top: 70px;
}
.mgt80 {
	margin-top: 80px;
}
.mgt90 {
	margin-top: 90px;
}
.mgt100 {
	margin-top: 100px;
}
.mgt110 {
	margin-top: 110px;
}
.mgt120 {
	margin-top: 120px;
}
.mgt130 {
	margin-top: 130px;
}
.mgt140 {
	margin-top: 140px;
}
.mgt150 {
	margin-top: 150px;
}
.mgt160 {
	margin-top: 160px;
}
.mgt170 {
	margin-top: 170px;
}
.mgt180 {
	margin-top: 180px;
}
.mgt190 {
	margin-top: 190px;
}
.mgt200 {
	margin-top: 200px;
}
.mgt210 {
	margin-top: 210px;
}
.mgt220 {
	margin-top: 220px;
}
.mgt230 {
	margin-top: 230px;
}
.mgt240 {
	margin-top: 240px;
}
.mgt250 {
	margin-top: 250px;
}
.pdt10 {
	padding-top: 10px;
}
.pdt20 {
	padding-top: 20px;
}
.pdt30 {
	padding-top: 30px;
}
.pdt40 {
	padding-top: 40px;
}
.pdt50 {
	padding-top: 50px;
}
.pdt60 {
	padding-top: 60px;
}
.pdt70 {
	padding-top: 70px;
}
.pdt80 {
	padding-top: 80px;
}
.pdt90 {
	padding-top: 90px;
}
.pdt100 {
	padding-top: 100px;
}
.pdt110 {
	padding-top: 110px;
}
.pdt120 {
	padding-top: 120px;
}
.pdt130 {
	padding-top: 130px;
}
.pdt140 {
	padding-top: 140px;
}
.pdt150 {
	padding-top: 150px;
}
.pdt160 {
	padding-top: 160px;
}
.pdt170 {
	padding-top: 170px;
}
.pdt180 {
	padding-top: 180px;
}
.pdt190 {
	padding-top: 190px;
}
.pdt200 {
	padding-top: 200px;
}
.pdt210 {
	padding-top: 210px;
}
.pdt220 {
	padding-top: 220px;
}
.pdt230 {
	padding-top: 230px;
}
.pdt240 {
	padding-top: 240px;
}
.pdt250 {
	padding-top: 250px;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgb20 {
	margin-bottom: 20px;
}
.mgb30 {
	margin-bottom: 30px;
}
.mgb40 {
	margin-bottom: 40px;
}
.mgb50 {
	margin-bottom: 50px;
}
.mgb60 {
	margin-bottom: 60px;
}
.mgb70 {
	margin-bottom: 70px;
}
.mgb80 {
	margin-bottom: 80px;
}
.mgb90 {
	margin-bottom: 90px;
}
.mgb100 {
	margin-bottom: 100px;
}
.mgb110 {
	margin-bottom: 110px;
}
.mgb120 {
	margin-bottom: 120px;
}
.mgb130 {
	margin-bottom: 130px;
}
.mgb140 {
	margin-bottom: 140px;
}
.mgb150 {
	margin-bottom: 150px;
}
.mgb160 {
	margin-bottom: 160px;
}
.mgb170 {
	margin-bottom: 170px;
}
.mgb180 {
	margin-bottom: 180px;
}
.mgb190 {
	margin-bottom: 190px;
}
.mgb200 {
	margin-bottom: 200px;
}
.mgb210 {
	margin-bottom: 210px;
}
.mgb220 {
	margin-bottom: 220px;
}
.mgb230 {
	margin-bottom: 230px;
}
.mgb240 {
	margin-bottom: 240px;
}
.mgb250 {
	margin-bottom: 250px;
}
.pdb10 {
	padding-bottom: 10px;
}
.pdb20 {
	padding-bottom: 20px;
}
.pdb30 {
	padding-bottom: 30px;
}
.pdb40 {
	padding-bottom: 40px;
}
.pdb50 {
	padding-bottom: 50px;
}
.pdb60 {
	padding-bottom: 60px;
}
.pdb70 {
	padding-bottom: 70px;
}
.pdb80 {
	padding-bottom: 80px;
}
.pdb90 {
	padding-bottom: 90px;
}
.pdb100 {
	padding-bottom: 100px;
}
.pdb110 {
	padding-bottom: 110px;
}
.pdb120 {
	padding-bottom: 120px;
}
.pdb130 {
	padding-bottom: 130px;
}
.pdb140 {
	padding-bottom: 140px;
}
.pdb150 {
	padding-bottom: 150px;
}
.pdb160 {
	padding-bottom: 160px;
}
.pdb170 {
	padding-bottom: 170px;
}
.pdb180 {
	padding-bottom: 180px;
}
.pdb190 {
	padding-bottom: 190px;
}
.pdb200 {
	padding-bottom: 200px;
}
.pdb210 {
	padding-bottom: 210px;
}
.pdb220 {
	padding-bottom: 220px;
}
.pdb230 {
	padding-bottom: 230px;
}
.pdb240 {
	padding-bottom: 240px;
}
.pdb250 {
	padding-bottom: 250px;
}
.mgauto {
	margin-left : auto;
	margin-right : auto;
}
@media only screen and (max-width: 1280px) {
	.mgt10 {
		margin-top: 1vw;
	}
	.mgt20 {
		margin-top: 2vw;
	}
	.mgt30 {
		margin-top: 3vw;
	}
	.mgt40 {
		margin-top: 4vw;
	}
	.mgt50 {
		margin-top: 5vw;
	}
	.mgt60 {
		margin-top: 6vw;
	}
	.mgt70 {
		margin-top: 7vw;
	}
	.mgt80 {
		margin-top: 8vw;
	}
	.mgt90 {
		margin-top: 9vw;
	}
	.mgt100 {
		margin-top: 10vw;
	}
	.mgt110 {
		margin-top: 11vw;
	}
	.mgt120 {
		margin-top: 12vw;
	}
	.mgt130 {
		margin-top: 13vw;
	}
	.mgt140 {
		margin-top: 14vw;
	}
	.mgt150 {
		margin-top: 13vw;
	}
	.mgt160 {
		margin-top: 14vw;
	}
	.mgt170 {
		margin-top: 15vw;
	}
	.mgt180 {
		margin-top: 16vw;
	}
	.mgt190 {
		margin-top: 19vw;
	}
	.mgt200 {
		margin-top: 20vw;
	}
	.mgt210 {
		margin-top: 21vw;
	}
	.mgt220 {
		margin-top: 22vw;
	}
	.mgt230 {
		margin-top: 23vw;
	}
	.mgt240 {
		margin-top: 24vw;
	}
	.mgt250 {
		margin-top: 25vw;
	}
	.pdt10 {
		padding-top: 1vw;
	}
	.pdt20 {
		padding-top: 2vw;
	}
	.pdt30 {
		padding-top: 3vw;
	}
	.pdt40 {
		padding-top: 4vw;
	}
	.pdt50 {
		padding-top: 5vw;
	}
	.pdt60 {
		padding-top: 6vw;
	}
	.pdt70 {
		padding-top: 7vw;
	}
	.pdt80 {
		padding-top: 8vw;
	}
	.pdt90 {
		padding-top: 9vw;
	}
	.pdt100 {
		padding-top: 10vw;
	}
	.pdt110 {
		padding-top: 11vw;
	}
	.pdt120 {
		padding-top: 12vw;
	}
	.pdt130 {
		padding-top: 13vw;
	}
	.pdt140 {
		padding-top: 14vw;
	}
	.pdt150 {
		padding-top: 15vw;
	}
	.pdt160 {
		padding-top: 16vw;
	}
	.pdt170 {
		padding-top: 17vw;
	}
	.pdt180 {
		padding-top: 18vw;
	}
	.pdt190 {
		padding-top: 19vw;
	}
	.pdt200 {
		padding-top: 20vw;
	}
	.pdt210 {
		padding-top: 21vw;
	}
	.pdt220 {
		padding-top: 22vw;
	}
	.pdt230 {
		padding-top: 23vw;
	}
	.pdt240 {
		padding-top: 24vw;
	}
	.pdt250 {
		padding-top: 25vw;
	}
	.mgb10 {
		margin-bottom: 1vw;
	}
	.mgb20 {
		margin-bottom: 2vw;
	}
	.mgb30 {
		margin-bottom: 3vw;
	}
	.mgb40 {
		margin-bottom: 4vw;
	}
	.mgb50 {
		margin-bottom: 5vw;
	}
	.mgb60 {
		margin-bottom: 6vw;
	}
	.mgb70 {
		margin-bottom: 7vw;
	}
	.mgb80 {
		margin-bottom: 8vw;
	}
	.mgb90 {
		margin-bottom: 9vw;
	}
	.mgb100 {
		margin-bottom: 10vw;
	}
	.mgb110 {
		margin-bottom: 11vw;
	}
	.mgb120 {
		margin-bottom: 12vw;
	}
	.mgb130 {
		margin-bottom: 13vw;
	}
	.mgb140 {
		margin-bottom: 14vw;
	}
	.mgb150 {
		margin-bottom: 13vw;
	}
	.mgb160 {
		margin-bottom: 14vw;
	}
	.mgb170 {
		margin-bottom: 15vw;
	}
	.mgb180 {
		margin-bottom: 16vw;
	}
	.mgb190 {
		margin-bottom: 19vw;
	}
	.mgb200 {
		margin-bottom: 20vw;
	}
	.mgb210 {
		margin-bottom: 21vw;
	}
	.mgb220 {
		margin-bottom: 22vw;
	}
	.mgb230 {
		margin-bottom: 23vw;
	}
	.mgb240 {
		margin-bottom: 24vw;
	}
	.mgb250 {
		margin-bottom: 25vw;
	}
	.pdb10 {
		padding-bottom: 1vw;
	}
	.pdb20 {
		padding-bottom: 2vw;
	}
	.pdb30 {
		padding-bottom: 3vw;
	}
	.pdb40 {
		padding-bottom: 4vw;
	}
	.pdb50 {
		padding-bottom: 5vw;
	}
	.pdb60 {
		padding-bottom: 6vw;
	}
	.pdb70 {
		padding-bottom: 7vw;
	}
	.pdb80 {
		padding-bottom: 8vw;
	}
	.pdb90 {
		padding-bottom: 9vw;
	}
	.pdb100 {
		padding-bottom: 10vw;
	}
	.pdb110 {
		padding-bottom: 11vw;
	}
	.pdb120 {
		padding-bottom: 12vw;
	}
	.pdb130 {
		padding-bottom: 13vw;
	}
	.pdb140 {
		padding-bottom: 14vw;
	}
	.pdb150 {
		padding-bottom: 15vw;
	}
	.pdb160 {
		padding-bottom: 16vw;
	}
	.pdb170 {
		padding-bottom: 17vw;
	}
	.pdb180 {
		padding-bottom: 18vw;
	}
	.pdb190 {
		padding-bottom: 19vw;
	}
	.pdb200 {
		padding-bottom: 20vw;
	}
	.pdb210 {
		padding-bottom: 21vw;
	}
	.pdb220 {
		padding-bottom: 22vw;
	}
	.pdb230 {
		padding-bottom: 23vw;
	}
	.pdb240 {
		padding-bottom: 24vw;
	}
	.pdb250 {
		padding-bottom: 25vw;
	}
}