/*
Theme Name: kotobal_theme
Theme URI: https://kotobal.konicaminolta.jp/
Author: zenken
Author URI: https://kotobal.konicaminolta.jp/
Description: kotobal専用themeです。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kotobal_theme
*/

img {
	width: auto;
	height: auto;
}

.navi-001-01 {
	position: relative;
	z-index: 9999;
}

.navi-001-01 header {
	position: relative;
	z-index: 1;
	background: #fff;
	border-bottom: solid 1px #ddd;
}

.navi-001-01 header .inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.navi-001-01 header .inner .menu-trigger,
.navi-001-01 header .inner .phone-trigger {
	display: none;
}

.navi-001-01 header .inner .business-info.sp {
	display: none;
}

.navi-001-01 header .inner .business-info.pc {
	float: right;
	display: table;
	height: 50px;
}

.navi-001-01 header .inner .business-info.pc .phone,
.navi-001-01 header .inner .business-info.pc .time {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.navi-001-01 header .inner .business-info.pc .phone:not(:empty) {
	padding-right: 10px;
	font-weight: 700;
}

.navi-001-01 header .inner .business-info.pc .phone:not(:empty):before {
	content: "\f10b";
	font-family: fontAwesome;
	position: absolute;
	left: -10px;
	font-weight: 700;
}

.navi-001-01 header .inner .logo {
	float: left;
	width: auto;
	max-height: 50px;
}

.navi-001-01 header .inner .logo div,
.navi-001-01 header .inner .logo h1 {
	font-size: 21px;
	line-height: 50px;
	padding: 0;
	margin: 0;
}

.navi-001-01 header .inner .logo div a,
.navi-001-01 header .inner .logo h1 a {
	display: block;
	height: 50px;
	color: #555;
}

.navi-001-01 header .inner .logo div a img,
.navi-001-01 header .inner .logo h1 a img {
	max-height: 50px;
	overflow: hidden;
	vertical-align: middle;
}

.navi-001-01 header .inner .logo div a:hover,
.navi-001-01 header .inner .logo h1 a:hover {
	color: #777;
}

.navi-001-01 header .inner .main-menu {
	float: right;
	width: auto;
	max-width: 800px;
}

.navi-001-01 header .inner .main-menu ul {
	float: right;
}

.navi-001-01 header .inner .main-menu li a {
	display: block;
	padding: 15px 10px;
	line-height: 20px;
}

.navi-001-01 header .inner .main-menu .level-01 {
	border-right: solid 1px #ddd;
	color: #555;
}

.navi-001-01 header .inner .main-menu .level-01 a {
	color: #555;
	text-align: center;
}

.navi-001-01 header .inner .main-menu .level-01:first-child {
	border-left: solid 1px #ddd;
}

.navi-001-01 header .inner .main-menu .level-01:hover {
	background: #eee;
}

.navi-001-01 header .inner .main-menu .level-01-trigger {
	position: relative;
	border-right: solid 1px #ddd;
	padding-right: 20px;
}

.navi-001-01 header .inner .main-menu .level-01-trigger a {
	color: #555;
	text-align: center;
}

.navi-001-01 header .inner .main-menu .level-01-trigger:first-child {
	border-left: solid 1px #ddd;
}

.navi-001-01 header .inner .main-menu .level-01-trigger:after {
	font-size: 15px;
	color: #aaa;
	position: absolute;
	right: 10px;
	content: "\f0d7";
	font-family: FontAwesome;
	top: 50%;
	margin-top: -6px;
}

.navi-001-01 header .inner .main-menu .level-01-trigger:hover {
	background: #eee;
}

.navi-001-01 header .inner .main-menu .level-01-trigger .level-01-cont {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	width: 200px;
	border: solid 1px #ddd;
}

.navi-001-01 header .inner .main-menu .level-01-trigger .level-01-cont a {
	border-right: 0;
	color: #555;
}

.navi-001-01 header .inner .main-menu .level-01-trigger .level-01-cont a:hover {
	background: #eee;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02 {
	position: relative;
	width: 100%;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02
	li {
	padding: 10px;
	margin-bottom: 20px;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02
	li
	a {
	border: 0;
	color: #555;
	display: block;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger {
	position: relative;
	width: 100%;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger:after {
	font-size: 15px;
	color: #aaa;
	position: absolute;
	right: 10px;
	content: "\f0da";
	font-family: FontAwesome;
	top: 50%;
	margin-top: -6px;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	li {
	padding: 10px;
	margin-bottom: 20px;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	li
	a {
	border: 0;
	color: #555;
	display: block;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	.level-02-cont {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	background: #fff;
	border: solid 1px #ddd;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	.level-02-cont
	li {
	width: 200px;
	padding: 0;
	margin: 0;
}

.navi-001-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	.level-02-cont
	li
	a {
	border: 0;
	color: #555;
	padding: 10px;
}

@media screen and (max-width: 769px) {
	.navi-001-01 header .inner .menu-trigger,
	.navi-001-01 header .inner .menu-trigger span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	}

	.navi-001-01 header .inner .menu-trigger {
		position: absolute;
		width: 60px;
		right: 0;
		top: 0;
		height: 51px;
		background: #eee;
	}

	.navi-001-01 header .inner .menu-trigger span {
		position: absolute;
		left: 15px;
		width: 30px;
		height: 3px;
		background-color: #777;
		border-radius: 3px;
	}

	.navi-001-01 header .inner .menu-trigger span:first-of-type {
		top: 15px;
	}

	.navi-001-01 header .inner .menu-trigger span:nth-of-type(2) {
		top: 24px;
	}

	.navi-001-01 header .inner .menu-trigger span:nth-of-type(3) {
		bottom: 15px;
	}

	.navi-001-01 header .inner .menu-trigger.active span:first-of-type {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}

	.navi-001-01 header .inner .menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}

	.navi-001-01 header .inner .menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}

	.navi-001-01 header .inner .logo {
		float: none;
		width: 80%;
		margin: 0 auto;
	}

	.navi-001-01 header .inner .logo div,
	.navi-001-01 header .inner .logo h1 {
		font-size: 21px;
		line-height: 50px;
		padding: 0;
		margin: 0;
	}

	.navi-001-01 header .inner .logo div a,
	.navi-001-01 header .inner .logo h1 a {
		height: 50px;
		color: #555;
	}

	.navi-001-01 header .inner .logo div a img,
	.navi-001-01 header .inner .logo h1 a img {
		max-height: 46px;
		overflow: hidden;
	}

	.navi-001-01 header .inner .logo div a:hover,
	.navi-001-01 header .inner .logo h1 a:hover {
		color: #777;
	}

	.navi-001-01 header .inner .main-menu {
		float: none;
		width: 100%;
		border-top: solid 1px #eee;
	}

	.navi-001-01 header .inner .main-menu ul {
		float: none;
	}

	.navi-001-01 header .inner .main-menu li a {
		display: block;
		padding: 10px;
	}

	.navi-001-01 header .inner .main-menu .level-01 {
		box-sizing: border-box;
		border-bottom: solid 1px #eee;
		width: 100%;
	}

	.navi-001-01 header .inner .main-menu .level-01 a {
		text-align: center;
		color: #555;
	}

	.navi-001-01 header .inner .main-menu .level-01:first-child {
		border-bottom: solid 1px #eee;
	}

	.navi-001-01 header .inner .main-menu .level-01:hover {
		background: #eee;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger {
		position: relative;
		border-bottom: solid 1px #eee;
		box-sizing: border-box;
		padding-right: 0;
		width: 100%;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger > a {
		padding-left: 20px;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger a {
		text-align: center;
		color: #555;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger:first-child {
		border-left: 0;
		border-bottom: solid 1px #eee;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger:after {
		display: none;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger:hover {
		background: #eee;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger .level-01-cont {
		display: none;
		position: relative;
		width: 100%;
		border: 0;
		box-sizing: border-box;
		background: #ddd;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger .level-01-cont a {
		border-right: 0;
		color: #555;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		a:hover {
		background: #eee;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02 {
		position: relative;
		width: 100%;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02
		li {
		padding: 10px;
		margin-bottom: 20px;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02
		li
		a {
		border: 0;
		color: #555;
		display: block;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger {
		position: relative;
		border-bottom: solid 1px #eee;
		padding-right: 20px;
		width: 100%;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		> a {
		padding-left: 20px;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		li {
		padding: 10px;
		margin-bottom: 20px;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		li
		a {
		border: 0;
		color: #555;
		display: block;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont {
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		border: solid 1px #ddd;
		background: #ddd;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li {
		width: 200px;
		padding: 0;
		margin: 0;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li
		a {
		border: 0;
		color: #555;
		padding: 10px;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		.level-03
		> a {
		padding-left: 20px;
	}
}

@media screen and (max-width: 769px) {
	.navi-001-01 header .inner .main-menu .level-01 a > .toggle {
		float: right;
		font-size: 15px;
		color: #aaa;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger a > .toggle {
		float: right;
		font-size: 15px;
		color: #aaa;
		width: 10px;
	}

	.navi-001-01 header .inner .main-menu .level-01-trigger .level-01-cont a {
		position: relative;
		text-align: center;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		a
		> .toggle {
		float: right;
		font-size: 15px;
		color: #aaa;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont {
		border: none;
		display: block !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li {
		width: 100% !important;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li
		a {
		border-top: solid 1px #eee;
		background: #f5f5f5;
		padding-right: 20px;
	}

	.navi-001-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li
		a:after {
		content: none;
	}

	header .inner .business-info.pc {
		display: none !important;
	}

	header .inner .phone-trigger {
		display: inline-block !important;
		position: absolute;
		width: 60px;
		right: 0;
		top: 0;
		height: 51px;
		color: #000;
	}

	header .inner .phone-trigger:before {
		content: "\f10b";
		font-family: fontAwesome;
		position: absolute;
		font-weight: 700;
		line-height: 40px;
		font-size: 26pt;
		left: 0;
		right: 0;
		bottom: 10px;
		text-align: center;
	}

	header .inner .phone-trigger span {
		position: absolute;
		bottom: 2px;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 9pt;
	}
}

.navi-002-01 {
	position: relative;
	z-index: 9999;
}

.navi-002-01 .level-01-cont {
	display: none;
}

.navi-002-01 header {
	position: relative;
	z-index: 1;
	background: #fff;
	color: #555;
}

.navi-002-01 header .inner {
	width: 100%;
}

.navi-002-01 header .inner .phone-trigger {
	display: none;
}

.navi-002-01 header .inner .navigation-cont {
	max-width: 1140px;
	margin: 0 auto;
	min-height: 60px;
	padding: 0;
}

.navi-002-01 header .inner .navigation-cont .business-info.pc {
	float: right;
	display: table;
	height: 50px;
}

.navi-002-01 header .inner .navigation-cont .business-info.pc .phone,
.navi-002-01 header .inner .navigation-cont .business-info.pc .time {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.navi-002-01
	header
	.inner
	.navigation-cont
	.business-info.pc
	.phone:not(:empty) {
	padding-right: 10px;
	font-weight: 700;
}

.navi-002-01
	header
	.inner
	.navigation-cont
	.business-info.pc
	.phone:not(:empty):before {
	content: "\f10b";
	font-family: fontAwesome;
	position: absolute;
	left: -10px;
	font-weight: 700;
}

.navi-002-01 header .inner .navigation-cont .logo {
	float: left;
	width: 300px;
}

.navi-002-01 header .inner .navigation-cont .logo div,
.navi-002-01 header .inner .navigation-cont .logo h1 {
	font-size: 21px;
	line-height: 50px;
	padding: 4px 0;
	margin: 0;
}

.navi-002-01 header .inner .navigation-cont .logo div a,
.navi-002-01 header .inner .navigation-cont .logo h1 a {
	height: 50px;
	color: #555;
}

.navi-002-01 header .inner .navigation-cont .logo div a img,
.navi-002-01 header .inner .navigation-cont .logo h1 a img {
	max-height: 50px;
	overflow: hidden;
	vertical-align: top;
}

.navi-002-01 header .inner .navigation-cont .logo div a:hover,
.navi-002-01 header .inner .navigation-cont .logo h1 a:hover {
	color: #777;
}

.navi-002-01 header .inner .navigation-cont .cont {
	float: right;
	width: 800px;
	text-align: right;
	padding: 10px 0;
}

.navi-002-01 header .inner .navigation-cont .cont .row .col {
	display: inline-block;
	padding: 0 10px;
	box-sizing: border-box;
}

.navi-002-01 header .inner .main-menu {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background: #fff;
	width: 100%;
}

.navi-002-01 header .inner .main-menu ul {
	max-width: 1140px;
	margin: 0 auto;
	display: table;
	width: 100%;
	text-align: center;
}

.navi-002-01 header .inner .main-menu li a {
	display: block;
	padding: 20px 10px;
}

.navi-002-01 header .inner .main-menu .level-01 {
	display: table-cell;
	border-right: solid 1px #ddd;
	color: #555;
}

.navi-002-01 header .inner .main-menu .level-01 a {
	text-align: center;
	color: #555;
}

.navi-002-01 header .inner .main-menu .level-01:first-child {
	border-left: solid 1px #ddd;
}

.navi-002-01 header .inner .main-menu .level-01:hover {
	background: #eee;
}

.navi-002-01 header .inner .main-menu .level-01-trigger {
	display: table-cell;
	position: relative;
	border-right: solid 1px #ddd;
	padding-right: 20px;
}

.navi-002-01 header .inner .main-menu .level-01-trigger a {
	text-align: center;
	color: #555;
}

.navi-002-01 header .inner .main-menu .level-01-trigger:first-child {
	border-left: solid 1px #ddd;
}

.navi-002-01 header .inner .main-menu .level-01-trigger:after {
	font-size: 15px;
	color: #aaa;
	position: absolute;
	right: 10px;
	content: "\f0d7";
	font-family: FontAwesome;
	top: 50%;
	margin-top: -6px;
}

.navi-002-01 header .inner .main-menu .level-01-trigger:hover {
	background: #eee;
}

.navi-002-01 header .inner .main-menu .level-01-trigger .level-01-cont {
	/* display: none; */
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	width: 200px;
	border: solid 1px #ddd;
}

.navi-002-01 header .inner .main-menu .level-01-trigger .level-01-cont a {
	border-right: 0;
	color: #555;
}

.navi-002-01 header .inner .main-menu .level-01-trigger .level-01-cont a:hover {
	background: #eee;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02 {
	position: relative;
	width: 100%;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02
	li {
	padding: 10px;
	margin-bottom: 20px;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02
	li
	a {
	border: 0;
	color: #555;
	display: block;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger {
	position: relative;
	width: 100%;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger:after {
	font-size: 15px;
	color: #aaa;
	position: absolute;
	right: 10px;
	content: "\f0da";
	font-family: FontAwesome;
	top: 50%;
	margin-top: -6px;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	li {
	padding: 10px;
	margin-bottom: 20px;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	li
	a {
	border: 0;
	color: #555;
	display: block;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	.level-02-cont {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	background: #fff;
	border: solid 1px #ddd;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	.level-02-cont
	li {
	width: 200px;
	padding: 0;
	margin: 0;
}

.navi-002-01
	header
	.inner
	.main-menu
	.level-01-trigger
	.level-01-cont
	.level-02-trigger
	.level-02-cont
	li
	a {
	border: 0;
	color: #555;
	padding: 10px;
	text-align: center;
}

@media screen and (max-width: 769px) {
	.navi-002-01 header .inner .navigation-cont .logo {
		box-sizing: border-box;
		float: none;
		width: 100%;
		padding: 0 60px 0 10px;
		margin: 0 auto;
	}

	.navi-002-01 header .inner .navigation-cont .logo div,
	.navi-002-01 header .inner .navigation-cont .logo h1 {
		font-size: 21px;
		line-height: 50px;
		padding: 0;
		margin: 0;
	}

	.navi-002-01 header .inner .navigation-cont .logo div a,
	.navi-002-01 header .inner .navigation-cont .logo h1 a {
		height: 50px;
		color: #555;
	}

	.navi-002-01 header .inner .navigation-cont .logo div a img,
	.navi-002-01 header .inner .navigation-cont .logo h1 a img {
		max-height: 50px;
		overflow: hidden;
	}

	.navi-002-01 header .inner .navigation-cont .logo div a:hover,
	.navi-002-01 header .inner .navigation-cont .logo h1 a:hover {
		color: #777;
	}

	.navi-002-01 header .inner .navigation-cont .cont {
		float: none;
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}

	.navi-002-01 header .inner .navigation-cont .cont .inner button {
		border: 0;
		padding: 0;
		margin: 10px;
	}

	.navi-002-01 header .inner .navigation-cont .cont .inner button a {
		background: #eee;
		border: 1px solid #ddd;
		color: #111;
		width: 100px;
		display: block;
		padding: 10px 0;
	}

	.navi-002-01 header .inner .menu-trigger,
	.navi-002-01 header .inner .menu-trigger span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	}

	.navi-002-01 header .inner .menu-trigger {
		position: absolute;
		width: 60px;
		right: 0;
		top: 0;
		height: 51px;
		background: #eee;
	}

	.navi-002-01 header .inner .menu-trigger span {
		position: absolute;
		left: 15px;
		width: 30px;
		height: 3px;
		background-color: #777;
		border-radius: 3px;
	}

	.navi-002-01 header .inner .menu-trigger span:first-of-type {
		top: 15px;
	}

	.navi-002-01 header .inner .menu-trigger span:nth-of-type(2) {
		top: 24px;
	}

	.navi-002-01 header .inner .menu-trigger span:nth-of-type(3) {
		bottom: 15px;
	}

	.navi-002-01 header .inner .menu-trigger.active span:first-of-type {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}

	.navi-002-01 header .inner .menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}

	.navi-002-01 header .inner .menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}

	.navi-002-01 header .inner .main-menu {
		float: none;
		width: 100%;
		border-top: solid 1px #eee;
	}

	.navi-002-01 header .inner .main-menu ul {
		display: block;
		float: none;
		text-align: left;
	}

	.navi-002-01 header .inner .main-menu li a {
		display: block;
		padding: 10px;
	}

	.navi-002-01 header .inner .main-menu .level-01 {
		display: block;
		border-bottom: solid 1px #eee;
		box-sizing: border-box;
		width: 100%;
	}

	.navi-002-01 header .inner .main-menu .level-01 a {
		color: #555;
	}

	.navi-002-01 header .inner .main-menu .level-01:first-child {
		border-bottom: solid 1px #eee;
	}

	.navi-002-01 header .inner .main-menu .level-01:hover {
		background: #eee;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger {
		display: block;
		position: relative;
		border-bottom: solid 1px #eee;
		box-sizing: border-box;
		padding-right: 0;
		width: 100%;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger > a {
		padding-left: 20px;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger a {
		color: #555;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger:first-child {
		border-left: 0;
		border-bottom: solid 1px #eee;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger:after {
		display: none;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger:hover {
		background: #eee;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger .level-01-cont {
		display: none;
		position: relative;
		width: 100%;
		border: 0;
		box-sizing: border-box;
		background: #ddd;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger .level-01-cont a {
		border-right: 0;
		color: #555;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		a:hover {
		background: #eee;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02 {
		position: relative;
		width: 100%;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02
		li {
		padding: 10px;
		margin-bottom: 20px;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02
		li
		a {
		border: 0;
		color: #555;
		display: block;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger {
		position: relative;
		border-bottom: solid 1px #eee;
		padding-right: 20px;
		width: 100%;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		> a {
		padding-left: 20px;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		li {
		padding: 10px;
		margin-bottom: 20px;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		li
		a {
		border: 0;
		color: #555;
		display: block;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont {
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		border: solid 1px #ddd;
		background: #ddd;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li {
		width: 200px;
		padding: 0;
		margin: 0;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li
		a {
		border: 0;
		color: #555;
		padding: 10px;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		.level-03
		> a {
		padding-left: 20px;
	}
}

@media screen and (max-width: 769px) {
	.navi-002-01 header .inner .main-menu .level-01 a > .toggle {
		float: right;
		font-size: 15px;
		color: #aaa;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger a > .toggle {
		float: right;
		font-size: 15px;
		color: #aaa;
		width: 10px;
	}

	.navi-002-01 header .inner .main-menu .level-01-trigger .level-01-cont a {
		position: relative;
		text-align: center;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		a
		> .toggle {
		float: right;
		font-size: 15px;
		color: #aaa;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont {
		border: none;
		display: block !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li {
		width: 100% !important;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li
		a {
		border-top: solid 1px #eee;
		padding-right: 20px;
		background: #f5f5f5;
	}

	.navi-002-01
		header
		.inner
		.main-menu
		.level-01-trigger
		.level-01-cont
		.level-02-trigger
		.level-02-cont
		li
		a:after {
		content: none;
	}

	.navi-002-01 header .inner .business-info.pc {
		display: none !important;
	}

	.navi-002-01 header .inner .phone-trigger {
		display: inline-block !important;
		position: absolute;
		width: 60px;
		right: 0;
		top: 0;
		height: 51px;
		color: #000;
	}

	.navi-002-01 header .inner .phone-trigger:before {
		content: "\f10b";
		font-family: fontAwesome;
		position: absolute;
		font-weight: 700;
		line-height: 40px;
		font-size: 26pt;
		left: 0;
		right: 0;
		bottom: 10px;
		text-align: center;
	}

	.navi-002-01 header .inner .phone-trigger span {
		position: absolute;
		bottom: 2px;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 9pt;
	}
}

.navi-002-01.navi_base_custom header#navigations .inner .navigation-cont.clearfix .logo div a img {
    width: 248px;
    height: auto;
    max-height: 50px;
}

@media screen and (max-width: 769px) {
.navi-002-01.navi_base_custom header#navigations .inner .navigation-cont.clearfix .logo div a img {
    width: 177px;
    height: auto;
    margin: 0;
}
}