@charset "utf-8";

/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px) {
body {
	font-size: 85%;
}
.dsp_hp, .dsp_hpt {
	display: none;
}
/* ヘッダ */
#header h1 {
	font-size: 10px;
	line-height: 10px;
}
#header p.title img {
	max-height: 25px;
}
/* コンテナ */
#wrap, #footer {
	min-width: 320px;
}
#container h3.sub {
	margin-bottom: 20px;
	font-size: 18px;
}
#container .sub2 {
	font-size: 17px;
}
#page_title.sub_page img {
	padding: 30px 0;
	height: 40px;
	width: auto;
}
/* フッター */
#footer .contact .tel a {
	font-size: 30px;
}
#footer .box dt img {
	max-width: 250px;
}
#footer .box dl dd {
	font-size: 11px;
}
/* 枠のマージン・パディング */
.mb {
	margin-bottom: 30px;
}
.pt {
	padding-top: 30px;
}
.pb {
	padding-bottom: 30px;
}
/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
#header p.title {
	width: 220px;
}
@media only screen and (max-width: 320px) {
	#header p.title {
		width: 160px;
	}
}
#page_title {
	top: -1px;
	margin-bottom: -1px;
}
/*挨拶*/
#top_greeting .in {
	padding: 20px 10px 20px;
}
/*船舶紹介*/
#intoro {
	background-size: 30%;
}
#intoro .box dl:last-of-type, #product .box dl:last-of-type {
	margin: 0 auto;
}
#intoro .box dl dt {
	padding-bottom: 10px;
}
/*トップメニュー*/
#top_menu .box dl {
	width: auto;
}
#top_menu .btn a {
	margin: 15px auto 0;
}
#top_menu .box dl .sub {
	margin-bottom: 20px;
}
#top_menu .box dl .img {
	padding-bottom: 10px;
	text-align: center;
}
/* お知らせ */
#top_info h3 img {
	width: 30%;
}
#top_info dt {
	float: none;
	width: auto;
}
#top_info dd {
	margin-left: 0;
}
	
/*--------------------------------------------------
	採用情報
--------------------------------------------------*/
#recruit .tbl th,
#recruit .tbl td {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin-top: -1px;
}
	
/*--------------------------------------------------
	会社情報
--------------------------------------------------*/
	#company_msg .box p.txt,
	#company_msg .box p.date{
		margin-bottom: 15px;
	}
	#company_msg .box {
		padding: 20px 10px;
	}
	#company_info {
		margin-bottom: 30px;
	}
	#company_info table th, #company_info table td {
		display: block;
		margin-top: -1px;
	}
	#company_other dl {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#company_other ul:first-of-type {
		float: none;
		margin-right: 0;
		margin-bottom: 5px;
	}
/*--------------------------------------------------
	安全・環境
--------------------------------------------------*/
	#safe_msg .box {
		padding: 10px;
	}
/*------------------------------------------------*/
}