@charset "UTF-8";

/*--------------------------------------------*/
html { scroll-behavior:smooth; }
body,input,textarea {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","メイリオ", meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif;
	/*
	font-family: "ヒラギノ明朝 Pro","HiraMinPro","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E","MS PMincho",serif;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	*/
}
* { box-sizing:border-box; }
body {
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:1em;
	color:#333;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
header a, footer a { color:#333; text-decoration:none; display:inline-block; }

h1 { font-size:150%; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:100%; }
h6 { font-size:100%; }
h1,h2,h3,h4,h5,h6,div,dl,dt,dd,p,a,table,tr,td,address,img,
header ul, footer ul{
	margin:0px;
	padding:0px;
	line-height:1.5em;
	text-align:left;
	font-style:normal;
	list-style:none outside;
}
ul { margin:1em 0; padding:0 0 0 1.5em; list-style-type:"・"; } li { line-height:1.5em; margin:0 0 .5em; }
header li, footer li { line-height:1em; margin:0; }
i,em { font-style:normal; } u { text-decoration:none; } sup,sub { font-size:60%; }
/*************/
#clear, .clear { clear:both; }
.c { margin-left:auto; margin-right:auto; }
.l { float:left; }
.r { float:right; }
.t_c { text-align:center; }
img.l { margin:0 10px 10px 0; }
img.r { margin:0 0 10px 10px; }

/* table */
table { width:100%; border-collapse:collapse; border-spacing:0; margin-top:20px; margin-bottom:20px; }
thead th, thead td { background:#0F283C; color:#FFF; font-weight:bold; }
thead th           { border-bottom-color:#FFF; border-left-color:#FFF; border-right-color:#FFF; }
thead th:first-child { border-left-color:#0F283C; border-right-color:#FFF; }
thead th:last-child  { border-left-color:#FFF; border-right-color:#0F283C; }
thead th:only-child  { border-left-color:#0F283C; border-right-color:#0F283C; }
tbody th           { border-bottom-color:#FFF; }
th,td { border:1px solid #0F283C; padding:15px; text-align:center; }
th { width:20%; background-color:#0F283C; font-weight:bold; color:#FFF; }
td { text-align:left; }
thead + tbody tr:first-child th { border-top-color:#FFF; }
tbody tr:first-child th { border-top-color:#0F283C; }
tbody tr:last-child th  { border-bottom-color:#0F283C; }

/* * */
ul.aster { list-style:none; padding:0; }
p.aster::before,
.aster li::before { content:"※"; }
p.aster,
.aster li { padding-left:1em; text-indent:-1em; margin:0; line-height:1.5em; }

/* -------------------------------------------- */
a 			{ text-decoration:underline; font-weight:bold; color:#29ABE2; }
a:hover     { opacity:.50; text-decoration:none; }
/*nav a:hover { opacity:1; }
/* --------------------------------------------*/


/* inner */
.headBox, .footBox, .breadCrumb,
header ul, .pagetop,
.inner {
	display:block; clear:both; padding:0 20px; margin-left:auto; margin-right:auto;
	width:1000px; position:relative;
}

/* flexBox */
.headBox, .footBox, .productList ul,
.flexBox  { display:flex; justify-content:space-between; }
.flexBox2 { display:flex; justify-content:space-between; flex-wrap:wrap; }
ul.flexBox, ol.flexBox, ul.flexBox2, ol.flexBox2 { list-style:none; padding:0; }

/* btn */
.productList a,
.contact, .btn {
	position:relative;
	display:block; width:160px; padding:5px; border:2px solid #0F283C;
	color:#0F283C; text-align:center; text-decoration:none;
}
/* btn装飾 */
.productList a::after,
.contact::after, .btn::after {
	content:""; position:absolute; right:0; bottom:0;
	width:0; height:0;
	border-style:solid; border-width:0 0 10px 10px;
	border-color:transparent transparent #0F283C transparent;
}
/* btn hover */
.productList a:hover, .productList .act a, 
.contact:hover, .btn:hover { opacity:1; background:#0F283C; color:#FFF; }
.productList a:hover::after, .productList .act a::after,
.contact:hover::after, .btn:hover::after { border-color:transparent transparent #FFF transparent; }

/* contact btn */
.contact    { width:200px; padding:10px 5px; border-color:#CC0000; color:#CC0000; }
.contact em { position:relative; padding-left:35px; }
.contact em::before {
	content:""; position:absolute; left:0; top:50%; transform:translate(0,-50%);
	width:26px; height:20px; background:url(../img/contactIconOff.svg)no-repeat center center / contain;
}
.contact::after { border-color:transparent transparent #CC0000 transparent; }
.contact:hover { background-color:#CC0000; color:#FFF; }
.contact:hover em::before { background-image:url(../img/contactIconOn.svg); }

/* common */
header a, footer a { display:block; }


/* header ********** */
header {  }
header nav { background:#0F283C; }
header ul  { display:flex; justify-content:space-between; }
header li                { width:50%; }
header li em             { display:block; width:100%; border-right:1px solid #FFF; }
header li:first-child em { border-left:1px solid #FFF; }
header li a       { padding:15px 0; color:#FFF; text-align:center; }
header li a:hover { opacity:1; color:rgba(255,255,255, .5); }
.headBox { padding:20px; align-items:center; }


/* mv */
#mv        { background:url(../img/mv.jpg)no-repeat center center / cover; height:320px; }
#mv .inner { display:flex; align-items:center; height:100%; }
#mv h2     { font-size:2em; text-shadow:0 0 5px #FFF; }


/* main ********** */
main > section { margin-top:5em; margin-bottom:5em; }
main > section:first-child { margin-top:4em; }
main img { width:100%; }
h1 img { display:block; height:50px; }
h3 { display:flex; align-items:center; font-size:1.75em; margin-bottom:2rem; }
h3::after { content:""; width:5rem; height:1px; margin-left:1em; background:#0F283C; }
h4 { background:#0F283C; padding:1rem; margin:2em 0; font-size:1.25em; color:#FFF; }
h4:first-child { margin-top:0; }
h5 { padding-left:.5em; border-left:5px solid #0F283C; margin:1em 0; }

/* breadCrumb */
.breadCrumb { margin:2.5em auto; }
.breadCrumb p { display:inline; }
.breadCrumb br { display:none; }

/* productList */
.productList ul { padding:0; list-style:none; }
.productList li { width:30%; margin:0; }
.productList a  { display:flex; align-items:center; width:100%; padding:15px; text-align:left; }
.productList li:nth-child(4) .pc { display:none; }
.productList a::before {
	content:""; width:40px; height:40px; margin:0 10px 0 0;
	background:url(../img/accountingSystemIconOff.svg)no-repeat center / contain;
}
.productList li:nth-child(2) a::before { background-image:url(../img/supportSystemIconOff.svg); }
.productList li:nth-child(3) a::before { background-image:url(../img/localPublicIconOff.svg); }
.productList li:nth-child(4) a::before { background-image:url(../img/managementSystemIconOff.svg); }
.productList em { width:calc(100% - 50px); }
/* productList hover */
.productList .act a::before,
.productList a:hover::before { background-image:url(../img/accountingSystemIconOn.svg); }
.productList li:nth-child(2).act a::before,
.productList li:nth-child(2) a:hover::before { background-image:url(../img/supportSystemIconOn.svg); }
.productList li:nth-child(3).act a::before,
.productList li:nth-child(3) a:hover::before { background-image:url(../img/localPublicIconOn.svg); }
.productList li:nth-child(4).act a::before,
.productList li:nth-child(4) a:hover::before { background-image:url(../img/managementSystemIconOn.svg); }

/* anchorLink */
.anchorLink { padding:1.25em 1.25em 1.25em 2em; margin:2.5em 0; border:5px solid #D0E6F0; }
.anchorLink li:last-child { margin:0; }

/* businessContent */
.businessContent ul    { list-style:none; padding:0; font-weight:bold; text-align:center; }
.businessContent ul ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0; }
.businessContent li li { width:100%; padding:.5em; margin:.5em 0 0 0; background:#EEE; }
.businessContent > ul > li + li { margin:1.5em 0 0 0; }
.businessContent h6 { padding:.5em; background:#0F283C; color:#FFF; text-align:center; }

/* newsList */
.newsList ul { width:100%; padding-left:0; margin:0; list-style:none; }
.newsList li { display:flex; padding:2em 0; margin:0; border-bottom:1px dashed #AAA; }
.newsList .up_ymd  { width:120px; }
.newsList .title   { width:700px; font-weight:bold; }
.newsList .newMark { padding:0 .5em; margin-left:auto; background:#CC0000; color:#FFF; }
.newsList li:last-child { padding:2em 0 .5em; margin:0; border-bottom:none; }
.newsList .flexBox2 { background:#EEE; padding:2em; align-items:center; }
.newsList h3   { margin:0; }
.newsList em   { display:inline-block; width:100px; }
.newsList li a { color:#333; }

/* pagetop */
.pagetop   { text-align:center; }
.pagetop a { display:inline-flex; flex-direction:column; text-decoration:none; color:#0F283C; }
.pagetop a::before {
	content:""; width:100%; height:25px; margin-bottom:5%;
	background:url(../img/pageTopArrow.svg)no-repeat center / contain;
}


/* footer ********** */
footer   { background:#EEE; margin-top:20px; }
footer address { width:310px; }
footer img { display:block; width:100%; }
footer .tel { position:relative; display:inline-block; padding-left:1.4em; font-size:1.75em; line-height:1em; }
footer .tel::before {
	content:""; position:absolute; top:0; left:0; width:30px; height:30px;
	background:url(../img/telIcon.svg)no-repeat center / contain;
}
footer .contact { width:100%; }
footer address *:not(:first-child):not(li) { margin-top:1rem; }
footer nav  { width:600px; }
footer ul { display:flex; justify-content:space-between; }

footer nav ul { flex-wrap:wrap; }
footer nav li { min-width:135px; border-bottom:1px dashed #333; }
footer nav li:last-child,
footer nav li:nth-child(n+5):nth-child(-n+8) { width:290px; }

footer nav li a { position:relative; display:inline-block; padding:15px 0 15px 15px; }
footer nav li a::before {
	content:""; position:absolute; top:50%; left:0; transform:translate(0,-50%); width:10px; height:10px;
	background:url(../img/navArrow.svg)no-repeat center / contain;
}

.footBox  { padding-top:4em; padding-bottom:4em; }
footer address ul { align-items:flex-end; }
footer .left { width:75%; }
footer .right { width:20%; }
footer .right img { width:100%; }

/* copyright */
.copyright { width:100%; padding:5px 0; background:#0F283C; color:#FFF; text-align:center; }


/* --------------------------------------------*/

/* clearfix *
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* ¥ *
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* *
.clearfix:after { content:""; }

/* --------------------------------------------*/



/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
#hmb_check, #hmb_btn, #hmb_bg,
.sp { display:none; }
@media (max-width: 768px){
	.sp { display:inline-block; }
	header .headBox .contact,
	.pc { display:none; }

	/* hmb_menu *********** */
	#hmb_btn, #hmb_bg { cursor:pointer; }
	/* #hmb_btn:hover    { opacity:.5; } */
	#hmb_btn {
		position:absolute; top:20px; right:5%;
		display:block; width:40px; height:40px; margin:0; min-width:40px;
		background:#0F283C url(../img/hmb_btnOn.svg) no-repeat center / 20px; z-index:30;
		/* ボタン 色・アイコン(オフ)  border-radius:5px; */
	}
	#hmb_bg {
		display:none; width:100%; height:100vh;
		position:fixed; left:0; top:0; z-index:10;
		background:#000;
		transition:.3s; opacity:0;
	}
	#hmb_content {
		display:block; width:0; height:100vh; overflow:auto;
		position:fixed; top:0; right:0; z-index:20;
		background:#FFF;
		transition:.3s;
	}
	#hmb_check:checked + #hmb_btn {
		background-image:url(../img/hmb_btnOff.svg);
		/* background-color:#65B7EC; */
	} /* ボタン 色・アイコン(オン) */
	#hmb_check:checked ~ #hmb_bg      { opacity:.5; display:block; }
	#hmb_check:checked ~ #hmb_content { opacity:1; width:80%; }
	#hmb_check:checked + #hmb_btn { position:fixed; }
	/* hmb_menu *********** */

	/* common */
	header img, footer img { display:block; max-width:100%; }
	th, td        { display:block; width:100%; text-align:left; }
	tbody th      { border-bottom-color:#0F283C; }
	tbody td + td { border-top:none; }

	/* inner */
	.headBox, .footBox, .breadCrumb,
	header ul, .pagetop,
	.inner { padding-left:5%; padding-right:5%; width:100%; }

	/* flexBox */

	/* header ********** */
	h1     { max-width:calc(100% - 3.75em); }
	h1 img { height:40px; }
	header #hmb_content > ul { flex-direction:column; margin:60px auto; }
	header ul ul { display:block; padding:0; }
	header li    { width:100%; }
	header li a  { padding:0 0 1em 0; color:#333; text-align:left; border-bottom:1px dashed #333; }
	header li:not(.sp) { margin-top:1em; }
	header #hmb_content  li em { border:none; }
	nav .contact    { width:100%; }
	nav .contact em { display:inline; }

	/* main ********** */
	main {  }
	h3::after { width:1em; }

	/* btn */
	.btn { width:100%; }

	/* productList */
	.productList ul { flex-wrap:wrap; }
	.productList li { width:100%; }
	.productList li:not(:first-child) { margin-top:.5em; }

	/* businessContent */
	.businessContent li li { width:100%; }
	.businessContent ul + ul li:not(:first-child) { margin-top:.5em; }

	/* newsList */
	.detailWrap .btn,
	.newsList .btn  { width:100%; }
	.newsList li { flex-wrap:wrap; }
	.newsList li em { display:block; }
	.newsList li:last-child { padding-bottom:2em; }
	.up_ymd  { width:50%; }
	.title   { order:2; width:100%; margin-top:.5em; }
	.newMark { order:1; }

	/* pagetop */

	/* footer ********** */
	footer .footBox { flex-wrap:wrap; }
	footer address,
	footer nav { width:100%; margin-top:1em; }
	footer nav li:nth-child(n+5):nth-child(-n+8),
	footer nav li { width:48.5%; min-width:auto; }
	footer nav li:last-child { width:100%; }
	footer .right img { max-height:90px; width:auto; margin-left:auto; }
}