@charset "utf-8";
/*------------------------------------------------------------
【共通】初期設定
------------------------------------------------------------*/
body {
margin: 0 auto;
padding: 0 auto;
font-size: 16px !important;
font-family:メイリオ,Meiryo,-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",sans-serif;
-webkit-text-size-adjust: 100%;
}

div{
margin:0;
padding:0;
}

.clear {
clear:both;
visibility:hidden;
height:0;
}

/*------------------------------------------------------------
ヘッダー
------------------------------------------------------------*/
#main_vis{/*メインビジュアル*/
display:flex;
justify-content:center;
/*margin-top:12px;*/
}

#dataextraction p{
color:#333;
font-weight:bold;
font-size:1.5em;
text-align:center;
margin:0.5em auto;
}
#dataextraction .arrow{
display:flex;
justify-content:space-around;
margin:40px auto 0px;
}
.main_button:hover{
	opacity: 0.8;
}

/*------------------------------------------------------------
検索・コンテンツ
------------------------------------------------------------*/
.text{
	margin:20px 0 0 100px;
}

.item_ym{
	width: 960px;
	margin: 25px auto;
	vertical-align: top;
	margin-bottom: 5px;
}

.item_ym .name{
	width: 135px;
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
	padding: 3px;
	border-radius: 3px;
	background-color: #002448;
	color: white;
	font-size: 20px;
	text-align: center;
}

/*------------------------------------------------------------
フッター
------------------------------------------------------------*/


/*------------------------------------------------------------
■【PCモード】main-box(骨格) ■
------------------------------------------------------------*/
@media all and (min-width:737px) {
body {
	font-size: 20px;
}

/*#conteinar {
	width: 1000px;
	background-color:ff5;
}*/
/*------------------------------------------------------------
★★★【PCモード】ヘッダー
------------------------------------------------------------*/

.head_container h1{
	font-size: 1em;
/*	font-weight: normal;*/
}

.head_container {
	display: grid;
	grid-template-columns: 160px 1fr 1fr;
	grid-template-rows: 24px 24px 1fr;
	gap: 0px 0px;
	grid-auto-flow: row;
	grid-template-areas:
	"head-item1 head-item1 head-item1"
 	"head-item2 head-item3 head-item3"
	"head-item2 head-item4 head-item5";
	align-items
	margin:0 0 12px 0;
}

.head-item1 {
	grid-column: 1/4;
	justify-self: center;
/*	background-color: #f00;*/
}

.head-item2 {
	grid-row:2/4;
/*	background-color: #0f0;*/
}
.head-item2_mobile{
display:none;

}
.head-item3 {
	grid-column: 2/4;
	grid-row:2/3;
	justify-self: end;
/*	background-color: #00f;*/
}

.head-item4 {
	grid-column: 2/3;
	grid-row:3/4;
	align-self: center;
	justify-self: center;
/*	background-color: #ff0;*/
}

.head-item5 {
/*grid-area: head-item5;*/
	grid-column: 3/4;
	grid-row:3/4;
	align-self: center;
	justify-self: end;
/*	background-color: #0ff;*/
}



/*------------------------------------------------------------
★★★【PCモード】ヘッダー　ログインボタン
------------------------------------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
/*  padding: 0.5rem 2rem;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

/* 新規会員登録 */
.btn--new,
a.btn--new {
  color: #fff;
  background-color: #EF416B;
  padding: 0.5rem 2rem;
}

.btn--new:hover,
a.btn--new:hover {
  color: #fff;
  background: #F08AAD;
  padding: 0.5rem 2rem;
}

/* ログイン */
.btn--login,
a.btn--login {
  color: #fff;
  background-color: #2E85DB;
  padding: 0.5rem 4rem;
  margin:0 0 0 10px;
}

.btn--login:hover,
a.btn--login:hover {
  color: #fff;
  background: #75A3DB;
  padding: 0.5rem 4rem;
}

/* 会員画面用 */
.btn--member,
a.btn--member {
  color: #fff;
  background-color: #2E85DB;
  padding: 0.5rem 1rem;
  margin:0 0 0 10px;
  font-size: 1.2rem;
}

.btn--member:hover,
a.btn--member:hover {
  color: #fff;
  background: #75A3DB;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
}

/*------------------------------------------------------------
★★★【PCモード】G NAVI
------------------------------------------------------------*/
#dbp_gnavi{
	width:100.1%;
	display: flex;
	flex-wrap: wrap;
}
/*------------------------------------------------------------
ログイン情報
------------------------------------------------------------*/
/*#logininfo{
	display: block;
	text-align: left;
}*/
/*------------------------------------------------------------
【PCモード】検索エリア
------------------------------------------------------------*/
.adjustment_01{
	margin:20px auto 0;
}

.industry_set{
/*	text-align:center;*/
	margin:20px 0 20px 320px;
}

.item_ym {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}

.item_ym .parameters {
	display: flex !important;
	flex-wrap: nowrap;
	flex-direction: row;
}

.adjustment_02{
	display:inline-block;
}

.arrow1{
	padding-top:60px !important;
}

.adjustment_03{
	display:inline-block;
	width:28px;
	padding-left:12px;
	padding-top:0;
	vertical-align:top;
}

.adjustment_04{
	display:inline-block;
	width:340px;
}

.item_ym .parameters{
	width: 760px;
	display: inline-block;
	margin:0 auto;
}

.sample_btn{
	text-align:center;
	margin:20px auto;
}

#result_display{
	text-align:center;
}

.point{
	margin: auto;
	display: table;
}

.hokenjo_pref_box2{
	display:flex;
	flex-direction: row;
}
center{
display:flex;
justify-content:space-around ;
margin:3em auto;
padding-bottom:3em;
}
center.area_selection{
margin-bottom:30px;
}

.areamode_btn{
margin: 0 auto 30px;
width: 980px;
display: flex;
justify-content:space-around ;
}
#area_shikuchoson{
display: flex;
justify-content:space-around ;
}



/*------------------------------------------------------------
【PCモード】コンテンツ系
------------------------------------------------------------*/
.published{
	width:800px;
	margin:0 auto;
	font-size:17px;
	text-align: center;
}

.published td{
	text-align: center;
}

.text02{
	margin:3px 0 0 800px;
}

.text03{
	margin:-17px 0 0 822px;
	font-size:0.8em;
}

.head_title_bgcolor_bpo{
	height: 40px;
	font-size: 24px;
	background-color: #002448;
	color: #fff;
	text-align: left;
	padding:8px 0 0 16px;
}

.bpo{
	width:100%;
	margin:0;
	display: inline-flex;
	justify-content: space-between;
}

.seminar_info{
	text-align:center;
	margin:20px 0 5px 100px;
	border:solid 1px #ccc;
	padding-top:7px;
}

.test_news{
	text-align:center;
	margin:10px 0 20px 100px;
	border:solid 1px #ccc;
}
.banner_01{
display:flex; flex-direction:row; 
justify-content:space-around; 
align-items:flex-end;
}
#mediabox {
    width: 100%;
    margin: 10px auto 30px;
    font-size: 14px;
    display: flex;
    flex-direction: row;
}

/*------------------------------------------------------------
【PCモード】ログイン画面
------------------------------------------------------------*/
.captcha {
	width:300px;
	margin: 20px auto 0;
	padding: 15px 0 15px 100px;
}

/*------------------------------------------------------------
■【PCモード】非表示 ■
------------------------------------------------------------*/
.drawer {
	display:none !important;
}

.mobile_tel_01 {
	display:none !important;
}


}/* PC 閉じ */


/*------------------------------------------------------------
■【mobileモード】main-box ■
------------------------------------------------------------*/
@media all and (max-width:736px){

#h1{
	padding:5px;
	width:90%;
	margin:0 auto !important;
	font-size: 6px;
}

hr{
	width:90% !important;
	margin:10px auto !important;
}

/*th,td{
	display: block;
}*/

/*------------------------------------------------------------
【mobileモード】ヘッダー
------------------------------------------------------------*/
#wrapper{
	width: 100% !important;
	text-align:center !important;
	margin-top:50px;
}

#logo, #freedial, #newaccount, #login{
	float: none !important;
	margin: 2px auto !important;
}

#logo img{
	width:90%;
	max-width: 365px;
}

/*#newaccount, #login{
	margin: 5px 10px !important;
}*/

.member_choice{
	width:90% !important;
	margin: 10px auto 0 !important;
	display:flex;
	justify-content: space-between;
}

.login_name{
	width:100% !important;
	margin: 10px auto !important;
}

.login_name table{
	width:90% !important;
	margin: 0 auto !important;
}

#logininfo{
	display: block;
	text-align: center;
}


/*------------------------------------------------------------
★★★【mobileモード】ヘッダー追加
------------------------------------------------------------*/

.head_container {
	justify-content: center;
}

.head_container h1{
	font-size: 0.8em;
/*	font-weight: normal;*/
}

/*#header{
	margin:0 auto 12px auto;
}
*/

.head_container {
	display: grid;
	grid-template-columns: 90%;
	/*grid-template-rows: 0.8fr 0.5fr 1fr;*/
	gap: 0px 0px;
	grid-auto-flow: row;
	grid-template-areas:
	"head-item1"
 	"head-item2"
	"head-item5";
	align-items
}

.head-item1 {
	grid-column: 1;
	justify-self: center;
/*	background-color: #f00;*/
}

.head-item2 {
display:none;
/*	background-color: #0f0;*/
}
.head-item2_mobile{
z-index:1;
margin:0 auto 10px;
}
.head-item2_mobile a img{
width:90%;
margin:0 auto;
}
/*
.head-item3 {
	display:none;
	grid-column: 1;
	grid-row:3;
	justify-self: end;
	background-color: #00f;
}

.head-item4 {
	display:none;
	grid-column: 1;
	grid-row:4;
	align-self: center;
	justify-self: center;
	background-color: #ff0;
}
*/

.head-item5 {
	grid-column: 1;
	grid-row:3;
	align-self: center;
	justify-self: center;
/*	background-color: #0ff;*/
}

/*------------------------------------------------------------
★★★【mobileモード】ヘッダー　ログインボタン
------------------------------------------------------------*/

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
/*  padding: 0.5rem 2rem;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

/* 新規会員登録 */
.btn--new,
a.btn--new {
  color: #fff;
  background-color: #EF416B;
  padding: 0.5rem 2rem;
}

.btn--new:hover,
a.btn--new:hover {
  color: #fff;
  background: #F08AAD;
  padding: 0.5rem 2rem;
}

/* ログイン */
.btn--login,
a.btn--login {
  color: #fff;
  background-color: #2E85DB;
  padding: 0.5rem 4rem;
  margin:0 0 0 10px;
}

.btn--login:hover,
a.btn--login:hover {
  color: #fff;
  background: #75A3DB;
  padding: 0.5rem 4rem;
}

/* 会員画面用 */
.btn--member,
a.btn--member {
  color: #fff;
  background-color: #2E85DB;
  padding: 0.5rem 1rem;
  margin:5px;
  font-size: 1.5rem;
}

.btn--member:hover,
a.btn--member:hover {
  color: #fff;
  background: #75A3DB;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
}

/*------------------------------------------------------------
【mobileモード】フッター
------------------------------------------------------------*/
#footer{
	display:block !important;
	text-align: center;
	font-size: 16px;
}

#footer_pmark,#footer_pmark2 {
	display: block !important;
	padding: 8px;
}

#footer_pmark img{
	margin: 20px auto;
}
#footer_pmark2 img {
	width: 20%;
}

#footer_text{
	margin: 0 auto;
	width: 90%;
	display: block;
}

#footer_text ul{
	width: 90%;
	font-size: 14px;
	margin:0 auto !important;
	padding: 0;
}

#footer_text li{
	display:block !important;
}

/*------------------------------------------------------------
【mobileモード】検索エリア
------------------------------------------------------------*/
.supple_text02{
	width:90%;
	color:#000000;
	font-size:16px;
	margin:5px auto;
	text-align:left;
}

#form{
	margin-bottom:30px;
}


.areamode_btn{
flex-direction:column;
margin-top:20px;
}
.areamode_btn div{
margin:10px auto;
}
#area_shikuchoson{

}





.map_selector{
	width: 90% !important;
	text-align:left;
}

.map_selector th,.map_selector td{
	padding:4px !important;
}

.item{
	width: 90% !important;
}

.item .name{
	margin: 10px 0 !important;
}

.parameters{
	width: 90% !important;
}

.item_ym{
	width: 90% !important;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.item_ym .name{
	margin: 10px 0 !important;
}

.item_ym .parameters{
	margin:0 auto;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.item_ym .parameters input{
	margin: 5px 0;
}

.adjustment_01{
	margin:20px 0 0 0 !important;
}

.industry_set{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.industry_set a{
	padding: 10px 0 !important;
	font-size: 16px !important;
}



.adjustment_02 .adjustment_03{
	display:block;
}

.adjustment_04{
	display:block;
	width:90% !important;
}

#business_m_all{
	width:90% !important;
	margin: 0 auto;
}

div.item div.parameters select{
	width: 90% !important;
	height:1.5em !important;
}

.ui-multiselect ui-widget ui-state-default ui-corner-all{
	width:90% !important;
}

.arrow1 {
    width: 17px !important;
    float: none !important;
    transform: rotate(90deg);
    margin: -15px auto -15px auto !important;
}

#search_reserve{
	margin:10px auto !important;
}

#sale_div_ms,#employee_div_ms,#capital_div_ms{
	width:90% !important;
}

.reset_button{
	margin:10px auto !important;
	float: none !important;
}

.supple_text{/*共通_補足説明*/
	margin: 30px auto !important;
	font-size:14px !important;
	text-align: center !important;
}

.supple_text span{
	margin: 20px 0 !important;
	font-size:16px !important;
}

.search_for{
	width:90% !important;
	margin: 10px auto 0 !important;
	display:flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}

/*------------------------------------------------------------
【mobileモード】検索結果表示
------------------------------------------------------------*/
#result_display{
	width: 90%;
	margin: 0 auto;
	text-align:center;
}

.hit_result{
	display: flex;
	flex-direction: column;
	margin:0 auto 20px;
}

#hit{
	margin: 0 auto;
	padding: 0;
}

.point_detail{
	text-align:center;
}

.point_detail td{
	display:block;
}

.point_detail tr td.right{
	text-align:center !important;
}

table.point{
	width: 90%;
}

table.point th.point_title{
	margin: 20px auto 10px;
	display:block !important;
	text-align:center !important;
}

table.point tr.point_area th{
	margin: 20px auto 10px;
	padding: 10px 0 6px;
	display:block !important;
	text-align:center !important;
	font-size: 22px !important;
	background-color: #FF9A28 !important;
}

table.point tr.point_area td{
	margin: 20px auto 10px;
	display:block !important;
	text-align: center !important;
	line-height:10px;
	font-size: 1.5em !important;
	color: #ff8700;
	font-weight: bold;
}

table.point td.value{
	margin: auto;
	display:block !important;
	text-align:center !important;
}

table.point td.unit{
	margin: auto;
	display:block !important;
	text-align:center !important;
}

table.point td.yen{
	margin: auto;
	display:block !important;
	text-align:center !important;
}

.bls{
	font-weight: bold;
	color: #ff8700;
}

/*------------------------------------------------------------
【mobileモード】料金表
------------------------------------------------------------*/
.table{
	width: 90%;
}

.table table{
	width: 100% !important;
	font-size:14px !important;
}

.published{
	width: 90%;
	margin:0 auto;
	font-size:14px !important;
}

.text {
	width: 90%;
	margin: 20px auto 0 !important;
}

.text02{
/*	width: 90%;*/
	margin:3px 20px 0 0;
	text-align:right;
}

.text03{
/*	width: 90%;*/
	margin:-17px 20px 0 0;
	font-size:0.8em;
	text-align:right;
}

.bpo{
	width:90%;
	margin:0;
}

.bpo li{
	padding:0.5em;
	float: none;
	display:block;
}

/*------------------------------------------------------------
【mobileモード】コンテンツ
------------------------------------------------------------*/
.columun{
	width:90% !important;
}

.seminar_info{
	text-algin:center;
	width:90% !important;
	margin:10px auto 5px auto;
	border:solid 1px #ccc;
	padding-top:7px;
}
.dataseibibox{
	width:90% !important;
	margin:10px auto 20px auto;
	border:solid 1px #ccc;
}
.test_news{
	text-algin:center;
	width:90% !important;
	margin:10px auto 20px auto;
	border:solid 1px #ccc;
}
.banner_01{
display:block;
}

#mediabox {
	width: 100%;
	margin: 30px auto 30px;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	text-align: center;
clear:both;
}

#mediabox img {
    width: 60% !important;
}

#mediabox p{
	margin: 10px auto !important;
}

.head_title_bgcolor{
	text-align: center !important;
	padding:8px 0 0 0 !important;

}
.head_title_bgcolor a{
color:#555!important;
display:block!important;
float:none!important;
text-align:center!important;
margin:10px auto 50px!important;
clear:both;
}
pre {
	white-space: pre-wrap;
	display: block;
	font-family: monospace;
	white-space: pre;
	margin: 1em 0px;
}

.columun {
	width: 90px;
	border: solid 3px #002448;
	padding: 0 10px 20px 10px;
	margin: 80px auto 50px auto;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.2em;
	position: relative;
}

.columun img {
	position: absolute;
	top: -24px;
	left: 100px;
}

pre {
	white-space: pre-wrap ;
}

/*------------------------------------------------------------
【mobileモード】問い合わせ
------------------------------------------------------------*/
.mobile_tel_01{
	width: 100%;
	text-align: center;
}

.mobile_tel_01 img{
	width: 75%;
	max-width: 350px;
	margin:15px auto 5px !important;
}

/*------------------------------------------------------------
■■【mobileモード】ログイン画面
------------------------------------------------------------*/
.captcha {
	width:300px;
	margin: 20px auto 0;
}

/*------------------------------------------------------------
■■【mobileモード】ログイン制限ダイアログ
------------------------------------------------------------*/
.login_adjust{
	margin:0 auto !important;
	width: 90%;
}

.login_adjust .button2{
	margin:20px auto !important;
}

.login_adjust table{
	margin:0 auto !important;
	width: 100%;
}

.login_adjust span{
	font-size: 16px !important;
}

.login_adjust th,.login_adjust td{
	text-align: center !important;
	display:block !important;
}

.mod_form_btn{
	margin:0 auto !important;
	width: 90%;
}

#send_interest_confirm{
	width: 90%;

}
#send_interest_confirm #submit_btn span{
	font-size:0.8em!important;
}

#send_interest_confirm #submit_btn{
	display: inline-block;
	width: 100%;
}
#send_interest_confirm #submit_btn a.button5{
	font-size:0.9em!important;
	width: 100%!important;
	margin-bottom:1em;
	font-weight:bold;
}
#send_interest_confirm #submit_btn a.button5 img{
	display: none!important;
}

/*------------------------------------------------------------
【mobileモード】カート機能
------------------------------------------------------------*/
#send_interest_confirm{/*ポップアップ*/
/*	left: 50%;
	margin-left: -420px;
	z-index: 1002;
	position: fixed;
	top: 50%;
	margin-top: -260px;*/
	width:80% !important;
	height:550px!important;
}

/*------------------------------------------------------------
■【mobileモード】非表示 ■
------------------------------------------------------------*/
.mobile_none{/*特にID、class指定がないものに使う*/
	display:none;
}

#header_contact,#freedial{/*ヘッダー情報*/
	display:none;
}

#dbp_gnavi{/*ナビ*/
	display:none;
}

#main_vis{/*メインビジュアル*/
	display:none;
}

.map_image{/*日本地図*/
	display:none !important;
}

.sample_btn{
	display:none !important;
}

.video{
	display:none !important;
}

.head_title_bgcolor_bpo, .bpo{
	display:none !important;
}

.columun{
	display:none !important;
}

.supple_text{
	display:none !important;
}

}/*モバイル 閉じ*/



/* footer logo */
@media all and (min-width:738px) {
	.ta-r_pc {
		text-align: right !important;
	}
	.ta-c_pc {
		text-align: center !important;
	}
	.ta-l_pc {
		text-align: left !important;
	}
}

@media all and (max-width:737px) {
	.ta-r_pc {
		text-align: center;
	}
	.ta-c_pc {
		text-align: center;
	}
	.ta-l_pc {
		text-align: center;
	}

	.pd-t10 {
		padding-top: 10px;
	}
}