/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

@charset "UTF-8";
 
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:16px;
    vertical-align:baseline;
    background:transparent;
	color: #333;
}
 
/*
 * スクロールバーを常に表示する
 */
html {
  overflow-y: scroll;
}

/*
 * すべての要素にbox-sizingを設定して幅の違いを無くす
 */
* {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*行の高さをフォントサイズと同じにしています*/
/*
body {
    line-height:1;
}
*/

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
/*olとulのマーカー（行頭記号）を表示しないようにしています*/
ol, ul {
    list-style:none;
}
 
/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}
 
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
 
/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}
 
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
	
    margin:0 0 1em;
	
    padding:0;
}
 
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

/*画像を縦に並べたときに余白が出てしまわないように*/
img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}

p {
	margin-bottom: 1em;
	font-size: 92%;
}

	/* Webフォントのインポート */
	/*
	@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
	@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
	*/
	
body {
	
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*
	font-family: Lato, "Noto Sans JP", "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	*/
	
	font-weight: 500;
	
 }

#zero {
	width: 100%;
	overflow: hidden;
}
	 

 
 .line {
	
	background-color: #9B0036;
	height: 8px;
	
}


 
 
header {
	max-width: 992px;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	
	-webkit-flex-direction: column;
	
	    -ms-flex-direction: column;
	
	        flex-direction: column;
	margin: 0 auto;
}



.sr {
	padding: 0 ;
	margin-top: 1em;
	width: 240px;
}



.ok {/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	
	-webkit-flex-direction: column;
	
	    -ms-flex-direction: column;
	
	        flex-direction: column;
}

.yes {/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:justify;/*--- IE10 ---*/
 -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
 justify-content:space-between;
	
	-webkit-align-items: flex-end;
	
	    -ms-flex-align: end;
	
	        align-items: flex-end;
	padding-right: 5%;
}


#copy {
	/*
	font-family: "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*/
	font-size: 110%;
	font-weight: bold;
	margin: 0.2em 0 0 5%;
	padding: 0 5% 0 0;
	
}

.base {
	padding: 0 5%;

}



.tel {
	display: block;
	
	
}

.tel span {
	font-size: 120%;
}




#email {
	width: 270px;

}




.top {
	background: #9B0036;
	
	
}
	
#menu {
	
	list-style: none;
	text-align: center;
	max-width: 992px;
	margin: 0 auto;
}

#menu ul {/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:justify;/*--- IE10 ---*/
 -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
 justify-content:space-between;
	
	list-style-type: none;
	padding: 0 5%;
	
	
}

#menu li {

	vertical-align: middle;

	-ms-flex: 1;
	
	    flex: 1;
	-webkit-flex: 1;
	
	
	/* メニュー間のボーダー指定 */

	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	
	/* メニュー間のボーダー指定 */
	 padding: 7px 0;
	

	color: #f5f5f5;
	
}



#menu li+ li {
	border-left: 0;
	border-right: 1px solid #DDD;
}
*

#menu a {
    display: block;
	/*
    padding: 7px 0;
	
	
	color: #fff;
	*/
	text-decoration: none;
	padding-bottom: 5px;
	margin: 0;

}

#menu strong {
	color: #fff;
	font-size: 90%;
}

#menu span {
    display: block;
    margin: 2px 0 0 0;
    color: #eee;
    text-transform: uppercase;
    font-size: 65%;
    letter-spacing: 1px;
}


#menu #active {

    background-color: rgba(247,247,247,0.4);
	/*
    border-bottom: 4px solid #ffa500;
	*/
	
}



#menu li:hover {
    background: rgba(247,247,247,0.4);
	color: #fff;
	

}


#breadcrumbs {
	margin: 0.2em 0 0.1em;
	padding: 0;
	
}

#breadcrumbs ol {/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	
	padding: 0 5%;
	
	

}

#breadcrumbs ol li {
  display: block;
  list-style-type: none;
  margin: 0 0.5em 0 0;
 
	
}

#breadcrumbs ol li span {
	font-size: 90%;
	text-decoration: none;
}

#breadcrumbs ol li a {
	text-decoration: none;
  	padding: 0 0.2em;	
}

#breadcrumbs ol li a span {
	color: #0000EE;	
}


#breadcrumbs ol li a span:hover {
	color: #ad1e25;
	text-decoration: underline;
}

#breadcrumbs ol li a span:visited {
	color: #0000EE;
	text-decoration: none;
}


#breadcrumbs ol li:before {
  content: " > ";
}
#breadcrumbs ol li:first-child:before {
  content:"";
}

h1, h2 {
	font-size: 120%;
	line-height: 1.4em;

}

h3 {
	font-size: 110%;
}


.ue2 {
	margin: 0 5% 1em;
}


.catch {
	height: 14em;
	
	background: #ddd;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; /* 縦方向中央揃え（Safari用） */
	-ms-flex-align: flex-end;;
	    -webkit-align-items: flex-end;;
	        align-items: flex-end; /* 縦方向中央揃え */ /* 横方向中央揃え（Safari用） */
	-ms-flex-pack: flex-start;
	    -webkit-justify-content: flex-start;
	        justify-content: flex-start; /* 横方向中央揃え */
		padding: 0 1em 0.5em 1em;
	margin-bottom: 0.5em;
}

.midasi {
	
	border-left: 20px solid #888;
	padding-left: 0.8em;
	/*
	margin-top: 0.7em;
	*/
	margin-bottom: 1em;
}



.rule {
	
	background-image: url(./img/check.jpg);
	background-size: cover;
	background-position: center center;
}

.vietnam {
	
	background-image: url(./img/aodai.jpg);
	background-size: cover;
	background-position: 20% 22%;
}

.procedures {
	background-image: url(./img/shakehands2.jpg);
	background-size: cover;
	background-position: center center;
}

.salary {
	background-image: url(./img/salary2.jpg);
	background-size: cover;
	background-position: center center;
}
	
	
	


.bar {
	
	background: #ddd;
	

	
	padding: 0 1em;
	font-size: 120%;
	border-left: 30px solid rgba(155,0,54,1);
	font-weight: bold;
	margin-bottom: 0.5em;
	
}





.news {
	width: 100%;
	font-size: 70%;
	line-height: 2em;
	margin-bottom: 1em;
}



.news a {
	text-decoration: none;
	
}

.news a:hover {
	color: #ad1e25;
	text-decoration: underline;

}

.news caption {
	border-left: 10px solid rgba(155,0,54,1);
	padding-left: 0.8em;
	margin-bottom: 0.5em;
}

.news tr {
	border-bottom: 1px dotted #999;
}

.news th {
	width: 5em;
	font-size: 95%;
	font-weight: normal;
	padding: 0.2em 0;
}
	
.news td {
	font-size: 95%;
	padding: 0.2em 0 0.2em 1em;
	line-height: 1.4em;
	
}


/* footer */
		
footer {
	/*
	margin: 0 auto;
	*/
	width: 100%;

	background-color: #9B0036;
	color: #f0f0f0;
	font-size: 85%;
	text-align: center;
	margin-top: 2em;
	padding: 2em 5%;
}

.bottom {
	font-size: 95%;
	margin-top: 2em;
	color: #f0f0f0;
}

div.map {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.map ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	
	
	-webkit-justify-content: flex-start;
	
	
	    -ms-flex-pack: start;
	
	
	        justify-content: flex-start;
	
	margin: 0 2% 1em;
	
	

	
}

.map li {

	width: 10em;

	font-size: 72%;
	
	margin-bottom: 0.6em;
	
}

/*
.map li.short {
	width: 7em;
}
*/

.map li a {
	color: #fff;
	display: block;
	text-align: left;
	text-decoration: none;
	border-left: 2px solid #fff;
	padding-left: 0.5em;
}

.map a:hover {
	color: #00bfff;
	border-color: #00bfff;
}

.map a.here {
	color: #00bfff;
	border-color: #00bfff;
}




.service_contents ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-top: 0.5em;
	
}


/*
.map ul li ul {
	
	margin-top: 0.4em;
	
	flex-flow: column;
	
	line-height: 1.5em;
	
}
*/

.service_contents ul li {
	
	font-size: 70%;
	text-indent: 0.6em;
	margin-bottom: 0;

	
}


.service_contents ul li a {
	color: #fff;
	border-left: 0;
	padding-left: 0;
	
}

.abc a:hover {
	color: #00bfff;
	
}

/* footerここまで */


/* 業務内容のページ */

.building {
	width: 100%;
	height: 20em;
	margin-bottom: 1em;
	background-image: url(./img/grass.jpg);
	background-size: cover;
	background-position: 20% center;
	
}

/* サービスのタブ部分 */
#tab {/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:justify;/*--- IE10 ---*/
 -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
 justify-content:space-between;
	
	-webkit-flex-wrap: nowrap;
	
	    -ms-flex-wrap: nowrap;
	
	        flex-wrap: nowrap;

	margin-top:0.5em;
	padding: 0;
	width: 97%;
}

#tab li {
    list-style-type: none;
	
	/*
	flex: 1;
	*/
	
    -webkit-flex-basis: 24.9%;
	
        -ms-flex-preferred-size: 24.9%;
	
            flex-basis: 24.9%;
	
}



#tab li a {
    font-size: 95%;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
	
    padding: 0.6em 0;
	
    text-align: center;
    width: 100%;
    background: #9B0036;
    border: 1px solid #9B0036;
	border-radius: 10px 10px 0 0;
    border-bottom: none;
}
#tab li a:hover{
    background:rgba(155,0,54,0.6);
	
	
}
 
#tab li.select a {
    background: #FFF;
    color: #9B0036;
}

#tab1, #tab2, #tab3, #tab4 {
	font-size: 110%;
	
}


#cate1 li,#cate2 li,#cate3 li,#cate4 li {
	text-align: left;
	
}

#cate1 dt {
	font-size: 110%;
	font-weight: bold;
	text-indent: 0.7em; 
	margin: 0.8em 0 0.5em;
	border-left: 4px solid red;
}

.content_wrap h3, .content_wrap disnon h3  {
	font-size: 110%;
	font-weight: bold;
	text-indent: 0.7em; 
	margin: 0.8em 0 0.5em;
	border-left: 4px solid red;
}
	
#cate3 ul, #cate4 ul {
	list-style-type: disc;
	margin-left: 2em;
}	
	
.content_wrap,.content_wrap disnon {
	width: 97%;
	padding: 1em 1.5em 2em;
    text-align: justify;
    border: 1px solid #9B0036;
    border-top: none;
}

.content_wrap p,.content_wrap disnon p {
	margin-top: 1em;
	font-size: 100%;
}
 
.content_wrap h2,.content_wrap disnon h2 {
    margin-bottom: 0.5em;
}

.content_wrap hr,.content_wrap disnon hr {
	margin-top: 1em;
}

.content_wrap a,.content_wrap disnon a {
	color: #0000EE;
}

.content_wrap a:hover,.content_wrap disnon a:hover {
	color: #ad1e25;
	
}

.content_wrap ol,.content_wrap disnon ol {
	list-style-type: decimal;
}

.content_wrap ol li,.content_wrap disnon ol li {
	margin-left: 1.5em;
}




.disnon {
  display: none;
}	

/* タブ部分ここまで */


/*
#contents{
	width: 97%;
}
 
#contents div {
    padding: 1em 4%;
    text-align: justify;
    border: 1px solid #555;
    border-top: none;
}
 
#contents p {
	margin-top: 1em;
}
 
#contents h2 {
    margin-bottom: 0.5em;
}

#contents hr {
	margin-top: 1em;
}

#contents a {
	color: #0000EE;
}

#contents a:hover {
	color: #ad1e25;
	
}

#contents ol {
	list-style-type: decimal;
}

#contents ol li {
	margin-left: 1.5em;
}
*/

.social {
	margin-bottom: 1em;

}

.circle {
	/*
	outline: 4px double navy;
	*/
	background-color: #eee;
	padding: 0.8em 1em;
}

.circle p {
	margin: 0;
}

/* 業務内容のページここまで */


/* 事務所概要のページ*/

.pro {
	margin-right: 3%;
}

.pro p {
	font-size: 100%;
}

/*
#self2 {
	float: right;
	
	width: 180px;
	padding: 1em 0 0 0;
}
*/

caption {
	text-align: left;
	
}



#yokogao {
	


	margin: 0 0.4em 2em 0;

}



#yokogao th {
	font-size: 94%;
	width: 20%;
	padding: 0.5em;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
}

#yokogao td {
	font-size: 94%;
	width: 80%;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	padding: 0.4em 0.4em 0.4em 1.5em;
}

#yokogao h2, .sample1 h2 {
	font-size: 120%;
	border-bottom: 4px solid #9B0036;
	text-indent: 0.2em;
	margin-bottom: 0.4em;
}

#yokogao h3 {
	font-size: 92%;
	padding-left: 0.5em;
	margin: 1.5em 0 0.5em;
}

#yokogao span {
	font-size: 120%;
	margin-right: 1em;
}

table.sample1 {
	width: 99%;
    margin: 0 0 1em 0;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    
}
table.sample1 tr th,table.sample1 tr td {　/*「,（カンマ）」で区切って複数のセレクタを指定しています*/
	font-size: 70%;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 0.5em;
}

table.sample1 tr th {
    background: #eee;
	
}

.sample1 caption {
	margin-bottom: 0.5em;
	
}

.address {
	width: 400px;
	height: 16px;
	margin-top: 0.2em;
	margin-bottom: -0.2m;
	background-image: url(./img/address.png);
	background-size: cover;
	background-position: left center;
	opacity: 0.8;
	
}

.number li {
	margin-top: 0;
	margin-left: 1em;

	font-size: 92%;
	
}




/* 事務所概要のページここまで*/


/* ベトナム語対応のページ */
.landscape {
	width: 100%;
	height: 20em;
	margin-bottom: 1em;
	background-image: url(./img/xedap.jpg);
	background-size: cover;
	background-position: center left;
	
}

.bxslider li {
	width: 100%;
	height: 24em;
}

.maru {
	display: inline-block;
	background-color: rgba(155,0,54,1);
	width: 1em;
	height: 1em;
	
	border-radius:0.5em;
 -moz-border-radius:0.5em;
 -webkit-border-radius: 0.5em;
}

.apeal2 {
	font-size: 130%;
	border-bottom: solid 8px #ccc;
	position: relative;
	margin-bottom: 0.5em;
	
	/*
	border-left: 18px solid rgba(155,0,54,1);
	
	padding-left: 0.6em;
	*/
}

.apeal2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 8px rgba(155,0,54,1);

width: 30%;
}


.midasi2 h2 {
	/*
	outline: 1px solid #999;
	*/
	
}


.honmon p {
	font-size: 100%;
	text-align: justify;
	margin: 0.8em 0;

}
/*
.honmon .midasi {
	border-left: 0px;

	padding: 0.6em 1em 0.2em 1em;

	background-color: #777;
}
*/
.honmon h1, .honmon h2 {
	/*
	color: #fff;
	*/
	/*
	background: #f0f0f0;
	*/
	/*
	box-shadow: 0px 0px 0px 5px #dfefff;
	
	border: dashed 1px #96c2fe;
	*/
	padding: 0.2em 0.5em;
	color: #454545;
	border-left: 8px solid rgba(155,0,54,1);
	margin: 0.8em 0 0.5em;

	line-height: 1.3em;
}

.honmon h3 {
	display: inline-block;
	font-size: 120%;
	line-height: 1.3em;
	padding-left: 0;
	background: linear-gradient(transparent 70%, yellow 70%);

}

.honmon ol, .honmon ul {
	padding-left: 3em;
}

.honmon li {
	list-style: disc;
	
}

.honmon ul li {
	font-size: 110%;
	font-weight: bold;
	color: #000080;
}

.honmon ol li {

	font-weight: bold;
	
	color: #000080;
}

.honmon a {
	color: #0000EE;
}


.honmon a:hover {
	color: #ad1e25;
	text-decoration: underline;
}

.inquiry {
	display: inline-block;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	padding: 0.5em 1em;
	width: 11em;
	border-left: 8px solid rgba(155,0,54,1);
	background-color: navy /*#0000BB*/;
	margin-left: 1em;

}

.inquiry:hover {
	background-color: rgba(0,0,128,0.6);
	
}



.inquiry a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.inquiry a:hover {
	color: #fff;
	text-decoration: none;
}

.inquiry a:visited {
	color: #fff;
	text-decoration: none;
}




.sankaku2 {
	
	width: 0;
	height: 0;
	border: 8px solid transparent;
	
	border-left: 8px solid #FFFF66;

	float: left;
	margin-top: 0.4em;
	margin-right: 0.5em;


}
/*
.moji {
	display: inline-block;
	background-color: blue;
	border: 1px solid blue;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	width: 9em;
	padding: 0.5em 0;
	
}
*/

.back {
	background-color: #eee;
	padding: 0.8em 0;
}
	
/* ベトナム語対応のページここまで */

/*
@media only screen and (min-width: 600px) {
*/


.test {
	max-width: 992px;
	margin: 0 auto;
}

.container {
	padding: 0 5%;
	margin: 0;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:justify;/*--- IE10 ---*/
 -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
 justify-content:space-between;
	
	-webkit-flex-direction: column;
	
	    -ms-flex-direction: column;
	
	        flex-direction: column;
	
	text-align: justify;
	
}

.container_s {
	padding: 0 5%;
	margin: 0;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:justify;/*--- IE10 ---*/
 -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
 justify-content:space-between;
	

	text-align: justify;
	
}



.low {
	float: right;
	margin: 0 2em 0.5em 1em;
	

}


.fullname {
	text-align: center;
}

.wrap {/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;

}

.main {
	-webkit-flex: 3;
	    -ms-flex: 3;
	        flex: 3;

	background: #FFF;
	padding: 0;
	margin:0 ;

	
}






.side {
	
	-webkit-flex: 1;
	
	    -ms-flex: 1;
	
	        flex: 1;
	/*
	background: #f1f1f1;
	*/
	padding: 0 0 0 0.2em;


	border-left: 1px solid #ccc;
}

.photo {
	float: right;
	text-align: center;
	margin: 0 0 0.5em 0.5em;
	font-weight: bold;
	
}

#self {
	width: 185px;

	
}

.fullname {
	font-weight: bold;
	font-size: 100%;
}

.big {/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
   	flex-wrap: wrap;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:justify;/*--- IE10 ---*/
 -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
 justify-content:space-between;
	
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.big li {
	
	
	-webkit-flex: 1;
	
	
	    -ms-flex: 1;
	
	
	        flex: 1;

	/*
	background-color: #f6f6f6;
	*/
	margin: 0.2em 1em 1em 0;
	
	line-height: 1.6;
	
}

.big li p {
	font-size: 96%;
}

.big a {
	text-decoration: none;

}

/*
.big li:hover h2 {
	color: #0000cc;
	
}
*/

/*
.big li:hover .midasi {
	color: #0000cc;
	border-color: #0000cc;
	
}
*/

.big li:hover p{
	color: #ad1e25;
	text-decoration: underline;
}

.big li:hover .catch {
	opacity: 0.7;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*
.big li:hover .rule {
	background-image: url(./img/check_8.jpg);
}

.big li:hover .vietnam {
	background-image: url(./img/aodai_8.jpg);
}

.big li:hover .procedures {
	background-image: url(./img/shakehands2_8.jpg);
}

.big li:hover .salary {
	background-image: url(./img/salary2_8.jpg);
}

*/


	


.apeal {
	
	font-size: 140%;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 0.6em;
	/*
	border-left: 20px solid #888;
	
	padding-left: 0.5em;
	*/
}

.simei p {
	font-size: 98%;
	line-height: 1.6em;
	text-align: justify;
}

/*最新情報*/

.pro2 {
	margin-right: 3%;
}

.pro2 p {
	font-size: 100%;
	line-height: 1.6em;
}



.rate {


    margin-bottom: 0.5em;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    
}


.rate th {
    background: #eee;
	font-size: 90%;
	border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 0.5em;
	text-align: center;
	vertical-align: middle;
}

.rate td {
	font-size: 90%;
	border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 0.5em;
	text-align: center;
	vertical-align: middle;
}

.rate caption {
	margin-bottom: 0.2em;
	text-align: center;

}

.upper {	
	font-size: 65%;
	vertical-align: super;
}

.pro2 h1, .pro2 h2 {
	font-size: 120%;
	font-weight: bold;
	text-indent: 0.7em; 
	margin-bottom: 0.8em;
	border-left: 4px solid red;
}

.heading {

	border-bottom: 2px solid #9B0036;
	text-indent: 0.2em;
	margin-bottom: 1em;
}

/*
.pro2 h3 {
	border-left: 2px solid blue;
	padding-left: 1em;
}
*/

p.note {
	font-size: 90%;
	margin-top: 0.5em;
}

.note p {
	font-size: 90%;
	margin-top: 0.5em;
	
	line-height: 1.7;
}

.revised {
   
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    
}



.revised th {
	font-size: 90%;
	width: 9em;
	background-color: #eee;
	border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 0.5em;
	vertical-align: middle;
}




.revised td {
	font-size: 90%;
	padding: 0.5em;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
	vertical-align: middle;
}

.revised caption {
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}

.revised ol {
	list-style-type: decimal;
	margin-left: 1.5em;
	
}

.revised li {
	font-size: 90%;
	
}

.law {
	width: 4.5em;
}

.old {
	background-color: #EAF6FD;
}

.renew {
	background-color: #FFFFCC;
}

.sum {
	width: 6em;
}

/*最新情報ここまで*/

/* トピックス */
.pro2 ul {
	list-style-type: disc;
	margin-left: 1em;
}

/* トピックスここまで */

/* 個人情報保護方針 */

dt {
	font-weight: bold;
	margin-top: 1em;
}

.pp {
	margin-top: 0.5em;
	margin-left: 0;
}

/* 個人情報保護方針ここまで */

/* 免責事項 */

.right {
	text-align: right;

}

/* 免責事項ここまで */


/* サイドメニュー */

.sample3 {
	
    margin: 0 5% 0 8%;	
    padding: 0;
	
}
.sample3 dt {
		
    width: 100%;
	font-size: 100%;
	
    font-weight: bold;
	
	
	margin: 0 0 0.5em;
	
	border-bottom: solid 3px rgba(155,0,54,1);
	
	
}


.normal {
	font-size: 96%;
	text-indent: 0.5em;
}

.normal a {
	color: #0000EE;
	text-decoration: none;
}

.normal a:hover {
	color: #ad1e25;
	text-decoration: underline;
	
}

.sita {
	margin-bottom: 2em;
}



.menu2 {
	
	
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	align-items: center;
}


a.link {
	display: block;
	width: 14em;
	padding: 1em;
	font-size: 95%;
	font-weight: bold;

	background-color: #fff;
	
	color: #333;
	text-decoration: none;
    text-indent: 0em;
	
	border: 1px solid #777;
	padding-left: 1em;
	margin-bottom: 0.3em;
}



.sankaku{
	width: 0;
	height: 0;
	border: 6px solid transparent;
	
	border-left: 6px solid #9B0036;
	
	float: left;

	
	margin-top: 0.4em;

	margin-right: 0.5em;
	margin-left: 0;
	
}




a.link:hover {
	color: #fff;
    background: rgba(155,0,54,0.7);

	border-color: rgba(155,0,54,0.7);
}



	

.menu2:hover .sankaku {
	border-left: 6px solid #fff;
}

.side a {
	
	text-decoration: none;
}


.current a {
	color: #fff;
    background: rgba(155,0,54,0.7);

	border-color: rgba(155,0,54,0.7);
}

.current .sankaku {
	border-left: 6px solid #fff;
}

/* サイドメニューここまで */



@media screen and (min-width:600px) {

.main {
	min-width: 540px;
}

.side {
	min-width: 200px;
}
}



@media only screen and (max-width: 599px) {

.yes {

}


h2 {
	font-size: 110%;
	line-height: 1.2em;
	margin-bottom: 0.3em;
}

.base {
	margin: 0;

}

.sr {
	width: 95%;
	min-width: 130px;
	
}


#copy {
	padding: 0 5% 0 0;

	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.3em;
	/*
	margin-bottom: 0.8em;
	*/
}	

.selfphoto {
	display: none;
}

.tel {
	width: 80%;


	margin-bottom: 0.1em;
	
	
}


#email {
	width: 95%;
	min-width: 150px;	
}


.line {
	height: 5px;
	
}

#menu {
	margin: 0.3em 0 1.2em;
	
}

#menu ul {/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
   	flex-wrap: wrap;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:justify;/*--- IE10 ---*/
 -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
 justify-content:space-between;
	
	
	width: 100%;
	padding: 0;
}

#menu ul li{
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-flex-basis: 33%;
	    -ms-flex-preferred-size: 33%;
	        flex-basis: 33%;
	min-width: 8em;	
	font-size: 85%;
}


#menu li a strong{
	font-size: 100%;
}



/* メニュー間のボーダー指定 */

#menu li.first {
	border-bottom: 1px solid #DDD; 
}

#menu li.last {
	border-top: none; 
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#menu li.last+ li.last {
	border-left: none;
	border-right: 1px solid #DDD;
}


#breadcrumbs {
	display: none;
}

.ue {
	display: none;
}


.ue2 {
	display: none;
}

.big li p {
	font-size: 92%;
	
}

.news caption {
	border-left: 8px solid rgba(155,0,54,1);
	padding-left: 0.8em;
	margin-bottom: 0.5em;
	font-size: 130%;
}

.news th, .news td {
	font-size: 90%;

}





/* タブ部分 */


#tab {
	
	display: -webkit-flex;
	
	display: -ms-flexbox;
	
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	/*
	width: 94%;
	*/
	margin-top:0.5em;
	padding: 0;
}


#tab li {
	
    list-style-type: none;
	
	-webkit-flex-basis: 24.6%;
	
	    -ms-flex-preferred-size: 24.6%;
	
	        flex-basis: 24.6%;
/*
	flex: 1;
	
	
    width: 24.8%;
*/
	
}


#tab li a {
    font-size: 70%;
    font-weight: bold;
	/*
    color: #FFF;
    text-decoration: none;
    display: block;
	*/
    padding: 0.6em 0;
	/*
    text-align: center;
	*/
    width: 100%;
	/*
    background: #C15757;
    border: 1px solid #c15757;
	border-radius: 10px 10px 0 0;
    border-bottom: none;
	*/
}




.content_wrap,.content_wrap disnon {
	font-size: 90%;
}

.content_wrap ol li,.content_wrap disnon ol li, .content_wrap disnon ul li {
	font-size: 90%;
	text-align: justify;
}

.content_wrap li p,.content_wrap disnon li p {
	font-size: 90%;
	text-align: justify;
}


#cate1 dt {
	font-size: 100%;	
}


.container {
	/*
	width: 100%;
	
	margin: 0 auto;
	*//*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	
	-webkit-flex-direction: column;
	
	    -ms-flex-direction: column;
	
	        flex-direction: column;
	/*
	justify-content: space-between;
	*/
	text-align: justify;
	font-size: 94%;
	padding: 0 5%;
	margin-top: 1em;
}


.container_s {
	/*
	width: 100%;
	
	margin: 0 auto;
	*//*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	
	-webkit-flex-direction: column;
	
	    -ms-flex-direction: column;
	
	        flex-direction: column;
	/*
	justify-content: space-between;
	*/
	text-align: justify;
	font-size: 94%;
	padding: 0 0 0 5%;
	margin-top: 1em;
}


.horizon {
	background-color: #EEE;
	
	margin: 0.5em 1em 0;

	padding: 0.5em 1em;

}



.photo {
	display: none;
}



.main {
	background: #FFF;
	padding: 0;
	margin: 0;
	
}

.high {
	font-size: 80%;
}

.catch {
	height: 11em;


	
	margin: 0 auto 0.5em;
	padding: 0 0.5em;
}



.midasi {
	font-size: 90%;
	border-left: 12px solid #888;
}

.midasi p {
	text-align: justify;
}

.low {
	display: none;
}

.big {/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
   	flex-wrap: wrap;/*--- Androidブラウザ用 ---*/
 -ms-flex-pack:justify;/*--- IE10 ---*/
 -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
 justify-content:space-between;
	
	
	list-style-type: none;
	/*
	width: 100%;
	*/
	margin: 0;
	padding: 0;
	
}


.big li {
	
	-webkit-flex: 1;
	
	    -ms-flex: 1;
	
	        flex: 1;
	min-width: 12em;
	margin: 0 0.2em 1em;	
}

.rule {
	
	background-image: url(./img/check.jpg);
	background-size: cover;
	background-position: center center;
}

.vietnam {
	
	background-image: url(./img/aodai4.jpg);
	background-size: cover;
	background-position: top center;
}

/*
.big li:hover .vietnam {

	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
*/

.procedures {
	background-image: url(./img/shakehands2.jpg);
	background-size: cover;
	background-position: center center;
}

.salary {
	background-image: url(./img/salary2.jpg);
	background-size: cover;
	background-position: center center;
}

.apeal {
	font-size: 140%;
	font-weight: bold;
	line-height: 1.4em;
	
	margin-bottom: 0.8em;
}

.pro .apeal {
	font-size: 110%;
	border-left: 0;
	padding-left: 0;
}

.landscape {
	width: 100%;
	height: 12em;
	margin-bottom: 1em;
	background-image: url(./img/xedap.jpg);
	background-size: cover;
	background-position: center 60%;
	
}

.simei p {
	line-height: 1.5em;
	font-size: 95%;
	text-align: justify;
}

.side {
	display: none;	

}

.map li {

	font-size: 75%;
	width: 11em;
}


.abc {
	display: none;	

}

.bottom {

	font-size: 80%;
	
}

.inquiry {
	font-size: 100%;
}

.sankaku2 {

	border: 6px solid transparent;	
	border-left: 6px solid #FFFF66;
	margin-top: 0.2em;

	margin-right: 0.4em;
}

.pro2 h2 {
	font-size: 100%;
}

.pro2 h3 {
	font-size: 96%;
}

/* 業務内容のページ */

.building {
	width: 100%;
	height: 12em;
	margin-bottom: 1em;
	background-image: url(./img/grass.jpg);
	background-size: cover;
	background-position: center center;
	
}

.circle p {
	font-size: 92%;
}

.hutu {
	font-size: 110%;
}

.content_wrap ul#cate1 li p {
	line-height: 1.6em;
}

ol li, ul li, th, td, dt, dd {
	line-height: 1.6;
}

h3.cl {
	font-size: 100%;
}

.social li {
	font-size: 92%;
}

/* 事務所概要のページ*/

#yokogao th, .sample1 th {
	font-size: 86%;
}

.sample1 th {
	display: block;
}

.sample1 td {
	display: block;
}

	
#yokogao td, .sample1 td {
	font-size: 88%;
}

#yokogao caption, .sample1 caption {
	font-size: 85%;
}

#yokogao h3 {
	font-size: 90%;
}

.address {

	background-image: url(./img/address_s.png);
	
	opacity: 0.8;

	background-size: cover;
	background-position: left center;
	
	width: 280px;
	height: 36px;
	margin-bottom: 0;
	
}

.number li {
	font-size: 83%;
}



	
/* 事務所概要のページここまで*/

/* ベトナム語対応のページ*/



/*
.honmon {
	font-size: 96%;

}
*/
.honmon p {
	font-size: 110%;
	line-height: 1.6em;
}

.honmon li {
	font-size: 90%;
}

.apeal2 {
	font-size:120%;
	border-bottom: 0;
	
}

.apeal2:after {

border-bottom: 0;

}

.honmon h3 {
	
	font-size: 106%;
	
	background: none;
	
}

.honmon ol, .honmon ul {
	padding-left: 1.5em;
}

.honmon ul li {
	font-size: 95%;
	
}


/* ベトナム語対応のページここまで*/

/*新着情報のページ*/
.rate th, .revised th, .revised td {
	font-size: 80%;
}

h3, h4 {
	margin-bottom: 0.4em;
}

h4 {
	font-size: 94%;
	line-height: 1.4;
}

.revised caption {
	font-size: 90%;
	margin-bottom: 0.4em;
}
	
 .rate td {
	font-size: 90%;
}


.revised th {
	width: 7em;
}

.revised ol {
	font-size: 110%;
}

.law {
	width: 3em;
}

.pro2 p, .pro p {
	font-size: 90%;
}

p.note {
	font-size: 80%;
}

/*新着情報のページここまで*/


/*トピックスのページ*/

.adr li {
	font-size: 92%;
}

/*トピックスのページここまで*/


.info td, .info dd, .info li {
		font-size: 90%;
}

/*問い合わせのページ*/

h1#ttt {
	font-size: 120%;
}

.pro p {
	line-height: 1.5;
}



}

@media only screen and (max-width: 332px) {

#menu li {
	border-left: none;
	border-right: none;
}

#menu li+ li {
	border-left: none;
	border-right: none;
}

#menu li.first {
	border-bottom: none;
}

#menu li.last {
	border-top: none; 
	border-left: none;
	border-right: none;
	border-bottom: none;
}
/*
#menu li.last+ li.last {
	border-left: none;
	border-right: 1px solid #DDD;
	
}
*/

#menu ul li.left_side {
	border-top: none;
	border-right: 1px solid #DDD;
	border-bottom:  1px solid #DDD;
	border-left: none;
}

#menu ul li.right_side {
	border-top: none;
	border-right: none;
	border-bottom:  1px solid #DDD;
	border-left: none;
}




]