@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Balthazar');
	
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style: normal;
}

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.6;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic","Osaka－等幅",Verdana,Arial,Helvetica,sans-serif;
	font-weight: 300;
	color: #000;
}
sup {
	font-size: 90%;
}
strong {
	font-weight: bold;
}
.Balthazar {
	font-family: 'Balthazar', serif;
}
@media screen and (max-width: 750px) {
	body {
		font-size: 15px;
		line-height: 1.8;
	}
}

a {
	outline: none;
}

a:link {
	color: #ca0000;
	text-decoration: none;
}

a:visited {
	color: #ca0000;
	text-decoration: none;
}

@media screen and (min-width: 751px) {
	a:hover {
		color: #ca0000;
		text-decoration: none;
	}
}

img {
	vertical-align: bottom;
	max-width: 100%;
}

a img  {
	border: none;
}

li {
	list-style-type: none;
}

input,label,select,textarea {
	vertical-align: middle;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic","Osaka－等幅",Verdana,Arial,Helvetica,sans-serif;
}

.red {
	color: #CA0000;
}

input::-webkit-input-placeholder {
    color: #c6c6c4;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #c6c6c4;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #c6c6c4;
    font-weight: normal;
}
input[type=text],
input[type=email],
input[type=submit],
input[type=button] {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
}
input[type=text],
input[type=email] {
	border: 1px solid #ccc;
	width: 100%;
	box-sizing: border-box;
	padding: 6px 10px;
}
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
}
textarea {
	border: 1px solid #ccc;
	width: 100%;
	box-sizing: border-box;
	padding: 6px 10px;
	height: 150px;
}
input[type=submit] {
	display: block;
	max-width: 400px;
	height: 68px;
	margin: 0 auto;
	background: url(../img/ico/arrow_w.svg) right 24px center no-repeat;
	background-color: #ca0000;
	color: #fff;
	box-sizing: border-box;
	font-family: 'Balthazar', "游ゴシック体", "Yu Gothic", YuGothic, sans-serif,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic","Osaka－等幅",Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-align: center;
	cursor: pointer;
}
@media screen and (max-width: 750px) {
	input[type=submit] {
		padding: 10px 5px;
		width: 100%;
		max-width: 360px;
		font-size: 18px;
	}
}

/*margin*/
.ma00{margin:0!important;}
/*top*/
.mt00{margin-top:0!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
/*right*/
.mr00{margin-right:0!important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;}
/*bottom*/
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb80{margin-bottom:80px!important;}
/*left*/
.ml00{margin-left:0!important;}
.ml05{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{margin-left:50px!important;}

/*padding*/
.pa00{padding:0!important;}
/*top*/
.pt00{padding-top:0!important;}
.pt05{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt35{padding-top:35px!important;}
.pt40{padding-top:40px!important;}
.pt45{padding-top:45px!important;}
.pt50{padding-top:50px!important;}
/*right*/
.pr00{padding-right:0!important;}
.pr05{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr25{padding-right:25px!important;}
.pr30{padding-right:30px!important;}
.pr35{padding-right:35px!important;}
.pr40{padding-right:40px!important;}
.pr45{padding-right:45px!important;}
.pr50{padding-right:50px!important;}
/*bottom*/
.pb00{padding-bottom:0!important;}
.pb05{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb35{padding-bottom:35px!important;}
.pb40{padding-bottom:40px!important;}
.pb45{padding-bottom:45px!important;}
.pb50{padding-bottom:50px!important;}
/*left*/
.pl00{padding-left:0!important;}
.pl05{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl35{padding-left:35px!important;}
.pl40{padding-left:40px!important;}
.pl45{padding-left:45px!important;}
.pl50{padding-left:50px!important;}

/*font*/
/*size*/
.fs10{font-size:10px!important;}
.fs11{font-size:11px!important;}
.fs12{font-size:12px!important;}
.fs13{font-size:13px!important;}
.fs14{font-size:14px!important;}
.fs15{font-size:15px!important;}
.fs16{font-size:16px!important;}
.fs17{font-size:17px!important;}
.fs18{font-size:18px!important;}
.fs19{font-size:19px!important;}
.fs20{font-size:20px!important;}
/*bold*/
.bold{font-weight:bold!important;}

/*text-align*/
.center{text-align:center!important;}
.right{text-align:right!important;}
.left{text-align:left!important;}

/*float*/
.floatR{float:right!important;}
.floatL{float:left!important;}

/*clear*/
.clear{clear:both!important;}

/*clearfix*/
.clearfix{_height:1px;min-height:1px;/*\*//*/height:auto;overflow:hidden;/**/}
.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both;}



@media screen and (max-width: 750px) {
	.mb40{margin-bottom:20px!important;}
	.mb60{margin-bottom:30px!important;}
	.mb80{margin-bottom:40px!important;}
}

.animated {
	-webkit-animation-duration: 0.35s;
	animation-duration: 0.35s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animate-default {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
@-webkit-keyframes fadeIn01 {
	0% {
		opacity:0;
		-webkit-transform: translate3d(-30%, -30%, 0);
		transform: translate3d(-30%, -30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeIn01 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30%, -30%, 0);
		transform: translate3d(-30%, -30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeIn01 {
	-webkit-animation-name: fadeIn01;
	animation-name: fadeIn01;
}
@-webkit-keyframes fadeIn02 {
	0% {
		opacity:0;
		-webkit-transform: translate3d(30%, -30%, 0);
		transform: translate3d(30%, -30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeIn02 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30%, -30%, 0);
		transform: translate3d(30%, -30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeIn02 {
	-webkit-animation-name: fadeIn02;
	animation-name: fadeIn02;
}
@-webkit-keyframes fadeIn03 {
	0% {
		opacity:0;
		-webkit-transform: translate3d(-30%, 30%, 0);
		transform: translate3d(-30%, 30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeIn03 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30%, 30%, 0);
		transform: translate3d(-30%, 30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeIn03 {
	-webkit-animation-name: fadeIn03;
	animation-name: fadeIn03;
}
@-webkit-keyframes fadeIn04 {
	0% {
		opacity:0;
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeIn04 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeIn04 {
	-webkit-animation-name: fadeIn04;
	animation-name: fadeIn04;
}
@-webkit-keyframes fadeIn05 {
	0% {
		opacity:0;
		-webkit-transform: translate3d(30%, 30%, 0);
		transform: translate3d(30%, 30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeIn05 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30%, 30%, 0);
		transform: translate3d(30%, 30%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeIn05 {
	-webkit-animation-name: fadeIn05;
	animation-name: fadeIn05;
}





.animetion {
    fill: none;
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    animation: DASH 3s ease-in 1s forwards;
    -webkit-animation: DASH 3s ease-in 1s forwards;
}
@keyframes DASH {
    0% {
        stroke-dashoffset: 3000;
        fill: rgba(255, 255, 255, 0);
    }
    50% {
        stroke-dashoffset: 2000;
        fill: rgba(255, 255, 255, 0);
    }
    70% {
        stroke-dashoffset: 1000;
        fill: rgba(255, 255, 255, 0.4);
    }
    100% {
        stroke-dashoffset: 0;
        fill: rgba(255, 255, 255, 1);
    }
}
 
@-webkit-keyframes DASH {
    0% {
        stroke-dashoffset: 3000;
        fill: rgba(255, 255, 255, 0);
    }
    50% {
        stroke-dashoffset: 2000;
        fill: rgba(255, 255, 255, 0);
    }
    70% {
        stroke-dashoffset: 1000;
        fill: rgba(255, 255, 255, 0.4);
    }
    100% {
        stroke-dashoffset: 0;
        fill: rgba(255, 255, 255, 1);
    }
}

.animetion2 {
    fill: none;
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    animation: DASH2 4s ease-in 4s forwards;
    -webkit-animation: DASH2 4s ease-in 4s forwards;
}
@keyframes DASH2 {
    0% {
        stroke-dashoffset: 3000;
    }
    50% {
        stroke-dashoffset: 2000;
    }
    70% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
 
@-webkit-keyframes DASH2 {
    0% {
        stroke-dashoffset: 3000;
    }
    50% {
        stroke-dashoffset: 2000;
    }
    70% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}