@charset "utf-8";

@media screen and (min-width: 601px){
	#gnav{ display:block !important;}
	body{ min-width:1000px;}
}

@media screen and (max-width: 600px){
	
a:link{ text-decoration:underline;}
img{ max-width:100%; height:auto}
.spNone{ display:none;}

body{ 
border-top-width:2px;
}

#header{
	width:auto;
        height:auto;
        margin:0;
}

#header h1{
        display:none;
}

#chead #header header{
	border-bottom:1px solid #0000B0;
	height:auto;
        padding:0 10px;
        margin:0 0 20px;
}

#spNavBtn{
	width:31px;
	height:33px;
	position:absolute;
	top:15px;
	right:15px;
	background:#000;
	background:url(../images/bt_spnav.png) no-repeat;
	background-size:100% auto;
	cursor:cursor;
        
}
	
	#spNav{ display:none;}

	#gnav{
		position:static;
                margin:0 -10px;
	}
	#gnav{
                background-color:#00006C;
	}
	
	#gnav li{
		border-top:1px solid #FFF;
                margin:0;
                display:block;
	}
	
	#gnav li a{
                background:none;
		margin:0;
		line-height:43px;
		text-align:left;
		display: block;
		padding:0 20px;
                color:#FFF;
        text-indent:0;
        height:auto;
	}

#gnav li.nav01 a,
#gnav li.nav02 a,
#gnav li.nav03 a,
#gnav li.nav04 a,
#gnav li.nav05 a,
#gnav li.nav06 a{
background:none;
width:100%;
color:#FFF;
}

#gnav li.nav01 a:hover,
#gnav li.nav02 a:hover,
#gnav li.nav03 a:hover,
#gnav li.nav04 a:hover,
#gnav li.nav05 a:hover,
#gnav li.nav06 a:hover{
background:none;
width:100%;
}

		
#footer{
padding-top:10px;
margin-top:10px;
width:auto;
}

/**/
#header header{
	width:auto;
        padding:0 10px;
}
#logo{
        position:static;
        padding:10px 0 10px 0;
}
#logo img{
        width:30px;
        height:auto;
}

#container,
#mainContents{ 
width:auto; 
float:none;
}

#container .vi{
	margin:0 -10px 25px;
        width:auto;
}
#container{
padding:0 10px;
margin:0;
}
#gnav{display:none;}

#container .greetingArea{
        text-align:center;
        position:relative;
        padding-bottom:100px;
}
#container .topCatch{
	color:#0000B0;
        font-size:20px;
        margin:0 0 30px;
        font-size:2.0rem;
}
#container .president{
        position:static;
        right:0;
        bottom:0;
        margin-top:20px;
}

#container .presidentTxt{
        position:static;
        right:0;
        bottom:0;
        margin:20px 0 0 0;
}


/*footer*/
#footer{
        height:auto;
        margin:30px 0 0 0;
        padding:10px;
        background-color:#00006C;
        position:relative;
}

#footer .footerLogo{
        position:static;
}
#footer .footerLogo img{
        width:150px;
        height:auto;
}

#footer .footerAd{
        position:static;
        right:0;
        bottom:0;
        margin:10px 0 0 0;
        text-align:left;
}
#footer .footerAd span{
        display:block;
}

/*profile*/
.reslutsPh,
.profilePh{
margin:0 -5px 30px;
}
.reslutsPh li,
.profilePh li{
float:left;
margin-bottom:10px;
padding:0 5px;
box-sizing:border-box;
width:50%;
}
/*title*/
.mainTl{
font-size:13px;
font-size:1.3rem;
margin-bottom:25px;
}
.listDl{
margin:0 0 30px;
}

.listDl dt{
width:95px;
float:left;
box-sizing:border-box;
}
.listDl dd{
width:100%;
float:left;
box-sizing:border-box;
padding:0 0 0 95px;
margin:0 0 0 -98px;
}

/*section*/
.sec{
margin:0 0 30px;
}
.sec.widM{
margin-right:0;
margin-left:0;
}
.sec.widT{
margin-top:0;
}

/*clum*/
#mainContents{ 
width:100%;
float:none;
box-sizing:border-box;
margin:0;
padding:0;
}

#subContents{
float:none;
width:100%;
}

#subContents .tl,
#subContents .archive li{
border-bottom:1px solid #999999;
margin:0 0 10px;
}

#subContents .tl{
padding:0 0 10px;
}

#subContents .archive li a{
display:block;
padding:0 0 10px;
}

.resultList dl{
border-bottom:1px solid #999999;
padding:10px 0;
position:relative;
}

.resultList dt{
width:100%;
float:none;
box-sizing:border-box;
}
.resultList + dd{
width:100%;
float:none;
margin:0 0 0 -100px;
padding:0 40px 0 160px;
box-sizing:border-box;
}
.resultList .icon{
position:absolute;
right:0;
top:5px;
}

.map{
text-align:center;
}
.maptxt{
display:block;
margin:0;
text-align:left;
}

.gmap{
width:100%;
padding-bottom:78%;
position:relative;
}

.gmap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.contactList dl{
border-bottom:1px dashed #D6D6D6;
padding:0 0 10px;
margin:0 0 10px;
}

.contactList dt{
width:100%;
box-sizing:border-box;
float:none;
margin:0 0 5px;
}

.contactList dd{
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
float:none;
}

.recruitNav{
	text-align:center;
        margin:0 0 20px;
}

.rectuiCatch{
	font-size:20px;
        font-size:2.0rem;
        margin:0 0 30px;
        color:#CC0000;
        text-align:center;
}

.rectuitBox{
	width:100%;
}

.voiceArea .humanL{
width:100%;
float:none;
text-align:center;
margin:0 0 20px;
}

.voiceArea .humanR{
margin:0;
padding:0;
width:100%;
float:none;
position:static;
box-sizing:border-box;
}
.voiceArea .humanR img{
text-align:center;
display:block;
margin:0 auto;
}


.voiceArea .humanR .ph{
position:static;
left:0;
bottom:0;
margin:20px 0 0;
text-align:center;
}



.voiceArea .humanList{
margin:0;
}
.voiceArea .humanList li{
margin:0 0 10px;
padding:0;
float:none;
}

.voiceArea .humanList li img{
width:100%;
height:auto;
}

.voiceArea .humanList li dd span{
display:inline-block;
}

/**/
.voiceArea .scheBoxall{
margin:0;
width:100%;

}
.voiceArea .scheBox{
width:100% !important;
float:none;
padding:0;
box-sizing:border-box;
}
.voiceArea .scheBox .ph{
margin:0 0 20px;
text-align:center;
}

.voiceArea .scheBox .inner{
border:1px solid #666666;
box-sizing:border-box;
padding:5px 0;
}

.voiceArea .scheBox dl{
border-bottom:1px dashed #666666;
padding:0 0 5px;
margin:0 0 5px;
position:relative;
}
.voiceArea .scheBox dl:last-child{
border-bottom:none;
margin:0;
padding:0;
}

.voiceArea .scheBox dl dt{
width:100%;
box-sizing:border-box;
float:none;
padding:0 0 0 5px;
display:block;
}
.voiceArea .scheBox dl .time02,
.voiceArea .scheBox dl .time01{
position:static;
display:block;
}

.voiceArea .scheBox dl dt .itemTl{
display:inline;
margin:0 0 0 10px;
vertical-align:top;
}
.voiceArea .scheBox dl dt .itemTl span{
display:inline;
}

.voiceArea .scheBox dl dd{
width:100%;
margin:0;
padding:0 5px;
box-sizing:border-box;
float:none;
}

.voiceArea .humanList li dl{
margin:5px 0 0 0;
}

.voiceArea .humanList li dt{
width:100%;
float:none;
box-sizing:boder-box;
}

.voiceArea .humanList li dd{
width:100%;
float:none;
margin:0;
padding:0;
box-sizing:border-box;
}

/*recruit*/
.listRequi{
padding:10px 0;
border-bottom:1px solid #999999;
}

.listRequi dt{
width:95px;
float:none;
box-sizing:border-box;
}
.listRequi dd{
width:100%;
float:none;
box-sizing:border-box;
padding:0;
margin:0;
}
.txtC{
text-align:center;
}
.txtL{
text-align:left;
}



#subContents .recruitBn{
margin:0 0 30px;
text-align:center;
width:100%;
}

#subContents .recruitBn li{
margin:0;
padding:0 5px;
float:left;
width:50%;
text-align:center;
box-sizing:border-box;
}

/*contact*/
.contactArea{
margin:0 0 20px;
padding:0;
}

.contactArea input{padding:5px 10px;}
.contactArea .att{color:#FF2323;}

.contactArea dl{
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px dashed #D6D6D6;
}


.contactArea dt{
width:100%;
float:none;
margin:0 0 10px;
box-sizing:border-box;
}

.contactArea dd{
width:100%;
float:none;
margin:0;
padding:0;
box-sizing:border-box;
}

.txtW{width:97%; height:100px;}
.formL{	width:92%;}

.voiceArea .scheBox dl .arrownone{
display:none;
}