@font-face {
	font-family: 'ambleregular';
	src: url('../fonts/amble-regular-webfont.woff2') format('woff2'),
			 url('../fonts/amble-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/*-----------------------------------------------------------------------------
■┓ヘッダー
┗┛
-------------------------------------------------------------------------------*/
#header {
	height: auto;
}
header {
	background-image:none;
}
header h1 {
	width:auto;
	background-image: none;
	background-color: #009a22;
	line-height: 16px;
}
header h1 span {
	visibility: visible;
	color: #fff;
	font-size: 20px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight: 500;
	padding: 12px 0 0 12px;
}
header h1 span div {
	font-size: 10px;
	font-family: ambleregular;
	font-weight: 500;
	padding-top: 3px;
}
header h1 a {
	display: block;
	/*width :210px;*/
	height: 48px;
	pointer-events: none;
}
header h1 a:hover {
	text-decoration: none;
}
/*-------------------
ヘッダー部分
グローバルナビゲーション
--------------------------------------------------*/
.header_fixed {
	position: static !important;
}
/*-------------------
ハンバーガーメニュー
--------------------------------------------------*/
.ham_menu .contents .ham_title {
	width:auto;
	background-color: #009a22;
	border-bottom: 1px solid #000;
	line-height: 16px;
}
.ham_menu .contents .ham_title span.ht1 {
	display: block;
	color: #fff;
	font-size: 20px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight: 500;
	padding: 12px 0 0 12px;
}
.ham_menu .contents .ham_title span.ht2 {
	color: #fff;
	font-size: 12px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	padding: 0;
}
.ham_menu .contents .ham_title span.ht1 div {
	font-size: 10px;
	font-family: ambleregular;
	font-weight: 500;
	/*padding-top: 3px;*/
}
.ham_menu .contents .ham_title a {
	display: block;
	width : auto;
	height: 48px;
}
.ham_menu .contents .ham_title a:hover {
	text-decoration: none;
	color: yellow;
}
.ham_menu .btn {
	visibility:visible;
	display: block;
	width:auto;
	height:auto;
	cursor: pointer;
	z-index: 200;
	padding: 7px 12px;
	background-color:#fff;
	border:1px solid #000;
	border-top:0;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
	position: fixed;
	top: 0;
	right: 4px;
}
.ham_menu .btn span {
	display: inline-block;
	position: relative;
	width: 11px;
	height: 2px;
	margin: 0 6px 3px 0;
	padding: 0;
	background: #000;
}
.ham_menu .btn span::before,
.ham_menu .btn span::after {
	display: block;
	content: "";
	position: absolute;
	top: 0%;
	left: 0;
	width: 11px;
	height: 2px;
	background: #000;
}
.ham_menu .btn span::before {
	margin-top: -4px;
}
.ham_menu .btn span::after {
	margin-top: 4px;
}
.ham_menu .btn_close span {
	background: transparent;
}
.ham_menu .btn_close span::before,.ham_menu .btn_close span::after {
	margin-top: 0;
}
.ham_menu .btn_close span::before {
	transform: rotate(-45deg);
}
.ham_menu .btn_close span::after {
	transform: rotate(-135deg);
}
.ham_menu .btn:hover {
	color:#333;
	text-decoration:none;
}
.ham_menu .contents {
	visibility: visible;
	/*display: none;*/
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	/*margin-top: 49px;*/
	padding: 0 0 20px 0;
	z-index: 100;
}
.ham_menu ul.main_menu {
	width: 100%;
}
.ham_menu ul.main_menu li {
	background:#fff url(../images/top_gnavi_arrow.png) 97% 50% no-repeat;
	/*
	border-top: 1px solid #000;
	*/
	border-bottom: 1px solid #000;
	font-size: 16px;
}
.ham_menu ul.main_menu li a {
	display: block;
	width: 100%;
	padding: 15px 15px;
	text-decoration: none;
	color: #000;
}
.ham_menu ul.main_menu li:first-child a {
	padding: 10px 15px;
	line-height:1.0em;
}
.ham_menu ul.main_menu li a div {
	font-size:12px;
	font-weight:normal;
	color:red;
}
.ham_menu ul.main_menu li a:hover{
	background:#ffc url(../images/top_gnavi_arrow.png) 97% 50% no-repeat;
}
/*-----------------------------------------------------------------------------
■┓メインコンテンツ
┗┛
-------------------------------------------------------------------------------*/
#wrap {
	width: auto;
	padding: 0 10px;
}
#wrap_top {
	width: auto;
}
/*-------------------
トップページ用スタイル
--------------------------------------------------*/
/*--- 左コンテンツ（メニュー） ---*/
#top_gnavi {
	display: none;
}
/*--- 中央コンテンツ ---*/
#top_contents {
	width: auto;
}
/*--- 右コンテンツ ---*/
#ads {
	display: none;
}
/*-------------------
セカンダリページ用スタイル
--------------------------------------------------*/
#main {
	padding: 10px 0 50px 0;
}
/*-------------------
パンくずリスト
--------------------------------------------------*/
nav#breadcrumbs{
	display: none;
}
/*--------------
健康診断のお申込み（会場・希望日選択）
ファイル名：reserveDay.jsp
----------------------------------------------------------*/
table.venue_list th {
	padding: 4px;
	font-weight: normal;
	white-space: nowrap;
}
table.venue_list th:nth-child(2),
table.venue_list th:nth-child(3),
table.venue_list th:nth-child(4),
table.venue_list th:nth-child(5),
table.venue_list th:nth-child(6),
table.venue_list th:nth-child(7),
table.venue_list th:nth-child(8) {
	font-size: 10px;
	min-width: 55px;
}
table.venue_list th.name {
	min-width: 80px;
}
table.venue_list th.address {
	min-width: 100px;
}
table.venue_list td.date {
	height: 45px;
}
/*--------------
個人情報設定
ファイル名：personalInfo.jsp
----------------------------------------------------------*/
table.personal_info th , table.personal_info td {
	width: 100%;
	display: block;
	border-bottom: 0;
}
table.personal_info {
	border-bottom: 1px solid #ccc;
}
table.personal_info td input.name {
	width: 100%;
}
table.personal_info td input.kana {
	width: 100%;
}
table.personal_info td input.zipcode {
}
table.personal_info td input.address {
	width: 100%;
}
table.personal_info td input.tel {
	width: 100%;
}
table.personal_info td input.email {
	width: 100%;
	ime-mode:disabled;
}
.agreement {
	width: auto;
}
/*--------------
健康診断のお申込み（地区選択）
ファイル名：resultList.jsp
----------------------------------------------------------*/
.map {
	display: none;
}
.area_list_sp {
	display: block;
	margin-bottom: 50px;
}
.area_list ul li , .area_list_sp ul li {
	width: 160px;
	margin: 5px 5px;
}
.map_aichi1 , .map_aichi2 , .map_gifu , .map_mie {
	width: auto;
	height: auto;
	background: none;
}
.map_aichi1 img , .map_aichi2 img , .map_gifu img , .map_mie img {
	display: none;
}
section.prefecture_tokai {
	height: auto;
}
section.prefecture ul li span {
	width:175px;
	height: 56px;
	font-size: 18px;
	font-weight: normal;
	line-height: 54px;
	background :url(../images/tab_gray_pad.gif) 0 0 no-repeat;
}
section.prefecture ul li span.active {
	background :url(../images/tab_active_pad.gif) 0 0 no-repeat;
}
/*--------------
健康診断のお申込み（会場・希望日選択）
ファイル名：reserveDay.jsp
----------------------------------------------------------*/
.selected_item {
	display: none;
}
/*-----------------------------------------------------------------------------
■┓フッター
┗┛
-------------------------------------------------------------------------------*/
footer {
	width: auto;
}
footer address {
	width: auto;
}
/*-----------------------------------------------------------------------------
■┓ページトップへ
┗┛
-------------------------------------------------------------------------------*/
.page_top {
	font-size: 10px;
}
.page_top a {
	width: auto;
	padding: 7px;
}
/*-----------------------------------------------------------------------------
■┓汎用クラス
┗┛
-------------------------------------------------------------------------------*/
.br_pad {
	display: block !important;
}
/*-------------------
ボタンスタイル
--------------------------------------------------*/
#button input ,
#button_left input {
	width: 180px;
	height: 61px;
	font-size: 22px;
}
#button input.reset ,
#button input.back ,
#button_left input.back {
	/*width: 80px;*/
	/*height: 32px;*/
	/*font-size: 12px;*/
	/*margin-right: 5px;*/
}
#button input.submit{
	/*margin-right: 5px;*/
	font-size: 20px;
	font-weight: bold;
}
/*-------------------
<input><select>フォーム部品スタイル
--------------------------------------------------*/
select,
input {
	font-size: 16px; /* iPhone（iPad）でフォーム要素にforcusしたときズームしないようにするための設定。文字サイズが16px以上ならフォーカス時の自動拡大はoff */
}
/*-------------------
都道府県選択 ボタンスタイル(全会場)(受付中会場)
--------------------------------------------------*/
#button input.back.shiborikomi,
#button_center input.back.shiborikomi {
	margin-right:0;
}
#button,
#button_center {
	flex-wrap: wrap;
	flex-flow: column;
	gap: 8px;
	margin: 25px 0;
}
#button_center input.reset {
	margin-right:0 !important;
}
a.submit {
	font-size: 16px;
	padding: 8px 0;
	width: 100% !important;
}
a.submit > span {
	font-size: 20px;
}
.area_list {
	margin-bottom: 0;
}

/*input.reset {
	margin-top: 4px;
}
.area_list ul::after,
.area_list_sp ul::after {
	content:"";
	display: block;
	width:23%;
}*/

.area_list ul::after,
.area_list_sp ul::after {
	content:"";
	display: block;
	height: 23px;
	margin: 5px 5px;
	width: 160px;
}
/*-------------------
529px以下（ヘッダー部分　長い企業名）
--------------------------------------------------*/
@media (max-width:529px) { 
.area_list ul::after,
.area_list_sp ul::after {
	content:"";
	display: block;
	height: 23px;
	margin: 5px 5px;
	width: 160px;
}