/*  共通設定 見出しなど　mmmmmmmmmmmmmmmmmmmmmmmmmm */

@charset "UTF-8";
@-ms-viewport	{width: device-width;}

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;} 
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{text-decoration:none;}
*,h1,h2,h3,h4,h5,a{
	color:black;
	margin:0;
	padding:0;
	line-height:1;
}

/* Font Awesome 5 Free 用共通設定  mmmmmmmmmmmmmmmm */
.haisyago,.haisyamae,.mailset{
	font-family:'Font Awesome 5 Free';font-weight:900;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	color:#0072c5;
	font-size:3em;
}

/* Ｈ２タグ  mmmmmmmmmmmmmmmmmmmmmmmmmmmm */
h2{
	margin:0 0 30px 0px;
	padding:0 0 5px 0;
	font-size:1.7em;
	line-height:1;
}
h2 img:first-child{
	width:1.8em;
	margin-top:-3px;
	margin-right:20px;
}

/* Ｈ３　タグアイコン mmmmmmmmmmmmmmmmmmmmmmmmmm */
h3{
	margin:0 0 27px 0;
	padding:8px 0 0 10px;
	font-size:1.45em;
	border-bottom:solid 1px #0072c5;
	padding-bottom:5px;
	font-family:'Font Awesome 5 Free';
}

h3:before{
	content:"\f0ea";font-weight:900;
	color:#0072c5;
	font-size:35px;
	margin-right:20px;
}

h3.gaikoku:before{
	content:"\f57e";
}

h3.jidosha:before{
	content:"\f0d1";
}

h3.kigyo:before{
	content:"\f0b1";
}

/* Ｈ４　タグアイコン mmmmmmmmmmmmmmmmmmmmmm */
h4{	
	font-size:1.2em;
	margin:0 0 20px 0;
	padding:0 0 2px 8px;
	font-family:'Font Awesome 5 Free';
}
h4:before{
	font-size:27px;
	content:"\f621";font-weight:900;
	color:#0072c5;
	margin-right:20px;
}

h5{
	margin:0 0 12px 0;
	font-size:1.1em;
	font-family:'Font Awesome 5 Free';

}

h5:before{
	font-size:25px;
	content:"\f105";font-weight:900;
	color:#0072c5;
	margin-right:15px;
}

p{margin:0 0 20px 0;
	margin-left:10px;
	line-height:2}

table{
	margin:0;
	width:100%;
}
.center{ /* 中央ぞろえ */
	text-align:center;
	margin-left:0;
}

.catch{
	width:75%;
	max-width:300px;
	margin:3em auto;
}	

/* mmmmmmmmmmmmm スパン用 mmmmmmmmmmmmmmmm */

/* -- アンダーライン -- */
.underline{
	text-decoration:underline;
}

.komoji{
	font-size:0.8em;
}
.omoji{
	font-size:1.3em;
}

.red{
	color:red;
	font-size:1.2em;
}

/* 小画面時のパディング 
@media (max-width:640px){
	.column,.columns{
		padding-left:0;
		padding-right:0;
	}
	.yakudatu ul,.blockpic ul{ 
		margin-right:0;
	}
	.yakudatu li,.blockpic li{
		padding-right:0;
	}
}
*/

#mannaka{
	text-align:center;
}

/* ページ体裁 */
.container{
	max-width:1024px;
	margin:0 auto;
	padding:0;
}

/* ヘッダー mmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
.header{
	background-color:#0072c5;
	padding:10px 0 5px 0;
	margin:0;
}
.header img{
	width:100px;
	vertical-align:-3px;
	margin-right:5px;
} 
.header h1
{
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:35px;
	line-height:1;
}
.header a{
	color:white;
}

@media(max-width:767px){
	.header img{
		width:90px;
	}
	.header h1{
		font-size:30px;
	}	
}

/* フッター mmmmmmmmmmmmmmmmmmmmmmmmmmm */
.footerout{
	background-color:#0072c5;
}

.footer{
	text-align:right;
	padding:10px 0 5px 0;
}
.footer img{
	width:100px;
	vertical-align:-3px;
	margin-right:5px;
}

.footer h1{
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:35px;
	line-height:1;
	color:white;
}
.footer a{
	color:white;
}

@media(max-width:767px){
	.footer img{
		width:90px;
	}
	.footer h1{
		font-size:30px;
	}	
	
}
/* トップメニュー mmmmmmmmmmmmmmmmmmm */
.menu{   /* メニューのリンク以外、小画面時のトップバー見出し */
	background-color:black;
}

.top-bar-section li:not(.has-form) a:not(.button){ /* リンクボタンの色 */
	background-color:black;
}

/*
.top-bar-section li.blue:not(.has-form) a:not(.button){ リンクボタンの色(カレントページ)
	background-color:#0072c5;
}
*/

.expanded.top-bar .title-area{ /* トグルをドロップダウンした時の見出し */
	background-color:black;
}
.contain-to-grid{ /* 大画面時の左右余白の色 */
	background-color:black;
}

.top-bar-section li:not(.has-form) a:not(.button):hover{ /* オンマウス時の色 */
	background-color:#0072c5;
}

.top-bar .title-area{	/* トグル展開時の下線 */
	border-bottom:dashed 1px white;
}

.expanded.top-bar .toggle-topbar a{ /* トグルボタン展開時のリンク */
	color:white;
} 

.contain-to-grid { /* トップメニュー下の余白 */
	margin-bottom:20px; 
}

.top-bar-section ul li > a{
	font-size:15px;
}


@media(min-width:768px){
	.top-bar-section li:not(.has-form) a:not(.button){ /* 大メニューの横幅 */
	padding:0 30px 0 30px;
}
}

/*  サイドメニュー mmmmmmmmmmmmmmmmmmmmmmm */
.submenu{
	padding:0;
}
.submenu ul,
.submenu ol{
	margin:0;
	padding:0;
	font-size:14px;
	list-style:none;
}
.submenu li a{
		padding:15px 20px 15px 0px;
}
.submenu li a:hover{
	background-color:AliceBlue;
}

.submenu p{
	margin:0 0 0 80px;
	line-height:1.4;
}
.submenu .title{
	font-size:18px;
}
.submenu .desc{
	color:#666;
	font-size:12px;

}

.submenu li a:after{
	content:"";
	display:block;
	clear:both;
}

@media(max-width:639px) and (min-width:400px){ /* メディアクエリ */
	.submenu p{
	margin:0 0 0 43%;
	}
}
	
/* サイドメニューアイコン wwwwwwwwwwwwwwwwwwwwwww */

	/* 右矢印 */
	.submenu li a{
		position:relative;
		display:block;
		margin:0 0 20px 0;
		border:solid 1px #aaa;
		color:#000;
	}

	.submenu li a:after{
		position:absolute;
		right:10px;
		top:45%;
		content:"\f054";
		margin:0 0 0 0;
		color:#888;
		font-family:'Font Awesome 5 Free';font-weight:900;
		font-size:16px;
		/*line-height:1;*/
	}
	
.submenu li a:first-child:before{
	color:#0072c5;
	font-family:'Font Awesome 5 Free';font-weight:900;
	font-size:40px;
	line-height:1;
	float:left;
	margin-left:15px;
}
	.submenu li:first-child a:first-child:before{
		content:'\f5e4';}
	.submenu li:nth-child(2) a:first-child:before{
		content:'\f1b9';}
	.submenu li:nth-child(3) a:first-child:before{
		content:'\f0b1';}
	.submenu li:nth-child(4) a:first-child:before{
		content:'\f1ad';}
	.submenu li:nth-child(5) a:first-child:before{
		content:'\f0e3';}
	.submenu li:nth-child(6) a:first-child:before{
		content:'\f57e';
		-webkit-animation: fa-spin 9s infinite linear;
		animation: fa-spin 18s infinite linear;}
	.submenu li:nth-child(7) a:first-child:before{
		content:'\f072';}
		
	.submenu li:nth-child(8) a:first-child:before{
		content:'\f095';}
		
	.submenu li:nth-child(9) a:first-child:before{
		font-family:'Font Awesome 5 Brands';
		content:'\f3c0';
		font-weight:400;
		//color:#219900;
		font-size:3.5em;}
		
	.submenu li:nth-child(10) a:first-child:before{
		content:'\f017';}



/*  報酬ページ  報酬テーブル mmmmmmmmmmmmmmmmmmmmmmm */	

.table-con{	
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	margin-bottom:40px;
	box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 5px 10px 0 rgba(0,0,0,0,2);
	color:black;
	
}
.table-con table{
	width:100%;
	min-width:300px;
	
}
	
.table-con td{
	background-color:#ffff;
	font-size:1rem;
	border:solid 1px silver;
}



/* mmmmmmmmmmm 事務所案内ページ mmmmmmmmmmmm */

/* mm 事務所概要テーブル mm */

.table-office{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	margin-bottom:20px;
}
.table-office{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	margin-bottom:40px;
}

.table-office a {
	display:block;
	color:black;
}

.table-office td{
	font-size:1rem;
	padding:25px 0 25px 10px;
}
/*
.table-office tr > :nth-child(1){
	text-align:center;
}
*/
/* mmmmm 地図 mmmmm */
.map{
	margin-bottom:40px;
}

.mappic img{
	text-align:center;
	margin:0 auto 0 auto;
	box-shadow:2px 2px 10px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 5px 10px 0 rgba(0,0,0,0,2);

}
	
.sofusaki{
	margin:0 auto 0 auto;
	padding:45px 10px 45px 10px;
	margin-bottom:40px;
	box-shadow:2px 2px 10px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 5px 10px 0 rgba(0,0,0,0,2);
}

.sofusaki p:last-child{
	margin-bottom:0;
}
@media(min-width:1000px){
	 .sofusaki{
		float:left;
		width:48%;
		height:210px;
	}
	.mappic img{
		float:right;
		height:210px;
	}
	.map:after{
		content:"";
		display:block;
		clear:both;
	}
}
/* mmmm 営業時間テーブル mmmm */

.table-eigyou{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	margin-bottom:20px;
	font-size:1rem;
}


.table-eigyou a {
	display:block;
	color:black;
}

.table-eigyou td{
	background-color:white;
}

.table-eigyou tr:nth-child(odd) > td:nth-child(odd){
	background-color:rgb(240,240,240);
}

.table-eigyou tr:nth-child(even) > td:nth-child(even)
{
	background-color:rgb(240,240,240);
}

/* mmmmmmmmmmmmmm サービス mmmmmmmmmmmm */

/* mmm 役立つシリーズ mmm*/

.yakudatu{
	margin:0 0 20px 0;
	}

.yakudatu a{
	box-sizing:border-box;
	margin:0;
	padding:3em 10px 3em 10px;
	font-size:15px;
	display:block;
	box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2);
	color:black;
}

.yakudatu li a.gray{
	color:#aaa;
}
.yakudatu a:hover
{
	background-color:AliceBlue;
}


.yakudatumini li a{
padding:1em 0 1em 2em
}
.yakudatumini a{
	font-weight:bolder;
	text-align:left;
	text-decoration:underline;
	box-shadow:10px 15px 20px rgba(0,0,0,0.2);
}

/* mmmm 自動車に関すること mmmm */

/* mmmmmmmmmmmmmm 車庫証明 mmmmmmmmmmmmmmm */
.uchiwake{
	margin-bottom:40px;
}

.uchiwake td{
		text-align:right;
		padding:10px 15px 10px 5px;
		border:1px solid #0072c5;
}
.uchiwake th{
	font-weight:normal;
	border:1px solid #0072c5;
	width:40%;
	background-color:#eee;

}




/* 個別パーツ    mmmmmmmmmmmmmmmmmmmmmmmmmmmm */

.haisyamae:before{
	content:"\f183　\f0c1　\f1b9";
}
.haisyago:before{
	content:"\f183　\f127　\f1b9";
}
.mailset:before{
	content:"\f1ac　\f0e0"　\f02f";
}

/* 申し込みはこちらボタン mmmmmmmm */
.sanka,.irai{
	text-align:center;
}
.sanka a,.irai a{
	box-sizing:border-box;
	margin:20px 0 40px 0;
	padding:25px;
	font-size:15px;
	display:inline-block;
	box-shadow:3px 3px 20px 0 rgba(0,0,0,0.2);
	color:black;
}
.sanka a:hover,.irai a:hover{
	background-color:AliceBlue;
}
.sanka a:before{
	font-family:'Font Awesome 5 Free';font-weight:900;
	color:#0072c5;
	content:"\f095  \f0e0";
	margin-left:10px;
	margin-right:10px;
	font-size:30px;
}

.irai a:before{
	font-family:'Font Awesome 5 Free';font-weight:900;
	color:#0072c5;
	content:"\f02d 　\f044";
	margin-left:10px;
	margin-right:10px;
	font-size:30px;
}


/* mmm 車庫証明ページ必要書類リスト mmm */
.list li{
	margin-top:25px;
	margin-bottom:25px;
	}
.list ol{
	margin-top:30px;
/*	list-style:none; */
}
.list ul{
	list-style:none;
}

.list ul > li:before{
	content:"・";
	margin-right:10px;
}


.kikan{
	width:80%;
	display:block;
	margin:2em auto 2em auto;
}


/* ----------国籍変更--------- */
.henkou{
	padding:0;
	margin:50px auto 50px auto;
	width:60%;
	position:relative;
}
.nkorea , .skorea{
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}
.nkorea{
	width:40%;
	float:left;
}
.skorea{
	width:40%;
	float:left;
	margin-left:20%;
}
.allow:before{
	width:20%;
	font-size:2em;
	font-family:'Font Awesome 5 Free';font-weight:900;
	content:"\f061";
	color:#0072c5;
	float:left;
	text-align:center;
	position:absolute;
	top:30%;
}

@media(min-width:767px){
	.henkou{
		width:40%;
	}
}


.henkou img{
	max-width:100%;
	padding:0;
	margin:0;
}

.henkou:after{
	content:"";
	display:block;
	clear:both;
}
/* テーブル */

.kokuseki{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	margin-bottom:40px;
}

.kokuseki table{
	background-color:
	width:100%;
	min-width:300px;
}
.kokuseki td{
	border:1px solid #0072c5;
	background-color:white;
}

.kokuseki th{
	background-color:#E6E6FA;
	border:1px solid #0072c5;
	font-weight:normal;
}

/* 翻訳アイコン */
.honyaku{text-align:center;
	margin:20px 0 20px 0;
	color:#0072c5;
}

.honyaku:after{
	font-family:'Font Awesome 5 Free';font-weight:900;
	content:"\f362";
	font-size:4em;
}


/* mmmmmmmm 上へボタン mmmmmm */
.ue{
	text-align:right;
	font-family:'Font Awesome 5 Free';font-weight:900;
}
.ue a{
	display:inline-block;
	padding:10px 30px 10px 30px;
	margin-bottom:30px;
	box-shadow:0px 0px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0 rgba(0,0,0,0.2);
	color:#0072c5;
}
.ue a:hover
{
	background-color:AliceBlue;
}
.ue a:after{
	content:"\f062";
}

/* mmmmmmmm ボタンセット mmmmmmm */
.seta{
	text-align:right;
	font-family:'Font Awesome 5 Free';font-weight:900;
}
.seta a{
	display:inline-block;
	padding:10px 30px 10px 30px;
	margin-bottom:30px;
	margin-left:20px;
	box-shadow:0px 0px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0 rgba(0,0,0,0.2);
	color:#0072c5;
}
.seta a:hover
{
	background-color:AliceBlue;
}
.seta > :nth-child(2):after{
	content:"\f0ce";
}
.seta > :nth-child(1):after{
	content:"\f062";
}

/* mmmmmmmmmmm アピールリンク mmmmmmmmmmmmm */
.linkbutton{
	text-align:center;
}

.linkbutton a{
	display:inline-block;
	padding:20px 10px 10px 10px;
	display:block;
	margin-bottom:20px;
	box-shadow:0px 0px 5px 0 rgba(0,0,0,0.2);
}
.linkbutton a:hover
{
	background-color:AliceBlue;
}

/* ----ダウンロードアイコン--- */

.dl a:before{
	font-family:'Font Awesome 5 Free';font-weight:400;
	content:"\f1c1";
	color:#ff1904;
	font-size:3em;
	}

/* mmmmmmmmmmm メールフォーム mmmmmmmmmmmmm */


textarea{
	height:150px;
}

input{
	background-color:#333;
	font-size:1em;
	color:white;
	padding:5px 15px 5px 15px;
	border:none;
	margin:0 0 0 10px;
}

label{
	margin:0 0 15px 0;
}
.picbutton{
	text-align:center;
}
.picbutton input:hover{
	background-color:#0072c5;
}

/* フォームの確認画面 mmmmmmmmmmmmmmmmmm */

table.table-form{
	margin-bottom:40px;
}



table.table-form td,
table.table-form th{
	border:1px solid #999;
	padding:20px 10px 20px 10px;
	text-align:left;
}

table.table-form th{
	background-color:#eee;
	border:1px solid #aaa;
	width:30%;
	font-weight:normal;
}
table.table-form td{
	background-color:white;
}

.error_messe{
	color:red;
}