@charset "utf-8";

html {
	font-size : 16px;
}
@media only screen and (max-width: 1080px) {
	html {
		font-size : calc(0.39vw + 11.8px);
	}
}

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;
}
body {
	top: 0 !important;
}
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;
		text-decoration : underline;
		text-underline-offset: 4px;
	}
}
a.over {
	transition: 0.4s;
}
a.over:hover {
	opacity : 0.7;
}
.t_center {
	text-align : center;
}
.t_left {
	text-align : left;
}
.t_right {
	text-align : right !important;
}
.span-image {
	display : block;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}

.gosic {
	font-family : "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
}
.mincho {
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.marumoji {
	font-family: 'Kiwi Maru', serif;
}
.english {
	font-family: 'Pacifico', cursive;
}

main {
	width:100%;
}

/* 包括枠 */

.wideWrap  {
	width : 100%;
	max-width : 1920px;
	margin : 0 auto;
	box-sizing: border-box;
	position : relative;
}
.normalWrap  {
	width : 100%;
	max-width : 1920px;
	margin : 0 auto;
	padding : 0 100px;
	position : relative;
	box-sizing: border-box;
}
.normalWrap2  {
	width : 100%;
	max-width : 1370px;
	margin : 0 auto;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.normalWrap2v {
	width : 100%;
	max-width : 1370px;
	margin : 0 auto;
	padding : 0 10px;
	box-sizing: border-box;
	position : relative;
}
.normalWrap3  {
	width : 100%;
	max-width : 1510px;
	margin : 0 auto;
	padding : 0 10px;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.normalWrap4  {
	width : 100%;
	max-width : 1500px;
	margin : 0 auto;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.essentialWrap  {
	width : 100%;
	max-width : 1370px;
	margin : 0 auto;
	padding : 0 10px;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.middleWrap  {
	width : 100%;
	max-width : 1150px;
	margin : 0 auto;
	padding : 0;
	box-sizing: border-box;
	position : relative;
}
.middleWrap_rec {
	width : 100%;
	max-width : 1200px;
	margin : 0 auto;
	padding : 90px;
	box-sizing: border-box;
	overflow : hidden;
	position : relative;
}
.messageWrap  {
	width : 100%;
	max-width : 1430px;
	margin : 0 auto;
	padding : 0 10px;
	box-sizing: border-box;
	position : relative;
}
.makerWrapInner  {
	width : 100%;
	max-width : 1450px;
	margin : 0 auto;
	padding : 0 10px;
	box-sizing: border-box;
	position : relative;
}
.makerSlideWrap  {
	width : 100%;
	max-width : 1560px;
	margin : 0 auto;
	padding : 0 60px 0 70px;
	box-sizing: border-box;
	position : relative;
}
.miniWrap  {
	width : 100%;
	max-width : 800px;
	margin : 0 auto;
	padding : 0 10px;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
@media only screen and (max-width: 1200px) {
	.normalWrap  {
		padding : 0 80px;
	}
}
@media only screen and (max-width: 960px) {
	.normalWrap  {
		padding : 0 60px;
	}
}
@media only screen and (max-width: 640px) {
	.normalWrap  {
		padding : 0 50px;
	}
}
@media only screen and (max-width: 480px) {
	.normalWrap  {
		padding : 0 10px;
	}
}


/* js-fadein */
.js-fade {
	color : #0b162c;
	transition: 1s;
}
.js-fade_r {
	color : #ffffff;
	transition: 1s;
}
.js-fade_b {
	border-top-color : #ffffff;
	transition: 1s;
}
.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 2.5s;
}
.js-fadeleft {
	opacity : 0;
	transform : translate(-400px, 0);
	transition : 2.5s;
}
.js-faderight {
	opacity : 0;
	transform : translate(400px, 0);
	transition : all 1s;
}
.js-leftin {
	transform : translateX(-150%) scale(0.4); 
	transition : all 1.5s;
	animation-timing-function: ease-in-out;
}
.js-latein {
	opacity : 0;
	transform : translate(0, 200px);
	transition : all 2s;
}
.js-leftback {
	transform : translateX(-150%);
	transition : all 1s;
	background-color : rgba(255, 255, 255, 0);
}
.js-rightback {
	transform : translateX(150%); 
	transition : all 1s;
	background-color : rgba(255, 255, 255, 0);
}
.js-leftfrom {
	opacity : 0;
	transform : translateX(-150%); 
	transition : all 1s;
}
.js-rightfrom {
	opacity : 0;
	transform : translateX(150%); 
	transition : all 1s;
}
.js-rightin {
	transform : translateX(150%) scale(0.4);
	transition : all 1.5s;
	animation-timing-function: ease-in-out;
}
.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-fade.js-scrollin {
	color : #ffffff;
}
.js-fade_r.js-scrollin {
	color : #0b162c;
}
.js-fade_b.js-scrollin {
	border-top-color : #0b162c;
}
.js-fadein.js-scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.js-latein.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); 
}
.js-leftback.js-scrollin {
	opacity : 1;
	transform : translateX(0);
	background-color : rgba(0, 154, 192, 1);
}
.js-rightback.js-scrollin {
	opacity : 1;
	transform : translateX(0);
	background-color : rgba(0, 154, 192, 1);
}
.js-rightin.js-scrollin {
	opacity : 1;
	transform : translateX(0%) scale(1);
}
.js-leftfrom.js-scrollin {
	opacity : 1;
	transform : translateX(0%); 
}
.js-rightfrom.js-scrollin {
	opacity : 1;
	transform : translateX(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;
}


/* g_translate用 */

a.gflag {
	vertical-align: middle;
	font-size: 16px;
	padding: 1px 0;
	background-repeat: no-repeat;
	background-image: url(//gtranslate.net/flags/16.png);
	width: 16px;
	display: inline-block;
}
a.gflag img {
	border: 0;
}
a.gflag:hover {
	background-image: url(//gtranslate.net/flags/16a.png);
}
#goog-gt-tt {
	display: none !important;
}
.goog-te-banner-frame {
	display: none !important;
}
.goog-te-menu-value:hover {
	text-decoration: none !important;
}
#google_translate_element2 {
	display: none !important;
}



.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;
}
.pdl30 {
	padding-left: 30px;
}
.pdr30 {
	padding-right: 30px;
}
.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: 1080px) {
	.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;
	}
	.pdl30 {
		padding-left: 3vw;
	}
	.pdr30 {
		padding-right: 3vw;
	}
	.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;
	}
}