@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;
}



/*------------------------------------------------------------
検索・コンテンツ
------------------------------------------------------------*/
.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;
	margin:0 auto;
}






/*------------------------------------------------------------
★★★【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モード】検索エリア
------------------------------------------------------------*/
.class_btn{
	padding-top:20px 0;
}

#class_btn{
	width:100%;
	padding:30px 0 20px !important;
}

/*.adjustment_01{
	margin:20px auto 0;
}*/

.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:50px !important;
	margin:80px 1em !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;
}





/*------------------------------------------------------------
【PCモード】検索エリア　ピンポイント検索
------------------------------------------------------------*/
.pinpoint_area {
	width: 780px;
	float: left;
}

.pinpoint_address{
	width: 90% !important;
	font-size: 18px;
	padding: 20px 0 5px 100px !important;
}

.pinpoint_address input{
	width: 90% !important;
}

.pinpoint_distance_01{
	font-size:18px;
	padding:0px 0 5px 100px !important;
	border:none !important;
}

.pinpoint_distance_02{
	font-size:14px;
	padding: 0 10px;
	border:none !important;
}

.pinpoint_target{
	font-size:18px;
	padding:0px 0 5px 102px;
	border:none !important;
}

.pinpoint_list{
	float:right;
	margin:0 60px 15px 0;
	font-size:16px;
}

.pinpoint_img{
	float:right;
	width:150px;
	margin:50px 60px 0px 0px;
}

/*------------------------------------------------------------
【PCモード】検索エリア　検索選択ボタン
------------------------------------------------------------*/
.choice_btn{
display: flex;
justify-content: space-around;
text-align:center;
	/*flex-direction: row;
	justify-content: space-around;
	width: 90%;
	margin: 0 auto 20px !important;
	font-size: 16px;*/
}
.choice_btn div{
display:inline;
}
.area_select_btn{
	font-size: 20px;
}

.area_select_btn p{
	text-align: center !important;
}



/*------------------------------------------------------------
【PCモード】検索エリア　都道府県、市区町村選択
------------------------------------------------------------*/
.area_shikuchoson table{
	width:100%;
	margin:15px auto;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	color: #45B3F4 !important;
}

.area_shikuchoson td{
	display:table-cell;
	vertical-align:top;
}


.class_box4{/*市区町村用*/
	margin:15px 10px 0;
	text-align: center;
	width: 260px;
}

.class_box4 .pref_code{
/*	text-align: center;*/
	width:100%;
	font-size: 16px;
	float: left;
}

.class_box4 .pref_code2{
/*	text-align: center;*/
	width:100%;
	min-height: 252px;
	font-size: 16px;
	float: left;
}

.class_box5{
	margin:15px 10px 0;
	padding-top: 30px;
	width: 260px;
}

.class_box5 input{
/*	width: 100%;*/
	margin: 10px auto !important;
	border-radius : 7%;
	color:#ffffff;
	background-color:#45B3F4;
}

.class_box5 #city_list{
	width: 260px !important;
	min-height: 182px;
}

/*------------------------------------------------------------
【PCモード】検索エリア　業種選択プルダウン
------------------------------------------------------------*/
.class_box{
	margin:15px;
	float: left;
}

.class_box2{
	margin:15px 15px 40px;
	float: left;
}

.class_box3{
	margin:15px auto 0;
	text-align: center;
}

.g1code{
	width: 260px;
	font-size: 16px;
}

.g2code{
	width:260px;
	font-size:16px;
	min-height:244px;
}

.g3code{
	width:260px;
	font-size:16px;
	min-height:244px;
}

.class_box_selection{
	margin: 20px auto;
	display: flex;
	justify-content: space-around;
	width: 65%;
}

/*------------------------------------------------------------
【PCモード】業種セット　テキスト・ボタン
------------------------------------------------------------*/
.industry_set{
	text-align:right;
	width:auto;
	margin:0 auto;
/*	float:right;
	margin:0 50px 0px 0px;*/
}

.industry_text01{
	margin:0;
}

.industry_text02{
	text-align:right;
	margin:10px 0 0;
}

.industry_setbtn{
	text-align:center;
	margin:10px 0 40px 290px;
}

/*------------------------------------------------------------
【PCモード】検索リセット・検索するボタン
------------------------------------------------------------*/
.submit_btn{/*検索リセットボタン*/
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	margin:30px auto 0;
	text-align: center;
}

.submit_btn img{/*検索リセットボタン*/
	border:none;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
}

#search_button{/*検索するボタン*/
/*	width: 100%;
	display: contents;
	text-align: center;*/
}

#search_button img{/*検索するボタン*/
	border:none;
/*	margin:0 30px 30px 0;*/
	padding:0;
/*	float:none;*/
}

.clear_btn{
    width: 270px;
    margin: 0 !important;
}

/*#search_button{
    width: 270px;
    margin: 0 auto !important;
}

#movie_button1{
    width: 270px;
    margin: 0 auto !important;
}*/

/*------------------------------------------------------------
【PCモード】購入ポイント・レンタルポイント
------------------------------------------------------------*/
#detail{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.point_detail{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}

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

.published td{
	text-align: center;
}

.button video{
	display:none;
}



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

.text03{
	margin:10px 0 0 815px;
	font-size:0.8em;
}

.price_list{
	width:700px;
	margin:10px auto 5px;
	text-align:center;

}

.price_list_01{
	display: flex;
	flex-direction: column;
	font-size:17px;
	line-height:1.4em;
	margin:0 auto;}

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

.price_list_03{
	display: flex;
	flex-direction: column;
	margin:0 auto;
}


.nakano{
	background-color:#FFFF00;
	width:700px;
	margin-left:150px;
	margin-top:20px;
	padding:5px;
	text-align:center;
}

.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;
}
.newstable{
width:95%;
}
.test_news{
	text-align:center;
	margin:20px auto;
	border:solid 1px #ccc;
	display:block;
}

#mediabox {
	width: 100%;
/*	width: 870px;*/
	margin: 10px auto 30px;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

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

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

.drawer {
	display:none !important;
}

.mobile_tel_01 {
	display:none !important;
}

.arrow3 {
	display:none;
}

}/* 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;
}

h3{
	padding:5px 0 !important;
}

/*------------------------------------------------------------
【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;
	padding-bottom: 30px;
}

#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モード】検索エリア　検索方法選択ボタン
------------------------------------------------------------*/
.choice_btn{
	display: flex;
	flex-direction: column;
	width: 90%;
	margin: 2em auto 20px !important;

}
.choice_btn img{
text-align:center;
	margin: 0 auto 1em;
}

.area_select_btn{
	width: 100% !important;
	margin: 0 auto 15px !important;
}

.area_selection{
	margin:10px 0 !important;;
}

.area_selection a{
	display: block;
	margin:20px 0 !important;;
}

.area_select_btn img{
	width: 100% !important;
	height: 100% !important;
	margin: 0 auto !important;
}

#class_set_2 td{/*選択された中分類タイトル*/
	display:block !important;
}

#class_set_2 textarea{/*選択された中分類 テキストエリア*/
	width:90%;
	margin:0 auto !important;
}

.period_choice{
	width:90%;
	margin:0 auto;
}

.period_choice label{
	display:block;
	margin:0 auto;
}

#label_in_month_select_1{
	margin-top:30px;
}

.button{
	margin:10px auto !important;
}

.button video{
	display:none;
}


.supple_text02{
	width:90%;
	color:#000000;
	font-size:16px;
	margin:5px auto;
	text-align:left;
}

/*------------------------------------------------------------
【mobileモード】検索エリア　都道府県選択
------------------------------------------------------------*/
.adjustment_reset{/*調整用リセット*/
	margin:0 !important;
	margin-top:0 !important;
	margin-right:0 !important;
	margin-bottom:0 !important;
	margin-left:0 !important;
	padding:0 !important;
	padding-top:0 !important;
	padding-right:0 !important;
	padding-bottom:0 !important;
	padding-left:0 !important;
}

#form{
	margin-bottom:30px;
}

.area_table {
	font-size: 13px;
	height: 100%;
	float: none;
	margin-bottom: 40px;
}

#area_table1{/*都道府県選択*/
	width: 90% !important;
	text-align:left;
	margin: 0 auto;
}

#area_table1 th,#area_table1 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;
}

.line {
	height: 1px;
	width: 90%;
	margin: 15px auto !important;
	background-color: #999;
	clear: both;
}


/*------------------------------------------------------------
【mobileモード】検索エリア　市区町村選択
------------------------------------------------------------*/
.area_shikuchoson td{
	display:block
}

.class_box4{/*市区町村用*/
	margin:15px auto 0;
	text-align: center;
	width:90%;
}

.class_box4 .pref_code{
	text-align: center;
	width:100%;
	font-size: 16px;
	height: 1.5em;
}

.class_box4 .pref_code2{
	text-align: center;
	width:100%;
	font-size: 16px;
	height: 1.5em;
}

.class_box5{
	width: 90%;
	margin: 0 auto;
}

.class_box5 #city_list{
/*	text-align: center;*/
	width:100% !important;
	font-size: 16px;
}

.class_box5 input{
	text-align: center;
	width:100%;
	font-size: 16px;
	margin:20px 0 !important;
	padding:5px 0;
}



/*------------------------------------------------------------
【mobileモード】検索エリア　ピンポイント検索
------------------------------------------------------------*/
.pinpoint_area {
	width: 90%;
	margin: 0 auto;
	text-align: center !important;
	background-color: #fff6e8;
}

.pinpoint_area table{
	margin:1em auto 0;
}

.pinpoint_address{
	font-size: 18px;
	display: block;
	padding: 10px 0;
}

.pinpoint_address input{
	width: 90% !important;
}

.pinpoint_distance_01{
	display:block;
	font-size:18px;
	text-align: center !important;
/*	padding:0px 0 5px 100px !important;*/
	border:none !important;
}

.pinpoint_distance_02{
	display:block;
	font-size:14px;
	padding:10px;
	text-align: center !important;
	border:none !important;

}
.pinpoint_target{
	font-size:18px;
	text-align: center !important;
	border:none !important;
}

.pinpoint_list{
	display: block;
	padding-bottom: 21px;
}

/*------------------------------------------------------------
【mobileモード】検索エリア　業種選択プルダウン
------------------------------------------------------------*/
.class_box{
	margin: 15px auto!important;
	padding-left:0 !important;
	float: none;
	text-align: center;
}

.class_box2{
	margin:15px auto;
	float: none;
}

.class_box3{
	margin:15px auto 0;
	text-align: center;
	width:90%;
}

.g1code{
	width:90%;
	margin: 0 auto;
	font-size: 16px;
	height: 1.5em;
}

.g2code,.g3code{
	width:90%;
	margin: 0 auto;
	font-size:16px;
	min-height: 1.5em;
	height: 1.5em;
}

#hokenjo_list,#selected_hokenjo_list{
	height: 6em !important;
}


/*------------------------------------------------------------
【mobileモード】業種セット　テキスト・ボタン
------------------------------------------------------------*/

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

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

#class_btn{
	padding:20px 0 0 !important;
}

.industry_setbtn{/*選択した業種をセットするボタン*/
	text-align:center;
	margin:15px auto;
}

.industry_text01{/*補足テキスト*/
	margin:10px auto;
}

.industry_text01 span{/*補足テキスト*/
	display:block;
	width:80%;
}

.industry_text02{/*補足テキスト*/
	margin:10px auto 0;
}

.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;
}

#class_set_3 td{
	display:block;
	width:90% !important;
	margin: 0 auto;
}

#class_set_3 td textarea{
	width:100% !important;
}


/*------------------------------------------------------------
【mobileモード】検索リセット・検索するボタン
------------------------------------------------------------*/
.submit_btn{/*検索リセットボタン*/
	text-align:center;
}

.submit_btn img{/*検索リセットボタン*/
	border:none;
	margin:10px auto;
	padding:0;
	float:none;
}

#search_button{/*検索するボタン*/
}

#search_button img{/*検索するボタン*/
	border:none;
	margin:10px auto;
	padding:0;
	float:none;
}

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

#result_detail td{
	padding-left: 0 !important;
}

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

#hit{
	padding: 0;
}

#detail table {
	margin: 10px 0 0 !important;
}

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

.l_Cel{
	width: 90%;
	padding: 5px 0;
	background-color:#F4DD6B;
}

.r_Cel{
	width: 90%;
	padding: 5px 0;
}


.point_detail td{
	display:block;
	text-align:center !important;
}

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

.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モード】検索結果表示　Fax番号サービス ダウンロード
------------------------------------------------------------*/
#result_detail{
/*	width: 90%;*/
	display: flex;
	flex-direction: column;
	margin: 0 auto 20px;
	text-align:center;
}

.point_detail{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.points_display{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	border:1px solid #666 !important;
}

.points_display_title{
	width: auto;
	display:block;
	font-size:18px;
/*	text-align:left;*/
	text-align:center;
	background-color:#666;
	font-weight:bold;
	color:#fff;
}

.points_display_left{
	display:block;
	font-size:17px;
	font-weight:bold;
/*	text-align:left;*/
	text-align:center;
}

.points_display_bls{
	display:block;
	font-size:17px;
	font-weight:bold;
/*	text-align:right;*/
	text-align:center;
	color: #FF9A28;
/*	border-left:1px solid #666;*/
}

#dl{
	width: 100% !important;
}

#buy_blockbuy{
}

#buy_blockbuy p{
	margin: 0;
}

#buy_blockbuy a{
	width: 100%;
}

#buy_blockrent a{
	width: 100%;
	padding: 0 10px;
}

#buy_block a{
}

/*------------------------------------------------------------
【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:5px 20px 0 0;
	font-size:0.8em;
	text-align:right;
}

.text04{
	padding:15px 0 !important;
}

.text04 span{
	font-size:1em !important;
	margin-left: 0 !important;
}

.price_list{/*価格表*/
	width:90% !important;
	margin:0 auto !important;
}

.price_list_send{/*送信件数*/
	width:100px !important;
}

.price_list_01{
	display: flex;
	flex-direction: column;
	font-size:17px;
	line-height:1.4em;
	margin:10px auto 5px;
}

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

.price_list_03{
	margin:0 auto;
}


.nakano{
	background-color:#FFFF00;
	width:90%;
	margin:20px auto;
	padding:5px;
}

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

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


/*------------------------------------------------------------
【mobileモード】★保健所データ（一式）
------------------------------------------------------------*/
.hokenjo_form_wrap{
	width:90% !important;
	text-align:center !important;
	margin: auto !important;
}

.hokenjo_form_wrap .arrow1{
	margin: -10px auto !important;
}

.hokenjo_form_wrap .arrow2{
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-around;
	float: none;
	margin: 30px auto 0;
	width: 100%;
}

.hokenjo_form_wrap .arrow3{
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-around;
	float: none;
	margin: 30px auto 0;
	width: 100%;
}

.hokenjo_pref{
	margin: 40px auto 30px !important;
}

.hokenjo_pref_box{
	margin-top: 10px !important;
	margin-left: 0 !important;
	width: 100% !important;
}

.hokenjo_pref_box .hokenjo_pref span{
	margin-left:10px !important;
}

.hokenjo_pref_box2{
	display:flex;
	flex-direction: column;
}

.hokenjo_pref_box2 div{
	text-align:left;
	margin: 5px 10px 5px 0 !important;
}

.hokenjo_pref_box2 div input{
	margin-left:0 !important;
}

.hokenjo_adjust{
	margin: 0 auto !important;
	padding:0 !important;
}

.hokenjo_none{/*説明非表示*/
	display:none;
}

#hokenjo_form_footer{
	display:none !important;
}

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

.seminar_info{
	display: block;
	text-align:center;
	width:90%;
	margin:10px auto 5px auto;
	border:solid 1px #ccc;
	padding-top:7px;
}
.newstable{
width:95%;
}
.test_news{
	display: block;
	text-align:center;
	width:90%;
	margin:0 auto;
	border:solid 1px #ccc;
}

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

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

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

.head_title_bgcolor{/*タイトル帯*/
	width: 92% !important;
	height: auto !important;
	font-size: 24px !important;
	text-align: center !important;
	margin: 20px 0px;
	padding:10px 15px 5px !important;
}
.head_title_bgcolor a{
width: 170px !important;
float: none !important;
color: #fff !important;
display: block !important;
float: none !important;
text-align: center !important;
margin: 0 auto 0 !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;
}

#form_02 tbody{
	margin: 0 auto;
	text-align: center;
}


/*------------------------------------------------------------
■■【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;
}

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

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

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

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

/*★★★ ヘッダー不要要素*/
/*.head-item4.head-item3{
	display:none;
}*/

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

#imagemap{/*日本地図*/
	display:none !important;
}

.pinpoint_img{
	display:none;
}

#openkun_form_footer{
	display:none !important;
}

.btn_none{/*追加削除ボタン*/
	display:none ;
}

.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;
}
#dataextraction{
	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;
	}
}