@charset "UTF-8";

/*---------------------------------------------------------------------------*/
/* 全体の設定 */
/*---------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #444;
	font-family: Verdana, Arial, Helvetica, 'Meiryo', 'メイリオ', 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}

a:link, a:visited {
	color: #4d82c4;
}

a:hover, a:active {
	color: #cc4866;
}

hr {
	border: 2px solid #ccc;
}

address {
	font-style: normal;
}

/*---------------------------------------------------------------------------*/
/* ヘッダー設定 */
/*---------------------------------------------------------------------------*/
.topLine {
	height: 6px;
	background-color: #0a2b61;
	min-width: 882px;
}

.inner {
	margin: 0 auto;
	padding: 0;
	width: 882px;
}

header .inner {
	text-align: left;
	height: 109px;
	position: relative;
}

/* サイトタイトル */
.siteTitle {
	position: absolute;
	top: 42px;
	left: 8px;
	font-size: 120%;
	font-family: 'AR P丸ゴシック体M';
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.siteTitle .logoLink {
	display: flex;
	align-items: flex-end;
	text-decoration: none;
}

.siteTitle img {
	width: 88px;
}

.siteTitle .companyName {
	margin-left: 2px;
	font-size: 1em;
	color: #4f4f4f;
	font-family: 'メイリオ';
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	transform: scaleY(1.2);
	letter-spacing: -1px;
	position: relative;
	top: 3px;
}
.siteTitle .companyName:hover {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* キャッチコピー */
.description {
	position: absolute;
	top: 10px;
	left: 0;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 88%;
	text-shadow: 1px 1px 2px #000;
}

.description a {
	display: block;
	padding: 4px 8px;
	color: #fff;
	font-size: 110%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
	text-decoration: none;
	transform: scaleY(1.5);
}
.description a:hover {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

/* ヘッダーメニュー */
#headermenu {
	position: absolute;
	top: 60px;
	left: 590px;
	min-width: 260px;
	list-style-type: none;
	display: flex;
	gap: 10px;
}
#headermenu li a {
	text-decoration: none;
	display: block;
	padding: 3px 3px;
	text-shadow: 0 1px 1px #000;
}
#headermenu li a:hover {
	color: #ff8a00;
	background: #fff;
}

/*---------------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------------*/
.flexnav {
	bottom: 0;
	height: 41px;
	z-index: 99;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	max-width: 882px;
}

.flexnav li a {
	text-decoration: none;
	width: 145px;
	display: block;
	background: linear-gradient(to bottom, #38deff 0%, #197efd 100%);
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #1f9bff;
	transition: background 0.3s ease;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	text-align: center;
	font-size: 120%;
	font-family: 'メイリオ';
	font-weight: bold;
	padding: 5px 0;
	margin: 0 0 5px;
}

.flexnav .first a {
	border-left: none;
	border-radius: 6px 0 0 6px;
}

.flexnav .last a {
	border-right: none;
	border-radius: 0 6px 6px 0;
}

.flexnav li a:hover {
	background: linear-gradient(to bottom, #197efd 0%, #38deff 100%);
}

/*---------------------------------------------------------------------------*/
/* メインエリア設定 */
/*---------------------------------------------------------------------------*/
#contents {
	margin: 0 auto;
	width: 882px;
	text-align: left;
}

.contents-body {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#main {
	width: 660px;
	margin: 0;
	font-size: 93%;
}

#menu {
	margin: 0 0 10px;
	width: 215px;
}

#menu .menuList {
	width: 100%;
	margin: 0;
	font-size: 83%;
}

#menu .menuList ul {
	margin: 0 0 20px;
	padding: 7px 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	list-style: none;
}

#menu .menuList ul li {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

#menu .menuList ul li a {
	padding: 5px 0 5px 8px;
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	font-size: 11.5px;
}

#menu .menuList ul li a:hover,
#menu .menuList ul li a:active {
	color: #999;
}

#menu .menuList .subMidashi {
	margin: 0;
}

#menu .group .subMidashi {
	display: none;
}

.menu-banner a {
	display: block;
	margin-bottom: 10px;
}
.menu-banner img {
	width: 100%;
	height: auto;
	display: block;
}

.badge-group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	flex-wrap: wrap;
}
.badge-group a {
	flex: 0 0 auto;
}
.badge-group img {
	display: block;
	height: 100px;
	width: auto;
}
.badge-group .aichiJokatsu {
	transform: translateX(-45px);
}

/*---------------------------------------------------------------------------*/
/* フッター設定 */
/*---------------------------------------------------------------------------*/
footer {
	margin: 50px 0 0;
	text-align: left;
	padding: 0;
}

#footernav {
	background-color: #0a2b61;
	min-width: 882px;
	margin-bottom: 50px;
}

#footernav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

#footernav ul li {
	margin: 0;
	padding: 0 0 0 25px;
	list-style: none;
}

#footernav ul a {
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	font-size: 88%;
}

#footernav ul a:hover {
	text-decoration: underline;
}

footer .copyright {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 93%;
	background-color: #e5e5e5;
	min-width: 882px;
}

#pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	margin: 0;
	z-index: 9999;
}

#pagetop a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	color: #fff;
	text-decoration: none;
	font-size: 28px;
	line-height: 1;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
	background: linear-gradient(
		to bottom,
		rgba(56, 222, 255, 0.8) 0%,
		rgba(25, 126, 253, 0.8) 100%
	);
	transition: all .3s ease;
}
#pagetop a span {
	position: relative;
	top: -2px;
}
#pagetop a:hover {
	background: linear-gradient(
		to bottom,
		rgba(25, 126, 253, 1) 0%,
		rgba(56, 222, 255, 1) 100%
	);
	transform: translateY(-2px);
}

/*---------------------------------------------------------------------------*/
/* 共通設定 */
/*---------------------------------------------------------------------------*/
/* ページリスト */
.pageList {
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.pageList span.bold {
	color: #4d82c4;
}
.pageList a {
	text-decoration: none;
}
.pageList a:hover {
	text-decoration: underline;
}

/* ページ見出し */
.pageTitle {
	margin: 0 0 20px;
	padding: 0;
	height: 142px;
	text-shadow: 1px 1px 2px #fff;
}

.pageTitle img {
	width: 660px;
}

.subMidashi {
	background: linear-gradient(to bottom, #d1d0d0 0%, #f8f8f8 100%);
	padding: 0;
	margin: 0 0 15px;
	border: 1px solid #ccc;
	font-size: 123.1%;
}

.subMidashi .midashiText {
	color: #333;
	display: block;
	line-height: 50px;
	padding: 0 0 0 16px;
	border: 1px solid #fff;
}

.softImage {
	margin: 0 0 4px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	width: 210px;
}
.softImage:hover {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

.dellExpert:hover,
.privacymark:hover,
.aichiJokatsu:hover {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.textBox {
	padding: 0 10px 10px;
}

.message {
	font-weight: bold;
}



#mainbn,
.menu-button,
.only-mobile,
.footer-banner,
#badge-area {
	display: none;
}