﻿body,html,h1,h2,table,tr,td{
    margin:0px;
    padding:0px;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    color:#333;
    font-size:14px;
}

p,textarea{
    margin:0;
    padding:0;
}

textarea{font-size:13px;}

a{
    font-weight:bold;
    text-decoration:none;
}

@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('bebasneue_regular.woff2') format('woff2'),
         url('bebasneue_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuebold';
    src: url('bebasneue_bold.woff2') format('woff2'),
         url('bebasneue_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.header-container{
	position:relative;
	width:100%;
	height:120px;
	background-color:#eee;
	font-size:23px;
	font-family: 'bebas_neuebold';
	z-index:10;
}

.header-wrapper{
	width:943px;
	margin:0px auto;
	padding-top:20px;
	padding-left:20px;
}

.menu-container{
	position:fixed;
	width:166px;
	height:100vh;
	border-left:solid 1px #ccc;
	top:0px;
	left:50%;
	transform:translateX(-500px);
	-moz-transform:translateX(-500px);
	-webkit-transform:translateX(-500px);
	z-index:5;
}

.btn{
	width:166px;
	height:104px;
	margin-top:9px;
	background-color:#eee;
	font-size:23px;
	font-family: 'bebas_neuebold';
	text-align:center;
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
}

.btn:nth-of-type(1){
	margin-top:216px;
}

.btn a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#333;
	padding-top:38px;
}

.btn:hover{
	opacity:0.5;
}

.main-container{
	position:relative;
	width:779px;
	top:120px;
	left:50%;
	transform:translateX(-279px);
	-moz-transform:translateX(-279px);
	-webkit-transform:translateX(-279px);
}

.catch{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:68px;
}

.main-container h1{
	font-size:72px;
	letter-spacing:13px;
	margin-top:100px;
	margin-bottom:50px;
}

.main-container table{
	border-collapse:collapse;
}

.midasi{
	width:132px;
	padding-top:11px;
	padding-left:15px;
	background-color:#eee;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	font-weight:bold;
	letter-spacing:3px;
	line-height:2em;
	vertical-align:top;
}
.midasi:nth-of-type(1){
	border-top:solid 1px #ccc;
}

.nakami{
	width:563px;
	padding-top:11px;
	padding-left:15px;
	padding-bottom:20px;
	background-color:#fff;
	border-bottom:solid 1px #ccc;
	line-height:2em;
	vertical-align:top;
}

.nakami:nth-of-type(2){
	border-top:solid 1px #ccc;
}

.information-container,.recruit-container,.contact-container{
	margin-top:300px;
}

.information-container h1,.recruit-container h1,.contact-container h1{
	margin-bottom:20px;
}

.information-container h2{
	font-size:32px;
	letter-spacing:5px;
	font-weight:bold;
	margin-bottom:40px;
}

.information-container p,.recruit-container p,.contact-container p{
	font-size:23px;
	letter-spacing:5px;
	margin-top:20px;
}

.underline{
	text-decoration:underline;
}

.contact-container .att{
	font-size:13px;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

.form-container{
    width:840px;
    padding-top:30px;
}

li{
    list-style-type:none;
}

li:nth-of-type(1){
    font-weight:bold;
}

li:nth-of-type(2n+3){
    font-weight:bold;
    margin-top:15px;
}

li span{
    font-size:12px;
    color:#ff0000;
}

.main-wrapper-result p{
    margin-top:100px;
    margin-bottom:30px;
}

.main-wrapper-result a{
    color:#ff6161;
}

.main-wrapper-result a:hover{
    background-image:url("../images/underline-r.png");
    background-position:0px 13px;
    background-repeat:repeat-x;
}

.footer-container,.footerr-container{
	position:relative;
	margin-top:300px;
	width:100%;
	height:60px;
	text-align:center;
	background-color:#eee;
	color:#7f7f7f;
	z-index:10;
	font-size:11px;
	padding-top:40px;
}

.footerr-container{
	position:absolute;
	bottom:0px;
}

.result-container{
	padding-top:100px;
	text-align:center;
}

.result-container p{
	margin-top:50px;
}

.result-container a{
	color:#333;
	font-weight:bold;
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
}

.result-container a:hover{
	opacity:0.5;
}

