@charset "UTF-8";

/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {

html {
	-webkit-text-size-adjust: 100%;
}

body {
	background:#fff;
	width: 100%;
	
}




/* ---------------------------------------------------------------- *
	スマ用メニュー
 * ---------------------------------------------------------------- */
.drawer {
	display:inline;
}


/*-------------------------------------
ヘッダー
-------------------------------------*/


#header {
	width:100%;
}

#header .logo img {
	width: 80%;
	height:auto;
}



#header .right {
	display:none;
}




#head .headmain {
	width:100%;
	margin:0 auto;
}




/* =======================================
   メニュー
======================================= */
.bt {
	display:none;
}

/*お知らせ*/

.info {
	background-image:url(images/ingo_back.gif);
	background-repeat:no-repeat;
	color:#FFF;
	padding: 5px 0 0 10px;
	font-size: 1.1em;
	max-width: 100%;
}

.infomai {
  max-width: 99%;
  border-bottom: 1px dotted #999;
  margin-top: 5px;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 0;
}

.infomai span {
	color: #0d6fb8;
}

.infomai p {
	line-height:1.0;
	font-size: 0.9em;
	margin-top: 2px;
	padding: 0 5px 0 5px;
		width: 98%;
}


#footer {
	width: 98%;
	border-top: 1px solid #000;
	margin: 10px auto 0 auto;
	padding-top: 10px;
	
}


/* =======================================
   コンテンツ
======================================= */

#main {
	width:100%;
	/*overflow:hidden;*/
	padding: 0 0px;
	margin: 5px auto;



}

#main .cenbox {
	width:312px;
	margin: 0 auto;
	padding: 0 0px;
	text-align:center;
}

#main #infoLeft,
#main #bnaRight {
	width:312px;
	margin: 20px auto 0;
	padding: 0 0px;
	float: none;
}


#main .box {
	width:100%;
	background-color: #f7f7f7;
	text-align:left;
	padding: 0 0px;

}

#main .box img {
	width: 98%;
}

.bna {
	width:99%;
	margin: 5px auto;
	text-align:center;
}


p {
	width: 95%;
}



/* =======================================
タイトル関連
======================================= */
#main .jyutaku h1 img {
	width: 100%;
	height:auto;
	
}

#main .jyutaku h4  {
	width: 80%;
}

#main .jyutaku .box {
	width: 95%;
	padding: 5px;
	background: none;
}


#main .jyutaku .boxnagare {
	float:left;
	width: 95%;
	padding: 5px;
	background: none;
	padding-left:1em;
	text-indent:-1em;
	
}

#main .jyutaku .boxkoujyoL {
	float:left;
	width: 100%;
	padding: 0px;
	background: none;
	text-align:center;
}


#main .jyutaku .boxkoujyoL div {
	background:#FC9;
	padding: 3px 30px;
	margin: 0 0 10px 0;
	font-size: 1.2em;
}

#main .jyutaku .boxkoujyoR {

	width: 100%;
	padding: 0;
	margin: 0;
}


#main .jyutaku .boxkoujyoR img {
	width: 100%;
	height: auto;
}

#main .jyutaku .text {
	margin: 5px 10px;
	width: 90%;
}


#main .jyutaku .photo {
	margin: 5px 10px;
	width: 95%;
	text-align:center;
}

#main .jyutaku .photo1 {
	margin: 5px 10px;
	width: 95%;
	text-align:center;
}

#main .jyutaku .photo1 img {
	max-width: 100%;
}


#main .jyutaku .text1 {
	width: 95%;
}

#main .jyutaku .photo2 {
	width: 95%;
	text-align:center;
}

#main .jyutaku .photo2 img {
	max-width: 90%;
	max-height: 90%
}


#main .jyutaku .textbusi {
	width: 95%;
}

#main .jyutaku .photobusi {
	width: 95%;
	text-align:center;
}

#main .jyutaku .photobusi img {
	max-width: 90%;
	max-height: 90%
}





#main .jyutaku .line {
	width: 90%;
}


/*企業情報*/

#main .kigyou h1 img {
	width: 100%;
	height:auto;
	
}


#main .kigyou .boxL {
	width: 100%;
	text-align:center;
	
}

#main .kigyou .boxR {
	width: 100%;
	
}


#main .kigyou .boxgaiyou {

	width: 100%;
	margin: 0 auto;
	
}


#main .kigyou .title {

	width: 30%;


	
}

#main .kigyou .meisai {
	width: 70%;

	
}


#main .kigyou .boxgaiyou {
	width: 95%;
	
}


#main .kigyou .title {
	width: 95%;
	float:left;
	text-align:left;
	border-left: 1px dotted #999;

	
}

#main .kigyou .meisai {
	width: 95%;
	float:left;

	
}

#main .kigyou .torihiki {
	width: 95%;
	float:left;

	
}

#main .kigyou .work {
	width: 95%;
	

	
}


#main .kigyou .textbusi {
	width: 95%;
}

#main .kigyou .photobusi {
	width: 95%;
	text-align:center;
}

#main .kigyou .photobusi img {
	max-width: 90%;
	max-height: 90%
}

#main .kigyou iframe {
	max-width: 100%;
	max-height: 90%
}



table.guideline {

	width:90%;

}

table.guideline th{

	width:120px;

}


.kakuninlink {
	width: 90%;
	}
	
.kakuninlinkYN {
	width: 90%;
	margin:0 auto;

	
}



#main .kigyou p.right {
	float: right;
	text-align: right;
	

	
}



/*******採用情報***********/

#main .saiyou h1 img {
	width: 100%;
	height:auto;
}

#main .saiyou h2 {
	border-left: 10px solid #2974f1;
	border-bottom: 2px solid #2974f1;
	padding: 3px 10px;
	color:#0d6fb8;
	font-size: 1.4em;
	margin: 5px 0;
}

#main .saiyou h3  {
	border-left: 10px solid #2974f1;
	padding: 3px 10px;
	margin: 5px 0;
}

#main .saiyou h4  {
	border-bottom: 1px solid #2974f1;
	width: 30%;
	padding: 3px 10px;
	margin: 5px 0 5px 15px;
	color:#2974f1;
	font-weight: bold;
}

#main .saiyou .boxgaiyou {
	width: 95%;
	
}


#main .saiyou .title {
	width: 95%;
	float:left;
	text-align:left;
	border-left: 1px dotted #999;

	
}

#main .saiyou .meisai {
	width: 95%;
	float:left;

	
}

/*******ウーフィ***********/

.Woofyimg {
	text-align:center;
	width: 95%;
}





#footer .footerlogo {
	width: 100%;
	float:left;
	margin-top: 5px;
	
	
}


}

@media screen and (max-width: 640px) {
  .visible_pc {
    display: none;
  }
  .visible_sp {
    display: block;
  }
}