@charset "utf-8";

/*==================================================
	タブレットのみ適応
==================================================*/
@media only screen and (max-width: 768px) and (min-width: 641px) {
.dsp_smt {
	display: none;
}
#intoro .box dl dd {
	display: flex;
	justify-content: space-between;
}
#intoro .box dl dd .cen {
	margin-right: 20px;
}
#top_menu .box dl dd {
	display: flex;
	justify-content: space-between;
}
#top_menu .box dl .img {
	text-align: center;
	width: 49%;
}
#top_menu .box dl .in {
	width: 49%;
}
#intoro .box dl:nth-of-type(3) {
	margin: 0 auto 0;
}
#intoro .box dl:nth-of-type(4) {
	margin: 0 auto 0;
}
}

/*==================================================
	タブレット・スマホに適応
==================================================*/
@media only screen and (max-width: 768px) {
.dsp_hp {
	display: none;
}
#wrap {
	padding-top: 61px;
}
/* ヘッダ */
#header {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - 20px);
	height: 50px;
	padding: 10px 10px 0;
	z-index: 999;
}
#header h1 {
	width: 100%;
	background: rgba(0,0,0,0.1);
	color: #999;
	font-size: 10px;
	line-height: 1;
}
#header p.title {
	height: 50px;
}
#header p.title img {
	width: auto;
	max-height: 30px;
}
/* お問い合わせ */
#header .contact .tel, #header .contact .btn {
	position: absolute;
	top: 10px;
	right: 92px;
	display: block;
	width: 24px;
	height: 50px;
	padding: 0 12px;
	/* 縦方向中央揃え */
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
#header .contact .btn {
	right: 44px;
}
#header .contact .txt, #header .contact .tel span, #header .contact .btn span {
	display: none;
}
/* コンテナ */
#container h3.sub {
	font-size: 20px;
}
#page_title.sub_page img {
	padding: 50px 0;
	height: 60px;
	width: auto;
}
.main {
	padding-left: 15px;
	padding-right: 15px;
}
#main, #navi {
	clear: both;
	padding-bottom: 30px;
}
/* フッター */
#footer .box dt {
	margin-bottom: 20px;
}
#copyright {
	height: auto;
	line-height: 1.8;
}
/* パンくずリスト */
#page_navi {
	margin-bottom: 20px;
	padding-top: 15px;
	font-size: 11px;
}
/* 枠のマージン・パディング */
.mb {
	margin-bottom: 40px;
}
.pt {
	padding-top: 40px;
}
.pb {
	padding-bottom: 40px;
}
/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
#container .sub {
	font-size: 20px;
	margin-bottom: 15px;
}
/*メッセージ*/
#top_greeting .in {
	padding: 50px 10px 40px;
}
#top_greeting .in .btn {
	margin: 20px auto 0;
}
/*船舶紹介*/
#intoro .sub {
	margin-bottom: 35px;
}
#intoro .box {
	flex-wrap: wrap;
	justify-content: space-around;
}
#intoro .text, #top_menu .text {
	margin-bottom: 20px;
}
#intoro .box dl {
	margin: 0 auto 40px;
	width: auto;
}
#intoro .box dl:last-of-type, #product .box dl:last-of-type {
	margin: 0 auto;
}
#intoro .box dl dt {
	padding: 0 0 15px;
}
/*トップメニュー*/
#top_menu .box dl {
	margin-bottom: 40px;
}
#top_menu .box dl:last-of-type {
	margin-bottom: 0;
}
#top_menu dl dt {
	text-align: center;
}
/*お知らせ*/
#top_info .sub {
	margin-bottom: 35px;
}
/*--------------------------------------------------
	会社情報
--------------------------------------------------*/
	#company_msg .box {
		padding: 30px;
	}
	#company_msg .box p.txt {
		text-align: left;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	#company_info h3.sub {
		margin-bottom: 30px;
	}
	#company_info table {
		width: 100%;
		margin-bottom: 20px;
	}
	#company_info table th, #company_info table td {
		padding: 10px;
	}
	#company_info .fr {
		margin-bottom: 0;
	}
	#company_info .fr img {
		width: 49%;
		height: auto;
	}
	#company_info .fr img:first-of-type{
		margin-right: 2%;
	}
	#company_other h4.sub2 {
		margin-bottom: 20px;
	}
	#company_other .c_history, #company_other .c_outline {
		margin-bottom: 30px;
	}
	#company_other .imgs {
		margin-top: 30px;
		text-align: center;
	}
	#company_other .imgs img {
		margin-bottom: 20px;
	}
/*--------------------------------------------------
	安全・環境
--------------------------------------------------*/
	#safe_msg .box {
		padding: 25px;
	}
	#safe_training h3.sub {
		margin-bottom: 20px;
	}
	#safe_training h4.sub2 {
		margin-bottom: 20px;
	}
	#safe_training .img_lft {
		float: none;
		text-align: center;
		margin-right: 0;
	},
	#safe_training ul.img li,
	#safe_conference ul.img li {
		width: 48%;
		margin-bottom: 15px;
	}
	#safe_training ul.img li:nth-of-type(odd),
	#safe_conference ul.img li:nth-of-type(odd) {
		margin-right: 2%;
	}
	#safe_conference .txt {
		text-align: left;
		margin-bottom: 15px;
	}
/*--------------------------------------------------
	船舶紹介
--------------------------------------------------*/
#about dl {
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-bottom: 20px;
}
#about dl:nth-of-type(odd) {
	margin-left: 0;
	clear: both;
}
#about dl dt img{
	width: 100%;
	height: auto;
}
/*--------------------------------------------------
		お問い合せ
	--------------------------------------------------*/
#mailform .tbl {
	border-bottom: 1px solid #BBB;
}
#mailform .tbl th, #mailform .tbl td {
	display: block;
	width: auto;
	border-bottom: none;
}
#mailform .tbl input[type="text"], #mailform .tbl textarea {
	font-size: 120%;
}
/*------------------------------------------------*/
}