/*----------------各ページ共通----------------*/
* {
	padding-bottom: 0px;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}
a:hover{color :#0100A5;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}
.smaOnly{display: none;}
/*--印刷しない箇所--*/
@media print {
       .unprint{display:none;}
}
body{
	text-align:center;
	font-size:12px;
	background:#DCEDFA /*url(../img/back-ground.png)*/;
}
/*--全体--*/
.posi-style {
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	/*border-top:#333 1px solid;
	border-left:#333 1px solid;
	border-right:#333 1px solid;
	border-bottom:#333 1px solid;*/
}
header{display: none;}
/*--メインタイトル--*/
div.style-title {
	float:none;
	background:#035FFF;
}
/*--メニュー--*/
div.style-menu {
	height:40px; /*20100106 25px→20px*/
	width:100%;
	/*border-top:solid 2px #fff;*/
	/*background: #0019F8 url(../img/menu-bar.png);*/
	background: #035fff;
	/*background: #fff;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
.base-menu{
	height:24px;
	margin:0px;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	font-size:14px;
	color:#FFF;
}
.base-menu a{
	text-decoration:none;
	color:#FFF;
}
.base-menu a:hover{
	/*background:#C03;*/
	color :#0100A5;
}
/*--メニュー項目--*/
.base-menu ul{
	display: table;
	list-style:none;
	margin:0px;
	padding:0px;
	width: 100%:
}
.base-menu li{
	display:inline;
	display: table-cell;
	vertical-align: middle;
	/*float:left;*/
	width:124px;
	/*padding:0px;*/
	padding:0px;
	border-left: solid 1px #fff;
}
.base-menu li:last-child{border-right:solid 1px #fff;}
.base-menu li:hover{
	/*background:#C03;*/
	color:#0100A5;
}
.base-menu ul::after{clear; }
/*--メニューEND--*/

/*--フッター手前まで--*/
div.style-main {
	float:none;
	width:750px;
	padding-bottom:20px;
	background:#FFF;
}
/*--宣伝--*/
.ho-title{
	width: 750px;
	height: 120px;
	background: url(../img/pr_bak.jpg) no-repeat;
	background: url(../img/pr_bak_y2.jpg) no-repeat;
	background-size: 750px auto;
	font-size:18px;
	font-weight: bold;
	line-height: 30px;
	color: white;
	color:#0100A5;
	/*text-shadow: 2px 2px 6px #333333;*/
	text-align: left;
	overflow: visible;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ho-title ul{
	margin-left: 46px;
	list-style-type: none;
	color: white;
}
.ho-title ul li::before{
	content: "・";
	text-shadow: 2px 2px 6px #333333;
}
.ho-title p,.ho-title span{
	text-align: center;
	
}
.ho-title p{
	line-height:1.45rem;
}
.ho-title span{
	font-size: 0.8rem;
	line-height: 8px;
}
/*--フッター--*/
div.style-footer {
	float:none;
	height:25px; /*20100106 35px→25px*/
	width:750px;
	margin-top:0px;
	padding-top:10px;
	color:#FFF;
	background:#035FFF /*url(img/m-foot.gif)*/;
}



/*TOPへのリンク設定*/
#top A {
	height:20px;
	text-decoration:none;
}
#top A:link {
	color:#3333FF;
}
#top A:visited {
	color:#3333FF;
}
#top A:hover {
	color:#22FFDD;
}
#top A:active {
	color:#0000FF;
}
.ConBox{
	display: block;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}
.ho-left{
	text-align:left;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:5px;
	width:385px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:15px;
	padding-top:0px;
	background:#DDD;
}
.ho-right{
	text-align:left;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:5px;
	width:305px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:15px;
	padding-top:0px;
	background:#FFF;
}
.ho-right2{
	text-align:left;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:5px;
	width:140px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:15px;
	padding-top:0px;
	background:#FFF;
}
.ho-right3{
	text-align:left;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:5px;
	width:170px;
	padding-right:5px;
	display:inline;
	float:left;

	margin-left:15px;
	padding-top:0px;
	background:#FFF;
}
.OfficeFace {width: 150px;}
.ho-end {
	height:2px;
	clear:both;
}
/*----------------ページ毎独立----------------*/
/*--小タイトル用-*/
.text-contA {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding-left:12px;
	padding-right:auto;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	background:#035FFF;
}
h2{border-left: solid 12px #0100A5;}
h3{
	font-size: 1rem;
	border-bottom: 1px solid #ccc;
	margin: 10px auto;
}
/*--小2タイトル用-*/
.text-contB {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	/*background:#3C6;*/
	text-decoration:underline;
}
/*--その他例外-*/
/*--掲載--*/
.keisai-table{
	margin-bottom:5px;
}

	/*--TOPの左用*/
.ho-mleft{
	text-align:left;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:5px;
	width:145px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:15px;
	padding-top:0px;
	background:#fff;
	text-align:center;
}
#zeiri-name{
	height:40px;
	margin-top:2px;
	line-height:21px;
	font-size:14px;
	color:#000;
}
	/*--TOPの右用*/
.ho-mright{
	text-align:left;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:5px;
	width:545px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:15px;
	padding-top:0px;
	background:#FFF;
}
.ho-mright p.p-box{margin: 5px auto 20px auto;}
.ho-mright p.p-box b{font-size: 0.9rem;}
	/*--業務案内の上部調整用*/
.office-top{
	text-align:left;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:0px;
	width:730px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:10px;
	padding-top:0px;

	/*background:#fff*/
}
	/*--業務案内の左用*/
.office-mleft{
	text-align:left;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:5px;
	width:390px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:15px;
	padding-top:0px;
	background:#fff;
}
	/*--業務案内の右用*/
.office-mright{
	text-align:left;
	padding-bottom:0px;
	margin-top:0px;
	padding-left:5px;
	width:300px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:5px;
	padding-top:0px;
	background:#FFF;
}
	/*--業務案内のセンター用*/
.office-mcenter{
	text-align:left;
	font-size:12px;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:15px;
	width:725px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:5px;
	padding-top:0px;
	background:#FFF;
}
img.meyaImg{
	width:710px;
	height:450px; 
	border:none;
}
/*--印刷しない箇所--*/
@media print {
	.office-mcenter-unprt{
	text-align:left;
	font-size:12px;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:15px;
	width:725px;
	padding-right:5px;
	display:none;
	float:left;
	margin-left:5px;
	padding-top:0px;
	background:#FFF;
}
}
div.office-mcenter-unprt{
    text-align:left;
    position:relative;
    padding-bottom:0px;
    margin-top:15px;
    padding-left:15px;
    height:450px;
    width:710px;
    padding-right:5px;
    float:left;
    margin-left:5px;
    padding-top:0px;
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    /*background-image:url(../img/meyaka9.jpg);*/
}
	/*--業務案内のテーブル全体用*/
.office-mtable {
	border: 1px solid #888888;
	font-size: 12px;
	text-align:center;
	width:385px;
}
	/*--業務案内のテーブル左用*/
.office-mtablel {
	border: 1px solid #888888;
	font-size: 12px;
	text-align:center;
	width:128px;
	min-height:20px;
}
	/*--業務案内のテーブル右用*/
.office-mtabler {
	border: 1px solid #888888;
	font-size: 12px;
	text-align:left;
}
	/*--業務案内のテーブル右用*/
.office-mtabler2 {
	border: 1px solid #888888;
	font-size: 12px;
	text-align:center;
	width:244px;
}
iframe.accmap{
	width:705px;
	height:410px;
}
	/*--TOPへ用*/
.office-mtop{
	text-align:right;
	font-size:14px;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:15px;
	width:725px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:5px;
	padding-top:0px;
	background:#FFF;
}
	/*--リンクのテーブル全体用*/
.link-mtable {
	/*border: 1px solid #888888;*/
	font-size: 12px;
	text-align:center;
	width:700px;
	border:none;
}
	/*--リンクのテーブル小タイトル用*/
.link-mtablet {
	/*border: 1px solid #888888;*/
	font-size: 12px;
	color:#00F;
	text-align:left;
	font-weight:bold;
}
	/*--リンクのテーブル用*/
.link-mcenter {
	font-size: 12px;
	text-align:left;
}
#l-main A {
	height:20px;
	text-decoration:none;
}
#l-main A:link {
	color:#000000;
}
#l-main A:visited {
	color:#000000;
}
#l-main A:hover {
	color:#6633FF;
}
#l-main A:active {
	color:#0000FF;
}
	/*--Englishの左用*/
.eng-mleft{
	text-align:left;
	padding-bottom:0px;
	margin-top:15px;
	margin-left:80px;
	margin-right:80px;
	padding-left:5px;
	width:500px;
	padding-right:5px;
	display:inline;
	float:left;
	padding-top:0px;
	background:#fff;
}
	/*---Englishの右用*/
/*
.eng-mright{
	text-align:left;
	padding-bottom:0px;
	margin-top:0px;
	padding-left:5px;
	width:140px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:5px;
	padding-top:0px;
	background:#FFF;
}
*/
	/*--Englishのセンター用*/
.eng-mcenter{
	text-align:center;
	font-size:12px;
	padding-bottom:0px;
	margin-top:15px;
	padding-left:0px;
	width:735px;
	padding-right:5px;
	display:inline;
	float:left;
	margin-left:5px;
	padding-top:0px;
	background:#FFF;
}
@media screen and (max-width:480px){
	*{max-width: 100vw;}
	.smanon{display: none;}
	.smaOnly{display: block;}
	html{
		width: 100%;
		max-width: 100vw;
	}
	body{
		width: 100%;
		max-width: 100vw;
		font-size:16px;
	}
	/*--全体--*/
	.posi-style {width:100%;}
	header{
		display:block;
		width:100%;
		max-width: 100vw;
		height: 82px;
		padding-top: 6px;
		background: #0100A5;
	}
	header h1,header address,header p.jobs{
		color:#0100A5;
		color:#333;
		color: #FFF387;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	header p.jobs{
		line-height: 16px;
		font-size: 16px;
	}
	header h1{
		font-weight: bold;
		font-size: 1.9rem;
		line-height: 2.6rem;
	}
	header address{
		font-style:normal;
		font-size: 0.8rem;
	}
	.style-title{
		display: none;
		width: 100%;
		max-width: 100vw;
	}
	.style-title img{
		width: 100%;
		max-width: 100vw;
	}
	/*--メニュー--*/
	div.style-menu {
		height:72px;
		display: block;
		justify-content: center;
		align-items: center;
	}
	nav.base-menu{
		display: block;
		height:auto;
		margin:0px;
		padding-left:0px;
		padding-right: 0px;
		font-size:16px;
	}
	/*--メニュー項目--*/
	.base-menu ul{
		display:inline-block;
		display: flex;
		margin:0px;
		padding:0px;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.base-menu li{
		width:calc(100vw / 3.2);
		height: 36px;
		padding-top: 4px;
		border: solid 1px #fff;
		border-collapse:collapse;
		border-spacing: 0;
		
		-webkit-flex-grow: 1;
		flex-grow: 1;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.base-menu li:last-child{border-right:solid 1px #fff;}
	/*--メニューEND--*/
	
	div.style-main {
		width:100%;
		max-width: 100vw;
		padding-bottom: 0;
	}
	div.style-main *{max-width: 100vw;}
	
	/*--宣伝--*/
	.ho-title{
		display: block;
		width: calc(100% - 20px);
		max-width: 100vw;
		height: auto;
		font-size:16px;
		line-height: 20px;
		background-size: auto 200px;
		background-position: top 0px right -50px;
		padding: 10px;
		text-align: left;
	}
	.ho-title p,.ho-title span{
		text-align: left;
		width: 70%;
		height: auto;
	}
	.ho-title p{
		line-height:1.45rem;
	}
	.ho-title span{
		font-size: 0.8rem;
		line-height: 8px;
	}
	.ho-mleft{ display: none;}
	#zeiri-name{}
	.ho-mright{
		width: calc(100% - 20px);
		padding-left:0px;
		padding-right:0px;
		margin-left:10px;
		margin-right: 10px;
	}
	/*OFFICE*/
	.office-top{
		padding-bottom:0px;
		margin-top:15px;
		width:calc(100% - 20px);
		padding-right:5px;
		margin-left:10px;
		padding-top:0px;
	}
	/*--業務案内の左用*/
	.office-mleft{
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		margin-left:10px;
		margin-top:15px;
		width:calc(100% - 20px );
		display:inline;
		float:left;

	}
	/*--業務案内のテーブル全体用*/
	.office-mtable {
		text-align:center;
		width:100%;
	}
	/*--業務案内のテーブル左用*/
	.office-mtablel {
		width:38%;
		min-height:20px;
	}
	/*--業務案内のテーブル右用*/
	.office-mtabler {}
	/*--業務案内のテーブル右用*/
	.office-mtabler2 {
		width:auto;
	}
	/*--業務案内の右用*/
	.office-mright{
		text-align:center;
		margin-top:0px;
		margin-left:5px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:5px;
		padding-right:5px;
		width:84vw;
	}
	/*--業務案内のセンター用*/
	.office-mcenter{
		margin-top:15px;
		margin-left:15px;
		margin-right: 15px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		width:calc(100% - 30px);
	}
	iframe.accmap{
		width:100% ;
		height:410px;
	}
	.ho-right3{
		margin-top:15px;
		margin-left:10px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		width:24%;
		display:inline;
		float:left;
	}
	.OfficeFace {width: 24vw;}
	.smatb{width: 68vw;}
	.smatb table{width: 100%;}
	.smatb td.office-mtablel{width: 34%;}
	div.office-mcenter-unprt{
		width: 90vw;
		height: calc(100vw * 0.633 );
		padding: 0 10px;
		margin: 0;
	}
	img.meyaImg{
		width:94vw;
		height:auto; 
	}
	/*--TOPへ用*/
	.office-mtop{
		margin-top:15px;
		margin-left:15px;
		margin-right: 15px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		width:calc(100% - 30px);
	}
		/*--リンクのテーブル全体用*/
	.link-mtable {
		width:100%;
	}
	/*--フッター--*/
	div.style-footer {
		height:25px;
		width:100%;
		max-width: 100vw;
		padding-top:10px;
		padding-bottom:10px;
	}
	/*お問い合わせ*/
	div.smaContact{
		/*position: absolute;*/
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		/*background: rgba(3,95,255,0.40);*/
		background: #0100A5;
		margin:0;
		padding: 10px 0;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	div.smaContact a{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
}