@charset "UTF-8";

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol, ul, li{list-style:none;margin:0;padding:0;}

caption{width:100%;}
a{outline:none;}

/*clearfix*/
.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clr{clear:both;}

/*style*/
body{margin:0px;padding:0;-webkit-text-size-adjust: none;font:12px/24px "Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color:#333;}
h1,h2,h3,h4,h5,h6,p{margin:0 0 20px;}
ul,ol{padding:0;margin:0 0 20px 20px;}
h1{font-size:20px;line-height:22px;}
h2{font-size:18px;line-height:20px;}
h3{font-size:16px;line-height:18px;}
h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:14px;}
h6{font-size:11px;line-height:13px;}
img{border:none;height:auto;}
a{text-decoration:underline;color:#333;}
a:hover{text-decoration:underline;}
a img{vertical-align:bottom;}
.screen-reader-text{display:none;}
.clear{clear:both;}
.clear hr{display:none;}
hr{background-color:#eee;border:0;height:1px;clear:both;margin:30px auto;}
table{margin:0 0 20px;}

.tar{text-align:right;}
.tac{text-align:center;}
.small{font-size:80%;}

/*wrap*/
#wrap{margin:0px auto;text-align:center;;clear:both;}
#main-wide{overflow:hidden;padding:0px 0px 0px 0px;background-color: #fff;margin:0 auto;}

/*header*/
#header{margin:0 auto;background-image:url(img/hbg.png);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;}
@media only screen and (max-width:736px){
#header{
background-size:cover;
background-repeat:no-repeat;}}

#site-title{margin:0px auto;padding:0;width:1140px;padding:30px 0px 0px 0px;}
@media only screen and (max-width:736px){#site-title{width:auto;padding:10px 10px;}}


.boxfull{margin:0px auto;clear:both;}
.none{margin:0px auto;padding:0px;clear:both;}

@media only screen and (max-width:736px){
.boxfull img{width:90%;}}

.boxsize{width:1140px;margin:0px auto;padding:0px;clear:both;}
@media only screen and (max-width:736px){.boxsize{width:auto;padding:0px;margin:0px 0px;}}

.boxl{float:left;padding:50px 0px 0px 0px;margin:0px 0px 0px 0px;}
.boxr{float:right;padding:0px;margin:0px;}
@media only screen and (max-width:736px){
.boxl,.boxr{flaot:none;clear:both;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;width:100%;}
.boxl img{width:95%;}}

#catch{
text-indent:-9999px;
background-image:url(img/topimg.png);
background-position:center top;
background-repeat:no-repeat;
height:470px;}
@media only screen and (max-width:736px){
#catch{background-image:url(img/sptopimg.png);height:300px;
background-size:contain;}
}

#text01{color:#fff;font-size:135%;line-height:160%;}
@media only screen and (max-width:736px){#text01{margin:2px 10px 10px 13px;}}

.bgblue{background:#186ab4;}
#pastel{
background-image:url(img/bg1.jpg);
background-repeat:repeat-x;
background-position:bottom center;}
#bborder{padding:0px;margin:0px;background:#186ab4;text-align:center;}
#bborder img{width:100%;}
@media only screen and (max-width:736px){
#bborder{margin-top:20px;}
#bborder img{width:100%;}
}

.jobdetail{text-align:left;}
.jobdetail ul{width:567px;padding:25px 0px 0px 0px;margin:0px;
background-image:url(img/06.jpg);
background-position:top left;
background-repeat:no-repeat;}
.jobdetail li{display:block;float:left;width:263px;padding:0px;margin:0px;text-align:left;line-height:133%;}
.jobdetail li:nth-child(odd){margin-right:40px;}
.imgcap{font-size:110%;font-weight:bold;margin:5px 0px 10px 0px;line-height:140%;}
@media only screen and (max-width:736px){
.jobdetail ul{width:263px;margin:0px auto;text-align:center;}
.jobdetail li{float:none;clear:both;margin-bottom:10px;}
.jobdetail li:nth-child(odd){margin-right:0px;}
.listimg{text-align:center;}
}

#detail{border:10px solid #000;padding:50px;background:#fff;}
@media only screen and (max-width:736px){#detail{padding:10px 0px 20px 0px;margin:10px;}}

.title01{font-size:26px;font-weight:bold;padding:0px 0px 20px 0px;border-bottom:1px solid #ddd;}
.title02{font-size:14px;padding:15px 0px;border-bottom:1px solid #ddd;line-height:145%;font-weight:bold;}
@media only screen and (max-width:736px){
.title01{margin-top:10px;}.title02{border-bottom:0px;text-align:left;margin:0px 20px;}}

table{width:100%;font-size:13px;mrgin:0px;padding:0px;border-collapse:collapse;
border:0px;cellspacing:0px;cellpadding:0px;}
th,td  { padding: 10px; border-bottom: 1px solid #ddd;text-align: left;font-weight:normal;}
th  {background: #fff; }
 
/*----------------------------------------------------
    .list
----------------------------------------------------*/
.list th  { width: 15%; text-align: center; }
 @media only screen and (max-width:736px){
.list { margin:0 -10px;padding:0px;}
.list th{text-align: left;width:90%;display: block;border-top:none;border-bottom:none;padding:8px 15px 8px 15px;background:linear-gradient(to right, #eee, #fff);margin:0px 10px;}
.list td{text-align: left;width:90%;display: block;border-top:none;border-bottom:none;padding:8px 15px 8px 15px;margin:0px 10px;}
}

.list2 th  { width: 15%; text-align: center; }
 @media only screen and (max-width:736px){
.list2 { margin: 0;padding:0px;}
.list2 th{text-align:left;width:68%;display: block;border-top:none;border-bottom:none;padding:8px 0px 8px 15px;background:linear-gradient(to right, #eee, #fff);margin:0px;}
.list2 td{text-align:left;width:67%;display: block;border-top:none;border-bottom:none;padding:8px 0px 8px 15px;}

}

.p10{padding:10px 0px 5px 0px;}
.ss{padding:10px 0px 5px 0px;}
.gh{padding:15px 0px 5px 0px;}
.p20{padding:20px 0px;}
.p80{padding:80px 0px;}
.pb200{padding:0px 0px 200px 0px;}
@media only screen and (max-width:736px){
.p10,.p15,.p20,.p80,.pb200{
padding:8px 0px 20px 0px;}
.gh{padding:15px 0px 1px 0px;}
.ss{padding:8px 0px 3px 0px;}
}


/*form*/
#formouter{background:#fff;padding:10px;margin:0px 0px 20px 0px;}
#form{border:4px solid #186ab4;padding:50px;}
@media only screen and (max-width:736px){
#formouter{padding:15px 0px;margin:10px;}
#form{padding:0px;margin:0px;border:0px;clear:both;width:100%;}}

.formt {font-size:15px;line-height:25px;padding:5px;text-align:left;}


.checkarea {
  text-align:center;
  line-height:30px;
}

.rules {
  width:590px;
  height:140px;
  border:1px solid #999999;
  margin:0 auto 20px;
  overflow-y:scroll;
}

.regbutton {
  width:330px;
  height:49px;
  margin:30px auto 10px;
}

input.textbox {
  width:226px;
  height:19px;
  margin:5px 0px;
}

@media only screen and (max-width:736px){
.formt {
  font-size:13px;
  line-height:20px;
  padding:5px;
  margin:10px 15px;
}

.checkarea {
  text-align:center;
  line-height:30px;
}

.rules {
  width:90%;
  height:140px;
  border:1px solid #999999;
  margin:0 auto 20px;
  overflow-y:scroll;
}

}


/*footer*/
#footer{clear:both;background-color:#ededed;padding:20px 0px 20px 0px;margin:0px;}
#footer-bottom{width:1140px;margin:0px auto;padding:0;background-color:#ededed;}
#copyright{padding:0;font-weight:500;}
#copyright a{color:#009fe8;text-decoration:none;}
@media only screen and (max-width:736px){
	#footer{padding:5px 0px 20px 0px;margin:0px;}
#footer-bottom{width:100%;padding:10px 0px 10px 0px;margin:0px 0px 0px 0px;}
#copyright{margin:0px 10px;}
}

/*scrolltotop*/
.totop {
  width:76px;
  height:76px;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
}
@media only screen and (max-width:736px){
	.totop {
  width:10%;
  height:auto;
}

#page-top {
	position: fixed;
	bottom: 100px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	text-decoration: none;
	width: 70%;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
}
}

.comment {
    width: 441px;
    height: 136px;
}