@charset "UTF-8";

/*===============================================
●スマホ用のcss  画面の横幅が640pxまで



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

/*---------------------------------------------------------------

Style Name : structure.css



	Reset

	Common

	Accessibility

	body

		#right_bg

		#container

		#header

		#content

			#column-left

			#column-main

		#footer

---------------------------------------------------------------*/

/*Reset

---------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	text-decoration:none;
	color : #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height: 1.5;
	text-align: left;
}



h1, h2 {
	margin: 0px;
	padding: 0px;
}



li.end,

img {

	border:none;

}



a:link {color:#336699;}

a:visited {color:#336699;}

a:hover {color:#083661; text-decoration: underline;}



/*Common

---------------------------------------------------------------*/

/*スマホのイメージ全体*/

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


html, body {

	width: 100%;

	height: 100%;

	/*overflow: auto;スクロールバー*/

}



#header,

#container,

#content,

#footer {
	width:100%;
	clear: both; /*フロートクリア*/

}



/*Accessibility

---------------------------------------------------------------*/

span.acc {

	position:absolute;

	top:0;

	left:0;

	overflow:hidden;

	width:0;

	height:0;

	font-size:0;

}


span.acc_navi {
	font-weight: bold;
	color: #FFF;

}


/*body

---------------------------------------------------------------*/

body {

	background: #ffffff;

	text-align:center; /*--センター合わせ for IE--*/

}




/*div#container

---------------------------------------------------------------*/

#container {

	position:relative;/*position基準位置*/

	margin: 0 auto; /*--センター合わせ--*/

	height: 100%; /*--高さ固定--*/

	text-align: left ;


}



/*div#header

---------------------------------------------------------------*/

#header {

	height: auto;


}



/*div#content

---------------------------------------------------------------*/

#content {

	margin-top :  0px ;
	

}




/*div#column-main

---------------------------------------------------------------*/

#column-main {

	display: block; 
	padding : 0 ;/*全体の左右アキを決める*/
	


}


.info{
	text-align:center;
	color: #20B2AA;
	line-height: 1.7;
	margin: 10px;
	padding: 15px;
	border: 3px dotted #20B2AA;
	font-size: 12px;
}



/*div#footer

---------------------------------------------------------------*/

#footer {
	padding : 0px;/*top right bottom left*/
	background: #20B2AA;
	position:relative;
	overflow:hidden;
	line-height: 24px;
	color: #FFF;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	overflow:hidden;
}



/* ------------------------------
   MEDIAQUERIES LAYOUT スマホ用
------------------------------ */

/*Media Queries*/

	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}




/*ul.（リストメニュー）

---------------------------------------------------------------*/

/*レスポンシブ、スマホでは画像メニューは見せない 重要*/


#menu {
	
	display:none;
	
	}
	
.slicknav_menu img {
	display:none;
	}
	


.kaisha_box {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	width: 90%;
}

.midashi01 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #20B2AA;
	padding: 26px 0 23px 20px;
	}
	
.lime {
	color:#20B2AA;
}


.table1 { 
	border-collapse: collapse;  
	border: 1px #20B2AA solid; 
} 
.table1 td {
	border: 1px #20B2AA solid;
	font-size: 14px;
	line-height: 1.5;
	color: #444444;
	padding:10px;
} 



}