@charset "utf-8";

html {
	color:#676767;
    font-family: 'Quicksand', '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size:62.5%;
}

.mac * {
    font-size:18px;
	font-size:1.8rem;
}

.ipad * {
    font-size:18px;
	font-size:1.8rem;
}

/*カスタマイズ　body上部の7pxラインカラー*/
body {
	border-top: 7px solid #0c4100;
	font-size:22px;
	font-size:2.3rem;
}


.end {
	margin-right:0 !important;
	margin-bottom:0 !important;
}

a {
	color:#2a88d1;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: .80; /* Safari 1.x */
}

a:focus {
	overflow:hidden;
	outline:none;
}

.b {font-weight:bold;}
.s {font-size:10px;font-size:1rem;}
.s_line {font-size:10px;font-size:1rem; line-height:80%;}
.font16{font-size:16px;}
.center {text-align:center;}

.red {color:#c70101;}
.copyright {color:#FFF; font-size:10px; font-size:1rem;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.must {
	float:right !important;
	border-radius:0 !important;
	padding:2px 6px !important;
	box-shadow:none !important;
}

.tc {
	text-align: center;
	font-weight: bold;
}



/* ------------------------------------------------
	■ clearfix ■
------------------------------------------------ */
.cf,
header,
#wrap,
footer,
nav,
#main { zoom: 1;overflow:hidden;}

.cf:before, .cf:after,
header:before, header:after,
#wrap:before, #wrap:after,
footer:before, footer:after,
nav:before, .nav:after,
#main:before, #main:after { content: ""; display: table; }

.cf:after,
header:after,
#wrap:after,
.footer:after,
nav:after,
#main:after { clear: both; }


@media screen and (min-width: 769px),print{

body {
	color:#676767;
}

/* ------------------------------------------------
	■ header ■
------------------------------------------------ */
header {
	width:600px;
	margin:0 auto;
	padding:40px 0 0;
}


/* ------------------------------------------------
	■ form ■
------------------------------------------------ */

#recruitForm .recruitForm{
	width:600px;
	margin:0px auto;
	padding-top:30px;
	padding-bottom:50px;
}

#recruitForm .must {
	float:left !important;
}

/*カスタマイズ　PC [応募書類の個人情報の取り扱いに関して]の背景色*/
 #recruitForm dl.tyui {
	width:90%;
	padding:5%;
	background: #e2e2e2;
    color: #000;
	font-size:13px;
	line-height:1.5;
	}


/* ------------------------------------------------
	■ footer ■
------------------------------------------------ */

/*カスタマイズ　PC フッター背景色*/
footer {
	text-align:center;
	padding:40px 0 40px 0px;
	background-color:#0c4100;
}

footer small {
	text-align:center;
	color:#fff;
	font-size:10px;
	font-size:1.5rem;
}


}


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

body {
	color:#444;
}
	
/* ------------------------------------------------
	■ header ■
------------------------------------------------ */
header {
	width:100%;
	margin:40px 0 30px;
}

header p.logo img{
	width:40%;}




	
/* ------------------------------------------------
	■ form ■
------------------------------------------------ */
#recruitForm .recruitForm {
	width:90%;
	margin:0;
padding: 0 5%}

	
#recruitForm .recruitForm img{
	width:100%;
	height:auto;}
	

#recruitForm .must {
	float:left !important;
}

#recruitForm .recruitForm #mailformpro dl dd textarea,
#recruitForm .recruitForm #mailformpro dl dd input[type=text],
#recruitForm .recruitForm #mailformpro dl dd input[type=tel],
#recruitForm .recruitForm #mailformpro dl dd input[type=email] {
    font-size: 120%;
    width: 90% !important; 
    padding: 3%
}

#recruitForm .recruitForm #mailformpro dl dd input#age {
    font-size: 120%;
    width: 30% !important; 
    padding: 3%;
}

#recruitForm .recruitForm #mailformpro dl dd select {
    width: 97%;
    font-size: 120%;
    height: 40px;
}

#recruitForm .recruitForm #mailformpro dl dd li input[type=radio] {
	font-size: 120%;
    padding: 3px;
      
}

#recruitForm .recruitForm #mailformpro dl dt {
    text-align: left;
    width: 100%;
		border-bottom: medium none;
		border-top: 1px solid #ccc;
    clear: both;
    margin: 0;
    padding: 10px 0;
		float:none;
}

#recruitForm .recruitForm #mailformpro dl dd {
    float: none;
    padding: 0 0 10px;
    text-align: left;
    width: 100%;
		border-top: medium none;
		border-bottom: medium none;
		line-height: 1.5em;
    margin: 0;
}

/*カスタマイズ　 スマホ　[応募書類の個人情報の取り扱いに関して]の背景色*/
#recruitForm dl.tyui {
	width:90%;
	padding: 5%;
    background: #e2e2e2;
	font-size:12px;
	line-height:1.5;
	}

#recruitForm button[type="submit"] {
     width: 100%;

}

#recruitForm .finish {
	font-size: 14px;
}

	
/* ------------------------------------------------
	■ footer ■
------------------------------------------------ */

/*カスタマイズ　スマホフッターカラー*/
footer {
	text-align:center;
	padding:5%;
	background-color:#0c4100;
	line-height:1 !important;
}

footer small {
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:1.3 !important;
}


	
	}