@charset "UTF-8";

body, div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, p, blockquote,
table, th, td,
a {
	margin: 0;
	padding: 0;
	zoom: 1;
	background-repeat: no-repeat;
	}



table, th, td {
	border: 0;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	}

fieldset, img, iframe {	
	border: 0;
	line-height: 0;
	vertical-align: bottom;
	}

object, embed {
	line-height: 0;
	vertical-align: middle;
	}
	
iframe {
	border: 0;
	background-color: transparent;
	}

ol, ul {
	clear: both;
	list-style: none;
	}

br {
	letter-spacing: 0;
	}

h1, h2, h3, h4, h5, h6, {
	display: block;
	font-size: 100%;
	font-weight: normal;
	}


a:link,
a:visited {
	}

a:hover {
	}

input {
	border: 0;
	line-height: 1;
	font-family: "Helvetica Neue Light", "Helvetica Neue", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	}

body {
	width: 100%;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	font-family: "Helvetica Neue Light", "Helvetica Neue", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: 300;
	margin:0;
	padding:0;
	letter-spacing: .05em;
	color:#222;
	background-image: url(../images/011.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #f2f2f2;
}

.clear {
	clear: both;
}


hr{
border:0;
height:1px;
background:#CCC;
}

.italictxt{font-style:italic;}
.boldtxt{font-weight: 600;}
.txt11{font-size:11px; line-height:1.7;}
.txt12{font-size:12px; line-height:1.7;}
.txt13{font-size:13px; line-height:1.7;}
.txt14{font-size:14px; line-height:1.7;}
.txt18{font-size:18px; line-height:1.7;}
.txt20{font-size:20px; line-height:1.7;}
.txt24{font-size:24px; line-height:1.7;}
.txt32{font-size:32px; line-height:1.7;}
.txt42{font-size:42px; line-height:1.7;}
.txt58{font-size:58px; line-height:1.7;}

.c-white{color:#FFFFFF;}
.c-pink{color:#c9638e;}
.c-blue{color:#5e92e0;}
.c-navy{color:#3a4259;}
.c-gray{color:#878a9a;}

.al-r{
text-align:right;
}

.fl-r{
float:right;
}

.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt28{margin-top:28px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt76{margin-top:76px;}
.mt78{margin-top:78px;}
.mt80{margin-top:80px;}
.mt84{margin-top:84px;}
.mt12{margin-top:112px;}
.mt120{margin-top:120px;}
.mt220{margin-top:220px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mb10{margin-bottom:10px;}
.mb28{margin-bottom:28px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb76{margin-bottom:76px;}
.mb78{margin-bottom:78px;}
.mb80{margin-bottom:80px;}
.mb84{margin-bottom:84px;}
.mb112{margin-bottom:112px;}
.mb120{margin-bottom:120px;}
.mb220{margin-bottom:220px;}

.mr40{margin-right:40px; float:left;}
.mr10{margin-right:10px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.pt200{padding-top:200px;}


.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb150{padding-bottom:150px;}
.pb200{padding-bottom:200px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}
.pl150{padding-left:150px;}
.pl200{padding-left:200px;}

@media only screen and (min-width: 769px) {
#top{
text-align: center;
}

#top .main{
position: absolute;
top:40%;
left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
}

#footer{
width:100%;
text-align:right;
}

#footer .copy{
font-size:12px;
font-weight:bold;
padding-right:20px;
padding-bottom:20px;
}

.enter-btn a{
border:3px solid #FFFFFF;
font-size:16px;
padding:10px 30px 10px 30px;
//width:100px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

.enter-btn a:hover{
border:3px solid #FFFFFF;
background-color:#FFFFFF;
color:#000000;
text-decoration:none;
}

}

@media only screen and (max-width: 768px) {

#top{
width: 100%;
text-align: center;
}

#top .main{
position: absolute;
top:40%;
left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
}

#footer{
width:100%;
text-align:center;
}

#footer .copy{
font-size:12px;
font-weight:bold;
padding-right:20px;
padding-bottom:20px;
color: #000;
}

.enter-btn a{
//border:3px solid #FFFFFF;
background-color: #FFFFFF;
font-size:16px;
padding:10px 30px 10px 30px;
text-align:center;
color:#000000;
text-decoration:none;
font-weight:bold;
}

.enter-btn a:hover{
border:3px solid #FFFFFF;
background-color:#FFFFFF;
color:#000000;
text-decoration:none;
}

}