@charset "utf-8";
/* CSS Document var1.4 */

#nav-drawer {
	position: absolute;
	top:20px;
	right:20px;
}
.nav-unshown {
	display:none;
}

#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 3px;/*線の太さ*/
	width: 25px;/*長さ*/
	border-radius: 3px;
	background: #555;
	display: block;
	content: '';
	cursor: pointer;
}
#nav-open span:before {
	bottom: -8px;
}
#nav-open span:after {
	bottom: -16px;
}
#nav-close {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	width: 90%;
	max-width: 330px;
	height: 100%;
	background: #fff;
	padding:20px 2%;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
}
#nav-input:checked ~ #nav-close {
	display: block;
	opacity: .5;
}
#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#nav-content ul {
	text-align:left;
	padding:0;
	margin:0;
	margin-right:-10px;
	overflow:hidden;
}
#nav-content ul li {
	width:46%;
	height:40px;
	text-align:center;
	padding:10px;
	margin:0 10px 20px 0;
	border:1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: top;
	white-space:normal;
	font-size:90%;
}
#nav-content ul li a {
	display: table-cell;
	vertical-align: middle;
	height:20px;
	width:1%;
}
@media (min-width:769px) {
	#nav-drawer {
		display:none;
	}
	#nav-open {
		display:none;
	}
	#nav-content {
		-webkit-transform: translateX(200%);
		transform: translateX(200%);
		display:none;
	}
	#nav-close {
		display:none;
	}
	#nav-input:checked ~ #nav-content {
		display:none;
	}
}

/* globalNavi */
#globalNavSP {
	display:none;
}
#acMenu dt{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	border:#666 1px solid;
	cursor:pointer;
}
#acMenu dd{
	background:#f2f2f2;
	width:100%;
	height:auto;
	padding:20px;
	text-align:center;
	border:#666 1px solid;
	display:none;
}
#acMenu dd ul {
	padding:0;
	margin:0;
}
#acMenu dd li {
	text-align:left;
	margin:0 0 10px 0;
}
@media screen and (max-width:768px) {
	#header {
		background:none;
		clear:both;
		height:auto;
	}
	#header ul:after, #header ul li:after {
		content:none;
	}
	#header .inside ul,
	#header .inside div.search,
	#header .inside div.font {
		display:none;
	}
	#header .logo {
		position: relative;
		top: 0;
		left: 0;
		clear: both;
		margin:10px 0;
	}
	#header .logo img {
		max-width: 100%;
		height:auto;
	}
	#globalNav{
		display:none;
	}
	#globalNavSP{
		display:block;
	}
	#mainArea {
		float:none;
		width: auto;
		max-width: initial;
		padding:10px;
	}
	#mainArea img {
		max-width: 100%;
		height:auto;
	}
	#sideArea {
		width: auto;
		float: none;
		margin:0;
		padding:10px;
	}
	.inside {
		min-width:auto;
		max-width: initial;
		margin: 0 auto;
	}
	h1.caption {
		font-size:100%;
	}
	#mainArea #tabset {
		border-top: #333333 1px solid;
	}
	#mainArea #tabMenu li {
		width: 100%;
		float: none;
		text-align: left;
		background-image:none;
		background-color:#fff;
		border:#333 1px solid;
	}
	#mainArea #tabMenu li:first-child {
		border-left: #333 1px solid;
	}
	#mainArea #tabMenu li:nth-child(3),
	#mainArea #tabMenu li:nth-child(4) {
		width: 100%;
	}
	#mainArea #tabMenu li span,#mainArea #tabMenu li.line2pd span {
		padding-left: 10px;
	}
	#mainArea #tabMenu li span {
		padding-top: 14px;
	}
	#mainArea #tabMenu li.line2pd span {
		padding-top: 5px;
	}
	#mainArea #tabset.tabColor1,
	#mainArea #tabset.tabColor2,
	#mainArea #tabset.tabColor3,
	#mainArea #tabset.tabColor4,
	#mainArea #tabset.tabColor5 {
		border-color:#333;
	}
	#mainArea #tabSet.tabColor0,
	#mainArea #tabSet.tabColor1,
	#mainArea #tabSet.tabColor2,
	#mainArea #tabSet.tabColor3,
	#mainArea #tabSet.tabColor4,
	#mainArea #tabSet.tabColor5 {
		border-color:#ccc;
	}

	#mainArea #tabMenu .tabColor0,
	#mainArea #tabMenu .tabColor1,
	#mainArea #tabMenu .tabColor2,
	#mainArea #tabMenu .tabColor3,
	#mainArea #tabMenu .tabColor4,
	#mainArea #tabMenu .tabColor5 {
		border-top:none;
	}

	#mainArea #tabMenu .tabColor0.select,
	#mainArea #tabMenu .tabColor1.select,
	#mainArea #tabMenu .tabColor2.select,
	#mainArea #tabMenu .tabColor3.select,
	#mainArea #tabMenu .tabColor4.select,
	#mainArea #tabMenu .tabColor5.select {
		background:#efefef;
	}
	#sideArea .bannerArea {
		text-align:center;
		margin:0 auto;
	}
	#sideArea .bannerArea li {
		float:left;
		width:48%;
		margin-right:5px;
		margin-bottom:10px;
	}
	#sideArea .bannerArea li p {
		display:none;
	}
	#sideArea .bannerArea li img {
		width:100%;
		height:auto;
	}
	#footer {
		padding: 10px 0;
	}
	#footer li {
		display: block;
		padding: 10px;
		margin: 0 0 10px 0;
		width:100%;
		border-bottom:1px solid #fff;
	}
	#footer li+li {
		border-left:none;
	}
	img.ml20 {
		margin-left:0 !important;
	}
	.table-wrapper {
		box-sizing: border-box;
		overflow-x: scroll;
/*
2022-12-13コメントアウト
		-webkit-overflow-scrolling: touch;
*/
		margin-bottom:20px;
	}
	div.table-wrapper table {
		width:90%;
		font-size:78% !important;
	}
	div.table-wrapper th,div.table-wrapper td {
		white-space:nowrap;
		font-size:78% !important;
	}
	div.table-wrapper table.normal{
		margin: 0 auto;
		width: 100%;
	}
	form div.table-wrapper th,
	form div.table-wrapper td {
		display:block;
	}
	div.table-wrapper-block table {
		width:100%;
	}
	div.table-wrapper-block th,
	div.table-wrapper-block td {
		display:block;
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.ml0 { margin-left:0!important; }
	.ml5 { margin-left:0!important; }
	.ml10 { margin-left:0!important; }
	.ml15 { margin-left:0!important; }
	.ml20 { margin-left:0!important; }
	.ml25 { margin-left:0!important; }
	.ml30 { margin-left:0!important; }
	.ml35 { margin-left:0!important; }
	.ml40 { margin-left:0!important; }
	.ml45 { margin-left:0!important; }
	.ml50 {margin-left:0!important;}
	.bg_white {
		width: auto;
		}
	.bg_pink {
		width: auto;
		}
	.bg_green {
		width: auto;
		}
	.bg_grey {
		width: auto;
		}
	#mainArea dt {
		margin:5px 0;
		float:none;
		clear: both;
	}
	.nouyaku_form {
		width: 100%;
	}
}
@media print {
	#nav-drawer {display:none;}
	#globalNavSP {display:none;}
}