/*************************************************************************************************
/* 株式会社梅本自動車工業 CSS
**************************************************************************************************/

@charset "utf-8";
/*************************************************************************************************
/* 基本設定
**************************************************************************************************/
body {
	font-family:				"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
	color:						#111111;
	font-size:					15px;
	font-weight:				500;
}
.size_S {
	font-size:					13px;
}
.size_L {
	font-size:					18px;
}
.size_LL {
	font-size:					22px;
}
a {
	color:						#111111;
}
p {
	line-height:				1.6;
}
p.center {
	text-align:					center;
}
p.right {
	text-align:					right;
}
p.uline, span.uline {
	text-decoration:			underline;
}
p.fbold {
	font-weight:				bold;
}
.a_left {
	text-align:					left;
}
.a_right {
	text-align:					right;
}
@media print,screen and (max-width:780px){
	body {
		font-size:					14px;
	}
	.size_S {
		font-size:					12px;
	}
	.size_L {
		font-size:					16px;
	}
}
@media print,screen and (max-width:640px){
	body {
		font-size:					12px;
	}
	.size_S {
		font-size:					10px;
	}
	.size_L {
		font-size:					14px;
	}
	.size_LL {
		font-size:					18px;
	}
}
/*************************************************************************************************
/* 共通
**************************************************************************************************/
/* 汎用 */
br.dmode {
	display:					block;
}
/* ヘッダー */
.header_items .logo_area {
	text-align:					left;
}
.header_items .logo_area img.logo {
	width:						344px;
}
.header_items .info_area {
	text-align:					right;
}
.header_items img.info {
	width:						244px;
}
/* ヘッダーメニュー */
.header_menu a, p.header_menu {
	font-size:					14px;
	font-weight:				600;
	color:						#111111;
	letter-spacing:				1px;
}
/* フッター */
.footer_area ul.split_area {
	display:					table;
	table-layout:				fixed;
	width:						100%;
}
.footer_area ul.split_area li.col01 {
	display:					table-cell;
	vertical-align:				top;
	width:						50%;
}
.footer_area ul.split_area li.col02 {
	display:					table-cell;	
	vertical-align:				middle;
	width:						50%;
}
.footer_area img.logo {
	width:						280px;
}
.footer_area p.info {
	padding:					10px 0;
}
.footer_area .sitemap p {
	margin-bottom:				5px;
	font-weight:				bold;
}
.footer_area .contact {
	text-align:					left;
}
.footer_area .contact img {
	width:						160px;
}
.footer_area p.company,
.footer_area p.copyright {
	letter-spacing:				0.5px;
}
/* ページトップボタン */
#pagetop {
	position:					fixed;
	width:						60px;
	height:						60px;
	right:						0;
	bottom:						0;
	z-index:					9999;
	background-color: 			#dddddd;
	opacity:					0.8;
}
/* GoogleMap */
.googlemap {
	position: 					relative;
	padding-bottom: 			50%;
	height: 					0;
	overflow: 					hidden;
	background-color:			#ffffff;
	border: 					solid 1px #afafaf;
}
.googlemap iframe {
	position: 					absolute;
	top: 						0;
	left: 						0;
	width: 						100% !important;
	height: 					100% !important;
	padding: 					3px;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
	.header_menu a, p.header_menu {
		font-size:					13px;
		letter-spacing:				0;
	}
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* ヘッダー */
	.header_items .logo_area {
		text-align:					center;
	}
	.header_items .logo_area img.logo {
		width:						280px;
	}
	.header_items .info_area {
		text-align:					center;
	}
	.header_items img.info {
		width:						200px;
	}
	/* フッター */
	.footer_area ul.split_area {
		display:					block;
	}
	.footer_area ul.split_area li.col01 {
		display:					block;
		width:						100%;
		text-align:					center;
	}
	.footer_area ul.split_area li.col02 {
		display:					block;
		width:						100%;
		text-align:					center;
	}
	.footer_area img.logo {
		width:						200px;
	}
	.footer_area .contact {
		text-align:					center;
	}
	.footer_area p.copyright {
		letter-spacing:				0;
	}
	/* サイドメニュー */
	.sidemenu {
		display:					none;
	}
	/* モバイルメニュー用（drawer） */
	.drawer-hamburger{
		padding:					11px .50rem 21px;
		background-color:			rgba(255,255,255,.9);
		border-top:					2px solid #707070;
		border-left:				2px solid #707070;
		border-bottom:				2px solid #707070;
	}
	.drawer-hamburger:hover{
		background-color:			rgba(255,255,255,.9);
	}
	.drawer-nav ul.drawer-menu li a.drawer-menu-item {
		padding:					8px;
	} 
}
/*************************************************************************************************
/* ホーム
**************************************************************************************************/
/* PC用 */
/* NEWS */
.sc01_news_parent {
    position:					relative;
    left:						0;
    top:						0;
    height:						180px;
    width:						100%;
}
.sc01_news_child {
    position:					absolute;
    left:						70px;
    top:						30px;
	width:						77%;
}
.sc01_news_parent p.more {
	text-align:					right;
}
.sc01_news_parent img {
	width:						210px;
}
/* お知らせ */
#sc01_blog_list {
	padding:					10px 30px 0 0;
	padding-left:				30px;
}
.feed_items p.feed_date {
	color:						#111111;
}
/* サービス */
.sc01_service_parent {
    position:					relative;
    left:						0;
    top:						0;
	height:						251px;
    width:						100%;
}
.sc01_service_child {
    position:					absolute;
    left:						0;
    top:						17px;
    width:						100%;
}
.sc01_service_child img {
	margin-bottom:				6px;
	max-width:					340px;
}
.sc01_service_child table {
	table-layout:				fixed;
	width:						960px;
}
.sc01_service_child table td.col01 {
	padding-right:				20px;
	width:						480px;
	text-align:					right;
}
.sc01_service_child table td.col02 {
	padding-left:				20px;
	width:						480px;
	text-align:					left;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
	.sc01_service_parent {
		height:						200px;
	}
	.sc01_service_child {
		top:						12px;
	}
	.sc01_service_child img {
		margin-bottom:				4px;
		max-width:					280px;
	}
	.sc01_service_child table {
		width:						768px;
	}
	.sc01_service_child table td.col01 {
		width:						384px;
	}
	.sc01_service_child table td.col02 {
		width:						384px;
	}
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* メッセージ */
	.sc01_message_mobile img {
		margin-bottom:				10px;
		width:						262px;
	}
	/* NEWS */
	.sc01_news_parent {
		position:					relative;
		left:						0;
		top:						0;
		height:						180px;
		width:						100%;
	}
	.sc01_news_parent img {
		width:						140px;
	}
	.sc01_news_child {
		position:					absolute;
		left:						25px;
		top:						15px;
		width:						85%;
	}
	.sc01_news_parent p.more {
		text-align:					center;
	}
	/* お知らせ */
	#sc01_blog_list {
		padding:					10px 30px 0 0;
		padding-left:				30px;
	}
	/* サービス */
	.sc01_service_mobile {
		text-align:					center;
	}
	/* メッセージ */
	.sc01_service_mobile img.title {
		margin-bottom:				10px;
		width:						180px;
	}
	.sc01_service_mobile img.btn {
		margin-bottom:				8px;
		width:						80%;
	}
}
/*************************************************************************************************
/* 会社概要
**************************************************************************************************/
/* PC用 */
/* 沿革 */
.sc02_history {
	padding:					30px 0 100px 70px;
	background-image:			url("images/title_back.png");
	background-repeat:			no-repeat;
	background-position:		left top;
	background-size:			210px;
}
.sc02_history table {
	table-layout:				fixed;
	width:						100%;
}
.sc02_history table tr {
	border-bottom:				1px solid #000000;
}
.sc02_history table tr:last-child {
	border-bottom:				none;
}
.sc02_history table td.col01 {
	text-align:					center;
	width:						30%;
}
.sc02_history table td.col02 {
	padding:					10px 10px 10px 0;
	text-align:					left;
	width:						70%;
}
/* 会社概要 */
.sc02_companyinfo {
	padding:					30px 0 15px 70px;
	background-image:			url("images/title_back.png");
	background-repeat:			no-repeat;
	background-position:		left top;
	background-size:			210px;
}
.sc02_companyinfo table {
	table-layout:				fixed;
	width:						100%;
}
.sc02_companyinfo table tr {
	border-bottom:				1px solid #000000;
}
.sc02_companyinfo table tr:last-child {
	border-bottom:				none;
}
.sc02_companyinfo table td.col01 {
	text-align:					center;
	width:						30%;
}
.sc02_companyinfo table td.col02 {
	padding:					10px 10px 10px 0;
	text-align:					left;
	width:						70%;
}
.sc02_companyinfo ol {
	list-style-type:			decimal;
}
/* googlemap */
.sc02_googlemap {
	padding-left:				70px;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* メッセージ */
	.sc02_message_mobile img {
		margin-bottom:				10px;
		width:						92px;
	}
	/* 沿革 */
	.sc02_history {
		padding:					15px 0 70px 25px;
		background-size:			140px;
	}
	/* 会社概要 */
	.sc02_companyinfo {
		padding:					15px 0 15px 25px;
		background-size:			140px;
	}
	/* googlemap */
	.sc02_googlemap {
		padding-left:				0;
	}
}
/*************************************************************************************************
/* 店舗案内
**************************************************************************************************/
/* PC用 */
/* 待合室 */
.sc03_waiting_room {
	padding:					30px 0 100px 70px;
	background-image:			url("images/title_back.png");
	background-repeat:			no-repeat;
	background-position:		left top;
	background-size:			210px;
}
/* 個別商談室 */
.sc03_businesstalk_room {
	padding:					30px 0 15px 70px;
	background-image:			url("images/title_back.png");
	background-repeat:			no-repeat;
	background-position:		left top;
	background-size:			210px;
}
.sc03_waiting_room img,
.sc03_businesstalk_room img {
	padding:					30px 0 0 80px;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* メッセージ */
	.sc03_message_mobile img {
		margin-bottom:				10px;
		width:						141px;
	}
	/* 待合室 */
	.sc03_waiting_room {
		padding:					15px 0 70px 25px;
		background-size:			140px;
	}
	/* 個別商談室 */
	.sc03_businesstalk_room {
		padding:					15px 0 15px 25px;
		background-size:			140px;
	}
	.sc03_waiting_room img,
	.sc03_businesstalk_room img {
		padding:					20px 0 0 25px;
	}
}
/*************************************************************************************************
/* 工場案内
**************************************************************************************************/
/* PC用 */
/* 板金・塗装 */
.sc04_member {
	padding:					30px 0 100px 70px;
	background-image:			url("images/title_back.png");
	background-repeat:			no-repeat;
	background-position:		left top;
	background-size:			210px;
}
.sc04_member table {
	margin-top:					30px;
	table-layout:				fixed;
	width:						100%;
}
.sc04_member table td.col01,
.sc04_member table td.col02,
.sc04_member table td.col03 {
	width:						33.33%;
	text-align:					center;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* メッセージ */
	.sc04_message_mobile img {
		margin-bottom:				10px;
		width:						141px;
	}
	.sc04_member {
		padding:					15px 0 15px 25px;
		background-size:			140px;
	}
	.sc04_member table {
		margin-top:					10px;
	}
}
/*************************************************************************************************
/* 取り扱いメーカーサービス
**************************************************************************************************/
/* PC用 */
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* メッセージ */
	.sc05_message_mobile img {
		margin-bottom:				10px;
		width:						166px;
	}
	.sc05_message_mobile ul {
		list-style-type:			circle;
	}
	.sc05_message_mobile ul li {
		margin-left:				25px;
	}
}
/*************************************************************************************************
/* よくある質問
**************************************************************************************************/
/* PC用 */
.sc06_faq table {
	table-layout:				fixed;
	width:						100%;
}
.sc06_faq table td.col01 {
	width:						10%;
	text-align:					right;
}
.sc06_faq table td.col02 {
	width:						90%;
	text-align:					left;
}
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
}
/*************************************************************************************************
/* ご予約
**************************************************************************************************/
/* PC用 */
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
}
/*************************************************************************************************
/* お問合せ
**************************************************************************************************/
/* PC用 */
/* タブレット用 */
@media print,screen and (max-width:780px){
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* 電話でのお問合せ */
	.sc08_contact_tel {
		padding:					30px 20px;
		border:						2px solid #000000;
		text-align:					center;
	}
	/* メールでのお問合せ */
	.sc08_contact_mail {
		padding:					20px 20px;
		border:						2px solid #000000;
	}
}